.ui-segmented-button{display:inline-flex;align-items:stretch;height:40rem;border-radius:var(--sys-shape-corner-full,100vmax);border:1rem solid var(--md-sys-color-outline);overflow:hidden}.ui-segmented-button__segment{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100%;padding-inline:12rem;gap:8rem;background-color:transparent;color:var(--md-sys-color-on-surface);border:none;border-right:1rem solid var(--md-sys-color-outline);cursor:pointer;outline:none;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);transition:background-color var(--sys-motion-duration-short-3,.2s) var(--sys-motion-easing-standard,cubic-bezier(.2,0,0,1)),color var(--sys-motion-duration-short-3,.2s) var(--sys-motion-easing-standard,cubic-bezier(.2,0,0,1))}.ui-segmented-button__segment:last-child{border-right:none}.ui-segmented-button__segment:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-segmented-button__segment:active{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.ui-segmented-button__segment:disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;pointer-events:none}.ui-segmented-button--primary .ui-segmented-button__segment--selected{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ui-segmented-button--primary .ui-segmented-button__segment--selected:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 8%,var(--md-sys-color-primary-container))}.ui-segmented-button--primary .ui-segmented-button__segment--selected:active{background-color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 12%,var(--md-sys-color-primary-container))}.ui-segmented-button--secondary .ui-segmented-button__segment--selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.ui-segmented-button--secondary .ui-segmented-button__segment--selected:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 8%,var(--md-sys-color-secondary-container))}.ui-segmented-button--secondary .ui-segmented-button__segment--selected:active{background-color:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 12%,var(--md-sys-color-secondary-container))}.ui-segmented-button--tertiary .ui-segmented-button__segment--selected{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.ui-segmented-button--tertiary .ui-segmented-button__segment--selected:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-tertiary-container) 8%,var(--md-sys-color-tertiary-container))}.ui-segmented-button--tertiary .ui-segmented-button__segment--selected:active{background-color:color-mix(in srgb,var(--md-sys-color-on-tertiary-container) 12%,var(--md-sys-color-tertiary-container))}.ui-segmented-button--error .ui-segmented-button__segment--selected{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.ui-segmented-button--error .ui-segmented-button__segment--selected:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-error-container) 8%,var(--md-sys-color-error-container))}.ui-segmented-button--error .ui-segmented-button__segment--selected:active{background-color:color-mix(in srgb,var(--md-sys-color-on-error-container) 12%,var(--md-sys-color-error-container))}.ui-segmented-button__icon{font-size:18rem;display:inline-flex;width:18rem;height:18rem;align-items:center;justify-content:center}.ui-segmented-button .ui-segmented-button-icon-scale-enter-active,.ui-segmented-button .ui-segmented-button-icon-scale-leave-active{transition:transform var(--sys-motion-duration-short-3,.2s) var(--sys-motion-easing-standard,cubic-bezier(.2,0,0,1)),opacity var(--sys-motion-duration-short-3,.2s) var(--sys-motion-easing-standard,cubic-bezier(.2,0,0,1))}.ui-segmented-button .ui-segmented-button-icon-scale-enter-from,.ui-segmented-button .ui-segmented-button-icon-scale-leave-to{transform:scale(.5);opacity:0}