.ds-seg{--seg-h:var(--e-control-sm);--seg-pad:3px;block-size:var(--seg-h);padding:var(--seg-pad);border-radius:var(--e-radius-control);background:var(--e-surface-sunken);box-shadow:inset 0 0 0 1px var(--e-line);isolation:isolate;align-items:stretch;gap:2px;max-inline-size:100%;display:inline-flex;position:relative}.ds-seg[data-size=sm]{--seg-h:28px;--seg-pad:2px;border-radius:var(--e-radius-chip)}.ds-seg[data-size=lg]{--seg-h:var(--e-control-md);--seg-pad:4px}.ds-seg[data-full]{inline-size:100%;display:flex}.ds-seg-indicator{top:var(--seg-pad);bottom:var(--seg-pad);z-index:-1;border-radius:calc(var(--e-radius-control) - var(--seg-pad));background:var(--e-surface);box-shadow:var(--e-shadow-1), 0 0 0 .5px var(--e-line);pointer-events:none;position:absolute;left:0}.ds-seg[data-size=sm] .ds-seg-indicator{border-radius:calc(var(--e-radius-chip) - 2px)}.ds-seg-indicator[data-animate]{transition:translate var(--e-duration-base) var(--e-ease-standard), inline-size var(--e-duration-base) var(--e-ease-standard)}.ds-seg-item{border-radius:calc(var(--e-radius-control) - var(--seg-pad));min-inline-size:0;color:var(--e-fg-muted);font-size:var(--e-text-label);font-weight:var(--e-weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--e-duration-fast) var(--e-ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding-inline:12px;line-height:1;display:inline-flex;position:relative}.ds-seg[data-size=sm] .ds-seg-item{border-radius:calc(var(--e-radius-chip) - 2px);font-size:var(--e-text-caption);gap:5px;padding-inline:10px}.ds-seg[data-size=lg] .ds-seg-item{font-size:var(--e-text-ui);padding-inline:16px}.ds-seg[data-full] .ds-seg-item{flex:1 1 0}.ds-seg-item[data-icon-only]{aspect-ratio:1.25;padding-inline:0}.ds-seg-item svg{flex:none;block-size:16px;inline-size:16px}.ds-seg[data-size=sm] .ds-seg-item svg{block-size:14px;inline-size:14px}.ds-seg-label{text-overflow:ellipsis;overflow:hidden}.ds-seg-item:hover:not(:disabled,[data-state=on]),.ds-seg-item[data-state=on]{color:var(--e-fg)}.ds-seg:not([data-measured]) .ds-seg-item[data-state=on]{background:var(--e-surface);box-shadow:var(--e-shadow-1)}.ds-seg-item:disabled{color:var(--e-fg-disabled);cursor:not-allowed}.ds-seg-item:focus-visible{outline-offset:-2px}@media (pointer:coarse){.ds-seg-item:after{content:"";inset:calc((var(--seg-h) - 2 * var(--seg-pad) - 40px) / 2) 0;position:absolute}}