@layer reset,tokens,base,layout;@layer components{.segmented-control{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.segmented-control__legend{float:inline-start}.segmented-control__options{gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);display:inline-flex}.segmented-control__option{gap:var(--space-2);min-block-size:var(--field-height-compact);padding-inline:var(--space-3);border-radius:var(--radius);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);align-items:center;display:inline-flex;position:relative}.segmented-control__option:hover{background:var(--color-row-hover)}.segmented-control__option:has(:checked){color:var(--color-text-inverse);background:var(--color-navy)}.segmented-control__option:has(:focus-visible){outline:var(--indicator-width) solid var(--color-navy);outline-offset:var(--focus-ring-offset)}.segmented-control__option:has(:disabled){color:var(--color-text-muted);cursor:not-allowed;background:0 0}@media (forced-colors:active){.segmented-control__option:has(:checked){color:highlighttext;forced-color-adjust:none;background:highlight}.segmented-control__option:has(:focus-visible){outline-color:canvastext}.segmented-control__option:has(:disabled){color:graytext}}.segmented-control--pill :is(.segmented-control__options,.segmented-control__option){border-radius:var(--radius-full)}.segmented-control__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented-control__input:disabled{cursor:not-allowed}}@layer utilities;
