[data-ui=segmented-control]{--seg-count: 2;position:relative;display:inline-flex;align-items:stretch;padding:var(--space-1);background:var(--surface-sunken);border:1px solid var(--line-faint);border-radius:var(--r-pill);isolation:isolate;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-1);scrollbar-width:none;-ms-overflow-style:none}[data-ui=segmented-control]::-webkit-scrollbar{display:none}.ui-segmented__edge{position:sticky;z-index:2;flex:0 0 0;width:0;align-self:stretch;opacity:0;pointer-events:none;transition:opacity var(--t-app-fast, .14s) var(--ease-app, ease-out)}.ui-segmented__edge:after{content:"";position:absolute;top:calc(var(--space-1) * -1);bottom:calc(var(--space-1) * -1);width:40px}.ui-segmented__edge--start{left:0}.ui-segmented__edge--start:after{left:calc(var(--space-1) * -1);background:linear-gradient(to right,var(--surface-sunken) 0%,var(--surface-sunken) 30%,transparent 100%)}.ui-segmented__edge--end{right:0}.ui-segmented__edge--end:after{right:calc(var(--space-1) * -1);background:linear-gradient(to left,var(--surface-sunken) 0%,var(--surface-sunken) 30%,transparent 100%)}[data-ui=segmented-control][data-overflow=true]:not([data-start=true]) .ui-segmented__edge--start,[data-ui=segmented-control][data-overflow=true]:not([data-end=true]) .ui-segmented__edge--end{opacity:1}.ui-segmented.x-scroll-fade .ui-segmented__edge{display:none}@media(prefers-reduced-motion:reduce){.ui-segmented__edge{transition:none}}.ui-segmented__thumb{position:absolute;top:var(--space-1);bottom:var(--space-1);left:0;width:var(--seg-thumb-w, calc((100% - var(--space-2)) / var(--seg-count, 2)));transform:translate3d(var(--seg-thumb-x, var(--space-1)),0,0);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);box-shadow:var(--card-elev-1);transition:transform var(--t-app-base, .22s) var(--ease-app, ease-out),width var(--t-app-base, .22s) var(--ease-app, ease-out);z-index:-1;pointer-events:none}.ui-segmented__option{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);min-height:var(--seg-option-h);background:transparent;border:none;border-radius:var(--r-pill);color:var(--ink-3);font-family:var(--font-sans, system-ui, sans-serif);font-size:var(--t-xs);font-weight:var(--w-medium);letter-spacing:-.005em;cursor:pointer;flex:1 0 auto;white-space:nowrap;scroll-snap-align:start;transition:color var(--t-app-fast, .14s) var(--ease-app, ease-out)}.ui-segmented--md .ui-segmented__option{min-height:var(--seg-option-h-md);padding:0 var(--space-4);font-size:var(--t-sm)}.ui-segmented__option.is-active{color:var(--ink-1);font-weight:var(--w-label)}.ui-segmented__count{margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--r-pill);background:var(--bg-3);color:var(--ink-3);font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-size:var(--t-xs);line-height:var(--lh-xs);font-weight:var(--w-body);transition:background var(--t-app-fast, .14s) var(--ease-app, ease-out),color var(--t-app-fast, .14s) var(--ease-app, ease-out)}.ui-segmented__option.is-active .ui-segmented__count{background:var(--accent-soft);color:var(--accent-strong)}@media(hover:hover)and (pointer:fine){.ui-segmented__option:hover:not(.is-active):not(:disabled){color:var(--ink-2)}}.ui-segmented__option:focus-visible{outline:none;box-shadow:var(--ring-brand, 0 0 0 2px var(--brand-strong))}.ui-segmented__option[disabled]{opacity:.4;cursor:not-allowed}.ui-segmented__option[data-soon=true]{opacity:.55}@media(prefers-reduced-motion:reduce){.ui-segmented__thumb,.ui-segmented__option{transition:none}}@media(max-width:480px){.ui-segmented__option,.ui-segmented--md .ui-segmented__option{padding-inline:var(--space-2);letter-spacing:0}}@media(hover:none)and (pointer:coarse){.ui-segmented__option{padding:0 var(--space-3);min-inline-size:var(--tap-min, 44px);touch-action:manipulation}.ui-segmented--md .ui-segmented__option{padding:0 var(--space-3)}.ui-segmented__option:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}}