.otp[data-v-78dc3995]{cursor:text;max-width:100%;position:relative;width:-moz-max-content;width:max-content}.otp__boxes[data-v-78dc3995]{display:flex;gap:10px}.otp__box[data-v-78dc3995]{background:var(--ui-color-surface,#fbfaf6);border:1.5px solid var(--ui-color-border,#ddd8cc);border-radius:12px;color:var(--ui-color-ink,#12211d);display:grid;font-size:24px;font-variant-numeric:tabular-nums;font-weight:600;height:60px;place-items:center;position:relative;transition:border-color .15s,box-shadow .15s,background-color .15s;width:52px}.otp__box.is-filled[data-v-78dc3995]{background:var(--ui-color-sand,#efebe1)}.otp__box.is-active[data-v-78dc3995]{border-color:var(--ui-color-green,#1f7a64);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-color-green,#1f7a64) 18%,transparent)}.otp--invalid .otp__box[data-v-78dc3995]{border-color:var(--ui-color-danger,#b42318)}.otp--disabled[data-v-78dc3995]{cursor:not-allowed;opacity:.6}.otp__caret[data-v-78dc3995]{animation:otp-blink-78dc3995 1s steps(1) infinite;background:var(--ui-color-ink,#12211d);height:26px;position:absolute;width:2px}@keyframes otp-blink-78dc3995{50%{opacity:0}}.otp__input[data-v-78dc3995]{background:transparent;border:0;caret-color:transparent;color:transparent;font-size:16px;height:100%;inset:0;letter-spacing:3em;margin:0;outline:none;padding:0;position:absolute;width:100%;-webkit-text-fill-color:transparent}.otp__input[data-v-78dc3995]::-moz-selection{background:transparent}.otp__input[data-v-78dc3995]::selection{background:transparent}@media(max-width:420px){.otp__boxes[data-v-78dc3995]{gap:6px}.otp__box[data-v-78dc3995]{font-size:21px;height:54px;width:44px}}@media(prefers-reduced-motion:reduce){.otp__caret[data-v-78dc3995]{animation:none}}