.otp-step{flex-direction:column;width:100%;display:flex}.otp-step .otp-form{flex-direction:column;gap:14px;width:100%;margin:0;display:flex}.otp-step .otp-form input{width:100%;font:inherit;color:var(--brand-ink);text-align:center;letter-spacing:6px;background:#fff;border:none;border-radius:14px;outline:none;padding:14px 18px;font-size:20px;font-weight:600;transition:box-shadow .2s;box-shadow:0 1px #4b011d0a}.otp-step .otp-form input::placeholder{color:#4b011d66;letter-spacing:normal;font-weight:400}.otp-step .otp-form input:focus{box-shadow:0 0 0 2px var(--brand-yellow)}.otp-step .resend-code{font:inherit;color:var(--brand-maroon);cursor:pointer;background:0 0;border:none;align-self:center;padding:4px 8px;font-size:13px;transition:opacity .2s}.otp-step .resend-code:hover:not(:disabled){opacity:.7}.otp-step .resend-code:disabled{cursor:default;opacity:.55}.otp-step .otp-submit-button{background:var(--brand-maroon);width:100%;height:54px;color:var(--brand-cream);font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:99px;margin:0;padding:0 32px;font-size:16px;font-weight:500;transition:transform .2s,background .2s}.otp-step .otp-submit-button:hover:not(:disabled){background:var(--brand-wine);transform:translateY(-2px)}.otp-step .otp-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.otp-step .otp-form .otp-container{flex-direction:column;align-items:stretch;gap:16px;display:flex}@media (max-width:590px){.otp-step .otp-form input{letter-spacing:4px;font-size:18px}}
.OTP{direction:ltr;display:flex;gap:20px!important}.OTP .input-container{background:var(--white);border-radius:12px;justify-content:center;align-items:center;display:flex;width:35px!important;height:45px!important}.OTP .input-container input{color:#fff;text-align:center;background:0 0;outline:none;width:100%;height:100%;font-size:18px;border:none!important}.OTP .input-container input:focus{border:none;outline:none}.filled{border:1px solid #000;background-color:#0000!important}