.code-input[data-v-0eedfa96]{grid-template-columns:repeat(var(--ci-count),minmax(0,var(--ci-size,52px)));justify-content:center;gap:var(--ci-gap,10px);display:grid;position:relative}.code-input__field[data-v-0eedfa96]{z-index:1;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.code-input__field[data-v-0eedfa96]::selection{background:0 0}.code-input.is-disabled .code-input__field[data-v-0eedfa96]{cursor:not-allowed}.code-input__slot[data-v-0eedfa96]{aspect-ratio:5/6;border:1.5px solid var(--ci-border,#dce5f0);border-radius:var(--ci-radius,12px);background:var(--ci-bg,#f8fafd);color:var(--ci-text,#0b1f3a);font-size:var(--ci-font,24px);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.code-input__slot.is-filled[data-v-0eedfa96]{border-color:color-mix(in srgb,var(--ci-text,#0b1f3a) 28%,var(--ci-border,#dce5f0))}.code-input__slot.is-active[data-v-0eedfa96]{border-color:var(--ci-accent,#1565c0);background:var(--ci-bg-active,#fff);box-shadow:0 0 0 4px var(--ci-ring,#1565c024)}.code-input__slot.is-active[data-v-0eedfa96]:not(.is-filled):after{content:"";background:var(--ci-accent,#1565c0);border-radius:1px;width:2px;height:40%;animation:1s step-end infinite code-input-blink-0eedfa96}.code-input.is-invalid .code-input__slot[data-v-0eedfa96]{border-color:var(--ci-danger,#b42318)}.code-input.is-invalid .code-input__slot.is-active[data-v-0eedfa96]{box-shadow:0 0 0 4px color-mix(in srgb,var(--ci-danger,#b42318) 14%,transparent)}.code-input.is-disabled .code-input__slot[data-v-0eedfa96]{opacity:.6}@keyframes code-input-blink-0eedfa96{50%{opacity:0}}@media (width<=380px){.code-input[data-v-0eedfa96]{gap:var(--ci-gap,6px)}.code-input__slot[data-v-0eedfa96]{font-size:var(--ci-font,20px)}}@media (prefers-reduced-motion:reduce){.code-input__slot[data-v-0eedfa96]{transition:none}.code-input__slot.is-active[data-v-0eedfa96]:not(.is-filled):after{animation:none}}