.VerificationCodeInput-module__WWFUuG__root{width:100%}.VerificationCodeInput-module__WWFUuG__slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:304px;margin-inline:auto;display:grid}.VerificationCodeInput-module__WWFUuG__box{caret-color:#0000;width:100%;min-width:0;height:56px;font-size:22px}.VerificationCodeInput-module__WWFUuG__feedback{min-height:24px;margin-top:10px}.VerificationCodeInput-module__WWFUuG__root[data-state=error] .VerificationCodeInput-module__WWFUuG__box{background-color:#7f1d1d22;border-color:#f87171}.VerificationCodeInput-module__WWFUuG__root[data-state=error] .VerificationCodeInput-module__WWFUuG__feedback{color:#f87171}.VerificationCodeInput-module__WWFUuG__root[data-state=success] .VerificationCodeInput-module__WWFUuG__box{color:#34d399;background-color:#065f4622;border-color:#34d399}.VerificationCodeInput-module__WWFUuG__root[data-state=success] .VerificationCodeInput-module__WWFUuG__feedback{color:#34d399}@media (prefers-reduced-motion:no-preference){.VerificationCodeInput-module__WWFUuG__root[data-state=error] .VerificationCodeInput-module__WWFUuG__slots{animation:.26s cubic-bezier(.23,1,.32,1) VerificationCodeInput-module__WWFUuG__code-shake}.VerificationCodeInput-module__WWFUuG__root[data-state=success] .VerificationCodeInput-module__WWFUuG__slots{animation:.22s cubic-bezier(.23,1,.32,1) VerificationCodeInput-module__WWFUuG__code-success}}@keyframes VerificationCodeInput-module__WWFUuG__code-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes VerificationCodeInput-module__WWFUuG__code-success{0%{opacity:.75;transform:scale(.98)}to{opacity:1;transform:scale(1)}}