.look.svelte-1v8v3cm{gap:var(--space-3);min-width:0;margin-top:var(--space-4);display:grid}fieldset.svelte-1v8v3cm{border:0;min-width:0;margin:0;padding:0}legend.svelte-1v8v3cm{margin-bottom:var(--space-2);padding:0;font-weight:700}.letters.svelte-1v8v3cm{gap:var(--space-2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:-4px calc(-1 * var(--margin-mobile)) 0;padding:4px var(--margin-mobile) var(--space-1);scroll-padding-inline:var(--margin-mobile);display:flex;overflow-x:auto}.letters.svelte-1v8v3cm::-webkit-scrollbar{display:none}.letter.svelte-1v8v3cm{min-width:0;min-height:72px;padding:var(--space-2) 6px;border:2px solid var(--line);border-radius:var(--radius-field);text-align:center;cursor:pointer;scroll-snap-align:start;background:#fff;flex:0 0 104px;align-content:center;justify-items:center;gap:2px;display:grid;position:relative}.letter.svelte-1v8v3cm input:where(.svelte-1v8v3cm),.dot.svelte-1v8v3cm input:where(.svelte-1v8v3cm){opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.letter.svelte-1v8v3cm:has(input:where(.svelte-1v8v3cm):checked){border-color:var(--ink);background:var(--sky-tint);box-shadow:inset 0 0 0 1px var(--ink)}:is(.letter.svelte-1v8v3cm:has(input:where(.svelte-1v8v3cm):focus-visible),.dot.svelte-1v8v3cm:has(input:where(.svelte-1v8v3cm):focus-visible)){outline:3px solid var(--ink);outline-offset:2px}.letter.off.svelte-1v8v3cm{color:var(--ink-2);cursor:not-allowed;border-style:dashed}.letter.off.svelte-1v8v3cm input:where(.svelte-1v8v3cm){cursor:not-allowed}.letter.off.svelte-1v8v3cm .sample:where(.svelte-1v8v3cm){opacity:.5}.sample.svelte-1v8v3cm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.25rem;font-weight:700;line-height:1.5;overflow:hidden}.letter-name.svelte-1v8v3cm{font-size:.875rem;font-weight:700;line-height:1.2}.why.svelte-1v8v3cm{font-size:.75rem;line-height:1.2}.dots.svelte-1v8v3cm{gap:var(--space-1);flex-wrap:wrap;display:flex}.dot.svelte-1v8v3cm{width:var(--tap-min);height:var(--tap-min);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.ink.svelte-1v8v3cm{border-radius:50%;width:36px;height:36px;box-shadow:inset 0 0 0 1px #00000026}.dot.svelte-1v8v3cm:has(input:where(.svelte-1v8v3cm):checked){box-shadow:inset 0 0 0 3px var(--ink)}.now.svelte-1v8v3cm{font-size:var(--text-small);margin:0}.warn.svelte-1v8v3cm{margin-top:var(--space-1);color:var(--crayon-red-dark);font-weight:600;display:block}@media (width>=900px){.letters.svelte-1v8v3cm{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));margin:0;padding:0;display:grid;overflow:visible}}