.ds-seg{height:var(--seg-h);background:var(--c-seg-track);border-radius:var(--seg-radius);align-items:center;display:inline-flex;position:relative}.ds-seg-thumb{top:calc((var(--seg-h) - var(--seg-item-h)) / 2);left:var(--sp-0);z-index:0;width:calc(100% / var(--seg-count));height:var(--seg-item-h);border:var(--bw-1) solid var(--c-transparent);border-radius:var(--seg-radius);background:var(--c-seg-active);box-shadow:var(--sh-seg-active);transform:translateX(calc(var(--seg-index) * 100%));transition:transform var(--t-control) var(--ease), background var(--t-control) var(--ease), opacity var(--t-control) var(--ease);pointer-events:none;position:absolute}.ds-seg-thumb.hidden{opacity:0}.ds-seg-thumb[data-tone=include]{background:var(--c-seg-include)}.ds-seg-thumb[data-tone=exclude]{background:var(--c-seg-exclude)}.ds-seg-item{z-index:var(--z-raised);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--seg-item-gap);height:var(--seg-item-h);min-width:var(--seg-item-min);padding:var(--sp-0) var(--seg-item-pad-x);border:var(--bw-1) solid var(--c-transparent);border-radius:var(--seg-radius);background:var(--c-transparent);color:var(--c-seg-text-idle);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-solid);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;cursor:pointer;transition:color var(--t-control) var(--ease);flex:1 0 0;display:inline-flex;position:relative}.ds-seg-item:focus-visible,[data-preview-state=focus] .ds-seg-item{outline:var(--bw-2) solid var(--c-control-on);outline-offset:calc(-1 * var(--bw-2))}.ds-seg-item[data-state=on]{color:var(--c-seg-text)}.ds-seg-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ds-seg-item svg{width:var(--seg-icon);height:var(--seg-icon);flex-shrink:0}.ds-seg-compact{justify-content:center;gap:var(--seg-item-gap);min-width:var(--seg-compact-min);height:var(--seg-item-h);padding:var(--sp-0) var(--seg-item-pad-x);border:var(--bw-1) solid var(--c-transparent);background:var(--c-seg-active);box-shadow:var(--sh-seg-active);color:var(--c-seg-text);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-solid);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--t-control) var(--ease)}.ds-seg-compact[data-tone=include]{background:var(--c-seg-include)}.ds-seg-compact[data-tone=exclude]{background:var(--c-seg-exclude)}.ds-seg-compact:focus-visible{outline:var(--bw-2) solid var(--c-control-on);outline-offset:calc(-1 * var(--bw-2))}.ds-seg-compact svg{width:var(--seg-icon);height:var(--seg-icon);flex-shrink:0}@media (prefers-reduced-motion:reduce){.ds-seg-thumb{transition:none}}