.otp.svelte-16wwq45{width:min(100%, calc(var(--n) * 56px + (var(--n) - 1) * 8px));margin-inline:auto;position:relative}.boxes.svelte-16wwq45{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:8px;display:grid}.box.svelte-16wwq45{aspect-ratio:4/5;border:2px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font,inherit);font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease,ease-out), box-shadow .15s var(--ease,ease-out);border-radius:16px;place-items:center;font-size:1.75rem;font-weight:800;line-height:1;display:grid}.box.full.svelte-16wwq45{border-color:var(--quiet)}.box.on.svelte-16wwq45{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.invalid.svelte-16wwq45 .box:where(.svelte-16wwq45){border-color:var(--problem)}.disabled.svelte-16wwq45 .box:where(.svelte-16wwq45){opacity:.5}.caret.svelte-16wwq45{background:var(--ink);width:2px;height:1.6rem;animation:1s step-end infinite svelte-16wwq45-blink}@keyframes svelte-16wwq45-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret.svelte-16wwq45{animation:none}}input.svelte-16wwq45{z-index:1;color:#0000;caret-color:#0000;letter-spacing:2em;cursor:text;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}input.svelte-16wwq45::selection{background:0 0}input.svelte-16wwq45:disabled{cursor:not-allowed}