:root{--s-segmented-min-height-sm:var(--s-content-height-2xs);--s-segmented-min-height:var(--s-content-height-xs);--s-segmented-min-height-lg:var(--s-content-height-sm);--s-segmented-padding:var(--s-size-3xs);--s-segmented-font-size:var(--s-font-size);--s-segmented-bg:var(--s-fill-color-tertiary);--s-segmented-border-radius:var(--s-border-radius);--s-segmented-pointer-bg:var(--s-bg-color-container);--s-segmented-pointer-box-shadow:var(--s-box-shadow-tertiary);--s-segmented-item-padding:var(--s-size-sm);--s-segmented-item-padding-sm:var(--s-size-xs);--s-segmented-item-color:var(--s-text-color-secondary);--s-segmented-item-color-active:var(--s-text-color-emphasis);--s-segmented-item-bg-active:var(--s-bg-color-active-dark)}.s-segmented{display:flex;align-items:stretch;min-height:var(--s-segmented-min-height);padding:var(--s-segmented-padding);border-radius:var(--s-segmented-border-radius);background:var(--s-segmented-bg);font-size:var(--s-segmented-font-size)}.s-segmented--vertical{display:inline-flex}.s-segmented--vertical .s-segmented__wrapper{flex-direction:column}.s-segmented--vertical .s-segmented__pointer{width:100%}.s-segmented--small{min-height:var(--s-segmented-min-height-sm)}.s-segmented--large{min-height:var(--s-segmented-min-height-lg)}.s-segmented--round{border-radius:var(--s-border-radius-full)}.s-segmented--round .s-segmented__pointer{border-radius:var(--s-border-radius-full)}.s-segmented__pointer{position:absolute;top:0;inset-inline-start:0;height:100%;border-radius:calc(var(--s-segmented-border-radius) - 2px);background:var(--s-segmented-pointer-bg);box-shadow:var(--s-segmented-pointer-box-shadow);transition:transform var(--s-duration);--final-offset: var(--offset);transform:translate3d(var(--final-offset), 0, 0)}:root[dir=rtl] .s-segmented--horizontal .s-segmented__pointer{--final-offset: calc(var(--offset) * -1)}.s-segmented--vertical .s-segmented__pointer{transform:translate3d(0, var(--final-offset), 0)}.s-segmented__wrapper{position:relative;display:flex;align-items:stretch;width:100%}.s-segmented-item{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;min-height:calc(var(--s-segmented-min-height) - var(--s-segmented-padding)*2);padding:0 var(--s-segmented-item-padding);border-radius:calc(var(--s-segmented-border-radius) - 2px);color:var(--s-segmented-item-color)}.s-segmented-item--small{min-height:calc(var(--s-segmented-min-height-sm) - var(--s-segmented-padding)*2)}.s-segmented-item--large{min-height:calc(var(--s-segmented-min-height-lg) - var(--s-segmented-padding)*2)}.s-segmented-item--round{border-radius:var(--s-border-radius-full)}.s-segmented-item:not(.is-disabled,.is-readonly,.is-selected){cursor:pointer}.s-segmented-item:not(.is-disabled,.is-readonly,.is-selected):active{background:var(--s-segmented-item-bg-active)}.s-segmented-item:is(.is-selected){color:var(--s-segmented-item-color-active)}.s-segmented-item:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-segmented-item--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}