@layer reset,base;@layer components.primitives{.seg-slide{gap:var(--space-4);padding:var(--space-4);background:var(--bg-sunken);border:1px solid var(--border-1);border-radius:var(--radius-pill);isolation:isolate;display:inline-flex;position:relative}.seg-slide-thumb{top:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-pill);background:var(--bg-surface);box-shadow:var(--shadow-xs);pointer-events:none;transition:transform var(--dur-base) var(--ease-out), width var(--dur-base) var(--ease-out);position:absolute;inset-inline-start:0}.seg-opt{gap:var(--space-6);position:relative}.seg-input{appearance:none;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg-slide .seg-opt{z-index:var(--z-local-1);padding:var(--space-6) var(--space-16);border-radius:var(--radius-pill);white-space:nowrap;font-size:var(--type-meta-size);font-weight:var(--font-weight-medium);color:var(--fg-3);cursor:pointer;transition:var(--tint-transition);background:0 0;border:0;position:relative}.seg-slide .seg-opt:hover,.seg-slide .seg-opt:active{color:var(--fg-1)}@media (forced-colors:active){.seg-slide .seg-opt:has(>:checked){color:highlighttext;background:highlight}}.seg-slide .seg-opt:has(>:checked){background:var(--bg-surface);color:var(--fg-1);box-shadow:var(--shadow-xs)}.seg-slide[data-thumbed] .seg-opt:has(>:checked){box-shadow:none;background:0 0}.seg{gap:var(--space-4);background:var(--bg-sunken);padding:var(--space-3);border-radius:var(--radius-sm);display:flex}.seg .seg-opt{height:24px;padding:0 var(--space-10);white-space:nowrap;font-size:var(--type-caption-size);font-family:var(--font-body);color:var(--fg-3);border-radius:var(--radius-xs);cursor:pointer;font-weight:var(--font-weight-medium);transition:var(--tint-transition);background:0 0;border:1px solid #0000;align-items:center;display:inline-flex}.seg .seg-opt:hover:not(:has(:disabled)):not(:has(>:checked)){color:var(--fg-1)}.seg .seg-opt:active{color:var(--fg-1)}.seg .seg-opt:has(:disabled){opacity:var(--opacity-disabled)}.seg .seg-opt:has(>:checked){background:var(--bg-surface);border-color:var(--border-1);box-shadow:var(--shadow-xs);color:var(--fg-1)}.seg.seg--md,.seg.seg--lg{border-radius:var(--radius-md);display:inline-flex}.seg.seg--md .seg-opt,.seg.seg--lg .seg-opt{padding:0 var(--space-14);border-radius:var(--radius-sm)}.seg.seg--md{padding:var(--space-4)}.seg.seg--md .seg-opt{height:32px;font-size:var(--type-meta-size)}.seg.seg--lg{padding:var(--space-3)}.seg.seg--lg .seg-opt{height:30px;font-size:var(--type-body-size)}@media (pointer:coarse){.seg .seg-opt,.seg.seg--md .seg-opt{min-height:40px}.seg.seg--lg .seg-opt{min-height:38px}.seg-opt{min-width:var(--tap-min)}.seg-input{inset-block:min(0px, calc((100% - var(--tap-min)) / 2));inset-inline:min(0px, calc((100% - var(--tap-min)) / 2));width:auto;height:auto}}}@layer components.patterns,components.features;