.segmented-control{isolation:isolate;min-width:0;padding:var(--space-1);gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);margin:0;display:flex;position:relative}.segmented-control-selection{z-index:-1;pointer-events:none;inset-block:var(--space-1);left:var(--space-1);width:calc((100% - 2 * var(--space-1) - (var(--segment-count) - 1) * var(--space-1)) / var(--segment-count));transform:translateX(calc(var(--segment-index) * (100% + var(--space-1))));border-radius:var(--radius-sm);background:var(--selection-bg);box-shadow:inset 0 0 0 1px var(--tag-active-border);transition:transform var(--motion-standard) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);position:absolute}.segmented-control-option{cursor:pointer;flex:1;min-width:0;position:relative}.segmented-control--grid{grid-template-columns:repeat(var(--segment-columns), minmax(0, 1fr));display:grid}.segmented-control--grid .segmented-control-selection{inset-block:auto;top:var(--space-1);width:calc((100% - 2 * var(--space-1) - (var(--segment-columns) - 1) * var(--space-1)) / var(--segment-columns));height:calc((100% - 2 * var(--space-1) - (var(--segment-rows) - 1) * var(--space-1)) / var(--segment-rows));transform:translate(calc(var(--segment-column) * (100% + var(--space-1))), calc(var(--segment-row) * (100% + var(--space-1))))}.segmented-control-option input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.segmented-control-option span{min-height:36px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--filter-label-size);line-height:var(--filter-leading);word-break:keep-all;transition:color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex}.segmented-control-option:hover span{color:var(--text)}.segmented-control-option input:checked+span{color:var(--selection-color);font-weight:var(--filter-label-weight)}.segmented-control-option input:focus-visible+span{outline:2px solid var(--focus-ring-color);outline-offset:-3px}.segmented-control-option:has(input:disabled){cursor:default;opacity:.5}.segmented-control[data-loading]{background:var(--surface-2);border-color:#0000}.segmented-control[data-loading]>:is(span,label){visibility:hidden}.segmented-control--raised{background:color-mix(in srgb, var(--surface-3) 60%, var(--surface));border-color:var(--border);border-radius:var(--radius-sm)}.segmented-control--raised .segmented-control-selection{background:var(--selection-bg);box-shadow:var(--shadow), inset 0 0 0 1px var(--selection-border)}.segmented-control--raised .segmented-control-option span{height:100%;min-height:32px;font-size:var(--filter-option-size);padding-inline:0}@media (width<=899.98px){.segmented-control-option span,.segmented-control--raised .segmented-control-option span{min-height:44px}}@media (prefers-reduced-motion:reduce){.segmented-control-selection,.segmented-control-option span{transition:none}}@media (forced-colors:active){.segmented-control-option input:checked+span{outline:1px solid highlight}}