:root{--Spacing-xxs:.2rem;--Spacing-xs:.4rem;--Spacing-s:.6rem;--Spacing-sm:1rem;--Spacing-base:1.6rem;--Spacing-m:1.4rem;--Spacing-ml:2rem;--Spacing-l:2.8rem;--Spacing-xl:4rem;--Spacing-xxl:8rem;--Radius-xs:2px;--Radius-s:4px;--Radius-sm:6px;--Radius-m:10px;--Radius-ml:16px;--Radius-lg:24px;--Radius-xl:36px;--Radius-round:100%;--card-height:0px}.button-loading-state{opacity:40%}.otp-input{background:var(--Base-White,#fff);border:var(--Spacing-zero,1px) solid hsla(0,0%,92%,.5);border-radius:var(--Spacing-s,6px);-webkit-box-shadow:-1px -1px 0 0 #fff,1px 1px 2px 0 rgba(170,170,204,.5);box-shadow:-1px -1px #fff,1px 1px 2px #aaaacc80;color:var(--Grey-Neutral,#868686);font-family:Gilroy,Arial;font-size:2.4rem;font-style:normal;font-weight:600;height:6.4rem;line-height:100%;max-width:12.7rem;text-align:center;width:100%}.otp-input.is-complete{background-color:inherit!important}.error .otp-input{color:#ff4615}@media screen and (max-width:1024px){.otp-input{height:5.6rem}}.otp-input-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--Spacing-m)}@media screen and (max-width:1024px){.otp-input-container{gap:var(--Spacing-sm)}}.otp-input.is-complete{background-color:#e4e4e4}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-input-placeholder{font-size:2.4rem;font-weight:600;text-align:center}input::-moz-placeholder{font-size:2.4rem;font-weight:600;text-align:center}input:-ms-input-placeholder{font-size:2.4rem;font-weight:600;text-align:center}input::-ms-input-placeholder{font-size:2.4rem;font-weight:600;text-align:center}input::placeholder{font-size:2.4rem;font-weight:600;text-align:center}