.codewrap.svelte-1aeueyb{width:100%;max-width:363px;display:block;position:relative}.hidden-input.svelte-1aeueyb{opacity:0;cursor:text;width:100%;height:100%;position:absolute;inset:0}.code.svelte-1aeueyb{gap:9px;display:flex}.seg.svelte-1aeueyb{aspect-ratio:54/64;border:var(--bw) solid var(--color-ink);background:var(--color-panel);min-width:0;max-width:54px;font-family:var(--font-mono);box-shadow:var(--sh-sm);flex:1 1 0;justify-content:center;align-items:center;font-size:clamp(20px,7vw,30px);font-weight:800;display:flex}.seg.dash.svelte-1aeueyb{aspect-ratio:auto;max-width:18px;box-shadow:none;color:var(--color-gray-3);background:0 0;border:none;flex:0 0 18px;font-size:26px}.seg.cur.svelte-1aeueyb{background:var(--color-accent);color:var(--color-on-accent)}.codewrap.svelte-1aeueyb:focus-within .seg.cur:where(.svelte-1aeueyb){outline:2px solid var(--color-ink);outline-offset:2px}