.otp[data-v-4e2c507a]{justify-content:center;gap:8px;display:flex;position:relative}.otp__input[data-v-4e2c507a]{z-index:1;color:#0000;-webkit-text-fill-color:transparent;caret-color:#0000;letter-spacing:0;cursor:text;background:0 0;border:0;outline:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.otp__input[data-v-4e2c507a]:-webkit-autofill{transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #0000}.otp__input[data-v-4e2c507a]:-webkit-autofill:focus{transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #0000}.otp__box[data-v-4e2c507a]{border:1.5px solid var(--color-border);background:var(--color-bg);min-width:0;max-width:54px;height:56px;color:var(--color-text);border-radius:14px;flex:1 1 0;place-items:center;font-size:1.4rem;font-weight:800;transition:border-color .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1);display:grid;position:relative}.otp__box.is-filled[data-v-4e2c507a]{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:var(--color-surface)}.otp__box.is-active[data-v-4e2c507a]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.otp__caret[data-v-4e2c507a]{background:var(--color-primary);border-radius:2px;width:2px;height:24px;animation:1s step-end infinite otp-blink-4e2c507a}@keyframes otp-blink-4e2c507a{50%{opacity:0}}.otp.is-invalid .otp__box[data-v-4e2c507a]{box-shadow:none;border-color:#d64545;animation:.32s cubic-bezier(.2,0,0,1) otp-shake-4e2c507a}@keyframes otp-shake-4e2c507a{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.otp.is-disabled .otp__box[data-v-4e2c507a]{opacity:.6}@media (width<=480px){.otp[data-v-4e2c507a]{gap:7px}.otp__box[data-v-4e2c507a]{border-radius:12px;height:52px}}@media (prefers-reduced-motion:reduce){.otp__box[data-v-4e2c507a]{transition:none}.otp.is-invalid .otp__box[data-v-4e2c507a],.otp__caret[data-v-4e2c507a]{animation:none}}