.otp-cell[data-v-f4de7f89]{background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:1rem;caret-color:var(--color-primary,#f08c8c);color:var(--color-tertiary,#2b2b2b);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700;height:3.75rem;outline:none;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:3.25rem}.otp-cell[data-v-f4de7f89]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary,#f08c8c) 20%,transparent);transform:translateY(-1px)}.otp-cell--filled[data-v-f4de7f89],.otp-cell[data-v-f4de7f89]:focus{border-color:var(--color-primary,#f08c8c)}.otp-cell--filled[data-v-f4de7f89]{background:color-mix(in srgb,var(--color-primary,#f08c8c) 8%,#fff)}.otp-cell--invalid[data-v-f4de7f89]{animation:otp-shake-f4de7f89 .3s ease;border-color:#e11}@keyframes otp-shake-f4de7f89{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:380px){.otp-cell[data-v-f4de7f89]{font-size:1.5rem;height:3.25rem;width:2.75rem}}