.view-toggle.svelte-1u9ucq7{background:#f4f4f5;border:1px solid #a1a1aa73;border-radius:18px;flex-shrink:0;align-items:center;gap:0;width:106px;height:36px;padding:1px;display:inline-flex;overflow:hidden}.view-toggle.svelte-1u9ucq7 button:where(.svelte-1u9ucq7){color:#52525b;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:0;min-width:32px;height:calc(100% - 2px);padding:0 .5rem;transition:background-color .2s,color .2s,padding .22s,gap .22s,transform .18s;display:inline-flex}.view-toggle.svelte-1u9ucq7 button:where(.svelte-1u9ucq7):hover{color:#18181b;background:#e4e4e7b8}.view-toggle.svelte-1u9ucq7 button.active:where(.svelte-1u9ucq7){background:color-mix(in srgb, var(--accent-solid) 16%, white);color:var(--accent-text-hover);gap:.3rem;padding-inline:.55rem .65rem}.view-toggle.svelte-1u9ucq7 button:where(.svelte-1u9ucq7):focus-visible{outline:2px solid var(--accent-ring);outline-offset:-2px}.view-icon-shell.svelte-1u9ucq7{background:0 0;border-radius:9px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:inline-flex}.view-toggle.svelte-1u9ucq7 button.active:where(.svelte-1u9ucq7) .view-icon-shell:where(.svelte-1u9ucq7){background:color-mix(in srgb, currentColor 12%, transparent)}.view-check.svelte-1u9ucq7{fill:currentColor;flex:0 0 14px;width:14px;height:14px}.view-icon-shell.svelte-1u9ucq7 svg:where(.svelte-1u9ucq7){fill:currentColor;width:16px;height:16px;display:block}:root[data-theme=dark] .view-toggle.svelte-1u9ucq7{background:#18181b;border-color:#3f3f46}:root[data-theme=dark] .view-toggle.svelte-1u9ucq7 button:where(.svelte-1u9ucq7){color:#a1a1aa}:root[data-theme=dark] .view-toggle.svelte-1u9ucq7 button:where(.svelte-1u9ucq7):hover{color:#d4d4d8;background:#3f3f46b8}:root[data-theme=dark] .view-toggle.svelte-1u9ucq7 button.active:where(.svelte-1u9ucq7){background:var(--accent-soft);color:var(--accent-text-hover)}