.switch.svelte-2f7kyl{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:42px;height:42px;padding:4px;overflow:hidden;border-radius:var(--r-pill);background:var(--chip-bg);transition:width var(--dur) var(--ease),background var(--dur) ease}.switch.svelte-2f7kyl:hover,.switch.svelte-2f7kyl:focus-within{width:min(var(--expanded),calc(100vw - 280px));background:var(--sidebar-active);overflow-x:auto;overflow-y:hidden;justify-content:flex-start}.swatch.svelte-2f7kyl{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:transform .16s var(--ease)}.swatch.svelte-2f7kyl:hover{transform:scale(1.08)}.swatch[aria-checked=true].svelte-2f7kyl{box-shadow:0 2px 8px #00000026,0 0 0 2px #9751d7}