/* Segmented control · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: ToggleGroup. */
/* base.css */
.seg-i{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal}
/* base.css */
.seg{display:inline-flex;padding:3px;gap:2px;background:hsl(var(--muted));border-radius:var(--r-card);border:1px solid hsl(var(--border))}
/* base.css */
.seg>button, .seg-i{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 var(--s-3);border-radius:var(--r-control);font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-size:var(--text-body);font-weight:var(--w-medium);color:hsl(var(--muted-foreground));white-space:nowrap;transition:background-color var(--motion-hover),color var(--motion-hover),box-shadow var(--motion-hover)}
/* base.css */
.seg>button:hover, .seg-i:hover, .seg-i.is-hover{color:hsl(var(--foreground))}
/* base.css */
.seg>[aria-checked=true], .seg>[aria-pressed=true], .seg>.on{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:var(--e-btn-2),0 0 0 1px hsl(var(--border))}
/* base.css */
.seg-i.is-focus, .seg>button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}
/* base.css */
.seg.sm>button, .seg.sm .seg-i{height:26px;font-size:var(--text-small);padding:0 10px}
/* base.css */
.seg.ic>button{padding:0 var(--s-2)}
/* base.css */
.seg.full{display:flex}
/* base.css */
.seg.full>button, .seg.full .seg-i{flex:1}
/* base.css */
.seg[aria-disabled=true]{opacity:.5;pointer-events:none}
/* base.css */
.seg.err{border-color:hsl(var(--destructive))}
/* base.css */
.seg.ro{background:hsl(var(--muted)/.55)}
/* base.css */
.seg.ro>button{cursor:default}
/* base.css */
.seg .dot{width:6px;height:6px}
/* base.css */
.kit-m .seg>button, .kit-m .seg-i{height:38px}