.ribbon.svelte-rje7eg{display:flex;gap:2px;height:22px;padding:2px;border-radius:9px;background:var(--well);border:1px solid var(--line);box-shadow:inset 0 2px 3px var(--sh-1)}.ribbon.compact.svelte-rje7eg{height:12px;border-radius:7px;padding:1.5px}.seg.svelte-rje7eg{min-width:4px;border-radius:6px;background:linear-gradient(180deg,color-mix(in oklab,var(--c) 72%,white) 0%,var(--c) 55%,color-mix(in oklab,var(--c) 78%,black) 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px color-mix(in oklab,var(--c) 55%,black),0 3px 6px -3px color-mix(in oklab,var(--c) 70%,black);transition:opacity .15s,transform .15s}.compact.svelte-rje7eg .seg:where(.svelte-rje7eg){border-radius:4px;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px color-mix(in oklab,var(--c) 55%,black)}.seg.svelte-rje7eg:hover{transform:translateY(-1px)}.seg.dim.svelte-rje7eg{opacity:.35}