@sandlada/vue-mdc
Version:
1 lines • 108 kB
CSS
@layer mdc-split-button{@layer shared{._filled_15b5d_3,._filled-tonal_15b5d_4,._outlined_15b5d_5{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size))) / 2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;z-index:0;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:top}._filled_15b5d_3:is([disabled],._disabled_15b5d_30),._filled-tonal_15b5d_4:is([disabled],._disabled_15b5d_30),._outlined_15b5d_5:is([disabled],._disabled_15b5d_30){cursor:default;pointer-events:none}._filled_15b5d_3 ._button_15b5d_36,._filled-tonal_15b5d_4 ._button_15b5d_36,._outlined_15b5d_5 ._button_15b5d_36{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:transparent;text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}._filled_15b5d_3 ._button_15b5d_36::-moz-focus-inner,._filled-tonal_15b5d_4 ._button_15b5d_36::-moz-focus-inner,._outlined_15b5d_5 ._button_15b5d_36::-moz-focus-inner{padding:0;border:0}._filled_15b5d_3:hover ._button_15b5d_36,._filled-tonal_15b5d_4:hover ._button_15b5d_36,._outlined_15b5d_5:hover ._button_15b5d_36{color:var(--_hover-label-text-color)}._filled_15b5d_3:focus-within ._button_15b5d_36,._filled-tonal_15b5d_4:focus-within ._button_15b5d_36,._outlined_15b5d_5:focus-within ._button_15b5d_36{color:var(--_focus-label-text-color)}._filled_15b5d_3:active ._button_15b5d_36,._filled-tonal_15b5d_4:active ._button_15b5d_36,._outlined_15b5d_5:active ._button_15b5d_36{color:var(--_pressed-label-text-color)}._filled_15b5d_3 ._background_15b5d_81,._filled-tonal_15b5d_4 ._background_15b5d_81,._outlined_15b5d_5 ._background_15b5d_81{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute;z-index:-1}._filled_15b5d_3 ._label_15b5d_90,._filled-tonal_15b5d_4 ._label_15b5d_90,._outlined_15b5d_5 ._label_15b5d_90{overflow:hidden}._filled_15b5d_3:is(._button_15b5d_36,._label_15b5d_90,._label_15b5d_90 *),._filled-tonal_15b5d_4:is(._button_15b5d_36,._label_15b5d_90,._label_15b5d_90 *),._outlined_15b5d_5:is(._button_15b5d_36,._label_15b5d_90,._label_15b5d_90 *){text-overflow:inherit}._filled_15b5d_3:is([disabled],._disabled_15b5d_30) ._label_15b5d_90,._filled-tonal_15b5d_4:is([disabled],._disabled_15b5d_30) ._label_15b5d_90,._outlined_15b5d_5:is([disabled],._disabled_15b5d_30) ._label_15b5d_90{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}._filled_15b5d_3:is([disabled],._disabled_15b5d_30) ._background_15b5d_81,._filled-tonal_15b5d_4:is([disabled],._disabled_15b5d_30) ._background_15b5d_81,._outlined_15b5d_5:is([disabled],._disabled_15b5d_30) ._background_15b5d_81{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media (forced-colors: active){._filled_15b5d_3 ._background_15b5d_81,._filled-tonal_15b5d_4 ._background_15b5d_81,._outlined_15b5d_5 ._background_15b5d_81{border:1px solid CanvasText}._filled_15b5d_3:is([disabled],._disabled_15b5d_30),._filled-tonal_15b5d_4:is([disabled],._disabled_15b5d_30),._outlined_15b5d_5:is([disabled],._disabled_15b5d_30){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}._filled_15b5d_3:has([data-component=icon])._left_15b5d_128,._filled-tonal_15b5d_4:has([data-component=icon])._left_15b5d_128,._outlined_15b5d_5:has([data-component=icon])._left_15b5d_128{padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}._filled_15b5d_3:has([data-component=icon])._right_15b5d_134,._filled-tonal_15b5d_4:has([data-component=icon])._right_15b5d_134,._outlined_15b5d_5:has([data-component=icon])._right_15b5d_134{padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}._filled_15b5d_3 ._touch_15b5d_140,._filled-tonal_15b5d_4 ._touch_15b5d_140,._outlined_15b5d_5 ._touch_15b5d_140{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}._filled_15b5d_3[touch-target=wrapper],._filled-tonal_15b5d_4[touch-target=wrapper],._outlined_15b5d_5[touch-target=wrapper]{margin:max(0px,(48px - var(--_container-height)) / 2) 0}._filled_15b5d_3[touch-target=none] ._touch_15b5d_140,._filled-tonal_15b5d_4[touch-target=none] ._touch_15b5d_140,._outlined_15b5d_5[touch-target=none] ._touch_15b5d_140{display:none}._filled_15b5d_3 :is(._touch_15b5d_140,._label_15b5d_90,._background_15b5d_81,._button_15b5d_36,._outline_15b5d_5),._filled-tonal_15b5d_4 :is(._touch_15b5d_140,._label_15b5d_90,._background_15b5d_81,._button_15b5d_36,._outline_15b5d_5),._outlined_15b5d_5 :is(._touch_15b5d_140,._label_15b5d_90,._background_15b5d_81,._button_15b5d_36,._outline_15b5d_5){pointer-events:none}@layer icon{._filled_15b5d_3 [data-component=icon],._filled-tonal_15b5d_4 [data-component=icon],._outlined_15b5d_5 [data-component=icon]{display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}._filled_15b5d_3:hover [data-component=icon],._filled-tonal_15b5d_4:hover [data-component=icon],._outlined_15b5d_5:hover [data-component=icon]{color:var(--_hover-icon-color)}._filled_15b5d_3:focus-within [data-component=icon],._filled-tonal_15b5d_4:focus-within [data-component=icon],._outlined_15b5d_5:focus-within [data-component=icon]{color:var(--_focus-icon-color)}._filled_15b5d_3:active [data-component=icon],._filled-tonal_15b5d_4:active [data-component=icon],._outlined_15b5d_5:active [data-component=icon]{color:var(--_pressed-icon-color)}._filled_15b5d_3[disabled] [data-component=icon],._filled-tonal_15b5d_4[disabled] [data-component=icon],._outlined_15b5d_5[disabled] [data-component=icon]{color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}}@layer ripple{._filled_15b5d_3,._filled-tonal_15b5d_4,._outlined_15b5d_5{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}}@layer focus-ring{._filled_15b5d_3,._filled-tonal_15b5d_4,._outlined_15b5d_5{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}}}@layer appearance{@layer filled{._filled_15b5d_3{--_extra-small-container-height: var(--md-filled-button-extra-small-container-height, 32px);--_small-container-height: var(--md-filled-button-small-container-height, 40px);--_medium-container-height: var(--md-filled-button-medium-container-height, 56px);--_large-container-height: var(--md-filled-button-large-container-height, 96px);--_extra-large-container-height: var(--md-filled-button-extra-large-container-height, 136px);--_extra-small-icon-size: var(--md-filled-button-extra-small-icon-size, 20px);--_small-icon-size: var(--md-filled-button-small-icon-size, 20px);--_medium-icon-size: var(--md-filled-button-medium-icon-size, 24px);--_large-icon-size: var(--md-filled-button-large-icon-size, 32px);--_extra-large-icon-size: var(--md-filled-button-extra-large-icon-size, 40px);--_extra-small-container-shape-round: var(--md-filled-button-extra-small-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_small-container-shape-round: var(--md-filled-button-small-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_medium-container-shape-round: var(--md-filled-button-medium-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_large-container-shape-round: var(--md-filled-button-large-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_extra-large-container-shape-round: var(--md-filled-button-extra-large-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_extra-small-container-shape-square: var(--md-filled-button-extra-small-container-shape-square, var(--md-sys-shape-corner-medium, 12px));--_small-container-shape-square: var(--md-filled-button-small-container-shape-square, var(--md-sys-shape-corner-medium, 12px));--_medium-container-shape-square: var(--md-filled-button-medium-container-shape-square, var(--md-sys-shape-corner-large, 16px));--_large-container-shape-square: var(--md-filled-button-large-container-shape-square, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-container-shape-square: var(--md-filled-button-extra-large-container-shape-square, var(--md-sys-shape-corner-extra-large, 28px));--_extra-small-leading-space: var(--md-filled-button-extra-small-leading-space, 12px);--_small-leading-space: var(--md-filled-button-small-leading-space, 16px);--_medium-leading-space: var(--md-filled-button-medium-leading-space, 24px);--_large-leading-space: var(--md-filled-button-large-leading-space, 48px);--_extra-large-leading-space: var(--md-filled-button-extra-large-leading-space, 64px);--_extra-small-between-icon-label-space: var(--md-filled-button-extra-small-between-icon-label-space, 8px);--_small-between-icon-label-space: var(--md-filled-button-small-between-icon-label-space, 8px);--_medium-between-icon-label-space: var(--md-filled-button-medium-between-icon-label-space, 8px);--_large-between-icon-label-space: var(--md-filled-button-large-between-icon-label-space, 12px);--_extra-large-between-icon-label-space: var(--md-filled-button-extra-large-between-icon-label-space, 16px);--_extra-small-trailing-space: var(--md-filled-button-extra-small-trailing-space, 12px);--_small-trailing-space: var(--md-filled-button-small-trailing-space, 16px);--_medium-trailing-space: var(--md-filled-button-medium-trailing-space, 24px);--_large-trailing-space: var(--md-filled-button-large-trailing-space, 48px);--_extra-large-trailing-space: var(--md-filled-button-extra-large-trailing-space, 64px);--_extra-small-pressed-container-shape-morph: var(--md-filled-button-extra-small-pressed-container-shape-morph, var(--md-sys-shape-corner-small, 8px));--_small-pressed-container-shape-morph: var(--md-filled-button-small-pressed-container-shape-morph, var(--md-sys-shape-corner-small, 8px));--_medium-pressed-container-shape-morph: var(--md-filled-button-medium-pressed-container-shape-morph, var(--md-sys-shape-corner-medium, 12px));--_large-pressed-container-shape-morph: var(--md-filled-button-large-pressed-container-shape-morph, var(--md-sys-shape-corner-large, 16px));--_extra-large-pressed-container-shape-morph: var(--md-filled-button-extra-large-pressed-container-shape-morph, var(--md-sys-shape-corner-large, 16px));--_extra-small-toggle-selected-container-shape-round: var(--md-filled-button-extra-small-toggle-selected-container-shape-round, var(--md-sys-shape-corner-medium, 12px));--_small-toggle-selected-container-shape-round: var(--md-filled-button-small-toggle-selected-container-shape-round, var(--md-sys-shape-corner-medium, 12px));--_medium-toggle-selected-container-shape-round: var(--md-filled-button-medium-toggle-selected-container-shape-round, var(--md-sys-shape-corner-large, 16px));--_large-toggle-selected-container-shape-round: var(--md-filled-button-large-toggle-selected-container-shape-round, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-toggle-selected-container-shape-round: var(--md-filled-button-extra-large-toggle-selected-container-shape-round, var(--md-sys-shape-corner-extra-large, 28px));--_extra-small-toggle-selected-container-shape-square: var(--md-filled-button-extra-small-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_small-toggle-selected-container-shape-square: var(--md-filled-button-small-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_medium-toggle-selected-container-shape-square: var(--md-filled-button-medium-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_large-toggle-selected-container-shape-square: var(--md-filled-button-large-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_extra-large-toggle-selected-container-shape-square: var(--md-filled-button-extra-large-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_toggle-unselected-container-color: var(--md-filled-button-toggle-unselected-container-color, var(--md-sys-color-surface-container, #f3edf7));--_toggle-selected-container-color: var(--md-filled-button-toggle-selected-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, .1);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, .38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-focus-label-text-color: var(--md-filled-button-toggle-unselected-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-focus-label-text-color: var(--md-filled-button-toggle-selected-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_focus-state-layer-color: var(--md-filled-button-focus-state-layer-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-focus-state-layer-color: var(--md-filled-button-toggle-unselected-focus-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-focus-state-layer-color: var(--md-filled-button-toggle-selected-focus-state-layer-color, var(--md-sys-color-on-primary, #fff));--_focus-state-layer-opacity: var(--md-filled-button-focus-state-layer-opacity, .12);--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-hover-label-text-color: var(--md-filled-button-toggle-unselected-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-hover-label-text-color: var(--md-filled-button-toggle-selected-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-hover-state-layer-color: var(--md-filled-button-toggle-unselected-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-hover-state-layer-color: var(--md-filled-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, .08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-label-text-color: var(--md-filled-button-toggle-unselected-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-label-text-color: var(--md-filled-button-toggle-selected-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-pressed-label-text-color: var(--md-filled-button-toggle-unselected-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-pressed-label-text-color: var(--md-filled-button-toggle-selected-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-pressed-state-layer-color: var(--md-filled-button-toggle-unselected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-pressed-state-layer-color: var(--md-filled-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, .12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, .38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-focus-icon-color: var(--md-filled-button-toggle-unselected-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-focus-icon-color: var(--md-filled-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-hover-icon-color: var(--md-filled-button-toggle-unselected-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-hover-icon-color: var(--md-filled-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-icon-color: var(--md-filled-button-toggle-unselected-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-icon-color: var(--md-filled-button-toggle-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-unselected-pressed-icon-color: var(--md-filled-button-toggle-unselected-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-selected-pressed-icon-color: var(--md-filled-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_extra-small-label-text-font: var(--md-filled-button-extra-small-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_extra-small-label-text-line-height: var(--md-filled-button-extra-small-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_extra-small-label-text-size: var(--md-filled-button-extra-small-label-text-size, var(--md-sys-typescale-label-large-size, .875rem));--_extra-small-label-text-tracking: var(--md-filled-button-extra-small-label-text-tracking, );--_extra-small-label-text-weight: var(--md-filled-button-extra-small-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_small-label-text-font: var(--md-filled-button-small-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_small-label-text-line-height: var(--md-filled-button-small-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_small-label-text-size: var(--md-filled-button-small-label-text-size, var(--md-sys-typescale-label-large-size, .875rem));--_small-label-text-tracking: var(--md-filled-button-small-label-text-tracking, );--_small-label-text-weight: var(--md-filled-button-small-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_medium-label-text-font: var(--md-filled-button-medium-label-text-font, var(--md-sys-typescale-title-medium-font, var(--md-ref-typeface-plain, Roboto)));--_medium-label-text-line-height: var(--md-filled-button-medium-label-text-line-height, var(--md-sys-typescale-title-medium-line-height, 1.5rem));--_medium-label-text-size: var(--md-filled-button-medium-label-text-size, var(--md-sys-typescale-title-medium-size, 1rem));--_medium-label-text-tracking: var(--md-filled-button-medium-label-text-tracking, );--_medium-label-text-weight: var(--md-filled-button-medium-label-text-weight, var(--md-sys-typescale-title-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_large-label-text-font: var(--md-filled-button-large-label-text-font, var(--md-sys-typescale-headline-small-font, var(--md-ref-typeface-brand, Roboto)));--_large-label-text-line-height: var(--md-filled-button-large-label-text-line-height, var(--md-sys-typescale-headline-small-line-height, 2rem));--_large-label-text-size: var(--md-filled-button-large-label-text-size, var(--md-sys-typescale-headline-small-size, 1.5rem));--_large-label-text-tracking: var(--md-filled-button-large-label-text-tracking, );--_large-label-text-weight: var(--md-filled-button-large-label-text-weight, var(--md-sys-typescale-headline-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_extra-large-label-text-font: var(--md-filled-button-extra-large-label-text-font, var(--md-sys-typescale-headline-large-font, var(--md-ref-typeface-brand, Roboto)));--_extra-large-label-text-line-height: var(--md-filled-button-extra-large-label-text-line-height, var(--md-sys-typescale-headline-large-line-height, 2.5rem));--_extra-large-label-text-size: var(--md-filled-button-extra-large-label-text-size, var(--md-sys-typescale-headline-large-size, 2rem));--_extra-large-label-text-tracking: var(--md-filled-button-extra-large-label-text-tracking, );--_extra-large-label-text-weight: var(--md-filled-button-extra-large-label-text-weight, var(--md-sys-typescale-headline-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_extra-small-container-shape-round-start-start: var(--md-filled-button-extra-small-container-shape-round-start-start, var(--md-sys-shape-corner-full, 9999px));--_extra-small-container-shape-round-start-end: var(--md-filled-button-extra-small-container-shape-round-start-end, var(--md-sys-shape-corner-full, 9999px));--_extra-small-container-shape-round-end-end: var(--md-filled-button-extra-small-container-shape-round-end-end, var(--md-sys-shape-corner-full, 9999px));--_extra-small-container-shape-round-end-start: var(--md-filled-button-extra-small-container-shape-round-end-start, var(--md-sys-shape-corner-full, 9999px));--_small-container-shape-round-start-start: var(--md-filled-button-small-container-shape-round-start-start, var(--md-sys-shape-corner-full, 9999px));--_small-container-shape-round-start-end: var(--md-filled-button-small-container-shape-round-start-end, var(--md-sys-shape-corner-full, 9999px));--_small-container-shape-round-end-end: var(--md-filled-button-small-container-shape-round-end-end, var(--md-sys-shape-corner-full, 9999px));--_small-container-shape-round-end-start: var(--md-filled-button-small-container-shape-round-end-start, var(--md-sys-shape-corner-full, 9999px));--_medium-container-shape-round-start-start: var(--md-filled-button-medium-container-shape-round-start-start, var(--md-sys-shape-corner-full, 9999px));--_medium-container-shape-round-start-end: var(--md-filled-button-medium-container-shape-round-start-end, var(--md-sys-shape-corner-full, 9999px));--_medium-container-shape-round-end-end: var(--md-filled-button-medium-container-shape-round-end-end, var(--md-sys-shape-corner-full, 9999px));--_medium-container-shape-round-end-start: var(--md-filled-button-medium-container-shape-round-end-start, var(--md-sys-shape-corner-full, 9999px));--_large-container-shape-round-start-start: var(--md-filled-button-large-container-shape-round-start-start, var(--md-sys-shape-corner-full, 9999px));--_large-container-shape-round-start-end: var(--md-filled-button-large-container-shape-round-start-end, var(--md-sys-shape-corner-full, 9999px));--_large-container-shape-round-end-end: var(--md-filled-button-large-container-shape-round-end-end, var(--md-sys-shape-corner-full, 9999px));--_large-container-shape-round-end-start: var(--md-filled-button-large-container-shape-round-end-start, var(--md-sys-shape-corner-full, 9999px));--_extra-large-container-shape-round-start-start: var(--md-filled-button-extra-large-container-shape-round-start-start, var(--md-sys-shape-corner-full, 9999px));--_extra-large-container-shape-round-start-end: var(--md-filled-button-extra-large-container-shape-round-start-end, var(--md-sys-shape-corner-full, 9999px));--_extra-large-container-shape-round-end-end: var(--md-filled-button-extra-large-container-shape-round-end-end, var(--md-sys-shape-corner-full, 9999px));--_extra-large-container-shape-round-end-start: var(--md-filled-button-extra-large-container-shape-round-end-start, var(--md-sys-shape-corner-full, 9999px));--_extra-small-container-shape-square-start-start: var(--md-filled-button-extra-small-container-shape-square-start-start, var(--md-sys-shape-corner-medium, 12px));--_extra-small-container-shape-square-start-end: var(--md-filled-button-extra-small-container-shape-square-start-end, var(--md-sys-shape-corner-medium, 12px));--_extra-small-container-shape-square-end-end: var(--md-filled-button-extra-small-container-shape-square-end-end, var(--md-sys-shape-corner-medium, 12px));--_extra-small-container-shape-square-end-start: var(--md-filled-button-extra-small-container-shape-square-end-start, var(--md-sys-shape-corner-medium, 12px));--_small-container-shape-square-start-start: var(--md-filled-button-small-container-shape-square-start-start, var(--md-sys-shape-corner-medium, 12px));--_small-container-shape-square-start-end: var(--md-filled-button-small-container-shape-square-start-end, var(--md-sys-shape-corner-medium, 12px));--_small-container-shape-square-end-end: var(--md-filled-button-small-container-shape-square-end-end, var(--md-sys-shape-corner-medium, 12px));--_small-container-shape-square-end-start: var(--md-filled-button-small-container-shape-square-end-start, var(--md-sys-shape-corner-medium, 12px));--_medium-container-shape-square-start-start: var(--md-filled-button-medium-container-shape-square-start-start, var(--md-sys-shape-corner-large, 16px));--_medium-container-shape-square-start-end: var(--md-filled-button-medium-container-shape-square-start-end, var(--md-sys-shape-corner-large, 16px));--_medium-container-shape-square-end-end: var(--md-filled-button-medium-container-shape-square-end-end, var(--md-sys-shape-corner-large, 16px));--_medium-container-shape-square-end-start: var(--md-filled-button-medium-container-shape-square-end-start, var(--md-sys-shape-corner-large, 16px));--_large-container-shape-square-start-start: var(--md-filled-button-large-container-shape-square-start-start, var(--md-sys-shape-corner-extra-large, 28px));--_large-container-shape-square-start-end: var(--md-filled-button-large-container-shape-square-start-end, var(--md-sys-shape-corner-extra-large, 28px));--_large-container-shape-square-end-end: var(--md-filled-button-large-container-shape-square-end-end, var(--md-sys-shape-corner-extra-large, 28px));--_large-container-shape-square-end-start: var(--md-filled-button-large-container-shape-square-end-start, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-container-shape-square-start-start: var(--md-filled-button-extra-large-container-shape-square-start-start, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-container-shape-square-start-end: var(--md-filled-button-extra-large-container-shape-square-start-end, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-container-shape-square-end-end: var(--md-filled-button-extra-large-container-shape-square-end-end, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-container-shape-square-end-start: var(--md-filled-button-extra-large-container-shape-square-end-start, var(--md-sys-shape-corner-extra-large, 28px));--_extra-small-pressed-container-shape-morph-start-start: var(--md-filled-button-extra-small-pressed-container-shape-morph-start-start, var(--md-sys-shape-corner-small, 8px));--_extra-small-pressed-container-shape-morph-start-end: var(--md-filled-button-extra-small-pressed-container-shape-morph-start-end, var(--md-sys-shape-corner-small, 8px));--_extra-small-pressed-container-shape-morph-end-end: var(--md-filled-button-extra-small-pressed-container-shape-morph-end-end, var(--md-sys-shape-corner-small, 8px));--_extra-small-pressed-container-shape-morph-end-start: var(--md-filled-button-extra-small-pressed-container-shape-morph-end-start, var(--md-sys-shape-corner-small, 8px));--_small-pressed-container-shape-morph-start-start: var(--md-filled-button-small-pressed-container-shape-morph-start-start, var(--md-sys-shape-corner-small, 8px));--_small-pressed-container-shape-morph-start-end: var(--md-filled-button-small-pressed-container-shape-morph-start-end, var(--md-sys-shape-corner-small, 8px));--_small-pressed-container-shape-morph-end-end: var(--md-filled-button-small-pressed-container-shape-morph-end-end, var(--md-sys-shape-corner-small, 8px));--_small-pressed-container-shape-morph-end-start: var(--md-filled-button-small-pressed-container-shape-morph-end-start, var(--md-sys-shape-corner-small, 8px));--_medium-pressed-container-shape-morph-start-start: var(--md-filled-button-medium-pressed-container-shape-morph-start-start, var(--md-sys-shape-corner-medium, 12px));--_medium-pressed-container-shape-morph-start-end: var(--md-filled-button-medium-pressed-container-shape-morph-start-end, var(--md-sys-shape-corner-medium, 12px));--_medium-pressed-container-shape-morph-end-end: var(--md-filled-button-medium-pressed-container-shape-morph-end-end, var(--md-sys-shape-corner-medium, 12px));--_medium-pressed-container-shape-morph-end-start: var(--md-filled-button-medium-pressed-container-shape-morph-end-start, var(--md-sys-shape-corner-medium, 12px));--_large-pressed-container-shape-morph-start-start: var(--md-filled-button-large-pressed-container-shape-morph-start-start, var(--md-sys-shape-corner-large, 16px));--_large-pressed-container-shape-morph-start-end: var(--md-filled-button-large-pressed-container-shape-morph-start-end, var(--md-sys-shape-corner-large, 16px));--_large-pressed-container-shape-morph-end-end: var(--md-filled-button-large-pressed-container-shape-morph-end-end, var(--md-sys-shape-corner-large, 16px));--_large-pressed-container-shape-morph-end-start: var(--md-filled-button-large-pressed-container-shape-morph-end-start, var(--md-sys-shape-corner-large, 16px));--_extra-large-pressed-container-shape-morph-start-start: var(--md-filled-button-extra-large-pressed-container-shape-morph-start-start, var(--md-sys-shape-corner-large, 16px));--_extra-large-pressed-container-shape-morph-start-end: var(--md-filled-button-extra-large-pressed-container-shape-morph-start-end, var(--md-sys-shape-corner-large, 16px));--_extra-large-pressed-container-shape-morph-end-end: var(--md-filled-button-extra-large-pressed-container-shape-morph-end-end, var(--md-sys-shape-corner-large, 16px));--_extra-large-pressed-container-shape-morph-end-start: var(--md-filled-button-extra-large-pressed-container-shape-morph-end-start, var(--md-sys-shape-corner-large, 16px));--_extra-small-toggle-selected-container-shape-round-start-start: var(--md-filled-button-extra-small-toggle-selected-container-shape-round-start-start, var(--md-sys-shape-corner-medium, 12px));--_extra-small-toggle-selected-container-shape-round-start-end: var(--md-filled-button-extra-small-toggle-selected-container-shape-round-start-end, var(--md-sys-shape-corner-medium, 12px));--_extra-small-toggle-selected-container-shape-round-end-end: var(--md-filled-button-extra-small-toggle-selected-container-shape-round-end-end, var(--md-sys-shape-corner-medium, 12px));--_extra-small-toggle-selected-container-shape-round-end-start: var(--md-filled-button-extra-small-toggle-selected-container-shape-round-end-start, var(--md-sys-shape-corner-medium, 12px));--_small-toggle-selected-container-shape-round-start-start: var(--md-filled-button-small-toggle-selected-container-shape-round-start-start, var(--md-sys-shape-corner-medium, 12px));--_small-toggle-selected-container-shape-round-start-end: var(--md-filled-button-small-toggle-selected-container-shape-round-start-end, var(--md-sys-shape-corner-medium, 12px));--_small-toggle-selected-container-shape-round-end-end: var(--md-filled-button-small-toggle-selected-container-shape-round-end-end, var(--md-sys-shape-corner-medium, 12px));--_small-toggle-selected-container-shape-round-end-start: var(--md-filled-button-small-toggle-selected-container-shape-round-end-start, var(--md-sys-shape-corner-medium, 12px));--_medium-toggle-selected-container-shape-round-start-start: var(--md-filled-button-medium-toggle-selected-container-shape-round-start-start, var(--md-sys-shape-corner-large, 16px));--_medium-toggle-selected-container-shape-round-start-end: var(--md-filled-button-medium-toggle-selected-container-shape-round-start-end, var(--md-sys-shape-corner-large, 16px));--_medium-toggle-selected-container-shape-round-end-end: var(--md-filled-button-medium-toggle-selected-container-shape-round-end-end, var(--md-sys-shape-corner-large, 16px));--_medium-toggle-selected-container-shape-round-end-start: var(--md-filled-button-medium-toggle-selected-container-shape-round-end-start, var(--md-sys-shape-corner-large, 16px));--_large-toggle-selected-container-shape-round-start-start: var(--md-filled-button-large-toggle-selected-container-shape-round-start-start, var(--md-sys-shape-corner-extra-large, 28px));--_large-toggle-selected-container-shape-round-start-end: var(--md-filled-button-large-toggle-selected-container-shape-round-start-end, var(--md-sys-shape-corner-extra-large, 28px));--_large-toggle-selected-container-shape-round-end-end: var(--md-filled-button-large-toggle-selected-container-shape-round-end-end, var(--md-sys-shape-corner-extra-large, 28px));--_large-toggle-selected-container-shape-round-end-start: var(--md-filled-button-large-toggle-selected-container-shape-round-end-start, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-toggle-selected-container-shape-round-start-start: var(--md-filled-button-extra-large-toggle-selected-container-shape-round-start-start, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-toggle-selected-container-shape-round-start-end: var(--md-filled-button-extra-large-toggle-selected-container-shape-round-start-end, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-toggle-selected-container-shape-round-end-end: var(--md-filled-button-extra-large-toggle-selected-container-shape-round-end-end, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-toggle-selected-container-shape-round-end-start: var(--md-filled-button-extra-large-toggle-selected-container-shape-round-end-start, var(--md-sys-shape-corner-extra-large, 28px));--_extra-small-toggle-selected-container-shape-square-start-start: var(--md-filled-button-extra-small-toggle-selected-container-shape-square-start-start, var(--md-sys-shape-corner-full, 9999px));--_extra-small-toggle-selected-container-shape-square-start-end: var(--md-filled-button-extra-small-toggle-selected-container-shape-square-start-end, var(--md-sys-shape-corner-full, 9999px));--_extra-small-toggle-selected-container-shape-square-end-end: var(--md-filled-button-extra-small-toggle-selected-container-shape-square-end-end, var(--md-sys-shape-corner-full, 9999px));--_extra-small-toggle-selected-container-shape-square-end-start: var(--md-filled-button-extra-small-toggle-selected-container-shape-square-end-start, var(--md-sys-shape-corner-full, 9999px));--_small-toggle-selected-container-shape-square-start-start: var(--md-filled-button-small-toggle-selected-container-shape-square-start-start, var(--md-sys-shape-corner-full, 9999px));--_small-toggle-selected-container-shape-square-start-end: var(--md-filled-button-small-toggle-selected-container-shape-square-start-end, var(--md-sys-shape-corner-full, 9999px));--_small-toggle-selected-container-shape-square-end-end: var(--md-filled-button-small-toggle-selected-container-shape-square-end-end, var(--md-sys-shape-corner-full, 9999px));--_small-toggle-selected-container-shape-square-end-start: var(--md-filled-button-small-toggle-selected-container-shape-square-end-start, var(--md-sys-shape-corner-full, 9999px));--_medium-toggle-selected-container-shape-square-start-start: var(--md-filled-button-medium-toggle-selected-container-shape-square-start-start, var(--md-sys-shape-corner-full, 9999px));--_medium-toggle-selected-container-shape-square-start-end: var(--md-filled-button-medium-toggle-selected-container-shape-square-start-end, var(--md-sys-shape-corner-full, 9999px));--_medium-toggle-selected-container-shape-square-end-end: var(--md-filled-button-medium-toggle-selected-container-shape-square-end-end, var(--md-sys-shape-corner-full, 9999px));--_medium-toggle-selected-container-shape-square-end-start: var(--md-filled-button-medium-toggle-selected-container-shape-square-end-start, var(--md-sys-shape-corner-full, 9999px));--_large-toggle-selected-container-shape-square-start-start: var(--md-filled-button-large-toggle-selected-container-shape-square-start-start, var(--md-sys-shape-corner-full, 9999px));--_large-toggle-selected-container-shape-square-start-end: var(--md-filled-button-large-toggle-selected-container-shape-square-start-end, var(--md-sys-shape-corner-full, 9999px));--_large-toggle-selected-container-shape-square-end-end: var(--md-filled-button-large-toggle-selected-container-shape-square-end-end, var(--md-sys-shape-corner-full, 9999px));--_large-toggle-selected-container-shape-square-end-start: var(--md-filled-button-large-toggle-selected-container-shape-square-end-start, var(--md-sys-shape-corner-full, 9999px));--_extra-large-toggle-selected-container-shape-square-start-start: var(--md-filled-button-extra-large-toggle-selected-container-shape-square-start-start, var(--md-sys-shape-corner-full, 9999px));--_extra-large-toggle-selected-container-shape-square-start-end: var(--md-filled-button-extra-large-toggle-selected-container-shape-square-start-end, var(--md-sys-shape-corner-full, 9999px));--_extra-large-toggle-selected-container-shape-square-end-end: var(--md-filled-button-extra-large-toggle-selected-container-shape-square-end-end, var(--md-sys-shape-corner-full, 9999px));--_extra-large-toggle-selected-container-shape-square-end-start: var(--md-filled-button-extra-large-toggle-selected-container-shape-square-end-start, var(--md-sys-shape-corner-full, 9999px))}}@layer filled-tonal{._filled-tonal_15b5d_4{--_extra-small-container-height: var(--md-filled-tonal-button-extra-small-container-height, 32px);--_small-container-height: var(--md-filled-tonal-button-small-container-height, 40px);--_medium-container-height: var(--md-filled-tonal-button-medium-container-height, 56px);--_large-container-height: var(--md-filled-tonal-button-large-container-height, 96px);--_extra-large-container-height: var(--md-filled-tonal-button-extra-large-container-height, 136px);--_extra-small-icon-size: var(--md-filled-tonal-button-extra-small-icon-size, 20px);--_small-icon-size: var(--md-filled-tonal-button-small-icon-size, 20px);--_medium-icon-size: var(--md-filled-tonal-button-medium-icon-size, 24px);--_large-icon-size: var(--md-filled-tonal-button-large-icon-size, 32px);--_extra-large-icon-size: var(--md-filled-tonal-button-extra-large-icon-size, 40px);--_extra-small-container-shape-round: var(--md-filled-tonal-button-extra-small-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_small-container-shape-round: var(--md-filled-tonal-button-small-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_medium-container-shape-round: var(--md-filled-tonal-button-medium-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_large-container-shape-round: var(--md-filled-tonal-button-large-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_extra-large-container-shape-round: var(--md-filled-tonal-button-extra-large-container-shape-round, var(--md-sys-shape-corner-full, 9999px));--_extra-small-container-shape-square: var(--md-filled-tonal-button-extra-small-container-shape-square, var(--md-sys-shape-corner-medium, 12px));--_small-container-shape-square: var(--md-filled-tonal-button-small-container-shape-square, var(--md-sys-shape-corner-medium, 12px));--_medium-container-shape-square: var(--md-filled-tonal-button-medium-container-shape-square, var(--md-sys-shape-corner-large, 16px));--_large-container-shape-square: var(--md-filled-tonal-button-large-container-shape-square, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-container-shape-square: var(--md-filled-tonal-button-extra-large-container-shape-square, var(--md-sys-shape-corner-extra-large, 28px));--_extra-small-leading-space: var(--md-filled-tonal-button-extra-small-leading-space, 12px);--_small-leading-space: var(--md-filled-tonal-button-small-leading-space, 16px);--_medium-leading-space: var(--md-filled-tonal-button-medium-leading-space, 24px);--_large-leading-space: var(--md-filled-tonal-button-large-leading-space, 48px);--_extra-large-leading-space: var(--md-filled-tonal-button-extra-large-leading-space, 64px);--_extra-small-between-icon-label-space: var(--md-filled-tonal-button-extra-small-between-icon-label-space, 8px);--_small-between-icon-label-space: var(--md-filled-tonal-button-small-between-icon-label-space, 8px);--_medium-between-icon-label-space: var(--md-filled-tonal-button-medium-between-icon-label-space, 8px);--_large-between-icon-label-space: var(--md-filled-tonal-button-large-between-icon-label-space, 12px);--_extra-large-between-icon-label-space: var(--md-filled-tonal-button-extra-large-between-icon-label-space, 16px);--_extra-small-trailing-space: var(--md-filled-tonal-button-extra-small-trailing-space, 12px);--_small-trailing-space: var(--md-filled-tonal-button-small-trailing-space, 16px);--_medium-trailing-space: var(--md-filled-tonal-button-medium-trailing-space, 24px);--_large-trailing-space: var(--md-filled-tonal-button-large-trailing-space, 48px);--_extra-large-trailing-space: var(--md-filled-tonal-button-extra-large-trailing-space, 64px);--_extra-small-pressed-container-shape-morph: var(--md-filled-tonal-button-extra-small-pressed-container-shape-morph, var(--md-sys-shape-corner-small, 8px));--_small-pressed-container-shape-morph: var(--md-filled-tonal-button-small-pressed-container-shape-morph, var(--md-sys-shape-corner-small, 8px));--_medium-pressed-container-shape-morph: var(--md-filled-tonal-button-medium-pressed-container-shape-morph, var(--md-sys-shape-corner-medium, 12px));--_large-pressed-container-shape-morph: var(--md-filled-tonal-button-large-pressed-container-shape-morph, var(--md-sys-shape-corner-large, 16px));--_extra-large-pressed-container-shape-morph: var(--md-filled-tonal-button-extra-large-pressed-container-shape-morph, var(--md-sys-shape-corner-large, 16px));--_extra-small-toggle-selected-container-shape-round: var(--md-filled-tonal-button-extra-small-toggle-selected-container-shape-round, var(--md-sys-shape-corner-medium, 12px));--_small-toggle-selected-container-shape-round: var(--md-filled-tonal-button-small-toggle-selected-container-shape-round, var(--md-sys-shape-corner-medium, 12px));--_medium-toggle-selected-container-shape-round: var(--md-filled-tonal-button-medium-toggle-selected-container-shape-round, var(--md-sys-shape-corner-large, 16px));--_large-toggle-selected-container-shape-round: var(--md-filled-tonal-button-large-toggle-selected-container-shape-round, var(--md-sys-shape-corner-extra-large, 28px));--_extra-large-toggle-selected-container-shape-round: var(--md-filled-tonal-button-extra-large-toggle-selected-container-shape-round, var(--md-sys-shape-corner-extra-large, 28px));--_extra-small-toggle-selected-container-shape-square: var(--md-filled-tonal-button-extra-small-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_small-toggle-selected-container-shape-square: var(--md-filled-tonal-button-small-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_medium-toggle-selected-container-shape-square: var(--md-filled-tonal-button-medium-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_large-toggle-selected-container-shape-square: var(--md-filled-tonal-button-large-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_extra-large-toggle-selected-container-shape-square: var(--md-filled-tonal-button-extra-large-toggle-selected-container-shape-square, var(--md-sys-shape-corner-full, 9999px));--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_toggle-unselected-container-color: var(--md-filled-tonal-button-toggle-unselected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_toggle-selected-container-color: var(--md-filled-tonal-button-toggle-selected-container-color, var(--md-sys-color-secondary, #625b71));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, .1);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, .38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-unselected-focus-label-text-color: var(--md-filled-tonal-button-toggle-unselected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-focus-label-text-color: var(--md-filled-tonal-button-toggle-selected-focus-label-text-color, var(--md-sys-color-on-secondary, #fff));--_focus-state-layer-color: var(--md-filled-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-unselected-focus-state-layer-color: var(--md-filled-tonal-button-toggle-unselected-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-focus-state-layer-color: var(--md-filled-tonal-button-toggle-selected-focus-state-layer-color, var(--md-sys-color-on-secondary, #fff));--_focus-state-layer-opacity: var(--md-filled-tonal-button-focus-state-layer-opacity, .12);--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-unselected-hover-label-text-color: var(--md-filled-tonal-button-toggle-unselected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-label-text-color: var(--md-filled-tonal-button-toggle-selected-hover-label-text-color, var(--md-sys-color-on-secondary, #fff));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-unselected-hover-state-layer-color: var(--md-filled-tonal-button-toggle-unselected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-state-layer-color: var(--md-filled-tonal-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-secondary, #fff));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, .08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-unselected-label-text-color: var(--md-filled-tonal-button-toggle-unselected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-label-text-color: var(--md-filled-tonal-button-toggle-selected-label-text-color, var(--md-sys-color-on-secondary, #fff));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-unselected-pressed-label-text-color: var(--md-filled-tonal-button-toggle-unselected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-label-text-color: var(--md-filled-tonal-button-toggle-selected-pressed-label-text-color, var(--md-sys-color-on-secondary, #fff));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-lay