@layer components{:where(.oksSegmentedControl){--oks-segmented-bg:var(--oks-color-neutral-100,#f5f5f5);--oks-segmented-thumb-bg:var(--oks-color-surface,#fff);--oks-segmented-fg:var(--oks-color-neutral-600,#525252);--oks-segmented-fg-selected:var(--oks-color-neutral-900,#171717);--oks-segmented-radius:var(--oks-radius-md,.375rem);--oks-segmented-height:2.25rem;--oks-segmented-pad:3px;padding:var(--oks-segmented-pad);border-radius:var(--oks-segmented-radius);background-color:var(--oks-segmented-bg);align-items:stretch;display:inline-flex;position:relative}:where(.oksSegmentedControl[data-full-width=true]){width:100%;display:flex}:where(.oksSegmentedControl[data-size=sm]){--oks-segmented-height:1.875rem;font-size:13px}:where(.oksSegmentedControl[data-size=lg]){--oks-segmented-height:2.625rem}:where(.oksSegmentedThumb){top:var(--oks-segmented-pad);bottom:var(--oks-segmented-pad);border-radius:calc(var(--oks-segmented-radius) - 2px);background-color:var(--oks-segmented-thumb-bg);pointer-events:none;transition:transform .18s cubic-bezier(.4,0,.2,1),width .18s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 1px 2px #00000024}:where(.oksSegmentedOption){z-index:1;justify-content:center;align-items:center;gap:var(--oks-space-1_5,6px);min-height:var(--oks-segmented-height);padding:0 var(--oks-space-3,12px);border-radius:calc(var(--oks-segmented-radius) - 2px);color:var(--oks-segmented-fg);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;transition:color .12s;display:inline-flex;position:relative}:where(.oksSegmentedControl[data-full-width=true]) :where(.oksSegmentedOption){flex:1 1 0}:where(.oksSegmentedOption:hover:not([aria-checked=true]):not(:disabled)){color:var(--oks-segmented-fg-selected)}:where(.oksSegmentedOption[aria-checked=true]){color:var(--oks-segmented-fg-selected);font-weight:500}:where(.oksSegmentedOption:focus-visible){outline:2px solid var(--oks-color-primary-500,#3b82f6);outline-offset:2px}:where(.oksSegmentedOption:disabled){opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){:where(.oksSegmentedThumb){transition:none}}}