@layer components{.F5Sy7{--segmented-control-track-padding-inline:var(--segmented-control-gutter);--segmented-control-option-radius:calc(var(--segmented-control-radius) - var(--segmented-control-gutter));gap:var(--segmented-control-gap);height:var(--segmented-control-size);border-radius:var(--segmented-control-radius);background:var(--segmented-control-background);font-size:var(--segmented-control-font-size);font-weight:var(--segmented-control-font-weight);-ms-overflow-style:none;padding-block:var(--segmented-control-gutter);padding-inline:var(--segmented-control-track-padding-inline);scrollbar-width:none;vertical-align:middle;white-space:nowrap;flex-wrap:nowrap;display:inline-flex;position:relative;overflow:auto}.F5Sy7::-webkit-scrollbar{width:0;height:0}.F5Sy7::-webkit-scrollbar-track{background:0 0}.F5Sy7::-webkit-scrollbar-thumb{background:0 0}.F5Sy7:where([data-block]){width:100%;white-space:wrap;display:flex;overflow:hidden}.F5Sy7:where([data-size="3xs"]){--segmented-control-size:var(--control-size-3xs);--segmented-control-font-size:var(--control-font-size-sm);--segmented-control-radius:var(--control-radius-sm);--segmented-control-option-gutter:var(--control-gutter-xs)}.F5Sy7:where([data-size="2xs"]){--segmented-control-size:var(--control-size-2xs);--segmented-control-font-size:var(--control-font-size-sm);--segmented-control-radius:var(--control-radius-sm);--segmented-control-option-gutter:var(--control-gutter-xs)}.F5Sy7:where([data-size=xs]){--segmented-control-size:var(--control-size-xs);--segmented-control-font-size:var(--control-font-size-md);--segmented-control-radius:var(--control-radius-sm);--segmented-control-option-gutter:var(--control-gutter-xs)}.F5Sy7:where([data-size=sm]){--segmented-control-size:var(--control-size-sm);--segmented-control-font-size:var(--control-font-size-md);--segmented-control-radius:var(--control-radius-md);--segmented-control-option-gutter:var(--control-gutter-sm)}.F5Sy7:where([data-size=md]){--segmented-control-size:var(--control-size-md);--segmented-control-font-size:var(--control-font-size-md);--segmented-control-radius:var(--control-radius-md);--segmented-control-option-gutter:var(--control-gutter-md)}.F5Sy7:where([data-size=lg]){--segmented-control-size:var(--control-size-lg);--segmented-control-font-size:var(--control-font-size-md);--segmented-control-radius:var(--control-radius-md);--segmented-control-option-gutter:var(--control-gutter-md)}.F5Sy7:where([data-size=xl]){--segmented-control-size:var(--control-size-xl);--segmented-control-font-size:var(--control-font-size-md);--segmented-control-radius:var(--control-radius-lg);--segmented-control-option-gutter:var(--control-gutter-lg)}.F5Sy7:where([data-size="2xl"]){--segmented-control-size:var(--control-size-2xl);--segmented-control-font-size:var(--control-font-size-lg);--segmented-control-radius:var(--control-radius-xl);--segmented-control-option-gutter:var(--control-gutter-xl)}.F5Sy7:where([data-size="3xl"]){--segmented-control-size:var(--control-size-3xl);--segmented-control-font-size:var(--control-font-size-lg);--segmented-control-radius:var(--control-radius-xl);--segmented-control-option-gutter:var(--control-gutter-xl)}.F5Sy7:where([data-gutter-size="2xs"]){--segmented-control-option-gutter:var(--control-gutter-2xs)}.F5Sy7:where([data-gutter-size=xs]){--segmented-control-option-gutter:var(--control-gutter-xs)}.F5Sy7:where([data-gutter-size=sm]){--segmented-control-option-gutter:var(--control-gutter-sm)}.F5Sy7:where([data-gutter-size=md]){--segmented-control-option-gutter:var(--control-gutter-md)}.F5Sy7:where([data-gutter-size=lg]){--segmented-control-option-gutter:var(--control-gutter-lg)}.F5Sy7:where([data-gutter-size=xl]){--segmented-control-option-gutter:var(--control-gutter-xl)}.F5Sy7:where([data-pill]){--segmented-control-radius:var(--radius-full);--segmented-control-option-radius:var(--radius-full)}.F5Sy7:where([data-variant=ghost]){--segmented-control-track-padding-inline:0px;--segmented-control-background:transparent;--segmented-control-thumb-background:var(--color-surface-tertiary);--segmented-control-thumb-shadow:none;--segmented-control-option-highlight-background-color:var(--color-surface-tertiary)}.VewWL{padding:0 var(--segmented-control-option-gutter);border-radius:var(--segmented-control-option-radius);color:var(--color-text-secondary);cursor:pointer;transition-duration:var(--transition-duration-basic);transition-property:opacity,background-color,color;transition-timing-function:var(--transition-ease-basic);line-height:1;position:relative}.VewWL:focus{outline:0}:where(.F5Sy7[data-block]) .VewWL{flex:1}:where(.F5Sy7[data-pill]) .VewWL{padding:0 calc(var(--segmented-control-option-gutter) * var(--control-gutter-pill-scaling))}.VewWL[data-state=on]:focus-visible{outline:2px solid var(--color-ring)}.VewWL:before{inset:var(--segmented-control-option-highlight-gutter);border-radius:var(--segmented-control-option-radius);background:var(--segmented-control-option-highlight-background-color);content:"";opacity:0;pointer-events:none;transition-duration:var(--transition-duration-basic);transition-property:opacity,transform;transition-timing-function:var(--transition-ease-basic);will-change:transform;position:absolute;transform:scale(1)}.VewWL:active:before{transform:scale(var(--scale), .97)}.VewWL svg{display:block}@media (hover:hover) and (pointer:fine){.VewWL[data-state=off]:where(:not([disabled])):hover{color:var(--color-text-emphasis)}.VewWL[data-state=off]:where(:not([disabled])):hover:before{opacity:.5}}.VewWL[data-state=off]:where(:not([disabled])):focus-visible{color:var(--color-text-emphasis);outline:2px solid var(--color-ring)}.VewWL[data-state=on]{color:var(--color-text-emphasis)}:where(.F5Sy7[data-variant=ghost]) .VewWL:focus-visible{outline-offset:-2px}:where(.F5Sy7[data-variant=ghost]) .VewWL[data-state=off]{color:var(--color-text-tertiary)}@media (hover:hover) and (pointer:fine){:where(.F5Sy7[data-variant=ghost]) .VewWL[data-state=off]:where(:not([disabled])):hover{color:var(--color-text-primary)}}:where(.F5Sy7[data-variant=ghost]) .VewWL[data-state=off]:where(:not([disabled])):focus-visible,:where(.F5Sy7[data-variant=ghost]) .VewWL[data-state=on]{color:var(--color-text-primary)}.VewWL[data-disabled]{cursor:not-allowed;opacity:.5}.VewWL[data-disabled]:before{opacity:0!important}.V5HTp{top:var(--segmented-control-gutter);bottom:var(--segmented-control-gutter);border-radius:var(--segmented-control-option-radius);background:var(--segmented-control-thumb-background);box-shadow:var(--segmented-control-thumb-shadow);pointer-events:none;will-change:transform;position:absolute;left:0}}
