@layer components{.kso-segmented{--segmented-height:var(--control-h-md);--segmented-font-size:var(--type-control-size);gap:var(--space-0-5);padding:var(--space-0-5);background-color:var(--color-surface-inset);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elevation-field);align-items:center;display:inline-flex;position:relative}.kso-segmented.is-block{width:100%;display:flex}.kso-segmented__item{z-index:1;gap:var(--space-1-5);height:var(--segmented-height);min-width:var(--segmented-height);padding-inline:var(--pad-control-x);font-size:var(--segmented-font-size);font-weight:var(--type-control-weight);line-height:var(--leading-none);color:var(--color-content-secondary);white-space:nowrap;border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);cursor:pointer;transition:var(--transition-color),var(--transition-elevation),scale var(--duration-1) var(--ease-standard),translate var(--duration-1) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex;position:relative}.kso-segmented.is-block .kso-segmented__item{flex:1}.kso-segmented__item:hover:not(.is-selected):not(.is-disabled){color:var(--color-content-primary);background-color:var(--color-surface-hover)}.kso-segmented__item.is-selected{color:var(--color-accent-on-solid)}.kso-segmented__thumb{inset-block:var(--space-0-5);z-index:0;background-color:var(--color-accent-solid);border-radius:var(--radius-control);box-shadow:var(--elevation-1);transition:opacity var(--duration-1) var(--ease-standard);pointer-events:none;position:absolute;inset-inline-start:0}.kso-segmented.is-settled .kso-segmented__thumb{transition:transform var(--duration-2) var(--ease-emphasized),width var(--duration-2) var(--ease-emphasized),background-color var(--duration-1) var(--ease-standard),box-shadow var(--duration-1) var(--ease-standard),scale var(--duration-1) var(--ease-standard),opacity var(--duration-1) var(--ease-standard)}.kso-segmented:has(.kso-segmented__item.is-selected:hover:not(.is-disabled)) .kso-segmented__thumb{background-color:var(--color-accent-solid-hover);box-shadow:var(--elevation-2)}.kso-segmented:has(.kso-segmented__item.is-selected:active:not(.is-disabled)) .kso-segmented__thumb{background-color:var(--color-accent-solid-active);scale:var(--press-scale)}@media (prefers-reduced-motion:reduce){.kso-segmented.is-settled .kso-segmented__thumb{transition:opacity var(--duration-1) var(--ease-standard)}}.kso-segmented__item.is-disabled{color:var(--color-content-disabled);cursor:default}.kso-segmented:has(.kso-segmented__item.is-selected.is-disabled) .kso-segmented__thumb{background-color:var(--color-surface-raised);box-shadow:var(--elevation-0)}.kso-segmented__item.is-selected.is-disabled{color:var(--color-content-disabled)}.kso-segmented__input{width:var(--space-px);height:var(--space-px);opacity:0;pointer-events:none;position:absolute;inset-block-start:var(--space-0);inset-inline-start:var(--space-0)}.kso-segmented__item:has(.kso-segmented__input:focus-visible){outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset-dense)}.kso-segmented--sm{--segmented-height:var(--control-h-sm);--segmented-font-size:var(--text-xs)}.kso-segmented--md{--segmented-height:var(--control-h-md);--segmented-font-size:var(--type-control-size)}.kso-segmented--lg{--segmented-height:var(--control-h-lg);--segmented-font-size:var(--text-md)}}
