:root{--temp-static-spacing-5: 5px;--temp-static-spacing-7: 7px;--temp-static-spacing-9: 9px;--temp-static-spacing-13: 13px;--temp-static-spacing-15: 15px;--temp-static-spacing-104: 104px;--temp-static-spacing-128: 128px;--temp-static-spacing-144: 144px;--temp-static-spacing-202: 202px;--temp-static-spacing-288: 288px;--temp-static-spacing-289: 289px;--temp-static-spacing-312: 312px;--temp-static-spacing-360: 360px}.segmented-control-single{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;width:fit-content;height:fit-content;background-color:var(--semantic-color-monochrome-surface-normal-lowest);-webkit-tap-highlight-color:transparent}.segmented-control-single .item{display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;z-index:2;min-width:0;text-align:center;background-color:transparent;border:none;outline:none}.segmented-control-single .item *{z-index:2}.segmented-control-single .item:disabled{opacity:var(--core-opacity-300);cursor:not-allowed;pointer-events:none}.segmented-control-single .item.focused,.segmented-control-single .item.focused:before{box-shadow:0 0 0 var(--borderWidth-xs) var(--core-color-solid-blue-700) inset}.segmented-control-single .item:hover:not(:disabled){background-color:var(--component-segmentedControl-bg-single-item-hover)}.segmented-control-single .item:active:not(:disabled,.selected),.segmented-control-single .item:active:not(:disabled,.animated):before{box-shadow:unset;background-color:var(--component-segmentedControl-bg-single-item-active)}.segmented-control-single .item.selected:not(:disabled){background:var(--component-segmentedControl-bg-single-item-selected);color:var(--component-segmentedControl-label-single-color-selected)}.segmented-control-single .item.animated:before{content:"";position:absolute;background-color:var(--component-segmentedControl-bg-single-item-selected);width:100%;min-height:100%;animation:var(--core-motion-duration-200) var(--motion-easing-inandout) slide-in;top:0;left:0;border-radius:inherit;z-index:1}.segmented-control-single .item .icon{display:flex;align-items:center;justify-content:center}.segmented-control-single .item .icon svg{fill:var(--component-segmentedControl-icon-single-default)}.segmented-control-single .item.selected:not(:disabled) *,.segmented-control-single .item.animated *{color:var(--component-segmentedControl-label-single-color-selected)}.segmented-control-single .item.selected:not(:disabled) svg,.segmented-control-single .item.animated svg{fill:var(--component-segmentedControl-icon-single-default)}.segmented-control-single--has-container-width{width:inherit;min-width:fit-content}.segmented-control-single--has-container-width .item{flex:1}.segmented-control-single--sm{min-height:var(--size-generic-lg);padding:var(--semantic-spacing-general-xs);border-radius:var(--semantic-borderRadius-md)}.segmented-control-single--sm .item{min-height:var(--size-generic-md);padding:var(--temp-static-spacing-5) var(--semantic-spacing-general-sm) var(--temp-static-spacing-5) var(--semantic-spacing-general-sm);gap:var(--semantic-spacing-gap-sm);border-radius:var(--semantic-borderRadius-sm)}.segmented-control-single--sm .item .icon{width:var(--size-generic-sm)}.segmented-control-single--md{min-height:var(--size-generic-2xl);padding:var(--semantic-spacing-general-sm);border-radius:var(--semantic-borderRadius-lg)}.segmented-control-single--md .item{min-height:var(--size-generic-lg);padding:var(--semantic-spacing-general-sm) var(--semantic-spacing-general-md) var(--semantic-spacing-general-sm) var(--semantic-spacing-general-md);gap:var(--semantic-spacing-gap-md);border-radius:var(--semantic-borderRadius-md)}.segmented-control-single--lg{min-height:var(--size-generic-4xl);padding:var(--core-spacing-600);border-radius:var(--semantic-borderRadius-xl)}.segmented-control-single--lg .item{min-height:var(--size-generic-xl);padding:var(--temp-static-spacing-9) var(--semantic-spacing-general-lg) var(--temp-static-spacing-9) var(--semantic-spacing-general-lg);gap:var(--core-spacing-600);border-radius:var(--core-borderRadius-600)}@keyframes slide-in{0%{transform:translate(var(--x))}to{transform:translate(0)}}
