.otp-field.svelte-5136xv{height:3.5rem;position:relative}.otp-boxes.svelte-5136xv{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;height:100%;display:grid}.otp-box.svelte-5136xv{border:1px solid var(--color-line);background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-mono,monospace);border-radius:.75rem;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.otp-box.active.svelte-5136xv{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px rgba(225,50,14,.12);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.otp-text.svelte-5136xv{top:0;bottom:0;left:0;right:0;border-radius:.75rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:clip}input.svelte-5136xv{box-sizing:border-box;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;display:block}.disabled.svelte-5136xv{opacity:.5}