.gd-otp[data-v-f04c148f]{display:flex;gap:var(--gd-space-4);justify-content:space-between}.gd-otp__box[data-v-f04c148f]{width:100%;max-width:52px;aspect-ratio:4/5;padding:0;background:var(--gd-surface);border:var(--gd-border-width) solid var(--gd-line-strong);border-radius:var(--gd-radius-md);font-family:var(--gd-font-mono);font-size:20px;font-weight:var(--gd-weight-bold);text-align:center;color:var(--gd-ink);caret-color:var(--gd-accent);transition:border-color var(--gd-dur-fast) var(--gd-ease-standard)}.gd-otp__box[data-v-f04c148f]:focus-visible{border-color:var(--gd-accent);outline:var(--gd-border-focus-width) solid var(--gd-accent);outline-offset:1px}.gd-otp__box[aria-invalid=true][data-v-f04c148f]{border-color:var(--gd-danger);animation:gd-otp-nudge-f04c148f var(--gd-dur-normal) var(--gd-ease-standard-decel)}.gd-otp__box[data-v-f04c148f]:disabled{background:var(--gd-surface-disabled);color:var(--gd-ink-placeholder)}@keyframes gd-otp-nudge-f04c148f{0%{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}to{transform:translate(0)}}