.otp[data-v-4f00549c]{--otp-gap-size:1.5rem;gap:var(--otp-gap-size);justify-content:center;display:flex}@media screen and (width<=700px){.otp[data-v-4f00549c]{--otp-gap-size:.5rem}}.otp__input[data-v-4f00549c]{width:min(5rem,calc(15vw - var(--otp-gap-size)*7/6));height:min(5rem,calc(15vw - var(--otp-gap-size)*7/6));text-align:center;font-size:var(--font-size-code);background:var(--color-surface-muted);border:none;border-radius:25%;outline:none;transition:all .2s}.otp__input[data-v-4f00549c]:focus{outline:2px solid var(--color-primary-focus)}