:where(.c-segmented-controls){pointer-events:none;display:flex;align-items:center;justify-content:center}@media (min-width: 37.8125em){:where(.c-segmented-controls){width:fit-content}}:where(.c-segmented-controls-inner) .c-segmented-controls__button:hover{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceHover) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceHover) / var(--un-bg-opacity)) }:where(.c-segmented-controls-inner) .c-segmented-controls__button:active{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceActive) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceActive) / var(--un-bg-opacity)) }:where(.c-segmented-controls-inner) .c-segmented-controls__button--is-selected{--un-text-opacity:1;color:rgb(var(--theme-colors-text-interactive-on-X) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onCanvasStrong);--theme-colors-medium-on-X:var(--theme-colors-onCanvasMedium);--theme-colors-subtle-on-X:var(--theme-colors-onCanvasSubtle);--theme-colors-interactive-on-X:var(--theme-colors-onCanvasInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onCanvasInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onCanvasInteractiveActive);--theme-colors-danger-on-X:var(--theme-colors-onCanvasDanger);--theme-colors-text-strong-on-X:var(--theme-colors-text-onCanvasStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onCanvasMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onCanvasSubtle);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onCanvasInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onCanvasInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onCanvasInteractiveActive);--theme-colors-text-danger-on-X:var(--theme-colors-text-onCanvasDanger);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onCanvasExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onCanvasStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onCanvasMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onCanvasSubtle);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onCanvasInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onCanvasDanger)}:where(.c-segmented-controls.c-segmented-controls--variant--surfaceVariant) .c-segmented-controls-inner{--un-text-opacity:1;color:rgb(var(--theme-colors-text-strong-on-X) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariant) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariant) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSurfaceVariantStrong);--theme-colors-medium-on-X:var(--theme-colors-onSurfaceVariantMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSurfaceVariantSubtle);--theme-colors-interactive-on-X:var(--theme-colors-onSurfaceVariantInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSurfaceVariantInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSurfaceVariantInteractiveActive);--theme-colors-danger-on-X:var(--theme-colors-onSurfaceVariantDanger);--theme-colors-iAltnteractiveHover-on-X:var(--theme-colors-onSurfaceVariantIAltnteractiveHover);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSurfaceVariantStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSurfaceVariantMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSurfaceVariantSubtle);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSurfaceVariantInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSurfaceVariantInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSurfaceVariantInteractiveActive);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSurfaceVariantDanger);--theme-colors-text-iAltnteractiveHover-on-X:var(--theme-colors-text-onSurfaceVariantIAltnteractiveHover);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSurfaceVariantExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSurfaceVariantStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSurfaceVariantMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSurfaceVariantSubtle);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSurfaceVariantInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSurfaceVariantDanger)}:is(:where(.c-segmented-controls.c-segmented-controls--variant--surfaceVariant) .c-segmented-controls-inner) .c-segmented-controls__button:hover{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariantHover) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariantHover) / var(--un-bg-opacity)) }:is(:where(.c-segmented-controls.c-segmented-controls--variant--surfaceVariant) .c-segmented-controls-inner) .c-segmented-controls__button:active{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariantActive) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariantActive) / var(--un-bg-opacity)) }:is(:where(.c-segmented-controls.c-segmented-controls--variant--surfaceVariant) .c-segmented-controls-inner) .c-segmented-controls__button--is-selected{--un-text-opacity:1;color:rgb(var(--theme-colors-text-strong-on-X) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariantAlt) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariantAlt) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSurfaceVariantAltStrong);--theme-colors-medium-on-X:var(--theme-colors-onSurfaceVariantAltMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSurfaceVariantAltSubtle);--theme-colors-interactive-on-X:var(--theme-colors-onSurfaceVariantAltInteractive);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSurfaceVariantAltInteractiveActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSurfaceVariantAltStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSurfaceVariantAltMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSurfaceVariantAltSubtle);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSurfaceVariantAltInteractive);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSurfaceVariantAltInteractiveActive)}:is(:where(.c-segmented-controls.c-segmented-controls--variant--surfaceVariant) .c-segmented-controls-inner) .c-segmented-controls__button--is-selected:hover{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariantAltHover) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariantAltHover) / var(--un-bg-opacity)) }:is(:where(.c-segmented-controls.c-segmented-controls--variant--surfaceVariant) .c-segmented-controls-inner) .c-segmented-controls__button--is-selected:active{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-surfaceVariantActive) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-surfaceVariantActive) / var(--un-bg-opacity)) }