.otp .otp-box:disabled{opacity:1;-webkit-text-fill-color:currentColor;cursor:wait}.otp[data-state=verifying] .otp-box{border-color:var(--primary);box-shadow:none}.otp[data-state=success] .otp-box{border-color:var(--positive);background:var(--positive-tint);box-shadow:0 0 0 1px var(--positive);cursor:default;animation:.6s ease-out otp-confirm}.otp[data-state=error] .otp-box{border-color:var(--negative);background:var(--negative-tint);box-shadow:0 0 0 1px var(--negative)}.otp[data-state=error]{animation:.3s ease-out otp-reject}@keyframes otp-confirm{0%{box-shadow:0 0 0 0 var(--positive)}50%{box-shadow:0 0 0 4px var(--positive-tint)}to{box-shadow:0 0 0 1px var(--positive)}}@keyframes otp-reject{0%,to{transform:translate(0)}25%,75%{transform:translate(-4px)}50%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.otp[data-state=success] .otp-box,.otp[data-state=error]{animation:none}}