.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented__option{border:1px solid var(--border-color);background:var(--segment-option-bg);color:var(--text-secondary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:.85rem;font-weight:500;line-height:1.2;transition:background .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.segmented__option:hover{background:var(--segment-option-bg-hover);border-color:var(--segment-accent);color:var(--text-color)}.segmented__option--on{background:var(--segment-accent-soft);border-color:var(--segment-accent);color:var(--text-color)}.segmented__option:disabled{opacity:.6;cursor:progress}.segmented__option--dim{opacity:.5}.segmented__option--dim:hover{opacity:.75}.segmented__option--attention.segmented__option--on{background:var(--segment-attention-soft);border-color:var(--segment-attention)}.segmented__icon{text-align:center;width:1.1em;margin-right:.35em;font-size:.95em;line-height:1;display:inline-block}.segmented__count{color:inherit;font-variant-numeric:tabular-nums}.segmented--track,.segmented--pill{background:var(--segment-track-bg);border:1px solid var(--border-color);flex-wrap:nowrap;align-self:flex-start;gap:4px;display:inline-flex}.segmented--track .segmented__option,.segmented--pill .segmented__option{background:0 0;border-color:#0000}.segmented--track .segmented__option:hover,.segmented--pill .segmented__option:hover{background:var(--segment-option-bg-hover);border-color:#0000}.segmented--track .segmented__option--on,.segmented--track .segmented__option--attention.segmented__option--on,.segmented--pill .segmented__option--on,.segmented--pill .segmented__option--attention.segmented__option--on{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:#0000}.segmented--track{border-radius:8px;padding:6px}.segmented--pill{border-radius:999px;padding:3px}.segmented--pill .segmented__option{border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:600}.segmented--stretch-always .segmented__option{flex:1}@media (max-width:768px){.segmented--stretch-mobile{width:100%}.segmented--stretch-mobile .segmented__option{flex:1;padding:6px 12px;font-size:.8rem}}