:root{--_motion-default-spatial-duration: .45s;--_motion-default-spatial-easing: linear(0, .04433, .148669, .280177, .417111, .546096, .659831, .755217, .831909, .891228, .935375, .9669, .988346, 1.002049, 1.01003, 1.013957, 1.015154, 1.014629, 1.013123, 1.011156, 1.009077, 1.0071, 1.005345, 1.003865, 1.00267, 1.001741, 1.001047, 1);--_motion-fast-effects-duration: .166667s;--_motion-fast-effects-easing: linear(0, .274321, .608625, .812798, .91613, .963944, .984934, .993834, .997516, .999012, 1);--_motion-fast-spatial-duration: .383333s;--_motion-fast-spatial-easing: linear(0, .091177, .294386, .527367, .738441, .901904, 1.011091, 1.071257, 1.093558, 1.090636, 1.073875, 1.052047, 1.030977, 1.013849, 1.001813, .994675, .991508, .991124, .992385, .99437, .996435, .998202, .999505, 1);--_motion-slow-spatial-duration: .6s;--_motion-slow-spatial-easing: linear(0, .024481, .086211, .170644, .266758, .366454, .464016, .555618, .638914, .712675, .776499, .830568, .875456, .911979, .941082, .963756, .980977, .993663, 1.002656, 1.008701, 1.012447, 1.014442, 1.015145, 1.014929, 1.014094, 1.012871, 1.01144, 1.009931, 1.008439, 1.007027, 1.005735, 1.004584, 1.003584, 1.002733, 1.002023, 1.001444, 1);--md-comp-assist-chip-container-height: 32px;--md-comp-assist-chip-container-shape: 8px;--md-comp-assist-chip-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-disabled-label-text-opacity: .38;--md-comp-assist-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-assist-chip-dragged-label-text-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-dragged-state-layer-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-assist-chip-elevated-container-color: var(--md-sys-color-surface-container-low);--md-comp-assist-chip-elevated-container-elevation: var(--md-sys-elevation-level1);--md-comp-assist-chip-elevated-container-shadow-color: var(--md-sys-color-shadow);--md-comp-assist-chip-elevated-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-elevated-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-assist-chip-elevated-disabled-container-opacity: .12;--md-comp-assist-chip-elevated-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-assist-chip-elevated-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-assist-chip-elevated-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-assist-chip-flat-container-elevation: var(--md-sys-elevation-level0);--md-comp-assist-chip-flat-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-flat-disabled-outline-opacity: .12;--md-comp-assist-chip-flat-focus-outline-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-flat-outline-color: var(--md-sys-color-outline-variant);--md-comp-assist-chip-flat-outline-width: 1px;--md-comp-assist-chip-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-assist-chip-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-assist-chip-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-assist-chip-focus-label-text-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-assist-chip-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-assist-chip-label-text-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-assist-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-assist-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-assist-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-assist-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-assist-chip-pressed-label-text-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-assist-chip-with-icon-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-assist-chip-with-icon-disabled-icon-opacity: .38;--md-comp-assist-chip-with-icon-dragged-icon-color: var(--md-sys-color-primary);--md-comp-assist-chip-with-icon-focus-icon-color: var(--md-sys-color-primary);--md-comp-assist-chip-with-icon-hover-icon-color: var(--md-sys-color-primary);--md-comp-assist-chip-with-icon-icon-color: var(--md-sys-color-primary);--md-comp-assist-chip-with-icon-icon-size: 18px;--md-comp-assist-chip-with-icon-pressed-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-container-color: var(--md-sys-color-surface-container-low);--md-comp-button-elevated-container-elevation: var(--md-sys-elevation-level1);--md-comp-button-elevated-container-shadow-color: var(--md-sys-color-shadow);--md-comp-button-elevated-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-button-elevated-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-elevated-disabled-container-opacity: .1;--md-comp-button-elevated-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-button-elevated-disabled-icon-opacity: .38;--md-comp-button-elevated-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-button-elevated-disabled-label-text-opacity: .38;--md-comp-button-elevated-focused-container-elevation: var(--md-sys-elevation-level1);--md-comp-button-elevated-focused-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-focused-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-focused-state-layer-color: var(--md-sys-color-primary);--md-comp-button-elevated-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-elevated-hovered-container-elevation: var(--md-sys-elevation-level2);--md-comp-button-elevated-hovered-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-hovered-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-hovered-state-layer-color: var(--md-sys-color-primary);--md-comp-button-elevated-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-elevated-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-button-elevated-pressed-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-button-elevated-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-elevated-selected-container-color: var(--md-sys-color-primary);--md-comp-button-elevated-selected-focused-icon-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-focused-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-focused-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-hovered-icon-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-hovered-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-hovered-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-icon-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-pressed-icon-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-pressed-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-selected-pressed-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-elevated-unselected-container-color: var(--md-sys-color-surface-container-low);--md-comp-button-elevated-unselected-focused-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-focused-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-focused-state-layer-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-hovered-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-hovered-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-hovered-state-layer-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-pressed-icon-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-button-elevated-unselected-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-button-filled-container-color: var(--md-sys-color-primary);--md-comp-button-filled-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-filled-container-shadow-color: var(--md-sys-color-shadow);--md-comp-button-filled-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-button-filled-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-filled-disabled-container-opacity: .1;--md-comp-button-filled-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-button-filled-disabled-icon-opacity: .38;--md-comp-button-filled-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-button-filled-disabled-label-text-opacity: .38;--md-comp-button-filled-focused-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-filled-focused-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-focused-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-focused-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-filled-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-filled-hovered-container-elevation: var(--md-sys-elevation-level1);--md-comp-button-filled-hovered-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-hovered-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-hovered-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-filled-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-filled-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-filled-pressed-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-filled-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-filled-selected-container-color: var(--md-sys-color-primary);--md-comp-button-filled-selected-focused-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-focused-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-focused-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-hovered-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-hovered-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-hovered-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-pressed-icon-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-pressed-label-text-color: var(--md-sys-color-on-primary);--md-comp-button-filled-selected-pressed-state-layer-color: var(--md-sys-color-on-primary);--md-comp-button-filled-unselected-container-color: var(--md-sys-color-surface-container);--md-comp-button-filled-unselected-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-focused-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-hovered-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-filled-unselected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-group-connected-large-between-space: var(--md-sys-measurement-space25);--md-comp-button-group-connected-large-container-height: 96px;--md-comp-button-group-connected-large-container-shape: calc(infinity * 1px);--md-comp-button-group-connected-large-inner-corner-corner-size: var(--md-sys-shape-corner-value-large);--md-comp-button-group-connected-large-pressed-inner-corner-corner-size: var(--md-sys-shape-corner-value-medium);--md-comp-button-group-connected-large-selected-inner-corner-corner-size: 50%;--md-comp-button-group-connected-medium-between-space: var(--md-sys-measurement-space25);--md-comp-button-group-connected-medium-container-height: 56px;--md-comp-button-group-connected-medium-container-shape: calc(infinity * 1px);--md-comp-button-group-connected-medium-inner-corner-corner-size: var(--md-sys-shape-corner-value-small);--md-comp-button-group-connected-medium-pressed-inner-corner-corner-size: var(--md-sys-shape-corner-value-extra-small);--md-comp-button-group-connected-medium-selected-inner-corner-corner-size: 50%;--md-comp-button-group-connected-small-between-space: var(--md-sys-measurement-space25);--md-comp-button-group-connected-small-container-height: 40px;--md-comp-button-group-connected-small-container-shape: calc(infinity * 1px);--md-comp-button-group-connected-small-inner-corner-corner-size: var(--md-sys-shape-corner-value-small);--md-comp-button-group-connected-small-pressed-inner-corner-corner-size: var(--md-sys-shape-corner-value-extra-small);--md-comp-button-group-connected-small-selected-inner-corner-corner-size: 50%;--md-comp-button-group-connected-xlarge-between-space: var(--md-sys-measurement-space25);--md-comp-button-group-connected-xlarge-container-height: 136px;--md-comp-button-group-connected-xlarge-container-shape: calc(infinity * 1px);--md-comp-button-group-connected-xlarge-inner-corner-corner-size: var(--md-sys-shape-corner-value-large-increased);--md-comp-button-group-connected-xlarge-pressed-inner-corner-corner-size: var(--md-sys-shape-corner-value-large);--md-comp-button-group-connected-xlarge-selected-inner-corner-corner-size: 50%;--md-comp-button-group-connected-xsmall-between-space: var(--md-sys-measurement-space25);--md-comp-button-group-connected-xsmall-container-height: 32px;--md-comp-button-group-connected-xsmall-container-shape: calc(infinity * 1px);--md-comp-button-group-connected-xsmall-inner-corner-corner-size: var(--md-sys-shape-corner-value-small);--md-comp-button-group-connected-xsmall-pressed-inner-corner-corner-size: var(--md-sys-shape-corner-value-extra-small);--md-comp-button-group-connected-xsmall-selected-inner-corner-corner-size: 50%;--md-comp-button-group-standard-large-between-space: var(--md-sys-measurement-space100);--md-comp-button-group-standard-large-container-height: 96px;--md-comp-button-group-standard-large-pressed-item-width-motion-spring-dampening: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-group-standard-large-pressed-item-width-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-group-standard-large-pressed-item-width-multiplier: 15%;--md-comp-button-group-standard-medium-between-space: var(--md-sys-measurement-space100);--md-comp-button-group-standard-medium-container-height: 56px;--md-comp-button-group-standard-medium-pressed-item-width-motion-spring-dampening: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-group-standard-medium-pressed-item-width-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-group-standard-medium-pressed-item-width-multiplier: 15%;--md-comp-button-group-standard-small-between-space: var(--md-sys-measurement-space150);--md-comp-button-group-standard-small-container-height: 40px;--md-comp-button-group-standard-small-pressed-item-width-motion-spring-dampening: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-group-standard-small-pressed-item-width-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-group-standard-small-pressed-item-width-multiplier: 15%;--md-comp-button-group-standard-xlarge-between-space: var(--md-sys-measurement-space100);--md-comp-button-group-standard-xlarge-container-height: 136px;--md-comp-button-group-standard-xlarge-pressed-item-width-motion-spring-dampening: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-group-standard-xlarge-pressed-item-width-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-group-standard-xlarge-pressed-item-width-multiplier: 15%;--md-comp-button-group-standard-xsmall-between-space: 18px;--md-comp-button-group-standard-xsmall-container-height: 32px;--md-comp-button-group-standard-xsmall-pressed-item-width-motion-spring-dampening: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-group-standard-xsmall-pressed-item-width-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-group-standard-xsmall-pressed-item-width-multiplier: 15%;--md-comp-button-large-container-height: 96px;--md-comp-button-large-container-shape-round: calc(infinity * 1px);--md-comp-button-large-container-shape-square: 28px;--md-comp-button-large-icon-label-space: var(--md-sys-measurement-space150);--md-comp-button-large-icon-size: 32px;--md-comp-button-large-label-text: 400 24px/1.3333333333333333 Roboto;--md-comp-button-large-label-text-letter-spacing: 0px;--md-comp-button-large-leading-space: var(--md-sys-measurement-space600);--md-comp-button-large-outlined-outline-width: 2px;--md-comp-button-large-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-large-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-large-pressed-container-shape: 16px;--md-comp-button-large-selected-container-shape-round: 28px;--md-comp-button-large-selected-container-shape-square: calc(infinity * 1px);--md-comp-button-large-trailing-space: var(--md-sys-measurement-space600);--md-comp-button-medium-container-height: 56px;--md-comp-button-medium-container-shape-round: calc(infinity * 1px);--md-comp-button-medium-container-shape-square: 16px;--md-comp-button-medium-icon-label-space: var(--md-sys-measurement-space100);--md-comp-button-medium-icon-size: 24px;--md-comp-button-medium-label-text: 500 16px/1.5 Roboto;--md-comp-button-medium-label-text-letter-spacing: .15px;--md-comp-button-medium-leading-space: var(--md-sys-measurement-space300);--md-comp-button-medium-outlined-outline-width: 1px;--md-comp-button-medium-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-medium-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-medium-pressed-container-shape: 12px;--md-comp-button-medium-selected-container-shape-round: 16px;--md-comp-button-medium-selected-container-shape-square: calc(infinity * 1px);--md-comp-button-medium-trailing-space: var(--md-sys-measurement-space300);--md-comp-button-outlined-disabled-container-opacity: .1;--md-comp-button-outlined-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-button-outlined-disabled-icon-opacity: .38;--md-comp-button-outlined-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-button-outlined-disabled-label-text-opacity: .38;--md-comp-button-outlined-disabled-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-focused-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-focused-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-outlined-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-hovered-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-hovered-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-outlined-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-pressed-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-outlined-selected-container-color: var(--md-sys-color-inverse-surface);--md-comp-button-outlined-selected-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-button-outlined-selected-focused-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-focused-label-text-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-focused-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-hovered-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-hovered-label-text-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-hovered-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-label-text-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-pressed-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-pressed-label-text-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-selected-pressed-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-button-outlined-unselected-disabled-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-focused-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-focused-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-hovered-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-hovered-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-button-outlined-unselected-pressed-outline-color: var(--md-sys-color-outline-variant);--md-comp-button-outlined-unselected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-button-small-container-height: 40px;--md-comp-button-small-container-shape-round: calc(infinity * 1px);--md-comp-button-small-container-shape-square: 12px;--md-comp-button-small-icon-label-space: var(--md-sys-measurement-space100);--md-comp-button-small-icon-size: 20px;--md-comp-button-small-label-text: 500 14px/1.4285714285714286 Roboto;--md-comp-button-small-label-text-letter-spacing: .1px;--md-comp-button-small-leading-space: var(--md-sys-measurement-space200);--md-comp-button-small-outlined-outline-width: 1px;--md-comp-button-small-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-small-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-small-pressed-container-shape: 8px;--md-comp-button-small-selected-container-shape-round: 12px;--md-comp-button-small-selected-container-shape-square: calc(infinity * 1px);--md-comp-button-small-trailing-space: var(--md-sys-measurement-space200);--md-comp-button-text-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-button-text-disabled-container-opacity: 0;--md-comp-button-text-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-button-text-disabled-icon-opacity: .38;--md-comp-button-text-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-button-text-disabled-label-text-opacity: .38;--md-comp-button-text-focused-icon-color: var(--md-sys-color-primary);--md-comp-button-text-focused-label-text-color: var(--md-sys-color-primary);--md-comp-button-text-focused-state-layer-color: var(--md-sys-color-primary);--md-comp-button-text-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-text-hovered-icon-color: var(--md-sys-color-primary);--md-comp-button-text-hovered-label-text-color: var(--md-sys-color-primary);--md-comp-button-text-hovered-state-layer-color: var(--md-sys-color-primary);--md-comp-button-text-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-text-icon-color: var(--md-sys-color-primary);--md-comp-button-text-label-text-color: var(--md-sys-color-primary);--md-comp-button-text-pressed-icon-color: var(--md-sys-color-primary);--md-comp-button-text-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-button-text-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-button-text-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-tonal-container-color: var(--md-sys-color-secondary-container);--md-comp-button-tonal-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-tonal-container-shadow-color: var(--md-sys-color-shadow);--md-comp-button-tonal-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-button-tonal-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-tonal-disabled-container-opacity: .1;--md-comp-button-tonal-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-button-tonal-disabled-icon-opacity: .38;--md-comp-button-tonal-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-button-tonal-disabled-label-text-opacity: .38;--md-comp-button-tonal-focused-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-tonal-focused-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-focused-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-button-tonal-hovered-container-elevation: var(--md-sys-elevation-level1);--md-comp-button-tonal-hovered-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-hovered-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-button-tonal-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-button-tonal-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-button-tonal-selected-container-color: var(--md-sys-color-secondary);--md-comp-button-tonal-selected-focused-icon-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-focused-label-text-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-focused-state-layer-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-hovered-icon-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-hovered-label-text-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-hovered-state-layer-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-icon-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-label-text-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-pressed-icon-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-pressed-label-text-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-selected-pressed-state-layer-color: var(--md-sys-color-on-secondary);--md-comp-button-tonal-unselected-container-color: var(--md-sys-color-secondary-container);--md-comp-button-tonal-unselected-focused-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-focused-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-hovered-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-hovered-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-button-tonal-unselected-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-button-xlarge-container-height: 136px;--md-comp-button-xlarge-container-shape-round: calc(infinity * 1px);--md-comp-button-xlarge-container-shape-square: 28px;--md-comp-button-xlarge-icon-label-space: var(--md-sys-measurement-space200);--md-comp-button-xlarge-icon-size: 40px;--md-comp-button-xlarge-label-text: 400 32px/1.25 Roboto;--md-comp-button-xlarge-label-text-letter-spacing: 0px;--md-comp-button-xlarge-leading-space: var(--md-sys-measurement-space800);--md-comp-button-xlarge-outlined-outline-width: 3px;--md-comp-button-xlarge-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-xlarge-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-xlarge-pressed-container-shape: 16px;--md-comp-button-xlarge-selected-container-shape-round: 28px;--md-comp-button-xlarge-selected-container-shape-square: calc(infinity * 1px);--md-comp-button-xlarge-trailing-space: var(--md-sys-measurement-space800);--md-comp-button-xsmall-container-height: 32px;--md-comp-button-xsmall-container-shape-round: calc(infinity * 1px);--md-comp-button-xsmall-container-shape-square: 12px;--md-comp-button-xsmall-icon-label-space: var(--md-sys-measurement-space50);--md-comp-button-xsmall-icon-size: 20px;--md-comp-button-xsmall-label-text: 500 14px/1.4285714285714286 Roboto;--md-comp-button-xsmall-label-text-letter-spacing: .1px;--md-comp-button-xsmall-leading-space: 12px;--md-comp-button-xsmall-outlined-outline-width: 1px;--md-comp-button-xsmall-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-button-xsmall-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-button-xsmall-pressed-container-shape: 8px;--md-comp-button-xsmall-selected-container-shape-round: 12px;--md-comp-button-xsmall-selected-container-shape-square: calc(infinity * 1px);--md-comp-button-xsmall-trailing-space: 12px;--md-comp-checkbox-container-height: 18px;--md-comp-checkbox-container-shape: 2px;--md-comp-checkbox-container-size: 18px;--md-comp-checkbox-container-width: 18px;--md-comp-checkbox-disabled-selected-icon-color: var(--md-sys-color-primary);--md-comp-checkbox-disabled-selected-icon-opacity: .38;--md-comp-checkbox-disabled-unselected-icon-color: var(--md-sys-color-primary);--md-comp-checkbox-disabled-unselected-icon-opacity: .38;--md-comp-checkbox-error-focus-state-layer-color: var(--md-sys-color-error);--md-comp-checkbox-error-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-checkbox-error-hover-state-layer-color: var(--md-sys-color-error);--md-comp-checkbox-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-checkbox-error-pressed-state-layer-color: var(--md-sys-color-error);--md-comp-checkbox-error-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-checkbox-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-checkbox-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-checkbox-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-checkbox-icon-size: 18px;--md-comp-checkbox-selected-container-color: var(--md-sys-color-primary);--md-comp-checkbox-selected-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-checkbox-selected-disabled-container-opacity: .38;--md-comp-checkbox-selected-disabled-container-outline-width: 0px;--md-comp-checkbox-selected-disabled-icon-color: var(--md-sys-color-surface);--md-comp-checkbox-selected-error-container-color: var(--md-sys-color-error);--md-comp-checkbox-selected-error-focus-container-color: var(--md-sys-color-error);--md-comp-checkbox-selected-error-focus-icon-color: var(--md-sys-color-on-error);--md-comp-checkbox-selected-error-focus-outline-width: 0px;--md-comp-checkbox-selected-error-hover-container-color: var(--md-sys-color-error);--md-comp-checkbox-selected-error-hover-icon-color: var(--md-sys-color-on-error);--md-comp-checkbox-selected-error-hover-outline-width: 0px;--md-comp-checkbox-selected-error-icon-color: var(--md-sys-color-on-error);--md-comp-checkbox-selected-error-pressed-container-color: var(--md-sys-color-error);--md-comp-checkbox-selected-error-pressed-icon-color: var(--md-sys-color-on-error);--md-comp-checkbox-selected-error-pressed-outline-width: 0px;--md-comp-checkbox-selected-focus-container-color: var(--md-sys-color-primary);--md-comp-checkbox-selected-focus-icon-color: var(--md-sys-color-on-primary);--md-comp-checkbox-selected-focus-outline-width: 0px;--md-comp-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);--md-comp-checkbox-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-checkbox-selected-hover-container-color: var(--md-sys-color-primary);--md-comp-checkbox-selected-hover-icon-color: var(--md-sys-color-on-primary);--md-comp-checkbox-selected-hover-outline-width: 0px;--md-comp-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);--md-comp-checkbox-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-checkbox-selected-icon-color: var(--md-sys-color-on-primary);--md-comp-checkbox-selected-outline-width: 0px;--md-comp-checkbox-selected-pressed-container-color: var(--md-sys-color-primary);--md-comp-checkbox-selected-pressed-icon-color: var(--md-sys-color-on-primary);--md-comp-checkbox-selected-pressed-outline-width: 0px;--md-comp-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-checkbox-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-checkbox-state-layer-shape: calc(infinity * 1px);--md-comp-checkbox-state-layer-size: 40px;--md-comp-checkbox-unselected-disabled-container-opacity: .38;--md-comp-checkbox-unselected-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-disabled-outline-width: 2px;--md-comp-checkbox-unselected-error-focus-outline-color: var(--md-sys-color-error);--md-comp-checkbox-unselected-error-focus-outline-width: 2px;--md-comp-checkbox-unselected-error-hover-outline-color: var(--md-sys-color-error);--md-comp-checkbox-unselected-error-hover-outline-width: 2px;--md-comp-checkbox-unselected-error-outline-color: var(--md-sys-color-error);--md-comp-checkbox-unselected-error-pressed-outline-color: var(--md-sys-color-error);--md-comp-checkbox-unselected-error-pressed-outline-width: 2px;--md-comp-checkbox-unselected-focus-icon-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-focus-outline-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-focus-outline-width: 2px;--md-comp-checkbox-unselected-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-checkbox-unselected-hover-icon-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-hover-outline-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-hover-outline-width: 2px;--md-comp-checkbox-unselected-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-checkbox-unselected-icon-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-outline-color: var(--md-sys-color-on-surface-variant);--md-comp-checkbox-unselected-outline-width: 2px;--md-comp-checkbox-unselected-pressed-icon-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-pressed-outline-color: var(--md-sys-color-on-surface);--md-comp-checkbox-unselected-pressed-outline-width: 2px;--md-comp-checkbox-unselected-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-checkbox-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-circular-progress-indicator-active-indicator-color: var(--md-sys-color-primary);--md-comp-circular-progress-indicator-active-indicator-shape: 0px;--md-comp-circular-progress-indicator-active-indicator-width: 4px;--md-comp-circular-progress-indicator-four-color-active-indicator-four-color: var(--md-sys-color-tertiary-container);--md-comp-circular-progress-indicator-four-color-active-indicator-one-color: var(--md-sys-color-primary);--md-comp-circular-progress-indicator-four-color-active-indicator-three-color: var(--md-sys-color-tertiary);--md-comp-circular-progress-indicator-four-color-active-indicator-two-color: var(--md-sys-color-primary-container);--md-comp-circular-progress-indicator-size: 48px;--md-comp-dialog-action-focus-label-text-color: var(--md-sys-color-primary);--md-comp-dialog-action-focus-state-layer-color: var(--md-sys-color-primary);--md-comp-dialog-action-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-dialog-action-hover-label-text-color: var(--md-sys-color-primary);--md-comp-dialog-action-hover-state-layer-color: var(--md-sys-color-primary);--md-comp-dialog-action-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-dialog-action-label-text-color: var(--md-sys-color-primary);--md-comp-dialog-action-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-dialog-action-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-dialog-action-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-dialog-action-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-dialog-action-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-dialog-action-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-dialog-action-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-dialog-action-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-dialog-container-color: var(--md-sys-color-surface-container-high);--md-comp-dialog-container-elevation: var(--md-sys-elevation-level3);--md-comp-dialog-container-shape: 28px;--md-comp-dialog-headline-color: var(--md-sys-color-on-surface);--md-comp-dialog-headline-font: var(--md-sys-typescale-headline-small-font);--md-comp-dialog-headline-line-height: var(--md-sys-typescale-headline-small-line-height);--md-comp-dialog-headline-size: var(--md-sys-typescale-headline-small-size);--md-comp-dialog-headline-tracking: var(--md-sys-typescale-headline-small-tracking);--md-comp-dialog-headline-weight: var(--md-sys-typescale-headline-small-weight);--md-comp-dialog-subhead-color: var(--md-sys-color-on-surface);--md-comp-dialog-subhead-font: var(--md-sys-typescale-headline-small-font);--md-comp-dialog-subhead-line-height: var(--md-sys-typescale-headline-small-line-height);--md-comp-dialog-subhead-size: var(--md-sys-typescale-headline-small-size);--md-comp-dialog-subhead-tracking: var(--md-sys-typescale-headline-small-tracking);--md-comp-dialog-subhead-weight: var(--md-sys-typescale-headline-small-weight);--md-comp-dialog-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-dialog-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-dialog-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-dialog-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-dialog-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-dialog-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-dialog-with-divider-divider-color: var(--md-sys-color-outline);--md-comp-dialog-with-divider-divider-height: 1px;--md-comp-dialog-with-icon-icon-color: var(--md-sys-color-secondary);--md-comp-dialog-with-icon-icon-size: 24px;--md-comp-divider-color: var(--md-sys-color-outline-variant);--md-comp-divider-thickness: 1px;--md-comp-elevated-card-container-color: var(--md-sys-color-surface-container-low);--md-comp-elevated-card-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-container-shadow-color: var(--md-sys-color-shadow);--md-comp-elevated-card-container-shape: 12px;--md-comp-elevated-card-disabled-container-color: var(--md-sys-color-surface);--md-comp-elevated-card-disabled-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-disabled-container-opacity: .38;--md-comp-elevated-card-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-elevated-card-dragged-state-layer-color: var(--md-sys-color-on-surface);--md-comp-elevated-card-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-elevated-card-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-elevated-card-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-elevated-card-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-elevated-card-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-elevated-card-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-elevated-card-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-elevated-card-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-elevated-card-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-elevated-card-icon-color: var(--md-sys-color-primary);--md-comp-elevated-card-icon-size: 24px;--md-comp-elevated-card-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-elevated-card-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-fab-container-width: 56px;--md-comp-filled-autocomplete-menu-container-color: var(--md-sys-color-surface-container);--md-comp-filled-autocomplete-menu-container-elevation: var(--md-sys-elevation-level2);--md-comp-filled-autocomplete-menu-container-shadow-color: var(--md-sys-color-shadow);--md-comp-filled-autocomplete-menu-container-shape: 4px;--md-comp-filled-autocomplete-menu-divider-color: var(--md-sys-color-surface-variant);--md-comp-filled-autocomplete-menu-divider-height: 1px;--md-comp-filled-autocomplete-menu-list-item-container-height: 48px;--md-comp-filled-autocomplete-menu-list-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-menu-list-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-filled-autocomplete-menu-list-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-filled-autocomplete-menu-list-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-filled-autocomplete-menu-list-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-filled-autocomplete-menu-list-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-filled-autocomplete-menu-list-item-selected-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-autocomplete-text-field-active-indicator-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-active-indicator-height: 1px;--md-comp-filled-autocomplete-text-field-caret-color: var(--md-sys-color-primary);--md-comp-filled-autocomplete-text-field-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-autocomplete-text-field-container-height: 56px;--md-comp-filled-autocomplete-text-field-container-shape: 4px 4px 0px 0px;--md-comp-filled-autocomplete-text-field-disabled-active-indicator-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-active-indicator-height: 1px;--md-comp-filled-autocomplete-text-field-disabled-active-indicator-opacity: .38;--md-comp-filled-autocomplete-text-field-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-container-opacity: .04;--md-comp-filled-autocomplete-text-field-disabled-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-input-text-opacity: .38;--md-comp-filled-autocomplete-text-field-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-label-text-opacity: .38;--md-comp-filled-autocomplete-text-field-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-leading-icon-opacity: .38;--md-comp-filled-autocomplete-text-field-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-supporting-text-opacity: .38;--md-comp-filled-autocomplete-text-field-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-disabled-trailing-icon-opacity: .38;--md-comp-filled-autocomplete-text-field-error-active-indicator-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-focus-active-indicator-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-focus-caret-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-error-focus-label-text-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-error-focus-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-focus-trailing-icon-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-hover-active-indicator-color: var(--md-sys-color-on-error-container);--md-comp-filled-autocomplete-text-field-error-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-error-hover-label-text-color: var(--md-sys-color-on-error-container);--md-comp-filled-autocomplete-text-field-error-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-error-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-autocomplete-text-field-error-hover-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-hover-trailing-icon-color: var(--md-sys-color-on-error-container);--md-comp-filled-autocomplete-text-field-error-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-error-label-text-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-error-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-error-trailing-icon-color: var(--md-sys-color-error);--md-comp-filled-autocomplete-text-field-focus-active-indicator-color: var(--md-sys-color-primary);--md-comp-filled-autocomplete-text-field-focus-active-indicator-height: 2px;--md-comp-filled-autocomplete-text-field-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-comp-filled-autocomplete-text-field-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-focus-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-hover-active-indicator-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-hover-active-indicator-height: 1px;--md-comp-filled-autocomplete-text-field-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-autocomplete-text-field-hover-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-autocomplete-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-autocomplete-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-autocomplete-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-autocomplete-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-autocomplete-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-autocomplete-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-autocomplete-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-autocomplete-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-autocomplete-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-autocomplete-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-autocomplete-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-autocomplete-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-autocomplete-text-field-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-leading-icon-size: 20px;--md-comp-filled-autocomplete-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-filled-autocomplete-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-autocomplete-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-autocomplete-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-filled-autocomplete-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-filled-autocomplete-text-field-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-autocomplete-text-field-trailing-icon-size: 24px;--md-comp-filled-card-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-card-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-container-shadow-color: var(--md-sys-color-shadow);--md-comp-filled-card-container-shape: 12px;--md-comp-filled-card-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-filled-card-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-disabled-container-opacity: .38;--md-comp-filled-card-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-filled-card-dragged-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-card-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filled-card-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-filled-card-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-filled-card-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-filled-card-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-card-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filled-card-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filled-card-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-card-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-card-icon-color: var(--md-sys-color-primary);--md-comp-filled-card-icon-size: 24px;--md-comp-filled-card-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-card-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filled-select-menu-container-color: var(--md-sys-color-surface-container);--md-comp-filled-select-menu-container-elevation: var(--md-sys-elevation-level2);--md-comp-filled-select-menu-container-shadow-color: var(--md-sys-color-shadow);--md-comp-filled-select-menu-container-shape: 4px;--md-comp-filled-select-menu-divider-color: var(--md-sys-color-surface-variant);--md-comp-filled-select-menu-divider-height: 1px;--md-comp-filled-select-menu-list-item-container-height: 48px;--md-comp-filled-select-menu-list-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-menu-list-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-filled-select-menu-list-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-filled-select-menu-list-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-filled-select-menu-list-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-filled-select-menu-list-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-filled-select-menu-list-item-selected-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-select-menu-list-item-with-leading-icon-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-menu-list-item-with-leading-icon-leading-icon-size: 24px;--md-comp-filled-select-menu-list-item-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-menu-list-item-with-trailing-icon-trailing-icon-size: 24px;--md-comp-filled-select-text-field-active-indicator-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-active-indicator-height: 1px;--md-comp-filled-select-text-field-caret-color: var(--md-sys-color-primary);--md-comp-filled-select-text-field-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-select-text-field-container-height: 56px;--md-comp-filled-select-text-field-container-shape: 4px 4px 0px 0px;--md-comp-filled-select-text-field-disabled-active-indicator-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-active-indicator-height: 1px;--md-comp-filled-select-text-field-disabled-active-indicator-opacity: .38;--md-comp-filled-select-text-field-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-container-opacity: .04;--md-comp-filled-select-text-field-disabled-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-input-text-opacity: .38;--md-comp-filled-select-text-field-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-label-text-opacity: .38;--md-comp-filled-select-text-field-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-leading-icon-opacity: .38;--md-comp-filled-select-text-field-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-supporting-text-opacity: .38;--md-comp-filled-select-text-field-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-disabled-trailing-icon-opacity: .38;--md-comp-filled-select-text-field-error-active-indicator-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-focus-active-indicator-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-focus-caret-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-error-focus-label-text-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-error-focus-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-focus-trailing-icon-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-hover-active-indicator-color: var(--md-sys-color-on-error-container);--md-comp-filled-select-text-field-error-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-error-hover-label-text-color: var(--md-sys-color-on-error-container);--md-comp-filled-select-text-field-error-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-error-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-select-text-field-error-hover-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-hover-trailing-icon-color: var(--md-sys-color-on-error-container);--md-comp-filled-select-text-field-error-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-error-label-text-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-error-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-error-trailing-icon-color: var(--md-sys-color-error);--md-comp-filled-select-text-field-focus-active-indicator-color: var(--md-sys-color-primary);--md-comp-filled-select-text-field-focus-active-indicator-height: 2px;--md-comp-filled-select-text-field-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-comp-filled-select-text-field-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-focus-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-focus-trailing-icon-color: var(--md-sys-color-primary);--md-comp-filled-select-text-field-hover-active-indicator-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-hover-active-indicator-height: 1px;--md-comp-filled-select-text-field-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-select-text-field-hover-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-select-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-select-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-select-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-select-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-select-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-select-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-select-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-select-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-select-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-select-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-select-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-select-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-select-text-field-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-leading-icon-size: 24px;--md-comp-filled-select-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-filled-select-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-select-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-select-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-filled-select-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-filled-select-text-field-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-select-text-field-trailing-icon-size: 24px;--md-comp-filled-text-field-active-indicator-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-active-indicator-height: 1px;--md-comp-filled-text-field-caret-color: var(--md-sys-color-primary);--md-comp-filled-text-field-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-text-field-container-height: 56px;--md-comp-filled-text-field-container-shape: 4px 4px 0px 0px;--md-comp-filled-text-field-disabled-active-indicator-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-active-indicator-height: 1px;--md-comp-filled-text-field-disabled-active-indicator-opacity: .38;--md-comp-filled-text-field-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-container-opacity: .04;--md-comp-filled-text-field-disabled-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-input-text-opacity: .38;--md-comp-filled-text-field-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-label-text-opacity: .38;--md-comp-filled-text-field-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-leading-icon-opacity: .38;--md-comp-filled-text-field-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-supporting-text-opacity: .38;--md-comp-filled-text-field-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-disabled-trailing-icon-opacity: .38;--md-comp-filled-text-field-error-active-indicator-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-focus-active-indicator-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-focus-caret-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-error-focus-label-text-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-error-focus-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-focus-trailing-icon-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-hover-active-indicator-color: var(--md-sys-color-on-error-container);--md-comp-filled-text-field-error-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-error-hover-label-text-color: var(--md-sys-color-on-error-container);--md-comp-filled-text-field-error-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-error-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-text-field-error-hover-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-hover-trailing-icon-color: var(--md-sys-color-on-error-container);--md-comp-filled-text-field-error-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-error-label-text-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-error-supporting-text-color: var(--md-sys-color-error);--md-comp-filled-text-field-error-trailing-icon-color: var(--md-sys-color-error);--md-comp-filled-text-field-focus-active-indicator-color: var(--md-sys-color-primary);--md-comp-filled-text-field-focus-active-indicator-height: 2px;--md-comp-filled-text-field-focus-active-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-filled-text-field-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-comp-filled-text-field-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-focus-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-hover-active-indicator-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-hover-active-indicator-height: 1px;--md-comp-filled-text-field-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-text-field-hover-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-input-text-color: var(--md-sys-color-on-surface);--md-comp-filled-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-text-field-input-text-placeholder-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-input-text-prefix-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-text-field-input-text-suffix-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-text-field-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-leading-icon-size: 24px;--md-comp-filled-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-filled-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-filled-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-filled-text-field-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filled-text-field-trailing-icon-size: 24px;--md-comp-filter-chip-container-height: 32px;--md-comp-filter-chip-container-shadow-color: var(--md-sys-color-shadow);--md-comp-filter-chip-container-shape: 8px;--md-comp-filter-chip-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-disabled-label-text-opacity: .38;--md-comp-filter-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-filter-chip-elevated-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-elevated-container-shadow-color: var(--md-sys-color-shadow);--md-comp-filter-chip-elevated-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-elevated-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-elevated-disabled-container-opacity: .12;--md-comp-filter-chip-elevated-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-elevated-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-filter-chip-elevated-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-elevated-selected-container-color: var(--md-sys-color-secondary-container);--md-comp-filter-chip-elevated-unselected-container-color: var(--md-sys-color-surface-container-low);--md-comp-filter-chip-flat-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-disabled-selected-container-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-flat-disabled-selected-container-opacity: .12;--md-comp-filter-chip-flat-disabled-unselected-outline-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-flat-disabled-unselected-outline-opacity: .12;--md-comp-filter-chip-flat-selected-container-color: var(--md-sys-color-secondary-container);--md-comp-filter-chip-flat-selected-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-selected-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-flat-selected-outline-width: 0px;--md-comp-filter-chip-flat-selected-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-focus-outline-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-flat-unselected-hover-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-outline-color: var(--md-sys-color-outline-variant);--md-comp-filter-chip-flat-unselected-outline-width: 1px;--md-comp-filter-chip-flat-unselected-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-filter-chip-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-filter-chip-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-filter-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-filter-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-filter-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-filter-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-filter-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-filter-chip-selected-dragged-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-dragged-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filter-chip-selected-focus-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-focus-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filter-chip-selected-hover-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-hover-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filter-chip-selected-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-selected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filter-chip-unselected-dragged-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-dragged-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filter-chip-unselected-focus-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-focus-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filter-chip-unselected-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-hover-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filter-chip-unselected-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-unselected-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filter-chip-with-icon-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-with-icon-disabled-icon-opacity: .38;--md-comp-filter-chip-with-icon-icon-size: 18px;--md-comp-filter-chip-with-icon-selected-dragged-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-icon-selected-focus-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-icon-selected-hover-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-icon-selected-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-icon-selected-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-icon-unselected-dragged-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-icon-unselected-focus-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-icon-unselected-hover-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-icon-unselected-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-icon-unselected-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-opacity: .38;--md-comp-filter-chip-with-leading-icon-leading-icon-unselected-color: var(--md-sys-color-primary);--md-comp-filter-chip-with-leading-icon-selected-dragged-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-selected-focus-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-selected-hover-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-selected-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-selected-pressed-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-leading-icon-unselected-dragged-leading-icon-color: var(--md-sys-color-primary);--md-comp-filter-chip-with-leading-icon-unselected-focus-leading-icon-color: var(--md-sys-color-primary);--md-comp-filter-chip-with-leading-icon-unselected-hover-leading-icon-color: var(--md-sys-color-primary);--md-comp-filter-chip-with-leading-icon-unselected-leading-icon-color: var(--md-sys-color-primary);--md-comp-filter-chip-with-leading-icon-unselected-pressed-leading-icon-color: var(--md-sys-color-primary);--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--md-comp-filter-chip-with-trailing-icon-selected-dragged-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-focus-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-hover-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-pressed-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-selected-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-filter-chip-with-trailing-icon-trailing-icon-unselected-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-trailing-icon-unselected-dragged-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-trailing-icon-unselected-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-trailing-icon-unselected-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-trailing-icon-unselected-pressed-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-filter-chip-with-trailing-icon-unselected-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-full-screen-dialog-action-bar-container-color: var(--md-sys-color-surface);--md-comp-full-screen-dialog-action-bar-container-elevation: var(--md-sys-elevation-level0);--md-comp-full-screen-dialog-action-bar-container-height: 56px;--md-comp-full-screen-dialog-action-bar-focus-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-focus-state-layer-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-full-screen-dialog-action-bar-hover-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-hover-state-layer-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-full-screen-dialog-action-bar-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-full-screen-dialog-action-bar-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-full-screen-dialog-action-bar-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-full-screen-dialog-action-bar-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-full-screen-dialog-action-bar-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-full-screen-dialog-action-bar-on-scroll-container-elevation: var(--md-sys-elevation-level2);--md-comp-full-screen-dialog-action-bar-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-action-bar-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-full-screen-dialog-container-color: var(--md-sys-color-surface);--md-comp-full-screen-dialog-container-elevation: var(--md-sys-elevation-level0);--md-comp-full-screen-dialog-container-shape: 0px;--md-comp-full-screen-dialog-header-action-focus-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-focus-state-layer-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-full-screen-dialog-header-action-hover-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-hover-state-layer-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-full-screen-dialog-header-action-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-full-screen-dialog-header-action-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-full-screen-dialog-header-action-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-full-screen-dialog-header-action-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-full-screen-dialog-header-action-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-full-screen-dialog-header-action-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-full-screen-dialog-header-action-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-full-screen-dialog-header-container-color: var(--md-sys-color-surface);--md-comp-full-screen-dialog-header-container-elevation: var(--md-sys-elevation-level0);--md-comp-full-screen-dialog-header-container-height: 56px;--md-comp-full-screen-dialog-header-headline-color: var(--md-sys-color-on-surface);--md-comp-full-screen-dialog-header-headline-font: var(--md-sys-typescale-title-large-font);--md-comp-full-screen-dialog-header-headline-line-height: var(--md-sys-typescale-title-large-line-height);--md-comp-full-screen-dialog-header-headline-size: var(--md-sys-typescale-title-large-size);--md-comp-full-screen-dialog-header-headline-tracking: var(--md-sys-typescale-title-large-tracking);--md-comp-full-screen-dialog-header-headline-weight: var(--md-sys-typescale-title-large-weight);--md-comp-full-screen-dialog-header-icon-color: var(--md-sys-color-on-surface);--md-comp-full-screen-dialog-header-icon-size: 24px;--md-comp-full-screen-dialog-header-on-scroll-container-color: var(--md-sys-color-surface-container);--md-comp-full-screen-dialog-header-on-scroll-container-elevation: var(--md-sys-elevation-level2);--md-comp-full-screen-dialog-with-divider-divider-color: var(--md-sys-color-surface-variant);--md-comp-full-screen-dialog-with-divider-divider-height: 1px;--md-comp-icon-button-filled-container-color: var(--md-sys-color-primary);--md-comp-icon-button-filled-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-icon-button-filled-disabled-container-opacity: .1;--md-comp-icon-button-filled-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-icon-button-filled-disabled-icon-opacity: .38;--md-comp-icon-button-filled-focused-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-focused-state-layer-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-filled-hovered-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-hovered-state-layer-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-filled-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-pressed-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-pressed-state-layer-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-filled-selected-container-color: var(--md-sys-color-primary);--md-comp-icon-button-filled-selected-focused-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-selected-focused-state-layer-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-selected-hovered-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-selected-hovered-state-layer-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-selected-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-selected-pressed-icon-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-selected-pressed-state-layer-color: var(--md-sys-color-on-primary);--md-comp-icon-button-filled-unselected-container-color: var(--md-sys-color-surface-container);--md-comp-icon-button-filled-unselected-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-unselected-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-unselected-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-unselected-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-unselected-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-unselected-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-filled-unselected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-large-container-height: 96px;--md-comp-icon-button-large-container-shape-round: calc(infinity * 1px);--md-comp-icon-button-large-container-shape-square: 28px;--md-comp-icon-button-large-default-leading-space: var(--md-sys-measurement-space400);--md-comp-icon-button-large-default-trailing-space: var(--md-sys-measurement-space400);--md-comp-icon-button-large-icon-size: 32px;--md-comp-icon-button-large-narrow-leading-space: var(--md-sys-measurement-space200);--md-comp-icon-button-large-narrow-trailing-space: var(--md-sys-measurement-space200);--md-comp-icon-button-large-outlined-outline-width: 2px;--md-comp-icon-button-large-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-icon-button-large-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-icon-button-large-pressed-container-shape: 16px;--md-comp-icon-button-large-selected-container-shape-round: 28px;--md-comp-icon-button-large-selected-container-shape-square: calc(infinity * 1px);--md-comp-icon-button-large-wide-leading-space: var(--md-sys-measurement-space600);--md-comp-icon-button-large-wide-trailing-space: var(--md-sys-measurement-space600);--md-comp-icon-button-medium-container-height: 56px;--md-comp-icon-button-medium-container-shape-round: calc(infinity * 1px);--md-comp-icon-button-medium-container-shape-square: 16px;--md-comp-icon-button-medium-default-leading-space: var(--md-sys-measurement-space200);--md-comp-icon-button-medium-default-trailing-space: var(--md-sys-measurement-space200);--md-comp-icon-button-medium-icon-size: 24px;--md-comp-icon-button-medium-narrow-leading-space: var(--md-sys-measurement-space150);--md-comp-icon-button-medium-narrow-trailing-space: var(--md-sys-measurement-space150);--md-comp-icon-button-medium-outlined-outline-width: 1px;--md-comp-icon-button-medium-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-icon-button-medium-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-icon-button-medium-pressed-container-shape: 12px;--md-comp-icon-button-medium-selected-container-shape-round: 16px;--md-comp-icon-button-medium-selected-container-shape-square: calc(infinity * 1px);--md-comp-icon-button-medium-wide-leading-space: var(--md-sys-measurement-space300);--md-comp-icon-button-medium-wide-trailing-space: var(--md-sys-measurement-space300);--md-comp-icon-button-outlined-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-icon-button-outlined-disabled-icon-opacity: .38;--md-comp-icon-button-outlined-disabled-outline-color: var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-outlined-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-outlined-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-outline-color: var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-outlined-selected-container-color: var(--md-sys-color-inverse-surface);--md-comp-icon-button-outlined-selected-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-icon-button-outlined-selected-disabled-container-opacity: .1;--md-comp-icon-button-outlined-selected-focused-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-selected-focused-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-selected-hovered-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-selected-hovered-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-selected-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-selected-pressed-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-selected-pressed-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-icon-button-outlined-unselected-disabled-outline-color: var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-unselected-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-outline-color: var(--md-sys-color-outline-variant);--md-comp-icon-button-outlined-unselected-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-outlined-unselected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-small-container-height: 40px;--md-comp-icon-button-small-container-shape-round: calc(infinity * 1px);--md-comp-icon-button-small-container-shape-square: 12px;--md-comp-icon-button-small-default-leading-space: var(--md-sys-measurement-space100);--md-comp-icon-button-small-default-trailing-space: var(--md-sys-measurement-space100);--md-comp-icon-button-small-icon-size: 24px;--md-comp-icon-button-small-narrow-leading-space: var(--md-sys-measurement-space50);--md-comp-icon-button-small-narrow-trailing-space: var(--md-sys-measurement-space50);--md-comp-icon-button-small-outlined-outline-width: 1px;--md-comp-icon-button-small-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-icon-button-small-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-icon-button-small-pressed-container-shape: 8px;--md-comp-icon-button-small-selected-container-shape-round: 12px;--md-comp-icon-button-small-selected-container-shape-square: calc(infinity * 1px);--md-comp-icon-button-small-wide-leading-space: var(--md-sys-measurement-space175);--md-comp-icon-button-small-wide-trailing-space: var(--md-sys-measurement-space175);--md-comp-icon-button-standard-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-icon-button-standard-disabled-icon-opacity: .38;--md-comp-icon-button-standard-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-standard-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-standard-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-standard-selected-focused-icon-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-selected-focused-state-layer-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-selected-hovered-icon-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-selected-hovered-state-layer-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-selected-icon-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-selected-pressed-icon-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-selected-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-icon-button-standard-unselected-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-standard-unselected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-icon-button-tonal-container-color: var(--md-sys-color-secondary-container);--md-comp-icon-button-tonal-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-icon-button-tonal-disabled-container-opacity: .1;--md-comp-icon-button-tonal-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-icon-button-tonal-disabled-icon-opacity: .38;--md-comp-icon-button-tonal-focused-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-tonal-hovered-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-tonal-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-tonal-selected-container-color: var(--md-sys-color-secondary);--md-comp-icon-button-tonal-selected-focused-icon-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-selected-focused-state-layer-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-selected-hovered-icon-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-selected-hovered-state-layer-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-selected-icon-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-selected-pressed-icon-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-selected-pressed-state-layer-color: var(--md-sys-color-on-secondary);--md-comp-icon-button-tonal-unselected-container-color: var(--md-sys-color-secondary-container);--md-comp-icon-button-tonal-unselected-focused-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-hovered-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-tonal-unselected-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-icon-button-xlarge-container-height: 136px;--md-comp-icon-button-xlarge-container-shape-round: calc(infinity * 1px);--md-comp-icon-button-xlarge-container-shape-square: 28px;--md-comp-icon-button-xlarge-default-leading-space: var(--md-sys-measurement-space600);--md-comp-icon-button-xlarge-default-trailing-space: var(--md-sys-measurement-space600);--md-comp-icon-button-xlarge-icon-size: 40px;--md-comp-icon-button-xlarge-narrow-leading-space: var(--md-sys-measurement-space400);--md-comp-icon-button-xlarge-narrow-trailing-space: var(--md-sys-measurement-space400);--md-comp-icon-button-xlarge-outlined-outline-width: 3px;--md-comp-icon-button-xlarge-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-icon-button-xlarge-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-icon-button-xlarge-pressed-container-shape: 16px;--md-comp-icon-button-xlarge-selected-container-shape-round: 28px;--md-comp-icon-button-xlarge-selected-container-shape-square: calc(infinity * 1px);--md-comp-icon-button-xlarge-wide-leading-space: var(--md-sys-measurement-space900);--md-comp-icon-button-xlarge-wide-trailing-space: var(--md-sys-measurement-space900);--md-comp-icon-button-xsmall-container-height: 32px;--md-comp-icon-button-xsmall-container-shape-round: calc(infinity * 1px);--md-comp-icon-button-xsmall-container-shape-square: 12px;--md-comp-icon-button-xsmall-default-leading-space: var(--md-sys-measurement-space75);--md-comp-icon-button-xsmall-default-trailing-space: var(--md-sys-measurement-space75);--md-comp-icon-button-xsmall-icon-size: 20px;--md-comp-icon-button-xsmall-narrow-leading-space: var(--md-sys-measurement-space50);--md-comp-icon-button-xsmall-narrow-trailing-space: var(--md-sys-measurement-space50);--md-comp-icon-button-xsmall-outlined-outline-width: 1px;--md-comp-icon-button-xsmall-pressed-container-corner-size-motion-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--md-comp-icon-button-xsmall-pressed-container-corner-size-motion-spring-stiffness: var(--md-sys-motion-spring-fast-spatial-stiffness);--md-comp-icon-button-xsmall-pressed-container-shape: 8px;--md-comp-icon-button-xsmall-selected-container-shape-round: 12px;--md-comp-icon-button-xsmall-selected-container-shape-square: calc(infinity * 1px);--md-comp-icon-button-xsmall-wide-leading-space: var(--md-sys-measurement-space125);--md-comp-icon-button-xsmall-wide-trailing-space: var(--md-sys-measurement-space125);--md-comp-input-chip-container-elevation: var(--md-sys-elevation-level0);--md-comp-input-chip-container-height: 32px;--md-comp-input-chip-container-shape: 8px;--md-comp-input-chip-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-label-text-opacity: .38;--md-comp-input-chip-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-outline-opacity: .12;--md-comp-input-chip-disabled-selected-container-color: var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-selected-container-opacity: .12;--md-comp-input-chip-disabled-unselected-outline-color: var(--md-sys-color-on-surface);--md-comp-input-chip-disabled-unselected-outline-opacity: .12;--md-comp-input-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-input-chip-dragged-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-dragged-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-input-chip-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-input-chip-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-input-chip-focus-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-focus-outline-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-focus-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-hover-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-input-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-input-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-input-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-input-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-input-chip-outline-color: var(--md-sys-color-outline);--md-comp-input-chip-outline-width: 1px;--md-comp-input-chip-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-selected-container-color: var(--md-sys-color-secondary-container);--md-comp-input-chip-selected-dragged-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-dragged-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-selected-focus-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-focus-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-selected-hover-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-hover-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-selected-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-outline-width: 0px;--md-comp-input-chip-selected-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-unselected-dragged-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-dragged-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-unselected-focus-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-focus-outline-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-focus-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-unselected-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-hover-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-unselected-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-outline-color: var(--md-sys-color-outline-variant);--md-comp-input-chip-unselected-outline-width: 1px;--md-comp-input-chip-unselected-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-with-avatar-avatar-shape: calc(infinity * 1px);--md-comp-input-chip-with-avatar-avatar-size: 24px;--md-comp-input-chip-with-avatar-disabled-avatar-opacity: .38;--md-comp-input-chip-with-leading-icon-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-input-chip-with-leading-icon-disabled-leading-icon-opacity: .38;--md-comp-input-chip-with-leading-icon-dragged-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-leading-icon-size: 18px;--md-comp-input-chip-with-leading-icon-pressed-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-selected-dragged-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-leading-icon-selected-focus-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-selected-hover-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-selected-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-selected-pressed-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-unselected-dragged-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-unselected-focus-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-unselected-hover-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-leading-icon-unselected-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-leading-icon-unselected-pressed-leading-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--md-comp-input-chip-with-trailing-icon-dragged-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-pressed-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-selected-dragged-trailing-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-selected-focus-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-trailing-icon-selected-hover-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-trailing-icon-selected-pressed-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-trailing-icon-selected-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-input-chip-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-trailing-icon-size: 18px;--md-comp-input-chip-with-trailing-icon-unselected-dragged-trailing-icon-color: var(--md-sys-color-primary);--md-comp-input-chip-with-trailing-icon-unselected-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-unselected-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-unselected-pressed-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-input-chip-with-trailing-icon-unselected-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-linear-progress-indicator-active-indicator-color: var(--md-sys-color-primary);--md-comp-linear-progress-indicator-active-indicator-height: 4px;--md-comp-linear-progress-indicator-active-indicator-shape: 0px;--md-comp-linear-progress-indicator-four-color-active-indicator-four-color: var(--md-sys-color-tertiary-container);--md-comp-linear-progress-indicator-four-color-active-indicator-one-color: var(--md-sys-color-primary);--md-comp-linear-progress-indicator-four-color-active-indicator-three-color: var(--md-sys-color-tertiary);--md-comp-linear-progress-indicator-four-color-active-indicator-two-color: var(--md-sys-color-primary-container);--md-comp-linear-progress-indicator-track-color: var(--md-sys-color-surface-container-highest);--md-comp-linear-progress-indicator-track-height: 4px;--md-comp-linear-progress-indicator-track-shape: 0px;--md-comp-list-container-shape: 16px;--md-comp-list-divider-bottom-space: var(--md-sys-measurement-space0);--md-comp-list-divider-color: var(--md-sys-color-outline);--md-comp-list-divider-height: 1px;--md-comp-list-divider-leading-space: var(--md-sys-measurement-space200);--md-comp-list-divider-top-space: var(--md-sys-measurement-space0);--md-comp-list-divider-trailing-space: var(--md-sys-measurement-space200);--md-comp-list-expand-collapsed-list-item-trailing-icon-container-color: var(--md-sys-color-surface);--md-comp-list-expand-collapsed-list-item-trailing-icon-icon-color: var(--md-sys-color-on-surface);--md-comp-list-expand-container-shape: 16px;--md-comp-list-expand-expanded-list-item-container-color: var(--md-sys-color-surface);--md-comp-list-expand-expanded-list-item-segmented-container-color: var(--md-sys-color-surface);--md-comp-list-expand-expanded-list-item-trailing-icon-container-color: var(--md-sys-color-surface-container);--md-comp-list-expand-expanded-list-item-trailing-icon-icon-color: var(--md-sys-color-on-surface);--md-comp-list-expand-trailing-icon-shape: calc(infinity * 1px);--md-comp-list-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-list-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-inner-offset);--md-comp-list-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-list-list-item-between-space: var(--md-sys-measurement-space150);--md-comp-list-list-item-bottom-space: var(--md-sys-measurement-space125);--md-comp-list-list-item-container-color: var(--md-sys-color-surface);--md-comp-list-list-item-container-elevation: var(--md-sys-elevation-level0);--md-comp-list-list-item-container-expressive-shape: 4px;--md-comp-list-list-item-container-height: 56px;--md-comp-list-list-item-container-shape: 0px;--md-comp-list-list-item-disabled-container-expressive-shape: 4px;--md-comp-list-list-item-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-disabled-label-text-opacity: .38;--md-comp-list-list-item-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-disabled-leading-icon-opacity: .38;--md-comp-list-list-item-disabled-overline-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-disabled-overline-opacity: .38;--md-comp-list-list-item-disabled-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-disabled-state-layer-opacity: .1;--md-comp-list-list-item-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-disabled-supporting-text-opacity: .38;--md-comp-list-list-item-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-disabled-trailing-icon-opacity: .38;--md-comp-list-list-item-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-list-list-item-dragged-container-expressive-shape: 16px;--md-comp-list-list-item-dragged-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-dragged-leading-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-dragged-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-list-list-item-dragged-trailing-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-focus-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-focus-leading-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-list-list-item-focus-trailing-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-focused-container-expressive-shape: 16px;--md-comp-list-list-item-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-hover-leading-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-list-list-item-hover-trailing-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-hovered-container-expressive-shape: 12px;--md-comp-list-list-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-list-list-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-list-list-item-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-list-list-item-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-list-list-item-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-list-list-item-large-leading-video-height: 64px;--md-comp-list-list-item-large-leading-video-width: 114px;--md-comp-list-list-item-leading-avatar-color: var(--md-sys-color-primary-container);--md-comp-list-list-item-leading-avatar-label-color: var(--md-sys-color-on-primary-container);--md-comp-list-list-item-leading-avatar-label-font: var(--md-sys-typescale-title-medium-font);--md-comp-list-list-item-leading-avatar-label-line-height: var(--md-sys-typescale-title-medium-line-height);--md-comp-list-list-item-leading-avatar-label-size: var(--md-sys-typescale-title-medium-size);--md-comp-list-list-item-leading-avatar-label-tracking: var(--md-sys-typescale-title-medium-tracking);--md-comp-list-list-item-leading-avatar-label-weight: var(--md-sys-typescale-title-medium-weight);--md-comp-list-list-item-leading-avatar-shape: calc(infinity * 1px);--md-comp-list-list-item-leading-avatar-size: 40px;--md-comp-list-list-item-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-leading-icon-expressive-size: 20px;--md-comp-list-list-item-leading-icon-size: 24px;--md-comp-list-list-item-leading-image-expressive-shape: 8px;--md-comp-list-list-item-leading-image-height: 56px;--md-comp-list-list-item-leading-image-shape: 0px;--md-comp-list-list-item-leading-image-width: 56px;--md-comp-list-list-item-leading-space: var(--md-sys-measurement-space200);--md-comp-list-list-item-leading-video-shape: 8px;--md-comp-list-list-item-leading-video-width: 100px;--md-comp-list-list-item-one-line-container-height: 56px;--md-comp-list-list-item-overline-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-overline-font: var(--md-sys-typescale-label-small-font);--md-comp-list-list-item-overline-line-height: var(--md-sys-typescale-label-small-line-height);--md-comp-list-list-item-overline-size: var(--md-sys-typescale-label-small-size);--md-comp-list-list-item-overline-tracking: var(--md-sys-typescale-label-small-tracking);--md-comp-list-list-item-overline-weight: var(--md-sys-typescale-label-small-weight);--md-comp-list-list-item-pressed-container-expressive-shape: 16px;--md-comp-list-list-item-pressed-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-pressed-leading-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-list-list-item-pressed-trailing-icon-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-segmented-container-color: var(--md-sys-color-surface);--md-comp-list-list-item-selected-container-color: var(--md-sys-color-secondary-container);--md-comp-list-list-item-selected-container-expressive-shape: 16px;--md-comp-list-list-item-selected-container-shape: 16px;--md-comp-list-list-item-selected-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-container-expressive-shape: 16px;--md-comp-list-list-item-selected-disabled-container-opacity: .38;--md-comp-list-list-item-selected-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-label-text-opacity: .38;--md-comp-list-list-item-selected-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-leading-icon-opacity: .38;--md-comp-list-list-item-selected-disabled-overline-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-overline-opacity: .38;--md-comp-list-list-item-selected-disabled-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-state-layer-opacity: .1;--md-comp-list-list-item-selected-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-supporting-text-opacity: .38;--md-comp-list-list-item-selected-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-trailing-icon-opacity: .38;--md-comp-list-list-item-selected-disabled-trailing-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-disabled-trailing-supporting-text-opacity: .38;--md-comp-list-list-item-selected-dragged-container-expressive-shape: 16px;--md-comp-list-list-item-selected-dragged-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-dragged-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-dragged-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-list-list-item-selected-dragged-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-focus-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-focus-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-list-list-item-selected-focus-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-focused-container-expressive-shape: 16px;--md-comp-list-list-item-selected-hover-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-hover-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-list-list-item-selected-hover-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-hovered-container-expressive-shape: 16px;--md-comp-list-list-item-selected-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-overline-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-pressed-container-expressive-shape: 16px;--md-comp-list-list-item-selected-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-pressed-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-list-list-item-selected-pressed-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-list-item-selected-supporting-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-selected-trailing-supporting-text-color: var(--md-sys-color-on-secondary-container);--md-comp-list-list-item-small-leading-video-height: 56px;--md-comp-list-list-item-small-leading-video-width: 100px;--md-comp-list-list-item-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-list-list-item-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-list-list-item-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-list-list-item-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-list-list-item-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-list-list-item-three-line-container-height: 88px;--md-comp-list-list-item-top-space: var(--md-sys-measurement-space125);--md-comp-list-list-item-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-trailing-icon-expressive-size: 20px;--md-comp-list-list-item-trailing-icon-size: 24px;--md-comp-list-list-item-trailing-space: var(--md-sys-measurement-space200);--md-comp-list-list-item-trailing-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-list-list-item-trailing-supporting-text-font: var(--md-sys-typescale-label-small-font);--md-comp-list-list-item-trailing-supporting-text-line-height: var(--md-sys-typescale-label-small-line-height);--md-comp-list-list-item-trailing-supporting-text-size: var(--md-sys-typescale-label-small-size);--md-comp-list-list-item-trailing-supporting-text-tracking: var(--md-sys-typescale-label-small-tracking);--md-comp-list-list-item-trailing-supporting-text-weight: var(--md-sys-typescale-label-small-weight);--md-comp-list-list-item-two-line-container-height: 72px;--md-comp-list-list-item-unselected-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-list-reorder-list-item-container-color: var(--md-sys-color-tertiary-container);--md-comp-list-reorder-list-item-drop-zone-color: var(--md-sys-color-surface-container-low);--md-comp-list-reorder-list-item-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reorder-list-item-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reorder-list-item-overline-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reorder-list-item-shadow-color: var(--md-sys-color-shadow);--md-comp-list-reorder-list-item-shape: 16px;--md-comp-list-reorder-list-item-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reorder-list-item-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-list-reorder-list-item-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reorder-list-item-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reorder-list-item-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-list-reveal-list-item-action-icon-button-container-color: var(--md-sys-color-primary);--md-comp-list-reveal-list-item-action-icon-button-focused-state-layer-color: var(--md-sys-color-on-primary);--md-comp-list-reveal-list-item-action-icon-button-hovered-state-layer-color: var(--md-sys-color-on-primary);--md-comp-list-reveal-list-item-action-icon-button-icon-color: var(--md-sys-color-on-primary);--md-comp-list-reveal-list-item-action-icon-button-pressed-state-layer-color: var(--md-sys-color-on-primary);--md-comp-list-reveal-list-item-container-color: var(--md-sys-color-surface);--md-comp-list-reveal-list-item-container-shape: 16px;--md-comp-list-reveal-list-item-icon-button-action-container-shape: 16px;--md-comp-list-reveal-list-item-icon-button-container-color: var(--md-sys-color-secondary-container);--md-comp-list-reveal-list-item-icon-button-container-shape: calc(infinity * 1px);--md-comp-list-reveal-list-item-icon-button-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-list-reveal-list-item-icon-button-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-list-reveal-list-item-icon-button-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-list-reveal-list-item-icon-button-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-list-reveal-list-item-segmented-container-shape: 16px;--md-comp-list-segmented-gap: var(--md-sys-measurement-space25);--md-comp-loading-indicator-active-indicator-color: var(--md-sys-color-primary);--md-comp-loading-indicator-active-indicator-size: 38px;--md-comp-loading-indicator-contained-active-indicator-color: var(--md-sys-color-on-primary-container);--md-comp-loading-indicator-contained-container-color: var(--md-sys-color-primary-container);--md-comp-loading-indicator-container-height: 48px;--md-comp-loading-indicator-container-shape: calc(infinity * 1px);--md-comp-loading-indicator-container-width: 48px;--md-comp-menu-cascading-menu-indicator-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-cascading-menu-indicator-icon-size: 24px;--md-comp-menu-container-color: var(--md-sys-color-surface-container);--md-comp-menu-container-elevation: var(--md-sys-elevation-level2);--md-comp-menu-container-shadow-color: var(--md-sys-color-shadow);--md-comp-menu-container-shape: 4px;--md-comp-menu-divider-color: var(--md-sys-color-surface-variant);--md-comp-menu-divider-height: 1px;--md-comp-menu-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-menu-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-inner-offset);--md-comp-menu-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-menu-list-item-container-height: 48px;--md-comp-menu-list-item-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-disabled-label-text-opacity: .38;--md-comp-menu-list-item-focus-label-text-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-menu-list-item-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menu-list-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-menu-list-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-menu-list-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-menu-list-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-menu-list-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-menu-list-item-pressed-label-text-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menu-list-item-selected-container-color: var(--md-sys-color-secondary-container);--md-comp-menu-list-item-selected-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-menu-list-item-selected-with-leading-icon-leading-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-menu-list-item-selected-with-leading-icon-trailing-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-menu-list-item-with-leading-icon-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-with-leading-icon-disabled-leading-icon-opacity: .38;--md-comp-menu-list-item-with-leading-icon-focus-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-leading-icon-hover-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-leading-icon-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-leading-icon-leading-icon-size: 24px;--md-comp-menu-list-item-with-leading-icon-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-menu-list-item-with-trailing-icon-disabled-trailing-icon-opacity: .38;--md-comp-menu-list-item-with-trailing-icon-focus-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-trailing-icon-hover-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-trailing-icon-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menu-list-item-with-trailing-icon-trailing-icon-size: 24px;--md-comp-menus-active-container-shape: 16px;--md-comp-menus-container-elevation: var(--md-sys-elevation-level2);--md-comp-menus-container-shape: 16px;--md-comp-menus-gap: var(--md-sys-measurement-space25);--md-comp-menus-group-padding: 4px;--md-comp-menus-group-shape: 8px;--md-comp-menus-horizontal-container-bottom-space: var(--md-sys-measurement-space100);--md-comp-menus-horizontal-container-shape: calc(infinity * 1px);--md-comp-menus-horizontal-container-top-space: var(--md-sys-measurement-space100);--md-comp-menus-horizontal-icon-only-gap: var(--md-sys-measurement-space50);--md-comp-menus-horizontal-icon-only-menu-item-bottom-space: var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-menu-item-leading-space: var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-menu-item-selected-shape: calc(infinity * 1px);--md-comp-menus-horizontal-icon-only-menu-item-top-space: var(--md-sys-measurement-space200);--md-comp-menus-horizontal-icon-only-menu-item-trailing-space: var(--md-sys-measurement-space200);--md-comp-menus-horizontal-menu-item-between-space: var(--md-sys-measurement-space150);--md-comp-menus-horizontal-menu-item-bottom-space: var(--md-sys-measurement-space75);--md-comp-menus-horizontal-menu-item-focused-shape: 12px;--md-comp-menus-horizontal-menu-item-hovered-shape: 12px;--md-comp-menus-horizontal-menu-item-leading-space: var(--md-sys-measurement-space150);--md-comp-menus-horizontal-menu-item-pressed-shape: 12px;--md-comp-menus-horizontal-menu-item-selected-focused-shape: calc(infinity * 1px);--md-comp-menus-horizontal-menu-item-selected-hovered-shape: calc(infinity * 1px);--md-comp-menus-horizontal-menu-item-selected-pressed-shape: calc(infinity * 1px);--md-comp-menus-horizontal-menu-item-top-space: var(--md-sys-measurement-space75);--md-comp-menus-horizontal-menu-item-trailing-space: var(--md-sys-measurement-space150);--md-comp-menus-inactive-container-shape: 8px;--md-comp-menus-menu-item-between-space: var(--md-sys-measurement-space150);--md-comp-menus-menu-item-bottom-space: var(--md-sys-measurement-space100);--md-comp-menus-menu-item-first-child-inner-corner-corner-size: 4px;--md-comp-menus-menu-item-first-child-shape: 12px;--md-comp-menus-menu-item-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-menus-menu-item-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-inner-offset);--md-comp-menus-menu-item-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-menus-menu-item-height: 44px;--md-comp-menus-menu-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-menus-menu-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-menus-menu-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-menus-menu-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-menus-menu-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-menus-menu-item-last-child-inner-corner-corner-size: 4px;--md-comp-menus-menu-item-last-child-shape: 12px;--md-comp-menus-menu-item-leading-icon-size: 20px;--md-comp-menus-menu-item-leading-space: 12px;--md-comp-menus-menu-item-selected-shape: 12px;--md-comp-menus-menu-item-shape: 4px;--md-comp-menus-menu-item-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-menus-menu-item-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-menus-menu-item-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-menus-menu-item-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-menus-menu-item-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-menus-menu-item-top-space: var(--md-sys-measurement-space100);--md-comp-menus-menu-item-trailing-icon-size: 20px;--md-comp-menus-menu-item-trailing-space: 12px;--md-comp-menus-menu-item-trailing-supporting-text-font: var(--md-sys-typescale-label-large-font);--md-comp-menus-menu-item-trailing-supporting-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-menus-menu-item-trailing-supporting-text-size: var(--md-sys-typescale-label-large-size);--md-comp-menus-menu-item-trailing-supporting-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-menus-menu-item-trailing-supporting-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-menus-standard-container-color: var(--md-sys-color-surface-container-low);--md-comp-menus-standard-container-shadow-color: var(--md-sys-color-shadow);--md-comp-menus-standard-disabled-icon-button-icon-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-icon-button-container-color: var(--md-sys-color-surface-container-low);--md-comp-menus-standard-icon-button-disabled-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-focused-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-icon-button-hovered-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-icon-button-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-icon-button-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-icon-button-selected-container-color: var(--md-sys-color-tertiary-container);--md-comp-menus-standard-icon-button-selected-focused-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-hovered-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-icon-button-selected-pressed-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-active-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-active-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-standard-menu-item-container-color: var(--md-sys-color-surface-container-low);--md-comp-menus-standard-menu-item-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-label-text-opacity: .38;--md-comp-menus-standard-menu-item-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-leading-icon-opacity: .38;--md-comp-menus-standard-menu-item-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-supporting-text-opacity: .38;--md-comp-menus-standard-menu-item-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-trailing-icon-opacity: .38;--md-comp-menus-standard-menu-item-disabled-trailing-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-disabled-trailing-supporting-text-opacity: .38;--md-comp-menus-standard-menu-item-focused-label-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-focused-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-focused-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-standard-menu-item-focused-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-hovered-label-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-hovered-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-hovered-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-standard-menu-item-hovered-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-pressed-label-text-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-pressed-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-menus-standard-menu-item-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-standard-menu-item-pressed-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-selected-container-color: var(--md-sys-color-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-container-color: var(--md-sys-color-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-container-opacity: .38;--md-comp-menus-standard-menu-item-selected-disabled-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-label-text-opacity: .38;--md-comp-menus-standard-menu-item-selected-disabled-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-leading-icon-opacity: .38;--md-comp-menus-standard-menu-item-selected-disabled-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-disabled-trailing-icon-opacity: .38;--md-comp-menus-standard-menu-item-selected-disabled-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-focused-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-focused-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-hovered-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-hovered-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-standard-menu-item-selected-pressed-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-pressed-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-selected-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-standard-menu-item-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-menu-item-trailing-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-standard-section-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-menus-vibrant-container-color: var(--md-sys-color-tertiary-container);--md-comp-menus-vibrant-icon-button-container-color: var(--md-sys-color-tertiary-container);--md-comp-menus-vibrant-icon-button-disabled-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-icon-button-focused-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-icon-button-hovered-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-icon-button-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-icon-button-pressed-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-icon-button-selected-container-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-icon-button-selected-disabled-icon-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-icon-button-selected-icon-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-active-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-active-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-vibrant-menu-item-color: var(--md-sys-color-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-label-text-opacity: .38;--md-comp-menus-vibrant-menu-item-disabled-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-leading-icon-opacity: .38;--md-comp-menus-vibrant-menu-item-disabled-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-supporting-text-opacity: .38;--md-comp-menus-vibrant-menu-item-disabled-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-trailing-icon-opacity: .38;--md-comp-menus-vibrant-menu-item-disabled-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-disabled-trailing-supporting-text-opacity: .38;--md-comp-menus-vibrant-menu-item-focused-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-leading-icon-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-focused-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-vibrant-menu-item-focused-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-focused-trailing-icon-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-focused-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-leading-icon-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-hovered-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-vibrant-menu-item-hovered-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-hovered-trailing-icon-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-hovered-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-leading-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-leading-icon-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-pressed-state-layer-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-vibrant-menu-item-pressed-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-pressed-trailing-icon-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-pressed-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-selected-container-color: var(--md-sys-color-tertiary);--md-comp-menus-vibrant-menu-item-selected-disabled-label-text-opacity: .38;--md-comp-menus-vibrant-menu-item-selected-disabled-leading-icon-opacity: .38;--md-comp-menus-vibrant-menu-item-selected-disabled-supporting-text-opacity: .38;--md-comp-menus-vibrant-menu-item-selected-disabled-trailing-icon-opacity: .38;--md-comp-menus-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity: .38;--md-comp-menus-vibrant-menu-item-selected-focused-label-text-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-hovered-label-text-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-label-text-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-leading-icon-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-pressed-label-text-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menus-vibrant-menu-item-selected-supporting-text-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-trailing-icon-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-selected-trailing-supporting-text-color: var(--md-sys-color-on-tertiary);--md-comp-menus-vibrant-menu-item-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-trailing-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-menu-item-trailing-supporting-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-menus-vibrant-section-label-text-color: var(--md-sys-color-on-tertiary-container);--md-comp-nav-bar-container-color: var(--md-sys-color-surface-container);--md-comp-nav-bar-container-elevation: var(--md-sys-elevation-level2);--md-comp-nav-bar-container-height: 64px;--md-comp-nav-bar-container-shadow-color: var(--md-sys-color-shadow);--md-comp-nav-bar-container-shape: 0px;--md-comp-nav-bar-item-active-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-active-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-nav-bar-item-active-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-active-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-nav-bar-item-active-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-active-indicator-color: var(--md-sys-color-secondary-container);--md-comp-nav-bar-item-active-indicator-icon-label-space: 4px;--md-comp-nav-bar-item-active-indicator-shape: calc(infinity * 1px);--md-comp-nav-bar-item-active-label-text-color: var(--md-sys-color-secondary);--md-comp-nav-bar-item-active-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-active-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-nav-bar-item-between-space: var(--md-sys-measurement-space0);--md-comp-nav-bar-item-horizontal-active-indicator-height: 40px;--md-comp-nav-bar-item-horizontal-active-indicator-icon-label-space: var(--md-sys-measurement-space50);--md-comp-nav-bar-item-horizontal-active-indicator-leading-space: var(--md-sys-measurement-space200);--md-comp-nav-bar-item-horizontal-active-indicator-trailing-space: var(--md-sys-measurement-space200);--md-comp-nav-bar-item-horizontal-label-text-font: 500 12px/1.3333333333333333 Roboto;--md-comp-nav-bar-item-horizontal-label-text-font-letter-spacing: .5px;--md-comp-nav-bar-item-icon-size: 24px;--md-comp-nav-bar-item-inactive-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-inactive-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-inactive-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-nav-bar-item-inactive-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-nav-bar-item-inactive-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-bar-item-vertical-active-indicator-height: 32px;--md-comp-nav-bar-item-vertical-active-indicator-icon-label-space: var(--md-sys-measurement-space50);--md-comp-nav-bar-item-vertical-active-indicator-width: 56px;--md-comp-nav-bar-item-vertical-container-between-space: var(--md-sys-measurement-space75);--md-comp-nav-bar-item-vertical-label-text-font: 500 12px/1.3333333333333333 Roboto;--md-comp-nav-bar-item-vertical-label-text-font-letter-spacing: .5px;--md-comp-nav-rail-collapsed-container-color: var(--md-sys-color-surface);--md-comp-nav-rail-collapsed-container-elevation: var(--md-sys-elevation-level0);--md-comp-nav-rail-collapsed-container-shape: 0px;--md-comp-nav-rail-collapsed-container-width: 96px;--md-comp-nav-rail-collapsed-item-vertical-space: var(--md-sys-measurement-space50);--md-comp-nav-rail-collapsed-narrow-container-width: 80px;--md-comp-nav-rail-collapsed-top-space: 44px;--md-comp-nav-rail-expanded-between-item-space: 0px;--md-comp-nav-rail-expanded-container-color: var(--md-sys-color-surface);--md-comp-nav-rail-expanded-container-elevation: var(--md-sys-elevation-level0);--md-comp-nav-rail-expanded-container-shape: 0px;--md-comp-nav-rail-expanded-container-width-maximum: 360px;--md-comp-nav-rail-expanded-container-width-minimum: 220px;--md-comp-nav-rail-expanded-modal-container-color: var(--md-sys-color-surface-container);--md-comp-nav-rail-expanded-modal-container-elevation: var(--md-sys-elevation-level2);--md-comp-nav-rail-expanded-modal-container-shape: 16px;--md-comp-nav-rail-expanded-top-space: 44px;--md-comp-nav-rail-expanded-vertical-trailing-space: 20px;--md-comp-nav-rail-item-active-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-active-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-nav-rail-item-active-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-active-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-nav-rail-item-active-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-active-indicator-color: var(--md-sys-color-secondary-container);--md-comp-nav-rail-item-active-indicator-icon-label-space: var(--md-sys-measurement-space100);--md-comp-nav-rail-item-active-indicator-leading-space: var(--md-sys-measurement-space200);--md-comp-nav-rail-item-active-indicator-shape: calc(infinity * 1px);--md-comp-nav-rail-item-active-indicator-trailing-space: var(--md-sys-measurement-space200);--md-comp-nav-rail-item-active-label-text-color: var(--md-sys-color-secondary);--md-comp-nav-rail-item-active-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-active-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-nav-rail-item-container-height: 64px;--md-comp-nav-rail-item-container-shape: 0px;--md-comp-nav-rail-item-container-vertical-space: var(--md-sys-measurement-space75);--md-comp-nav-rail-item-header-space-minimum: var(--md-sys-measurement-space500);--md-comp-nav-rail-item-horizontal-active-indicator-height: 56px;--md-comp-nav-rail-item-horizontal-full-width-leading-space: var(--md-sys-measurement-space200);--md-comp-nav-rail-item-horizontal-full-width-trailing-space: var(--md-sys-measurement-space200);--md-comp-nav-rail-item-horizontal-icon-label-space: var(--md-sys-measurement-space100);--md-comp-nav-rail-item-horizontal-label-text-font: 500 14px/1.4285714285714286 Roboto;--md-comp-nav-rail-item-horizontal-label-text-font-letter-spacing: .1px;--md-comp-nav-rail-item-icon-size: 24px;--md-comp-nav-rail-item-inactive-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-inactive-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-inactive-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-nav-rail-item-inactive-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-nav-rail-item-inactive-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-nav-rail-item-short-container-height: 56px;--md-comp-nav-rail-item-vertical-active-indicator-height: 32px;--md-comp-nav-rail-item-vertical-active-indicator-width: 56px;--md-comp-nav-rail-item-vertical-icon-label-space: var(--md-sys-measurement-space50);--md-comp-nav-rail-item-vertical-label-text-font: 500 12px/1.3333333333333333 Roboto;--md-comp-nav-rail-item-vertical-label-text-font-letter-spacing: .5px;--md-comp-nav-rail-item-vertical-leading-space: var(--md-sys-measurement-space200);--md-comp-nav-rail-item-vertical-trailing-space: var(--md-sys-measurement-space200);--md-comp-navigation-drawer-active-focus-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-focus-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-focus-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-hover-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-hover-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-hover-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-indicator-color: var(--md-sys-color-secondary-container);--md-comp-navigation-drawer-active-indicator-height: 56px;--md-comp-navigation-drawer-active-indicator-shape: calc(infinity * 1px);--md-comp-navigation-drawer-active-indicator-width: 336px;--md-comp-navigation-drawer-active-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-label-text-weight: var(--md-sys-typescale-label-large-weight-prominent);--md-comp-navigation-drawer-active-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-active-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-container-color: var(--md-sys-color-surface);--md-comp-navigation-drawer-container-height: 100%;--md-comp-navigation-drawer-container-shape: 0px 16px 16px 0px;--md-comp-navigation-drawer-container-width: 360px;--md-comp-navigation-drawer-divider-color: var(--md-sys-color-outline);--md-comp-navigation-drawer-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-navigation-drawer-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-inner-offset);--md-comp-navigation-drawer-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-navigation-drawer-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-navigation-drawer-headline-color: var(--md-sys-color-on-surface-variant);--md-comp-navigation-drawer-headline-font: var(--md-sys-typescale-title-small-font);--md-comp-navigation-drawer-headline-line-height: var(--md-sys-typescale-title-small-line-height);--md-comp-navigation-drawer-headline-size: var(--md-sys-typescale-title-small-size);--md-comp-navigation-drawer-headline-tracking: var(--md-sys-typescale-title-small-tracking);--md-comp-navigation-drawer-headline-weight: var(--md-sys-typescale-title-small-weight);--md-comp-navigation-drawer-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-navigation-drawer-icon-size: 24px;--md-comp-navigation-drawer-inactive-focus-icon-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-focus-label-text-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-hover-icon-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-navigation-drawer-inactive-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-navigation-drawer-inactive-pressed-icon-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-pressed-label-text-color: var(--md-sys-color-on-surface);--md-comp-navigation-drawer-inactive-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-navigation-drawer-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-navigation-drawer-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-navigation-drawer-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-navigation-drawer-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-navigation-drawer-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-navigation-drawer-large-badge-label-color: var(--md-sys-color-on-surface-variant);--md-comp-navigation-drawer-large-badge-label-font: var(--md-sys-typescale-label-large-font);--md-comp-navigation-drawer-large-badge-label-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-navigation-drawer-large-badge-label-size: var(--md-sys-typescale-label-large-size);--md-comp-navigation-drawer-large-badge-label-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-navigation-drawer-large-badge-label-weight: var(--md-sys-typescale-label-large-weight);--md-comp-navigation-drawer-modal-container-color: var(--md-sys-color-surface-container-low);--md-comp-navigation-drawer-modal-container-elevation: var(--md-sys-elevation-level1);--md-comp-navigation-drawer-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-navigation-drawer-scrim-color: var(--md-ref-palette-neutral-variant20);--md-comp-navigation-drawer-scrim-opacity: .4;--md-comp-navigation-drawer-standard-container-color: var(--md-sys-color-surface);--md-comp-navigation-drawer-standard-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-autocomplete-menu-container-color: var(--md-sys-color-surface-container);--md-comp-outlined-autocomplete-menu-container-elevation: var(--md-sys-elevation-level2);--md-comp-outlined-autocomplete-menu-container-shadow-color: var(--md-sys-color-shadow);--md-comp-outlined-autocomplete-menu-container-shape: 4px;--md-comp-outlined-autocomplete-menu-divider-color: var(--md-sys-color-surface-variant);--md-comp-outlined-autocomplete-menu-divider-height: 1px;--md-comp-outlined-autocomplete-menu-list-item-container-height: 48px;--md-comp-outlined-autocomplete-menu-list-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-menu-list-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-outlined-autocomplete-menu-list-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-outlined-autocomplete-menu-list-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-outlined-autocomplete-menu-list-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-outlined-autocomplete-menu-list-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-outlined-autocomplete-menu-list-item-selected-container-color: var(--md-sys-color-surface-container-highest);--md-comp-outlined-autocomplete-text-field-caret-color: var(--md-sys-color-primary);--md-comp-outlined-autocomplete-text-field-container-color: var(--md-sys-color-surface-container-highest);--md-comp-outlined-autocomplete-text-field-container-height: 56px;--md-comp-outlined-autocomplete-text-field-container-shape: 4px;--md-comp-outlined-autocomplete-text-field-disabled-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-disabled-input-text-opacity: .38;--md-comp-outlined-autocomplete-text-field-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-disabled-label-text-opacity: .38;--md-comp-outlined-autocomplete-text-field-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-disabled-leading-icon-opacity: .38;--md-comp-outlined-autocomplete-text-field-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-disabled-outline-opacity: .12;--md-comp-outlined-autocomplete-text-field-disabled-outline-width: 1px;--md-comp-outlined-autocomplete-text-field-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-disabled-supporting-text-opacity: .38;--md-comp-outlined-autocomplete-text-field-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-disabled-trailing-icon-opacity: .38;--md-comp-outlined-autocomplete-text-field-error-focus-caret-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-error-focus-label-text-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-error-focus-outline-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-focus-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-focus-trailing-icon-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-error-hover-label-text-color: var(--md-sys-color-on-error-container);--md-comp-outlined-autocomplete-text-field-error-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-error-hover-outline-color: var(--md-sys-color-on-error-container);--md-comp-outlined-autocomplete-text-field-error-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-autocomplete-text-field-error-hover-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-hover-trailing-icon-color: var(--md-sys-color-on-error-container);--md-comp-outlined-autocomplete-text-field-error-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-error-label-text-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-error-outline-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-error-trailing-icon-color: var(--md-sys-color-error);--md-comp-outlined-autocomplete-text-field-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-comp-outlined-autocomplete-text-field-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-focus-outline-color: var(--md-sys-color-primary);--md-comp-outlined-autocomplete-text-field-focus-outline-width: 2px;--md-comp-outlined-autocomplete-text-field-focus-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-hover-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-hover-outline-width: 1px;--md-comp-outlined-autocomplete-text-field-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-autocomplete-text-field-hover-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-autocomplete-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-autocomplete-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-autocomplete-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-autocomplete-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-autocomplete-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-autocomplete-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-autocomplete-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-autocomplete-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-autocomplete-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-autocomplete-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-autocomplete-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-autocomplete-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-autocomplete-text-field-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-leading-icon-size: 24px;--md-comp-outlined-autocomplete-text-field-outline-color: var(--md-sys-color-outline);--md-comp-outlined-autocomplete-text-field-outline-width: 1px;--md-comp-outlined-autocomplete-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-outlined-autocomplete-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-autocomplete-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-autocomplete-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-outlined-autocomplete-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-outlined-autocomplete-text-field-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-autocomplete-text-field-trailing-icon-size: 24px;--md-comp-outlined-card-container-color: var(--md-sys-color-surface);--md-comp-outlined-card-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-container-shadow-color: var(--md-sys-color-shadow);--md-comp-outlined-card-container-shape: 12px;--md-comp-outlined-card-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-disabled-outline-color: var(--md-sys-color-outline);--md-comp-outlined-card-disabled-outline-opacity: .12;--md-comp-outlined-card-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-outlined-card-dragged-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-dragged-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-card-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-outlined-card-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-outlined-card-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-outlined-card-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-outlined-card-focus-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-card-focus-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-card-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-outlined-card-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-outlined-card-hover-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-card-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-card-icon-color: var(--md-sys-color-primary);--md-comp-outlined-card-icon-size: 24px;--md-comp-outlined-card-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-outline-width: 1px;--md-comp-outlined-card-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-pressed-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-card-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-outlined-select-menu-container-color: var(--md-sys-color-surface-container);--md-comp-outlined-select-menu-container-elevation: var(--md-sys-elevation-level2);--md-comp-outlined-select-menu-container-shadow-color: var(--md-sys-color-shadow);--md-comp-outlined-select-menu-container-shape: 4px;--md-comp-outlined-select-menu-divider-color: var(--md-sys-color-surface-variant);--md-comp-outlined-select-menu-divider-height: 1px;--md-comp-outlined-select-menu-list-item-container-height: 48px;--md-comp-outlined-select-menu-list-item-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-menu-list-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-outlined-select-menu-list-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-outlined-select-menu-list-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-outlined-select-menu-list-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-outlined-select-menu-list-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-outlined-select-menu-list-item-selected-container-color: var(--md-sys-color-surface-container-highest);--md-comp-outlined-select-menu-list-item-with-leading-icon-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-menu-list-item-with-leading-icon-leading-icon-size: 24px;--md-comp-outlined-select-menu-list-item-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-menu-list-item-with-trailing-icon-trailing-icon-size: 24px;--md-comp-outlined-select-text-field-caret-color: var(--md-sys-color-primary);--md-comp-outlined-select-text-field-container-color: var(--md-sys-color-surface-container-highest);--md-comp-outlined-select-text-field-container-height: 56px;--md-comp-outlined-select-text-field-container-shape: 4px;--md-comp-outlined-select-text-field-disabled-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-disabled-input-text-opacity: .38;--md-comp-outlined-select-text-field-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-disabled-label-text-opacity: .38;--md-comp-outlined-select-text-field-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-disabled-leading-icon-opacity: .38;--md-comp-outlined-select-text-field-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-disabled-outline-opacity: .12;--md-comp-outlined-select-text-field-disabled-outline-width: 1px;--md-comp-outlined-select-text-field-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-disabled-supporting-text-opacity: .38;--md-comp-outlined-select-text-field-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-disabled-trailing-icon-opacity: .38;--md-comp-outlined-select-text-field-error-focus-caret-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-error-focus-label-text-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-error-focus-outline-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-focus-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-focus-trailing-icon-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-error-hover-label-text-color: var(--md-sys-color-on-error-container);--md-comp-outlined-select-text-field-error-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-error-hover-outline-color: var(--md-sys-color-on-error-container);--md-comp-outlined-select-text-field-error-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-select-text-field-error-hover-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-hover-trailing-icon-color: var(--md-sys-color-on-error-container);--md-comp-outlined-select-text-field-error-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-error-label-text-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-error-outline-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-error-trailing-icon-color: var(--md-sys-color-error);--md-comp-outlined-select-text-field-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-comp-outlined-select-text-field-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-focus-outline-color: var(--md-sys-color-primary);--md-comp-outlined-select-text-field-focus-outline-width: var(--md-sys-state-focus-indicator-thickness);--md-comp-outlined-select-text-field-focus-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-focus-trailing-icon-color: var(--md-sys-color-primary);--md-comp-outlined-select-text-field-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-hover-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-hover-outline-width: 1px;--md-comp-outlined-select-text-field-hover-state-layer-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-select-text-field-hover-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-select-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-select-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-select-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-select-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-select-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-select-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-select-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-select-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-select-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-select-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-select-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-select-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-select-text-field-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-leading-icon-size: 24px;--md-comp-outlined-select-text-field-outline-color: var(--md-sys-color-outline);--md-comp-outlined-select-text-field-outline-width: 1px;--md-comp-outlined-select-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-outlined-select-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-select-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-select-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-outlined-select-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-outlined-select-text-field-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-select-text-field-trailing-icon-size: 24px;--md-comp-outlined-text-field-caret-color: var(--md-sys-color-primary);--md-comp-outlined-text-field-container-height: 56px;--md-comp-outlined-text-field-container-shape: 4px;--md-comp-outlined-text-field-disabled-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-disabled-input-text-opacity: .38;--md-comp-outlined-text-field-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-disabled-label-text-opacity: .38;--md-comp-outlined-text-field-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-disabled-leading-icon-opacity: .38;--md-comp-outlined-text-field-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-disabled-outline-opacity: .12;--md-comp-outlined-text-field-disabled-outline-width: 1px;--md-comp-outlined-text-field-disabled-supporting-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-disabled-supporting-text-opacity: .38;--md-comp-outlined-text-field-disabled-trailing-icon-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-disabled-trailing-icon-opacity: .38;--md-comp-outlined-text-field-error-focus-caret-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-focus-indicator-outline-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-error-focus-label-text-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-error-focus-outline-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-focus-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-focus-trailing-icon-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-error-hover-label-text-color: var(--md-sys-color-on-error-container);--md-comp-outlined-text-field-error-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-error-hover-outline-color: var(--md-sys-color-on-error-container);--md-comp-outlined-text-field-error-hover-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-hover-trailing-icon-color: var(--md-sys-color-on-error-container);--md-comp-outlined-text-field-error-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-error-label-text-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-error-outline-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-supporting-text-color: var(--md-sys-color-error);--md-comp-outlined-text-field-error-trailing-icon-color: var(--md-sys-color-error);--md-comp-outlined-text-field-focus-indicator-outline-color: var(--md-sys-color-secondary);--md-comp-outlined-text-field-focus-indicator-outline-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-outlined-text-field-focus-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-comp-outlined-text-field-focus-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--md-comp-outlined-text-field-focus-outline-width: 3px;--md-comp-outlined-text-field-focus-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-focus-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-hover-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-hover-label-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-hover-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-hover-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-hover-outline-width: 1px;--md-comp-outlined-text-field-hover-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-hover-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--md-comp-outlined-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-text-field-input-text-placeholder-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-input-text-prefix-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-text-field-input-text-suffix-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-text-field-leading-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-leading-icon-size: 24px;--md-comp-outlined-text-field-outline-color: var(--md-sys-color-outline);--md-comp-outlined-text-field-outline-width: 1px;--md-comp-outlined-text-field-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-outlined-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-outlined-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-outlined-text-field-trailing-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-outlined-text-field-trailing-icon-size: 24px;--md-comp-plain-tooltip-container-color: var(--md-sys-color-inverse-surface);--md-comp-plain-tooltip-container-shape: 4px;--md-comp-plain-tooltip-supporting-text-color: var(--md-sys-color-inverse-on-surface);--md-comp-plain-tooltip-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-plain-tooltip-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-plain-tooltip-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-plain-tooltip-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-plain-tooltip-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-progress-indicator-active-indicator-color: var(--md-sys-color-primary);--md-comp-progress-indicator-active-indicator-shape: calc(infinity * 1px);--md-comp-progress-indicator-active-indicator-thickness: 4px;--md-comp-progress-indicator-active-indicator-track-space: 4px;--md-comp-progress-indicator-circular-active-indicator-thickness: 4px;--md-comp-progress-indicator-circular-active-indicator-wave-amplitude: 1.6px;--md-comp-progress-indicator-circular-active-indicator-wave-wavelength: 15px;--md-comp-progress-indicator-circular-size: 40px;--md-comp-progress-indicator-circular-thick-active-indicator-thickness: 8px;--md-comp-progress-indicator-circular-thick-size: 52px;--md-comp-progress-indicator-circular-thick-track-active-indicator-space: 4px;--md-comp-progress-indicator-circular-thick-track-thickness: 8px;--md-comp-progress-indicator-circular-track-active-indicator-space: var(--md-sys-measurement-space50);--md-comp-progress-indicator-circular-track-thickness: 4px;--md-comp-progress-indicator-circular-with-wave-size: 48px;--md-comp-progress-indicator-linear-active-indicator-thickness: 4px;--md-comp-progress-indicator-linear-active-indicator-wave-amplitude: 3px;--md-comp-progress-indicator-linear-active-indicator-wave-wavelength: 40px;--md-comp-progress-indicator-linear-height: 4px;--md-comp-progress-indicator-linear-indeterminate-active-indicator-wave-wavelength: 20px;--md-comp-progress-indicator-linear-stop-indicator-size: 4px;--md-comp-progress-indicator-linear-stop-indicator-trailing-space: var(--md-sys-measurement-space0);--md-comp-progress-indicator-linear-thick-active-indicator-thickness: 8px;--md-comp-progress-indicator-linear-thick-height: 8px;--md-comp-progress-indicator-linear-thick-stop-indicator-size: 4px;--md-comp-progress-indicator-linear-thick-stop-indicator-trailing-space: 2px;--md-comp-progress-indicator-linear-thick-track-active-indicator-space: 4px;--md-comp-progress-indicator-linear-thick-track-thickness: 8px;--md-comp-progress-indicator-linear-thick-with-wave-height: 14px;--md-comp-progress-indicator-linear-track-active-indicator-space: var(--md-sys-measurement-space50);--md-comp-progress-indicator-linear-track-thickness: 4px;--md-comp-progress-indicator-linear-with-wave-height: 10px;--md-comp-progress-indicator-stop-indicator-color: var(--md-sys-color-primary);--md-comp-progress-indicator-stop-indicator-shape: calc(infinity * 1px);--md-comp-progress-indicator-stop-indicator-size: 4px;--md-comp-progress-indicator-track-color: var(--md-sys-color-secondary-container);--md-comp-progress-indicator-track-shape: calc(infinity * 1px);--md-comp-progress-indicator-track-thickness: 4px;--md-comp-rich-tooltip-action-focus-label-text-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-focus-state-layer-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-rich-tooltip-action-hover-label-text-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-hover-state-layer-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-rich-tooltip-action-label-text-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-rich-tooltip-action-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-rich-tooltip-action-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-rich-tooltip-action-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-rich-tooltip-action-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-rich-tooltip-action-pressed-label-text-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-pressed-state-layer-color: var(--md-sys-color-primary);--md-comp-rich-tooltip-action-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-rich-tooltip-container-color: var(--md-sys-color-surface-container);--md-comp-rich-tooltip-container-elevation: var(--md-sys-elevation-level2);--md-comp-rich-tooltip-container-shadow-color: var(--md-sys-color-shadow);--md-comp-rich-tooltip-container-shape: 12px;--md-comp-rich-tooltip-subhead-color: var(--md-sys-color-on-surface-variant);--md-comp-rich-tooltip-subhead-font: var(--md-sys-typescale-title-small-font);--md-comp-rich-tooltip-subhead-line-height: var(--md-sys-typescale-title-small-line-height);--md-comp-rich-tooltip-subhead-size: var(--md-sys-typescale-title-small-size);--md-comp-rich-tooltip-subhead-tracking: var(--md-sys-typescale-title-small-tracking);--md-comp-rich-tooltip-subhead-weight: var(--md-sys-typescale-title-small-weight);--md-comp-rich-tooltip-supporting-text-color: var(--md-sys-color-on-surface-variant);--md-comp-rich-tooltip-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-rich-tooltip-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-rich-tooltip-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-rich-tooltip-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-rich-tooltip-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-snackbar-action-focus-label-text-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-focus-state-layer-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-snackbar-action-hover-label-text-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-hover-state-layer-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-snackbar-action-label-text-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-snackbar-action-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-snackbar-action-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-snackbar-action-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-snackbar-action-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-snackbar-action-pressed-label-text-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-pressed-state-layer-color: var(--md-sys-color-inverse-primary);--md-comp-snackbar-action-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-snackbar-container-color: var(--md-sys-color-inverse-surface);--md-comp-snackbar-container-elevation: var(--md-sys-elevation-level3);--md-comp-snackbar-container-shadow-color: var(--md-sys-color-shadow);--md-comp-snackbar-container-shape: 4px;--md-comp-snackbar-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-focus-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-focus-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-snackbar-icon-hover-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-hover-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-snackbar-icon-pressed-icon-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-pressed-state-layer-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-icon-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-snackbar-icon-size: 24px;--md-comp-snackbar-supporting-text-color: var(--md-sys-color-inverse-on-surface);--md-comp-snackbar-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-snackbar-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-snackbar-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-snackbar-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-snackbar-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-snackbar-with-single-line-container-height: 48px;--md-comp-snackbar-with-two-lines-container-height: 68px;--md-comp-suggestion-chip-container-height: 32px;--md-comp-suggestion-chip-container-shape: 8px;--md-comp-suggestion-chip-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-suggestion-chip-disabled-label-text-opacity: .38;--md-comp-suggestion-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-suggestion-chip-dragged-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-dragged-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-suggestion-chip-elevated-container-color: var(--md-sys-color-surface-container-low);--md-comp-suggestion-chip-elevated-container-elevation: var(--md-sys-elevation-level1);--md-comp-suggestion-chip-elevated-container-shadow-color: var(--md-sys-color-shadow);--md-comp-suggestion-chip-elevated-disabled-container-color: var(--md-sys-color-on-surface);--md-comp-suggestion-chip-elevated-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-suggestion-chip-elevated-disabled-container-opacity: .12;--md-comp-suggestion-chip-elevated-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-suggestion-chip-elevated-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-suggestion-chip-elevated-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-suggestion-chip-flat-container-elevation: var(--md-sys-elevation-level0);--md-comp-suggestion-chip-flat-disabled-outline-color: var(--md-sys-color-on-surface);--md-comp-suggestion-chip-flat-disabled-outline-opacity: .12;--md-comp-suggestion-chip-flat-focus-outline-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-flat-outline-color: var(--md-sys-color-outline-variant);--md-comp-suggestion-chip-flat-outline-width: 1px;--md-comp-suggestion-chip-focus-indicator-color: var(--md-sys-color-secondary);--md-comp-suggestion-chip-focus-indicator-outline-offset: var(--md-sys-state-focus-indicator-outer-offset);--md-comp-suggestion-chip-focus-indicator-thickness: var(--md-sys-state-focus-indicator-thickness);--md-comp-suggestion-chip-focus-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-focus-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-suggestion-chip-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-hover-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-suggestion-chip-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-suggestion-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-suggestion-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-suggestion-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-suggestion-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-suggestion-chip-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-suggestion-chip-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-suggestion-chip-with-leading-icon-disabled-leading-icon-color: var(--md-sys-color-on-surface);--md-comp-suggestion-chip-with-leading-icon-disabled-leading-icon-opacity: .38;--md-comp-suggestion-chip-with-leading-icon-dragged-leading-icon-color: var(--md-sys-color-primary);--md-comp-suggestion-chip-with-leading-icon-focus-leading-icon-color: var(--md-sys-color-primary);--md-comp-suggestion-chip-with-leading-icon-hover-leading-icon-color: var(--md-sys-color-primary);--md-comp-suggestion-chip-with-leading-icon-leading-icon-color: var(--md-sys-color-primary);--md-comp-suggestion-chip-with-leading-icon-leading-icon-size: 18px;--md-comp-suggestion-chip-with-leading-icon-pressed-leading-icon-color: var(--md-sys-color-primary);--md-comp-toolbar-docked-container-color: var(--md-sys-color-surface-container);--md-comp-toolbar-docked-container-height: 64px;--md-comp-toolbar-docked-container-leading-space: var(--md-sys-measurement-space200);--md-comp-toolbar-docked-container-max-spacing: 32px;--md-comp-toolbar-docked-container-min-spacing: 4px;--md-comp-toolbar-docked-container-shape: 0px;--md-comp-toolbar-docked-container-trailing-space: var(--md-sys-measurement-space200);--md-comp-toolbar-floating-container-between-space: var(--md-sys-measurement-space50);--md-comp-toolbar-floating-container-elevation: var(--md-sys-elevation-level3);--md-comp-toolbar-floating-container-external-padding: 16px;--md-comp-toolbar-floating-container-height: 64px;--md-comp-toolbar-floating-container-leading-space: var(--md-sys-measurement-space100);--md-comp-toolbar-floating-container-shape: calc(infinity * 1px);--md-comp-toolbar-floating-container-trailing-space: var(--md-sys-measurement-space100);--md-comp-toolbar-floating-fab-between-space: var(--md-sys-measurement-space100);--md-comp-toolbar-floating-fab-container-elevation: var(--md-sys-elevation-level1);--md-comp-toolbar-floating-fab-container-height: 56px;--md-comp-toolbar-floating-fab-container-shape: 16px;--md-comp-toolbar-floating-fab-container-width: 56px;--md-comp-toolbar-floating-fab-icon-size: 24px;--md-comp-toolbar-floating-fab-medium-container-elevation: var(--md-sys-elevation-level2);--md-comp-toolbar-floating-fab-medium-container-height: 80px;--md-comp-toolbar-floating-fab-medium-container-shape: 20px;--md-comp-toolbar-floating-fab-medium-container-width: 80px;--md-comp-toolbar-floating-fab-medium-icon-size: 28px;--md-comp-toolbar-floating-fab-standard-container-color: var(--md-sys-color-secondary-container);--md-comp-toolbar-floating-fab-standard-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-floating-fab-vibrant-container-color: var(--md-sys-color-tertiary-container);--md-comp-toolbar-floating-fab-vibrant-icon-color: var(--md-sys-color-on-tertiary-container);--md-comp-toolbar-floating-horizontal-container-external-space: var(--md-sys-measurement-space200);--md-comp-toolbar-floating-horizontal-container-height: 64px;--md-comp-toolbar-floating-standard-container-color: var(--md-sys-color-surface-container);--md-comp-toolbar-floating-vertical-container-external-space: var(--md-sys-measurement-space300);--md-comp-toolbar-floating-vertical-container-width: 64px;--md-comp-toolbar-floating-vibrant-button-selected-container-color: var(--md-sys-color-surface-container);--md-comp-toolbar-floating-vibrant-button-selected-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-floating-vibrant-button-selected-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-floating-vibrant-button-unselected-icon-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-floating-vibrant-button-unselected-text-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-floating-vibrant-container-color: var(--md-sys-color-primary-container);--md-comp-toolbar-standard-button-container-color: var(--md-sys-color-surface-container);--md-comp-toolbar-standard-container-color: var(--md-sys-color-surface-container);--md-comp-toolbar-standard-container-shape: calc(infinity * 1px);--md-comp-toolbar-standard-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-standard-disabled-icon-opacity: .38;--md-comp-toolbar-standard-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-standard-disabled-label-text-opacity: .38;--md-comp-toolbar-standard-focused-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-focused-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-focused-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-toolbar-standard-hovered-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-hovered-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-hovered-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-toolbar-standard-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-pressed-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-pressed-label-text-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-pressed-state-layer-color: var(--md-sys-color-on-surface-variant);--md-comp-toolbar-standard-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-toolbar-standard-selected-button-container-color: var(--md-sys-color-secondary-container);--md-comp-toolbar-standard-selected-focused-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-focused-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-focused-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-hovered-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-hovered-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-hovered-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-pressed-icon-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-pressed-label-text-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-standard-selected-pressed-state-layer-color: var(--md-sys-color-on-secondary-container);--md-comp-toolbar-vibrant-button-container-color: var(--md-sys-color-primary-container);--md-comp-toolbar-vibrant-container-color: var(--md-sys-color-primary-container);--md-comp-toolbar-vibrant-container-shape: calc(infinity * 1px);--md-comp-toolbar-vibrant-disabled-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-disabled-icon-opacity: .38;--md-comp-toolbar-vibrant-disabled-label-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-disabled-label-text-opacity: .38;--md-comp-toolbar-vibrant-focused-icon-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-focused-label-text-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-focused-state-layer-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-focused-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-toolbar-vibrant-hovered-icon-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-hovered-label-text-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-hovered-state-layer-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-hovered-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-toolbar-vibrant-icon-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-label-text-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-pressed-icon-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-pressed-label-text-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-pressed-state-layer-color: var(--md-sys-color-on-primary-container);--md-comp-toolbar-vibrant-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-toolbar-vibrant-selected-button-container-color: var(--md-sys-color-surface-container);--md-comp-toolbar-vibrant-selected-focused-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-focused-label-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-focused-state-layer-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-hovered-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-hovered-label-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-hovered-state-layer-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-label-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-pressed-icon-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-pressed-label-text-color: var(--md-sys-color-on-surface);--md-comp-toolbar-vibrant-selected-pressed-state-layer-color: var(--md-sys-color-on-surface);--md-ref-palette-neutral-variant20: #322f38;--md-ref-palette-neutral0: #000000;--md-ref-typeface-brand: Roboto, sans-serif;--md-ref-typeface-plain: Roboto, sans-serif;--md-ref-typeface-weight-bold: 700;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-regular: 400;--md-sys-color-error: #ba1a1a;--md-sys-color-inverse-on-surface: #f5eff7;--md-sys-color-inverse-primary: #cfbdfe;--md-sys-color-inverse-surface: #322f35;--md-sys-color-on-error: #ffffff;--md-sys-color-on-error-container: #93000a;--md-sys-color-on-primary: #ffffff;--md-sys-color-on-primary-container: #4d3d75;--md-sys-color-on-secondary: #ffffff;--md-sys-color-on-secondary-container: #454559;--md-sys-color-on-surface: #1d1b20;--md-sys-color-on-surface-variant: #49454e;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-on-tertiary-container: #633b48;--md-sys-color-outline: #7a757f;--md-sys-color-outline-variant: #cac4cf;--md-sys-color-primary: #65558f;--md-sys-color-primary-container: #e9ddff;--md-sys-color-secondary: #5d5c72;--md-sys-color-secondary-container: #e2e0f9;--md-sys-color-shadow: #000000;--md-sys-color-surface: #fdf7ff;--md-sys-color-surface-container: #f2ecf4;--md-sys-color-surface-container-high: #ece6ee;--md-sys-color-surface-container-highest: #e6e0e9;--md-sys-color-surface-container-low: #f8f2fa;--md-sys-color-surface-variant: #e7e0eb;--md-sys-color-tertiary: #7e5260;--md-sys-color-tertiary-container: #ffd9e3;--md-sys-elevation-level0: 0;--md-sys-elevation-level1: 1;--md-sys-elevation-level2: 2;--md-sys-elevation-level3: 3;--md-sys-elevation-level4: 4;--md-sys-measurement-space0: 0px;--md-sys-measurement-space100: 8px;--md-sys-measurement-space125: 10px;--md-sys-measurement-space150: 12px;--md-sys-measurement-space175: 14px;--md-sys-measurement-space200: 16px;--md-sys-measurement-space25: 2px;--md-sys-measurement-space300: 24px;--md-sys-measurement-space400: 32px;--md-sys-measurement-space50: 4px;--md-sys-measurement-space500: 40px;--md-sys-measurement-space600: 48px;--md-sys-measurement-space75: 6px;--md-sys-measurement-space800: 64px;--md-sys-measurement-space900: 72px;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-spring-fast-spatial-damping: .6;--md-sys-motion-spring-fast-spatial-stiffness: 800;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-full: calc(infinity * 1px);--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-value-extra-small: 4px;--md-sys-shape-corner-value-large: 16px;--md-sys-shape-corner-value-large-increased: 20px;--md-sys-shape-corner-value-medium: 12px;--md-sys-shape-corner-value-small: 8px;--md-sys-state-disabled-state-layer-opacity: .38;--md-sys-state-dragged-state-layer-opacity: .16;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px;--md-sys-state-focus-state-layer-opacity: .1;--md-sys-state-hover-state-layer-opacity: .08;--md-sys-state-pressed-state-layer-opacity: .1;--md-sys-typescale-body-large: 400 16px/1.5 Roboto;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-tracking: .5px;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium: 400 14px/1.4285714285714286 Roboto;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-medium-tracking: .25px;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small: 400 12px/1.3333333333333333 Roboto;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-line-height: 16px;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-body-small-tracking: .4px;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small: 400 36px/1.2222222222222223 Roboto;--md-sys-typescale-headline-medium: 400 28px/1.2857142857142858 Roboto;--md-sys-typescale-headline-small: 400 24px/1.3333333333333333 Roboto;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-line-height: 32px;--md-sys-typescale-headline-small-size: 24px;--md-sys-typescale-headline-small-tracking: 0px;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-label-large: 500 14px/1.4285714285714286 Roboto;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-tracking: .1px;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-weight-prominent: var(--md-ref-typeface-weight-bold);--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-small: 500 11px/1.4545454545454546 Roboto;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-line-height: 16px;--md-sys-typescale-label-small-size: 11px;--md-sys-typescale-label-small-tracking: .5px;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-large: 400 22px/1.2727272727272727 Roboto;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-large-tracking: 0px;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-medium: 500 16px/1.5 Roboto;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-medium-tracking: .15px;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small: 500 14px/1.4285714285714286 Roboto;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-line-height: 20px;--md-sys-typescale-title-small-size: 14px;--md-sys-typescale-title-small-tracking: .1px;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium)}.md-button{--_button-container: transparent;--_button-container-opacity: 1;--_button-label-opacity: 1;--_button-icon-opacity: 1;--_button-state-color: currentColor;--_button-state-opacity: 0;--_button-background-state-color: currentColor;--_button-background-state-opacity: 0;--_button-outline: transparent;--_button-outline-width: 0px;--_elevation-level: 0;--_shadow-color: transparent;--_button-rest-shape: var(--_button-round-shape);--_button-shape: var(--_button-rest-shape);--_button-effects-duration: var(--_motion-fast-effects-duration);--_button-easing: var(--_motion-fast-effects-easing);position:relative;isolation:isolate;display:inline-flex;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;flex:none;min-height:var(--_button-height);min-inline-size:max-content;white-space:nowrap;padding-block:0;padding-inline:var(--_button-leading) var(--_button-trailing);gap:var(--_button-gap);font:var(--_button-font);letter-spacing:var(--_button-letter-spacing);text-decoration:none;border:var(--_button-outline-width) solid var(--_button-outline);border-radius:var(--_button-shape);vertical-align:middle;color:color-mix(in srgb,var(--_button-label) calc(var(--_button-label-opacity) * 100%),transparent);background:color-mix(in srgb,var(--_button-container) calc(var(--_button-container-opacity) * 100%),transparent);transition:background-color var(--_button-effects-duration) var(--_button-easing),color var(--_button-effects-duration) var(--_button-easing),border-color var(--_button-effects-duration) var(--_button-easing),box-shadow var(--_button-effects-duration) var(--_button-easing)}.md-button[hidden]{display:none}.md-button[data-shape=square]{--_button-rest-shape: var(--_button-square-shape)}.md-button[aria-pressed=true]{--_button-rest-shape: var(--_button-selected-round-shape)}.md-button[aria-pressed=true][data-shape=square]{--_button-rest-shape: var(--_button-selected-square-shape)}.md-outlined-button{--_button-outline-width: var(--_button-size-outline-width)}.md-outlined-button[aria-pressed=true]{--_button-outline-width: 0px;--_button-outline: transparent}.md-button:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-shape: var(--_button-pressed-shape)}.md-button:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity);transition:opacity 15ms linear,background-color 15ms linear}.md-button>svg{flex:none;width:var(--_button-icon-size);height:var(--_button-icon-size);color:color-mix(in srgb,var(--_button-icon) calc(var(--_button-icon-opacity) * 100%),transparent)}.md-button:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}.md-button:is(:disabled,[aria-disabled=true]){cursor:default}:root:not([data-feedback-ready]) :is(.md-button,.md-icon-button,.md-interactive-card,.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip,.md-menu-item):before{background:var(--_button-state-color);opacity:var(--_button-state-opacity)}:root :is(.md-button,.md-icon-button,.md-interactive-card,.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip,.md-menu-item):is([data-button-state=pressed],[data-component-state=pressed]){--_button-background-state-color: var(--_button-state-color);--_button-background-state-opacity: var(--_button-state-opacity)}.md-button-ripple{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0}.md-button-ripple>span{position:absolute;border-radius:50%;transform-origin:center center;background:radial-gradient(closest-side,var(--_button-pressed-state-color) max(calc(100% - 70px),65%),transparent 100%);opacity:var(--_button-pressed-state-opacity)}@media(forced-colors:active){.md-button-ripple,:is(.md-button,.md-icon-button,.md-interactive-card,.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip,.md-menu-item):before{display:none}}@media(prefers-reduced-motion:reduce){.md-button,.md-button:before{transition:none}.md-button:before{background:var(--_button-state-color);opacity:var(--_button-state-opacity)}}.md-button[data-size=xsmall]{--_button-height: var(--md-comp-button-xsmall-container-height);--_button-round-shape: var(--md-comp-button-xsmall-container-shape-round);--_button-square-shape: var(--md-comp-button-xsmall-container-shape-square);--_button-icon-size: var(--md-comp-button-xsmall-icon-size);--_button-gap: var(--md-comp-button-xsmall-icon-label-space);--_button-font: var(--md-comp-button-xsmall-label-text);--_button-leading: var(--md-comp-button-xsmall-leading-space);--_button-size-outline-width: var(--md-comp-button-xsmall-outlined-outline-width);--_button-spring-damping: var(--md-comp-button-xsmall-pressed-container-corner-size-motion-spring-damping);--_button-spring-stiffness: var(--md-comp-button-xsmall-pressed-container-corner-size-motion-spring-stiffness);--_button-pressed-shape: var(--md-comp-button-xsmall-pressed-container-shape);--_button-selected-round-shape: var(--md-comp-button-xsmall-selected-container-shape-round);--_button-selected-square-shape: var(--md-comp-button-xsmall-selected-container-shape-square);--_button-trailing: var(--md-comp-button-xsmall-trailing-space)}.md-button[data-size=xsmall]{--_button-letter-spacing: var(--md-comp-button-xsmall-label-text-letter-spacing)}.md-button:not([data-size]),.md-button[data-size=small]{--_button-height: var(--md-comp-button-small-container-height);--_button-round-shape: var(--md-comp-button-small-container-shape-round);--_button-square-shape: var(--md-comp-button-small-container-shape-square);--_button-icon-size: var(--md-comp-button-small-icon-size);--_button-gap: var(--md-comp-button-small-icon-label-space);--_button-font: var(--md-comp-button-small-label-text);--_button-leading: var(--md-comp-button-small-leading-space);--_button-size-outline-width: var(--md-comp-button-small-outlined-outline-width);--_button-spring-damping: var(--md-comp-button-small-pressed-container-corner-size-motion-spring-damping);--_button-spring-stiffness: var(--md-comp-button-small-pressed-container-corner-size-motion-spring-stiffness);--_button-pressed-shape: var(--md-comp-button-small-pressed-container-shape);--_button-selected-round-shape: var(--md-comp-button-small-selected-container-shape-round);--_button-selected-square-shape: var(--md-comp-button-small-selected-container-shape-square);--_button-trailing: var(--md-comp-button-small-trailing-space)}.md-button:not([data-size]),.md-button[data-size=small]{--_button-letter-spacing: var(--md-comp-button-small-label-text-letter-spacing)}.md-button[data-size=medium]{--_button-height: var(--md-comp-button-medium-container-height);--_button-round-shape: var(--md-comp-button-medium-container-shape-round);--_button-square-shape: var(--md-comp-button-medium-container-shape-square);--_button-icon-size: var(--md-comp-button-medium-icon-size);--_button-gap: var(--md-comp-button-medium-icon-label-space);--_button-font: var(--md-comp-button-medium-label-text);--_button-leading: var(--md-comp-button-medium-leading-space);--_button-size-outline-width: var(--md-comp-button-medium-outlined-outline-width);--_button-spring-damping: var(--md-comp-button-medium-pressed-container-corner-size-motion-spring-damping);--_button-spring-stiffness: var(--md-comp-button-medium-pressed-container-corner-size-motion-spring-stiffness);--_button-pressed-shape: var(--md-comp-button-medium-pressed-container-shape);--_button-selected-round-shape: var(--md-comp-button-medium-selected-container-shape-round);--_button-selected-square-shape: var(--md-comp-button-medium-selected-container-shape-square);--_button-trailing: var(--md-comp-button-medium-trailing-space)}.md-button[data-size=medium]{--_button-letter-spacing: var(--md-comp-button-medium-label-text-letter-spacing)}.md-button[data-size=large]{--_button-height: var(--md-comp-button-large-container-height);--_button-round-shape: var(--md-comp-button-large-container-shape-round);--_button-square-shape: var(--md-comp-button-large-container-shape-square);--_button-icon-size: var(--md-comp-button-large-icon-size);--_button-gap: var(--md-comp-button-large-icon-label-space);--_button-font: var(--md-comp-button-large-label-text);--_button-leading: var(--md-comp-button-large-leading-space);--_button-size-outline-width: var(--md-comp-button-large-outlined-outline-width);--_button-spring-damping: var(--md-comp-button-large-pressed-container-corner-size-motion-spring-damping);--_button-spring-stiffness: var(--md-comp-button-large-pressed-container-corner-size-motion-spring-stiffness);--_button-pressed-shape: var(--md-comp-button-large-pressed-container-shape);--_button-selected-round-shape: var(--md-comp-button-large-selected-container-shape-round);--_button-selected-square-shape: var(--md-comp-button-large-selected-container-shape-square);--_button-trailing: var(--md-comp-button-large-trailing-space)}.md-button[data-size=large]{--_button-letter-spacing: var(--md-comp-button-large-label-text-letter-spacing)}.md-button[data-size=xlarge]{--_button-height: var(--md-comp-button-xlarge-container-height);--_button-round-shape: var(--md-comp-button-xlarge-container-shape-round);--_button-square-shape: var(--md-comp-button-xlarge-container-shape-square);--_button-icon-size: var(--md-comp-button-xlarge-icon-size);--_button-gap: var(--md-comp-button-xlarge-icon-label-space);--_button-font: var(--md-comp-button-xlarge-label-text);--_button-leading: var(--md-comp-button-xlarge-leading-space);--_button-size-outline-width: var(--md-comp-button-xlarge-outlined-outline-width);--_button-spring-damping: var(--md-comp-button-xlarge-pressed-container-corner-size-motion-spring-damping);--_button-spring-stiffness: var(--md-comp-button-xlarge-pressed-container-corner-size-motion-spring-stiffness);--_button-pressed-shape: var(--md-comp-button-xlarge-pressed-container-shape);--_button-selected-round-shape: var(--md-comp-button-xlarge-selected-container-shape-round);--_button-selected-square-shape: var(--md-comp-button-xlarge-selected-container-shape-square);--_button-trailing: var(--md-comp-button-xlarge-trailing-space)}.md-button[data-size=xlarge]{--_button-letter-spacing: var(--md-comp-button-xlarge-label-text-letter-spacing)}.md-elevated-button{--_button-container: var(--md-comp-button-elevated-container-color);--_elevation-level: var(--md-comp-button-elevated-container-elevation);--_shadow-color: var(--md-comp-button-elevated-container-shadow-color);--_button-icon: var(--md-comp-button-elevated-icon-color);--_button-label: var(--md-comp-button-elevated-label-text-color)}.md-elevated-button[aria-pressed=false]{--_button-container: var(--md-comp-button-elevated-unselected-container-color);--_button-icon: var(--md-comp-button-elevated-unselected-icon-color);--_button-label: var(--md-comp-button-elevated-unselected-label-text-color)}.md-elevated-button[aria-pressed=true]{--_button-container: var(--md-comp-button-elevated-selected-container-color);--_button-icon: var(--md-comp-button-elevated-selected-icon-color);--_button-label: var(--md-comp-button-elevated-selected-label-text-color)}.md-elevated-button:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_elevation-level: var(--md-comp-button-elevated-hovered-container-elevation);--_button-icon: var(--md-comp-button-elevated-hovered-icon-color);--_button-label: var(--md-comp-button-elevated-hovered-label-text-color);--_button-state-color: var(--md-comp-button-elevated-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-elevated-hovered-state-layer-color);--_button-state-opacity: var(--md-comp-button-elevated-hovered-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-elevated-hovered-state-layer-opacity)}.md-elevated-button[aria-pressed=false]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-elevated-unselected-hovered-icon-color);--_button-label: var(--md-comp-button-elevated-unselected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-elevated-unselected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-elevated-unselected-hovered-state-layer-color)}.md-elevated-button[aria-pressed=true]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-elevated-selected-hovered-icon-color);--_button-label: var(--md-comp-button-elevated-selected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-elevated-selected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-elevated-selected-hovered-state-layer-color)}.md-elevated-button:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_elevation-level: var(--md-comp-button-elevated-focused-container-elevation);--_button-icon: var(--md-comp-button-elevated-focused-icon-color);--_button-label: var(--md-comp-button-elevated-focused-label-text-color);--_button-state-color: var(--md-comp-button-elevated-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-elevated-focused-state-layer-color);--_button-state-opacity: var(--md-comp-button-elevated-focused-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-elevated-focused-state-layer-opacity)}.md-elevated-button[aria-pressed=false]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-elevated-unselected-focused-icon-color);--_button-label: var(--md-comp-button-elevated-unselected-focused-label-text-color);--_button-state-color: var(--md-comp-button-elevated-unselected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-elevated-unselected-focused-state-layer-color)}.md-elevated-button[aria-pressed=true]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-elevated-selected-focused-icon-color);--_button-label: var(--md-comp-button-elevated-selected-focused-label-text-color);--_button-state-color: var(--md-comp-button-elevated-selected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-elevated-selected-focused-state-layer-color)}.md-elevated-button:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_elevation-level: var(--md-comp-button-elevated-pressed-container-elevation);--_button-icon: var(--md-comp-button-elevated-pressed-icon-color);--_button-label: var(--md-comp-button-elevated-pressed-label-text-color);--_button-state-color: var(--md-comp-button-elevated-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-button-elevated-pressed-state-layer-opacity)}.md-elevated-button{--_button-pressed-state-color: var(--md-comp-button-elevated-pressed-state-layer-color)}.md-elevated-button{--_button-pressed-state-opacity: var(--md-comp-button-elevated-pressed-state-layer-opacity)}.md-elevated-button[aria-pressed=false]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-elevated-unselected-pressed-icon-color);--_button-label: var(--md-comp-button-elevated-unselected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-elevated-unselected-pressed-state-layer-color)}.md-elevated-button[aria-pressed=false]{--_button-pressed-state-color: var(--md-comp-button-elevated-unselected-pressed-state-layer-color)}.md-elevated-button[aria-pressed=true]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-elevated-selected-pressed-icon-color);--_button-label: var(--md-comp-button-elevated-selected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-elevated-selected-pressed-state-layer-color)}.md-elevated-button[aria-pressed=true]{--_button-pressed-state-color: var(--md-comp-button-elevated-selected-pressed-state-layer-color)}.md-elevated-button:is(:disabled,[aria-disabled=true]){--_button-container: var(--md-comp-button-elevated-disabled-container-color);--_elevation-level: var(--md-comp-button-elevated-disabled-container-elevation);--_button-container-opacity: var(--md-comp-button-elevated-disabled-container-opacity);--_button-icon: var(--md-comp-button-elevated-disabled-icon-color);--_button-icon-opacity: var(--md-comp-button-elevated-disabled-icon-opacity);--_button-label: var(--md-comp-button-elevated-disabled-label-text-color);--_button-label-opacity: var(--md-comp-button-elevated-disabled-label-text-opacity)}.md-filled-button{--_button-container: var(--md-comp-button-filled-container-color);--_elevation-level: var(--md-comp-button-filled-container-elevation);--_shadow-color: var(--md-comp-button-filled-container-shadow-color);--_button-icon: var(--md-comp-button-filled-icon-color);--_button-label: var(--md-comp-button-filled-label-text-color)}.md-filled-button[aria-pressed=false]{--_button-container: var(--md-comp-button-filled-unselected-container-color);--_button-icon: var(--md-comp-button-filled-unselected-icon-color);--_button-label: var(--md-comp-button-filled-unselected-label-text-color)}.md-filled-button[aria-pressed=true]{--_button-container: var(--md-comp-button-filled-selected-container-color);--_button-icon: var(--md-comp-button-filled-selected-icon-color);--_button-label: var(--md-comp-button-filled-selected-label-text-color)}.md-filled-button:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_elevation-level: var(--md-comp-button-filled-hovered-container-elevation);--_button-icon: var(--md-comp-button-filled-hovered-icon-color);--_button-label: var(--md-comp-button-filled-hovered-label-text-color);--_button-state-color: var(--md-comp-button-filled-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-filled-hovered-state-layer-color);--_button-state-opacity: var(--md-comp-button-filled-hovered-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-filled-hovered-state-layer-opacity)}.md-filled-button[aria-pressed=false]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-filled-unselected-hovered-icon-color);--_button-label: var(--md-comp-button-filled-unselected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-filled-unselected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-filled-unselected-hovered-state-layer-color)}.md-filled-button[aria-pressed=true]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-filled-selected-hovered-icon-color);--_button-label: var(--md-comp-button-filled-selected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-filled-selected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-filled-selected-hovered-state-layer-color)}.md-filled-button:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_elevation-level: var(--md-comp-button-filled-focused-container-elevation);--_button-icon: var(--md-comp-button-filled-focused-icon-color);--_button-label: var(--md-comp-button-filled-focused-label-text-color);--_button-state-color: var(--md-comp-button-filled-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-filled-focused-state-layer-color);--_button-state-opacity: var(--md-comp-button-filled-focused-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-filled-focused-state-layer-opacity)}.md-filled-button[aria-pressed=false]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-filled-unselected-focused-icon-color);--_button-label: var(--md-comp-button-filled-unselected-focused-label-text-color);--_button-state-color: var(--md-comp-button-filled-unselected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-filled-unselected-focused-state-layer-color)}.md-filled-button[aria-pressed=true]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-filled-selected-focused-icon-color);--_button-label: var(--md-comp-button-filled-selected-focused-label-text-color);--_button-state-color: var(--md-comp-button-filled-selected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-filled-selected-focused-state-layer-color)}.md-filled-button:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_elevation-level: var(--md-comp-button-filled-pressed-container-elevation);--_button-icon: var(--md-comp-button-filled-pressed-icon-color);--_button-label: var(--md-comp-button-filled-pressed-label-text-color);--_button-state-color: var(--md-comp-button-filled-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-button-filled-pressed-state-layer-opacity)}.md-filled-button{--_button-pressed-state-color: var(--md-comp-button-filled-pressed-state-layer-color)}.md-filled-button{--_button-pressed-state-opacity: var(--md-comp-button-filled-pressed-state-layer-opacity)}.md-filled-button[aria-pressed=false]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-filled-unselected-pressed-icon-color);--_button-label: var(--md-comp-button-filled-unselected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-filled-unselected-pressed-state-layer-color)}.md-filled-button[aria-pressed=false]{--_button-pressed-state-color: var(--md-comp-button-filled-unselected-pressed-state-layer-color)}.md-filled-button[aria-pressed=true]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-filled-selected-pressed-icon-color);--_button-label: var(--md-comp-button-filled-selected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-filled-selected-pressed-state-layer-color)}.md-filled-button[aria-pressed=true]{--_button-pressed-state-color: var(--md-comp-button-filled-selected-pressed-state-layer-color)}.md-filled-button:is(:disabled,[aria-disabled=true]){--_button-container: var(--md-comp-button-filled-disabled-container-color);--_elevation-level: var(--md-comp-button-filled-disabled-container-elevation);--_button-container-opacity: var(--md-comp-button-filled-disabled-container-opacity);--_button-icon: var(--md-comp-button-filled-disabled-icon-color);--_button-icon-opacity: var(--md-comp-button-filled-disabled-icon-opacity);--_button-label: var(--md-comp-button-filled-disabled-label-text-color);--_button-label-opacity: var(--md-comp-button-filled-disabled-label-text-opacity)}.md-outlined-button{--_button-icon: var(--md-comp-button-outlined-icon-color);--_button-label: var(--md-comp-button-outlined-label-text-color);--_button-outline: var(--md-comp-button-outlined-outline-color)}.md-outlined-button[aria-pressed=false]{--_button-icon: var(--md-comp-button-outlined-unselected-icon-color);--_button-label: var(--md-comp-button-outlined-unselected-label-text-color)}.md-outlined-button[aria-pressed=true]{--_button-container: var(--md-comp-button-outlined-selected-container-color);--_button-icon: var(--md-comp-button-outlined-selected-icon-color);--_button-label: var(--md-comp-button-outlined-selected-label-text-color)}.md-outlined-button:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-outlined-hovered-icon-color);--_button-label: var(--md-comp-button-outlined-hovered-label-text-color);--_button-outline: var(--md-comp-button-outlined-hovered-outline-color);--_button-state-color: var(--md-comp-button-outlined-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-outlined-hovered-state-layer-color);--_button-state-opacity: var(--md-comp-button-outlined-hovered-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-outlined-hovered-state-layer-opacity)}.md-outlined-button[aria-pressed=false]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-outlined-unselected-hovered-icon-color);--_button-label: var(--md-comp-button-outlined-unselected-hovered-label-text-color);--_button-outline: var(--md-comp-button-outlined-unselected-hovered-outline-color);--_button-state-color: var(--md-comp-button-outlined-unselected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-outlined-unselected-hovered-state-layer-color)}.md-outlined-button[aria-pressed=true]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-outlined-selected-hovered-icon-color);--_button-label: var(--md-comp-button-outlined-selected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-outlined-selected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-outlined-selected-hovered-state-layer-color)}.md-outlined-button:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-outlined-focused-icon-color);--_button-label: var(--md-comp-button-outlined-focused-label-text-color);--_button-outline: var(--md-comp-button-outlined-focused-outline-color);--_button-state-color: var(--md-comp-button-outlined-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-outlined-focused-state-layer-color);--_button-state-opacity: var(--md-comp-button-outlined-focused-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-outlined-focused-state-layer-opacity)}.md-outlined-button[aria-pressed=false]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-outlined-unselected-focused-icon-color);--_button-label: var(--md-comp-button-outlined-unselected-focused-label-text-color);--_button-outline: var(--md-comp-button-outlined-unselected-focused-outline-color);--_button-state-color: var(--md-comp-button-outlined-unselected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-outlined-unselected-focused-state-layer-color)}.md-outlined-button[aria-pressed=true]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-outlined-selected-focused-icon-color);--_button-label: var(--md-comp-button-outlined-selected-focused-label-text-color);--_button-state-color: var(--md-comp-button-outlined-selected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-outlined-selected-focused-state-layer-color)}.md-outlined-button:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-outlined-pressed-icon-color);--_button-label: var(--md-comp-button-outlined-pressed-label-text-color);--_button-outline: var(--md-comp-button-outlined-pressed-outline-color);--_button-state-color: var(--md-comp-button-outlined-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-button-outlined-pressed-state-layer-opacity)}.md-outlined-button{--_button-pressed-state-color: var(--md-comp-button-outlined-pressed-state-layer-color)}.md-outlined-button{--_button-pressed-state-opacity: var(--md-comp-button-outlined-pressed-state-layer-opacity)}.md-outlined-button[aria-pressed=false]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-outlined-unselected-pressed-icon-color);--_button-label: var(--md-comp-button-outlined-unselected-pressed-label-text-color);--_button-outline: var(--md-comp-button-outlined-unselected-pressed-outline-color);--_button-state-color: var(--md-comp-button-outlined-unselected-pressed-state-layer-color)}.md-outlined-button[aria-pressed=false]{--_button-pressed-state-color: var(--md-comp-button-outlined-unselected-pressed-state-layer-color)}.md-outlined-button[aria-pressed=true]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-outlined-selected-pressed-icon-color);--_button-label: var(--md-comp-button-outlined-selected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-outlined-selected-pressed-state-layer-color)}.md-outlined-button[aria-pressed=true]{--_button-pressed-state-color: var(--md-comp-button-outlined-selected-pressed-state-layer-color)}.md-outlined-button:is(:disabled,[aria-disabled=true]){--_button-container-opacity: var(--md-comp-button-outlined-disabled-container-opacity);--_button-icon: var(--md-comp-button-outlined-disabled-icon-color);--_button-icon-opacity: var(--md-comp-button-outlined-disabled-icon-opacity);--_button-label: var(--md-comp-button-outlined-disabled-label-text-color);--_button-label-opacity: var(--md-comp-button-outlined-disabled-label-text-opacity);--_button-outline: var(--md-comp-button-outlined-disabled-outline-color)}.md-outlined-button[aria-pressed=false]:is(:disabled,[aria-disabled=true]){--_button-outline: var(--md-comp-button-outlined-unselected-disabled-outline-color)}.md-outlined-button[aria-pressed=true]:is(:disabled,[aria-disabled=true]){--_button-container: var(--md-comp-button-outlined-selected-disabled-container-color)}.md-text-button{--_button-icon: var(--md-comp-button-text-icon-color);--_button-label: var(--md-comp-button-text-label-text-color)}.md-text-button:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-text-hovered-icon-color);--_button-label: var(--md-comp-button-text-hovered-label-text-color);--_button-state-color: var(--md-comp-button-text-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-text-hovered-state-layer-color);--_button-state-opacity: var(--md-comp-button-text-hovered-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-text-hovered-state-layer-opacity)}.md-text-button:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-text-focused-icon-color);--_button-label: var(--md-comp-button-text-focused-label-text-color);--_button-state-color: var(--md-comp-button-text-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-text-focused-state-layer-color);--_button-state-opacity: var(--md-comp-button-text-focused-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-text-focused-state-layer-opacity)}.md-text-button:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-text-pressed-icon-color);--_button-label: var(--md-comp-button-text-pressed-label-text-color);--_button-state-color: var(--md-comp-button-text-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-button-text-pressed-state-layer-opacity)}.md-text-button{--_button-pressed-state-color: var(--md-comp-button-text-pressed-state-layer-color)}.md-text-button{--_button-pressed-state-opacity: var(--md-comp-button-text-pressed-state-layer-opacity)}.md-text-button:is(:disabled,[aria-disabled=true]){--_button-container: var(--md-comp-button-text-disabled-container-color);--_button-container-opacity: var(--md-comp-button-text-disabled-container-opacity);--_button-icon: var(--md-comp-button-text-disabled-icon-color);--_button-icon-opacity: var(--md-comp-button-text-disabled-icon-opacity);--_button-label: var(--md-comp-button-text-disabled-label-text-color);--_button-label-opacity: var(--md-comp-button-text-disabled-label-text-opacity)}.md-tonal-button{--_button-container: var(--md-comp-button-tonal-container-color);--_elevation-level: var(--md-comp-button-tonal-container-elevation);--_shadow-color: var(--md-comp-button-tonal-container-shadow-color);--_button-icon: var(--md-comp-button-tonal-icon-color);--_button-label: var(--md-comp-button-tonal-label-text-color)}.md-tonal-button[aria-pressed=false]{--_button-container: var(--md-comp-button-tonal-unselected-container-color);--_button-icon: var(--md-comp-button-tonal-unselected-icon-color);--_button-label: var(--md-comp-button-tonal-unselected-label-text-color)}.md-tonal-button[aria-pressed=true]{--_button-container: var(--md-comp-button-tonal-selected-container-color);--_button-icon: var(--md-comp-button-tonal-selected-icon-color);--_button-label: var(--md-comp-button-tonal-selected-label-text-color)}.md-tonal-button:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_elevation-level: var(--md-comp-button-tonal-hovered-container-elevation);--_button-icon: var(--md-comp-button-tonal-hovered-icon-color);--_button-label: var(--md-comp-button-tonal-hovered-label-text-color);--_button-state-color: var(--md-comp-button-tonal-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-tonal-hovered-state-layer-color);--_button-state-opacity: var(--md-comp-button-tonal-hovered-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-tonal-hovered-state-layer-opacity)}.md-tonal-button[aria-pressed=false]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-tonal-unselected-hovered-icon-color);--_button-label: var(--md-comp-button-tonal-unselected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-tonal-unselected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-tonal-unselected-hovered-state-layer-color)}.md-tonal-button[aria-pressed=true]:is(:hover,[data-button-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:where([data-touch])){--_button-icon: var(--md-comp-button-tonal-selected-hovered-icon-color);--_button-label: var(--md-comp-button-tonal-selected-hovered-label-text-color);--_button-state-color: var(--md-comp-button-tonal-selected-hovered-state-layer-color);--_button-background-state-color: var(--md-comp-button-tonal-selected-hovered-state-layer-color)}.md-tonal-button:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_elevation-level: var(--md-comp-button-tonal-focused-container-elevation);--_button-icon: var(--md-comp-button-tonal-focused-icon-color);--_button-label: var(--md-comp-button-tonal-focused-label-text-color);--_button-state-color: var(--md-comp-button-tonal-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-tonal-focused-state-layer-color);--_button-state-opacity: var(--md-comp-button-tonal-focused-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-button-tonal-focused-state-layer-opacity)}.md-tonal-button[aria-pressed=false]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-tonal-unselected-focused-icon-color);--_button-label: var(--md-comp-button-tonal-unselected-focused-label-text-color);--_button-state-color: var(--md-comp-button-tonal-unselected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-tonal-unselected-focused-state-layer-color)}.md-tonal-button[aria-pressed=true]:is(:focus-visible,[data-button-state=focused]):not(:disabled):not([aria-disabled=true]){--_button-icon: var(--md-comp-button-tonal-selected-focused-icon-color);--_button-label: var(--md-comp-button-tonal-selected-focused-label-text-color);--_button-state-color: var(--md-comp-button-tonal-selected-focused-state-layer-color);--_button-background-state-color: var(--md-comp-button-tonal-selected-focused-state-layer-color)}.md-tonal-button:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_elevation-level: var(--md-comp-button-tonal-pressed-container-elevation);--_button-icon: var(--md-comp-button-tonal-pressed-icon-color);--_button-label: var(--md-comp-button-tonal-pressed-label-text-color);--_button-state-color: var(--md-comp-button-tonal-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-button-tonal-pressed-state-layer-opacity)}.md-tonal-button{--_button-pressed-state-color: var(--md-comp-button-tonal-pressed-state-layer-color)}.md-tonal-button{--_button-pressed-state-opacity: var(--md-comp-button-tonal-pressed-state-layer-opacity)}.md-tonal-button[aria-pressed=false]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-tonal-unselected-pressed-icon-color);--_button-label: var(--md-comp-button-tonal-unselected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-tonal-unselected-pressed-state-layer-color)}.md-tonal-button[aria-pressed=false]{--_button-pressed-state-color: var(--md-comp-button-tonal-unselected-pressed-state-layer-color)}.md-tonal-button[aria-pressed=true]:is(:active,[data-pressed],[data-button-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){--_button-icon: var(--md-comp-button-tonal-selected-pressed-icon-color);--_button-label: var(--md-comp-button-tonal-selected-pressed-label-text-color);--_button-state-color: var(--md-comp-button-tonal-selected-pressed-state-layer-color)}.md-tonal-button[aria-pressed=true]{--_button-pressed-state-color: var(--md-comp-button-tonal-selected-pressed-state-layer-color)}.md-tonal-button:is(:disabled,[aria-disabled=true]){--_button-container: var(--md-comp-button-tonal-disabled-container-color);--_elevation-level: var(--md-comp-button-tonal-disabled-container-elevation);--_button-container-opacity: var(--md-comp-button-tonal-disabled-container-opacity);--_button-icon: var(--md-comp-button-tonal-disabled-icon-color);--_button-icon-opacity: var(--md-comp-button-tonal-disabled-icon-opacity);--_button-label: var(--md-comp-button-tonal-disabled-label-text-color);--_button-label-opacity: var(--md-comp-button-tonal-disabled-label-text-opacity)}:root{--_motion-fast-spatial-duration: .383333s;--_motion-fast-spatial-easing: linear(0, .091177, .294386, .527367, .738441, .901904, 1.011091, 1.071257, 1.093558, 1.090636, 1.073875, 1.052047, 1.030977, 1.013849, 1.001813, .994675, .991508, .991124, .992385, .99437, .996435, .998202, .999505, 1);--_motion-fast-effects-duration: .166667s;--_motion-fast-effects-easing: linear(0, .274321, .608625, .812798, .91613, .963944, .984934, .993834, .997516, .999012, 1);--_motion-default-spatial-duration: .45s;--_motion-default-spatial-easing: linear(0, .04433, .148669, .280177, .417111, .546096, .659831, .755217, .831909, .891228, .935375, .9669, .988346, 1.002049, 1.01003, 1.013957, 1.015154, 1.014629, 1.013123, 1.011156, 1.009077, 1.0071, 1.005345, 1.003865, 1.00267, 1.001741, 1.001047, 1);--_motion-default-effects-duration: .233333s;--_motion-default-effects-easing: linear(0, .144305, .38494, .593994, .745227, .845413, .908422, .946713, .969423, .982649, .990243, .994555, .996981, .998335, 1);--_motion-slow-spatial-duration: .6s;--_motion-slow-spatial-easing: linear(0, .024481, .086211, .170644, .266758, .366454, .464016, .555618, .638914, .712675, .776499, .830568, .875456, .911979, .941082, .963756, .980977, .993663, 1.002656, 1.008701, 1.012447, 1.014442, 1.015145, 1.014929, 1.014094, 1.012871, 1.01144, 1.009931, 1.008439, 1.007027, 1.005735, 1.004584, 1.003584, 1.002733, 1.002023, 1.001444, 1);--_motion-slow-effects-duration: .333333s;--_motion-slow-effects-easing: linear(0, .08166, .243214, .413064, .56215, .682084, .773718, .841382, .890149, .924665, .948754, .965377, .976744, .984458, .989658, .993145, .995472, .997018, .998041, .998717, 1)}.md-button,.md-card,.md-icon-button,.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip,.md-menu,.md-dialog,.md-full-screen-dialog,.md-full-header,.md-full-action-bar,.md-list-item,.md-carousel-item,.md-date-panel,.md-time-panel,.md-field-menu,.md-elevation,.md-search-view[data-open=true][data-control=contained][data-variant=docked][data-elevation=token]:before,.md-search-view[data-open=true][data-control=contained][data-variant=docked][data-elevation=token]:after,.md-switch-handle,.md-snackbar,.md-tooltip,.md-navigation,.md-tab,.md-slider,.md-slider-nub,.md-slider-value,.md-app-bar,.md-toolbar,.md-sheet{box-shadow:0 calc(1px*(clamp(0,var(--_elevation-level),1) + clamp(0,var(--_elevation-level) - 3,1) + 2*clamp(0,var(--_elevation-level) - 4,1))) calc(1px*(2*clamp(0,var(--_elevation-level),1) + clamp(0,var(--_elevation-level) - 2,1) + clamp(0,var(--_elevation-level) - 4,1))) 0 color-mix(in srgb,var(--_shadow-color) 30%,transparent),0 calc(1px*(clamp(0,var(--_elevation-level),1) + clamp(0,var(--_elevation-level) - 1,1) + 2*clamp(0,var(--_elevation-level) - 2,3))) calc(1px*(3*clamp(0,var(--_elevation-level),2) + 2*clamp(0,var(--_elevation-level) - 2,3))) calc(1px*(clamp(0,var(--_elevation-level),4) + 2*clamp(0,var(--_elevation-level) - 4,1))) color-mix(in srgb,var(--_shadow-color) 15%,transparent)}.md-icon-button{--_icon-container: transparent;--_icon-container-opacity: 1;--_icon-icon-opacity: 1;--_icon-outline: transparent;--_icon-outline-opacity: 1;--_icon-outline-width: 0px;--_icon-state-color: transparent;--_icon-state-opacity: 0;--_elevation-level: 0;--_shadow-color: transparent;--_icon-background-state-color: transparent;--_icon-background-state-opacity: 0;--_button-background-state-color: var(--_icon-background-state-color);--_button-background-state-opacity: var(--_icon-background-state-opacity);--_button-pressed-state-color: var(--_icon-pressed-state-color);--_button-pressed-state-opacity: var(--_icon-pressed-state-opacity);--_button-state-color: var(--_icon-state-color);--_button-state-opacity: var(--_icon-state-opacity);--_button-rest-shape: var(--_icon-round-shape);--_button-pressed-shape: var(--_icon-pressed-shape);--_button-spring-damping: var(--_icon-spring-damping);--_button-spring-stiffness: var(--_icon-spring-stiffness);position:relative;isolation:isolate;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;height:var(--_icon-height);min-width:calc(var(--_icon-icon-size) + var(--_icon-leading) + var(--_icon-trailing));padding:0 var(--_icon-trailing) 0 var(--_icon-leading);gap:0;border:var(--_icon-outline-width) solid var(--_icon-outline);border-radius:var(--_button-rest-shape);background:color-mix(in srgb,var(--_icon-container) calc(var(--_icon-container-opacity) * 100%),transparent);color:color-mix(in srgb,var(--_icon-icon) calc(var(--_icon-icon-opacity) * 100%),transparent);text-decoration:none;vertical-align:middle;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.md-icon-button:after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;inline-size:max(100%,var(--md-sys-measurement-space600));block-size:max(100%,var(--md-sys-measurement-space600))}.md-icon-button[data-shape=square]{--_button-rest-shape: var(--_icon-square-shape)}.md-icon-button[aria-pressed=true]{--_button-rest-shape: var(--_icon-selected-round-shape)}.md-icon-button[aria-pressed=true][data-shape=square]{--_button-rest-shape: var(--_icon-selected-square-shape)}.md-icon-button.md-outlined-icon-button{--_icon-outline-width: var(--_icon-size-outline-width)}.md-icon-button.md-outlined-icon-button[aria-pressed=true]{--_icon-outline-width: 0px}.md-icon-button>svg,.md-icon-button>span>svg{color:inherit;width:var(--_icon-icon-size);height:var(--_icon-icon-size);flex:none}.md-icon-button>span:not(.md-button-ripple){display:contents}.md-icon-button:before,.md-interactive-card:before,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):before,.md-menu-item:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity)}.md-icon-button,.md-interactive-card,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip),.md-menu-item{--_button-effects-duration: var(--_motion-fast-effects-duration);--_button-easing: var(--_motion-fast-effects-easing);transition:background-color var(--_button-effects-duration) var(--_button-easing),color var(--_button-effects-duration) var(--_button-easing),border-color var(--_button-effects-duration) var(--_button-easing),box-shadow var(--_button-effects-duration) var(--_button-easing)}.md-icon-button:focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}.md-icon-button:is(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not([data-button-cancelled]){border-radius:var(--_button-pressed-shape)}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip){--_chip-padding-start: var(--md-sys-measurement-space200);--_chip-padding-end: var(--md-sys-measurement-space200);--_chip-container: transparent;--_chip-elevation: 0;--_chip-container-opacity: 1;--_chip-outline: transparent;--_chip-outline-width: 0px;--_chip-outline-opacity: 1;--_chip-icon-opacity: 1;--_chip-label-opacity: 1;--_chip-state-color: transparent;--_chip-state-opacity: 0;--_elevation-level: var(--_chip-elevation);--_shadow-color: var(--_chip-shadow);--_chip-background-state-color: transparent;--_chip-background-state-opacity: 0;--_button-background-state-color: var(--_chip-background-state-color);--_button-background-state-opacity: var(--_chip-background-state-opacity);--_button-pressed-state-color: var(--_chip-pressed-state-color);--_button-pressed-state-opacity: var(--_chip-pressed-state-opacity);--_button-state-color: var(--_chip-state-color);--_button-state-opacity: var(--_chip-state-opacity);--_button-rest-shape: var(--_chip-shape);--_button-pressed-shape: var(--_chip-shape);position:relative;isolation:isolate;display:inline-flex;flex:none;align-items:center;justify-content:flex-start;text-align:start;vertical-align:middle;min-width:0;max-width:100%;min-height:var(--_chip-height);padding-block:var(--md-sys-measurement-space50);padding-inline:var(--_chip-padding-start) var(--_chip-padding-end);gap:var(--md-sys-measurement-space100);border:0;border-radius:var(--_chip-shape);background:color-mix(in srgb,var(--_chip-container) calc(var(--_chip-container-opacity) * 100%),transparent);color:color-mix(in srgb,var(--_chip-label) calc(var(--_chip-label-opacity) * 100%),transparent);font-family:var(--_chip-font-family);font-size:var(--_chip-font-size);line-height:var(--_chip-line-height);letter-spacing:var(--_chip-tracking);font-weight:var(--_chip-font-weight);text-decoration:none;cursor:pointer;touch-action:manipulation}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip)>.md-chip-face{display:inline-flex;align-items:center;gap:var(--md-sys-measurement-space100);min-width:0;overflow-wrap:anywhere}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip) [data-slot=icon],:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip)>.md-chip-face>svg,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip)>svg{width:var(--_chip-icon-size);height:var(--_chip-icon-size);color:color-mix(in srgb,var(--_chip-icon) calc(var(--_chip-icon-opacity) * 100%),transparent);flex:none}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip) [data-slot=leading-icon],:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip) [data-slot=trailing-icon]{width:var(--_chip-icon-size);height:var(--_chip-icon-size);color:color-mix(in srgb,var(--_chip-icon) calc(var(--_chip-icon-opacity) * 100%),transparent)}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):focus-visible,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):has(>input:focus-visible){outline:var(--_chip-focus-width) solid var(--_chip-focus-color);outline-offset:var(--_chip-focus-offset)}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):has(>input:disabled),:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):disabled{cursor:default}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):has([data-slot=leading-icon]:not(.md-chip-check):not([hidden]),[data-slot=icon]:not([hidden]),>svg:first-child:not([hidden])),.md-filter-chip[data-selected=true]:has(.md-chip-check),.md-filter-chip:has(>input:checked):has(>.md-chip-face>svg){--_chip-padding-start: var(--md-sys-measurement-space100)}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):has([data-slot=trailing-icon]:not([hidden])){--_chip-padding-end: var(--md-sys-measurement-space100)}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip) :is([data-slot=icon],[data-slot=leading-icon],[data-slot=trailing-icon])>svg{inline-size:100%;block-size:100%}.md-dialog{--_elevation-level: var(--_dialog-elevation);--_shadow-color: var(--md-sys-color-shadow);background:var(--_dialog-container);border:0;border-radius:var(--_dialog-shape);color:var(--_dialog-supporting-text-color);padding:var(--md-sys-measurement-space300)}.md-dialog::backdrop{background:color-mix(in srgb,var(--md-ref-palette-neutral0) 32%,transparent)}.md-dialog h2{color:var(--_dialog-headline-color);font-family:var(--_dialog-headline-font-family);font-size:var(--_dialog-headline-font-size);font-weight:var(--_dialog-headline-font-weight);line-height:var(--_dialog-headline-line-height);letter-spacing:var(--_dialog-headline-tracking)}.md-dialog p,.md-dialog [data-slot=supporting-text]{color:var(--_dialog-supporting-text-color);font-family:var(--_dialog-supporting-text-font-family);font-size:var(--_dialog-supporting-text-font-size);font-weight:var(--_dialog-supporting-text-font-weight);line-height:var(--_dialog-supporting-text-line-height);letter-spacing:var(--_dialog-supporting-text-tracking)}.md-dialog [data-slot=subhead]{color:var(--_dialog-subhead-color);font-family:var(--_dialog-subhead-font-family);font-size:var(--_dialog-subhead-font-size);font-weight:var(--_dialog-subhead-font-weight);line-height:var(--_dialog-subhead-line-height);letter-spacing:var(--_dialog-subhead-tracking)}.md-dialog>[data-slot=icon]{color:var(--_dialog-icon);width:var(--_dialog-icon-size);height:var(--_dialog-icon-size)}.md-dialog .md-divider{--_divider-color: var(--_dialog-divider);--_divider-thickness: var(--_dialog-divider-height)}.md-dialog .md-text-button{font-family:var(--_dialog-action-font-family);font-size:var(--_dialog-action-font-size);line-height:var(--_dialog-action-line-height);font-weight:var(--_dialog-action-font-weight);letter-spacing:var(--_dialog-action-tracking)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete){--_field-state-color: transparent;--_field-state-opacity: 0;--_field-outline-opacity: 1;--_field-input-text-opacity: 1;--_field-label-opacity: 1;--_field-supporting-text-opacity: 1;--_field-leading-icon-opacity: 1;--_field-trailing-icon-opacity: 1;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--md-sys-measurement-space100);min-width:0;max-width:100%;height:var(--_field-height);min-height:var(--_field-height);border:var(--_field-outline-width) solid color-mix(in srgb,var(--_field-outline) calc(var(--_field-outline-opacity) * 100%),transparent);border-radius:var(--_field-shape);background:linear-gradient(color-mix(in srgb,var(--_field-state-color) calc(var(--_field-state-opacity) * 100%),transparent),color-mix(in srgb,var(--_field-state-color) calc(var(--_field-state-opacity) * 100%),transparent)),var(--_field-container, transparent);padding:0 var(--md-sys-measurement-space200);caret-color:var(--_field-caret);color:color-mix(in srgb,var(--_field-input-text-color) calc(var(--_field-input-text-opacity) * 100%),transparent);font-family:var(--_field-input-text-font-family);font-size:var(--_field-input-text-font-size);line-height:var(--_field-input-text-line-height);font-weight:var(--_field-input-text-font-weight);letter-spacing:var(--_field-input-text-tracking)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):focus-visible,:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>:is(input,select):focus-visible){outline:var(--_field-focus-width) solid var(--_field-focus-color);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete)::placeholder,:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) input::placeholder{color:var(--_field-placeholder);opacity:1}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>[data-slot=label]):not(:focus-within):not([data-component-state=focused]) input:placeholder-shown::placeholder{color:transparent}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete)>:is(input,select){flex:1;width:100%;min-width:0;min-height:0;height:100%;appearance:none;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;caret-color:inherit;outline:0;padding:0}.md-outlined-select{padding:0}.md-outlined-select>select{box-sizing:border-box;cursor:pointer;padding-inline:var(--md-sys-measurement-space200) calc(var(--_field-trailing-icon-size) + var(--md-sys-measurement-space100) + var(--md-sys-measurement-space200))}.md-outlined-select>select>option{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.md-outlined-select>[data-slot=trailing-icon]{position:absolute;right:var(--md-sys-measurement-space200);top:50%;transform:translateY(-50%);pointer-events:none}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=label]{position:absolute;left:var(--md-sys-measurement-space200);top:50%;transform:translateY(-50%);pointer-events:none;color:color-mix(in srgb,var(--_field-label) calc(var(--_field-label-opacity) * 100%),transparent);font-family:var(--_field-font-family);font-size:var(--_field-font-size);line-height:var(--_field-line-height);font-weight:var(--_field-font-weight);letter-spacing:var(--_field-tracking)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown))) [data-slot=label]{top:0;font-size:var(--_field-populated-label-size);line-height:var(--_field-populated-label-line-height)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>[data-slot=supporting-text]){margin-bottom:calc(var(--_field-supporting-text-line-height) + var(--md-sys-measurement-space50))}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=supporting-text]{position:absolute;top:calc(100% + var(--md-sys-measurement-space50));left:var(--md-sys-measurement-space200);right:var(--md-sys-measurement-space200);color:color-mix(in srgb,var(--_field-supporting-text-color) calc(var(--_field-supporting-text-opacity) * 100%),transparent);font-family:var(--_field-supporting-text-font-family);font-size:var(--_field-supporting-text-font-size);line-height:var(--_field-supporting-text-line-height);letter-spacing:var(--_field-supporting-text-tracking);font-weight:var(--_field-supporting-text-font-weight)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=leading-icon],:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=trailing-icon]{display:inline-flex;flex:none;width:var(--_field-leading-icon-size);height:var(--_field-leading-icon-size);color:color-mix(in srgb,var(--_field-leading-icon-color) calc(var(--_field-leading-icon-opacity) * 100%),transparent)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=trailing-icon]{width:var(--_field-trailing-icon-size);height:var(--_field-trailing-icon-size);color:color-mix(in srgb,var(--_field-trailing-icon-color) calc(var(--_field-trailing-icon-opacity) * 100%),transparent)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot$=icon]>svg{width:100%;height:100%}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=prefix]{color:var(--_field-prefix)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete) [data-slot=suffix]{color:var(--_field-suffix)}.md-menu{--_elevation-level: var(--_menu-elevation);--_shadow-color: var(--_menu-shadow, var(--md-sys-color-shadow));padding:0;border:0;border-radius:var(--_menu-shape);background:var(--_menu-container)}.md-menu section{display:flex;flex-direction:column;gap:var(--_menu-gap);padding:var(--_menu-group-padding);border-radius:var(--_menu-group-shape)}.md-menu h3{display:flex;align-items:center;box-sizing:border-box;min-block-size:32px;margin:0;padding:0 var(--md-sys-measurement-space150);font:inherit;color:var(--_menu-section-label-text-color)}.md-menu ul{display:flex;flex-direction:column;gap:var(--_menu-gap);list-style:none;margin:0;padding:0}.md-menu-item{inline-size:100%;text-align:start;--_menu-item-container-opacity: 1;--_menu-item-label-opacity: 1;--_menu-item-leading-icon-opacity: 1;--_menu-item-trailing-icon-opacity: 1;--_menu-item-supporting-text-opacity: 1;--_menu-item-trailing-supporting-text-opacity: 1;--_menu-item-state-color: var(--_menu-item-active-state-color, transparent);--_menu-item-state-opacity: var(--_menu-item-active-state-opacity, 0);--_menu-item-background-state-color: var( --_menu-item-active-state-color, transparent );--_menu-item-background-state-opacity: var( --_menu-item-active-state-opacity, 0 );--_button-background-state-color: var(--_menu-item-background-state-color);--_button-background-state-opacity: var( --_menu-item-background-state-opacity );--_button-pressed-state-color: var(--_menu-item-pressed-state-color);--_button-pressed-state-opacity: var(--_menu-item-pressed-state-opacity);--_button-state-color: var(--_menu-item-state-color);--_button-state-opacity: var(--_menu-item-state-opacity);--_button-rest-shape: var(--_menu-item-top-shape, var(--_menu-item-shape)) var(--_menu-item-top-shape, var(--_menu-item-shape)) var(--_menu-item-bottom-shape, var(--_menu-item-shape)) var(--_menu-item-bottom-shape, var(--_menu-item-shape));--_button-pressed-shape: var(--_button-rest-shape);position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--_menu-item-gap);min-height:var(--_menu-item-height);box-sizing:border-box;padding:var(--_menu-item-top) var(--_menu-item-trailing) var(--_menu-item-bottom) var(--_menu-item-leading);border:0;border-radius:var(--_button-rest-shape);background:color-mix(in srgb,var(--_menu-item-container) calc(var(--_menu-item-container-opacity) * 100%),transparent);color:color-mix(in srgb,var(--_menu-item-label) calc(var(--_menu-item-label-opacity) * 100%),transparent);text-decoration:none;font-family:var(--_menu-item-font-family);font-size:var(--_menu-item-font-size);line-height:var(--_menu-item-line-height);font-weight:var(--_menu-item-font-weight);letter-spacing:var(--_menu-item-tracking)}.md-menu-item:is(:focus-visible,[data-component-state=focused]):not(:disabled){outline:var(--_menu-item-focus-width) solid var(--_menu-item-focus-color);outline-offset:var(--_menu-item-focus-offset)}.md-menu-item>[data-slot=leading-icon],.md-menu-item>svg{color:color-mix(in srgb,var(--_menu-item-leading-icon-color) calc(var(--_menu-item-leading-icon-opacity) * 100%),transparent);width:var(--_menu-item-leading-icon-size);height:var(--_menu-item-leading-icon-size)}.md-menu-item>[data-slot=trailing-icon]{color:color-mix(in srgb,var(--_menu-item-trailing-icon-color) calc(var(--_menu-item-trailing-icon-opacity) * 100%),transparent);width:var(--_menu-item-trailing-icon-size);height:var(--_menu-item-trailing-icon-size)}.md-menu-item>[data-slot=supporting-text],.md-menu-item-text>[data-slot=supporting-text]{color:color-mix(in srgb,var(--_menu-item-supporting-text-color) calc(var(--_menu-item-supporting-text-opacity) * 100%),transparent);font-family:var(--_menu-item-supporting-text-font-family);font-size:var(--_menu-item-supporting-text-font-size);line-height:var(--_menu-item-supporting-text-line-height);font-weight:var(--_menu-item-supporting-text-font-weight);letter-spacing:var(--_menu-item-supporting-text-tracking)}.md-menu-item>[data-slot=trailing-supporting-text]{margin-inline-start:auto;color:color-mix(in srgb,var(--_menu-item-trailing-supporting-text-color) calc(var(--_menu-item-trailing-supporting-text-opacity) * 100%),transparent);font-family:var(--_menu-item-trailing-supporting-text-font-family);font-size:var(--_menu-item-trailing-supporting-text-font-size);line-height:var(--_menu-item-trailing-supporting-text-line-height);font-weight:var(--_menu-item-trailing-supporting-text-font-weight);letter-spacing:var(--_menu-item-trailing-supporting-text-tracking)}.md-divider{border:0;border-block-start:var(--_divider-thickness) solid var(--_divider-color);margin:0;min-inline-size:0;align-self:stretch}.md-divider[data-inset=true]{margin-inline-start:var(--md-sys-measurement-space200)}.md-divider[data-inset=middle]{margin-inline:var(--md-sys-measurement-space200)}.md-divider-layout{align-self:stretch;min-inline-size:0}.md-divider-layout:is([data-spacing=right],[data-spacing=right-bottom]){margin-inline-end:var(--md-sys-measurement-space100)}.md-divider-layout:is([data-spacing=bottom],[data-spacing=right-bottom]){margin-block-end:var(--md-sys-measurement-space100)}.md-divider-supporting>p{margin:var(--md-sys-measurement-space50) 0 0;color:var(--md-sys-color-on-surface-variant)}.md-divider-supporting[data-inset=true]>p{margin-inline-start:var(--md-sys-measurement-space200)}.md-divider-supporting[data-inset=middle]>p{margin-inline:var(--md-sys-measurement-space200)}@media(prefers-reduced-motion:reduce){.md-icon-button,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip),.md-menu-item{transition:none}}@media(forced-colors:active){.md-icon-button,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip),.md-menu-item,:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete){border:1px solid ButtonText}}.md-filter-chip:has(>input:not(:checked))>.md-chip-face>svg{display:none}.md-interactive-card:before,.md-icon-button:before,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):before,.md-menu-item:before{transition:opacity 15ms linear,background-color 15ms linear}.md-card>[data-slot=icon]>svg{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.md-interactive-card:before,.md-icon-button:before,:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):before,.md-menu-item:before{transition:none;background:var(--_button-state-color);opacity:var(--_button-state-opacity)}}.md-chip-demo{display:inline-flex;max-inline-size:100%}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip){box-sizing:border-box;min-inline-size:0;block-size:var(--_chip-height);white-space:nowrap;--_chip-shadow: var(--md-sys-color-shadow)}:is(.md-filter-chip,.md-input-chip):has(>.md-chip-primary){padding:0;gap:0}.md-chip-primary,.md-chip-remove{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:flex-start;align-self:stretch;gap:var(--md-sys-measurement-space100);box-sizing:border-box;min-inline-size:0;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:inherit;touch-action:manipulation;outline:0}.md-chip-primary{padding-inline:var(--_chip-padding-start) var(--_chip-padding-end);border-radius:inherit}:is(.md-filter-chip,.md-input-chip):has(>.md-chip-remove)>.md-chip-primary{padding-inline-end:var(--md-sys-measurement-space100)}.md-chip-remove{padding-inline-end:var(--md-sys-measurement-space100);border-start-end-radius:inherit;border-end-end-radius:inherit}.md-chip-label{overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.md-chip-icon{display:inline-flex;flex:none;align-items:center;justify-content:center}.md-chip-icon[data-slot=leading-icon]{inline-size:var(--_chip-leading-icon-size, var(--_chip-icon-size));block-size:var(--_chip-leading-icon-size, var(--_chip-icon-size));color:color-mix(in srgb,var(--_chip-leading-icon, var(--_chip-icon)) calc(var(--_chip-leading-icon-opacity, var(--_chip-icon-opacity)) * 100%),transparent)}.md-chip-icon[data-slot=trailing-icon]{inline-size:var(--_chip-trailing-icon-size, var(--_chip-icon-size));block-size:var(--_chip-trailing-icon-size, var(--_chip-icon-size));color:color-mix(in srgb,var(--_chip-trailing-icon, var(--_chip-icon)) calc(var(--_chip-trailing-icon-opacity, var(--_chip-icon-opacity)) * 100%),transparent)}.md-chip-icon>svg{inline-size:100%;block-size:100%;color:inherit}.md-filter-chip:where(:not([data-selected=true])) .md-chip-check,.md-filter-chip:where([data-selected=true]) .md-chip-leading{display:none}.md-chip-avatar{display:grid;place-items:center;flex:none;inline-size:var(--_chip-avatar-size);block-size:var(--_chip-avatar-size);border-radius:var(--_chip-avatar-shape);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);opacity:var(--_chip-avatar-opacity, 1)}.md-input-chip[data-shape=avatar]>.md-chip-primary{padding-inline-start:var(--md-sys-measurement-space50)}:is(.md-filter-chip,.md-input-chip):has(>button:focus-visible){outline:var(--_chip-focus-width) solid var(--_chip-focus-color);outline-offset:var(--_chip-focus-offset)}.md-chip-remove:focus-visible:after{content:"";position:absolute;inset:0;border:var(--_chip-focus-width) solid var(--_chip-focus-color);border-radius:inherit;pointer-events:none}:is(.md-filter-chip,.md-assist-chip,.md-suggestion-chip,.md-input-chip):after{content:"";position:absolute;inset:0;box-sizing:border-box;pointer-events:none;border-radius:inherit;border:var(--_chip-outline-width) solid color-mix(in srgb,var(--_chip-outline) calc(var(--_chip-outline-opacity) * 100%),transparent)}:is(.md-filter-chip,.md-input-chip):has(>.md-chip-remove)>.md-chip-primary{min-inline-size:var(--md-sys-measurement-space600)}.md-chip-remove{flex:none;inline-size:var(--md-sys-measurement-space600);justify-content:flex-end;padding-inline:0 var(--md-sys-measurement-space100)}.md-chip-primary:before,.md-chip-remove:before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;min-block-size:var(--md-sys-measurement-space600);block-size:100%;transform:translateY(-50%)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete){--_field-container-opacity: 1;--_field-focus-width: var(--md-sys-state-focus-indicator-thickness);--_field-focus-color: var( --_field-indicator-color, var(--md-sys-color-secondary) );--_field-indicator-opacity: 1}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>input){border:0}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>input):after{content:"";position:absolute;inset:0;pointer-events:none;box-sizing:border-box;border:var(--_field-outline-width, 0px) solid color-mix(in srgb,var(--_field-outline, transparent) calc(var(--_field-outline-opacity) * 100%),transparent);border-radius:inherit}:is(.md-filled-text-field,.md-filled-select,.md-filled-autocomplete){--_field-outline-width: 0px;background:linear-gradient(color-mix(in srgb,var(--_field-state-color) calc(var(--_field-state-opacity) * 100%),transparent),color-mix(in srgb,var(--_field-state-color) calc(var(--_field-state-opacity) * 100%),transparent)),color-mix(in srgb,var(--_field-container) calc(var(--_field-container-opacity) * 100%),transparent)}:is(.md-filled-text-field,.md-filled-select,.md-filled-autocomplete):has(>input):after{inset:auto 0 0;block-size:var(--_field-indicator-height);border:0;background:color-mix(in srgb,var(--_field-indicator-color) calc(var(--_field-indicator-opacity) * 100%),transparent);border-radius:0}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete)>input{box-sizing:border-box}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>[data-slot=leading-icon])>[data-slot=label]{inset-inline-start:calc(var(--md-sys-measurement-space200) + var(--_field-leading-icon-size) + var(--md-sys-measurement-space100))}:is(.md-outlined-text-field,.md-outlined-select,.md-outlined-autocomplete):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown)))>[data-slot=label]{inset-inline-start:var(--md-sys-measurement-space200)}:is(.md-filled-text-field,.md-filled-select,.md-filled-autocomplete):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown)))>[data-slot=label]{top:var(--md-sys-measurement-space100);transform:none;background:transparent;padding:0;font-size:var(--_field-populated-label-size);line-height:var(--_field-populated-label-line-height)}:is(.md-filled-text-field,.md-filled-select,.md-filled-autocomplete):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown)))>input{padding-block:calc(var(--md-sys-measurement-space100) + var(--_field-populated-label-line-height)) var(--md-sys-measurement-space100)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):not(:focus-within):not([data-component-state=focused]):has(>input:placeholder-shown)>:is([data-slot=prefix],[data-slot=suffix]){visibility:hidden}.md-field-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:stretch;min-inline-size:var(--_field-trailing-icon-size);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.md-field-toggle:disabled{cursor:default}.md-field-menu{--_elevation-level: var(--_field-menu-elevation);--_shadow-color: var(--_field-menu-shadow);position:fixed;inset:auto;margin:0;box-sizing:border-box;left:var(--_field-popup-left, 0px);top:var(--_field-popup-top, 0px);inline-size:var(--_field-popup-width, auto);max-block-size:var(--_field-popup-height, 50dvh);max-inline-size:calc(100dvw - 2 * var(--md-sys-measurement-space100));overflow:auto;overscroll-behavior:contain;padding:var(--md-sys-measurement-space100) 0;border:0;border-radius:var(--_field-menu-shape);background:var(--_field-menu-container);color:var(--_field-menu-label-color);font-family:var(--_field-menu-font-family);font-size:var(--_field-menu-font-size);font-weight:var(--_field-menu-font-weight);line-height:var(--_field-menu-line-height);letter-spacing:var(--_field-menu-tracking)}.md-field-option{position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--md-sys-measurement-space150);box-sizing:border-box;min-block-size:var(--_field-menu-item-height);padding-inline:var(--md-sys-measurement-space200);cursor:pointer}.md-field-option[aria-selected=true]{background:var(--_field-menu-selected-container)}.md-field-option:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--_field-menu-label-color);opacity:0}.md-field-option:hover:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-field-option[data-active=true]:before{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-field-menu-leading,.md-field-menu-trailing{display:inline-flex;flex:none;inline-size:var(--_field-menu-leading-icon-size);block-size:var(--_field-menu-leading-icon-size);color:var(--_field-menu-leading-icon-color)}.md-field-menu-trailing{margin-inline-start:auto;inline-size:var(--_field-menu-trailing-icon-size);block-size:var(--_field-menu-trailing-icon-size);color:var(--_field-menu-trailing-icon-color)}.md-field-menu-leading>svg,.md-field-menu-trailing>svg{inline-size:100%;block-size:100%}.md-field-option:not([aria-selected=true]) .md-field-menu-trailing{visibility:hidden}.md-field-menu-divider{margin:var(--md-sys-measurement-space100) 0;border:0;border-block-start:var(--_field-menu-divider-height) solid var(--_field-menu-divider-color)}.md-field-empty{margin:var(--md-sys-measurement-space200)}@media(forced-colors:active){.md-field-menu{border:1px solid CanvasText}.md-field-option[aria-selected=true],.md-field-option[data-active=true]{outline:1px solid Highlight}}.md-outlined-select:has(>input){padding-inline:var(--md-sys-measurement-space200)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete){isolation:isolate}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>input):after{z-index:-1}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>.md-field-outline):after{display:none}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete)>[data-slot=label]{left:auto;right:auto;inset-inline-start:var(--md-sys-measurement-space200);max-inline-size:calc(100% - 2 * var(--md-sys-measurement-space200));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:top var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),font-size var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),line-height var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),transform var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>.md-field-outline)>[data-slot=label]{background:transparent}:is(.md-filled-text-field,.md-filled-select,.md-filled-autocomplete):has(>[data-slot=leading-icon])>[data-slot=label]{inset-inline-start:calc(var(--md-sys-measurement-space200) + var(--_field-leading-icon-size) + var(--md-sys-measurement-space100))}.md-field-outline{position:absolute;inset:calc(var(--_field-populated-label-line-height) / -2) 0 0;margin:0;min-inline-size:0;padding:0;border:var(--_field-outline-width) solid color-mix(in srgb,var(--_field-outline) calc(var(--_field-outline-opacity) * 100%),transparent);border-radius:inherit;pointer-events:none}.md-field-outline>legend{visibility:hidden;margin-inline-start:calc(var(--md-sys-measurement-space200) - var(--md-sys-measurement-space50));padding:0;inline-size:0;max-inline-size:0;block-size:var(--_field-populated-label-line-height);overflow:hidden;white-space:nowrap;font-family:var(--_field-font-family);font-size:var(--_field-populated-label-size);line-height:var(--_field-populated-label-line-height);font-weight:var(--_field-font-weight);letter-spacing:var(--_field-tracking)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown)))>.md-field-outline>legend{inline-size:auto;max-inline-size:calc(100% - 2 * var(--md-sys-measurement-space200));padding-inline:var(--md-sys-measurement-space50)}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete)[data-component-state=focused]{outline:var(--_field-focus-width) solid var(--_field-focus-color);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}.md-field-menu{--_field-popup-left: 0px;--_field-popup-top: 0px;--_field-popup-width: auto;--_field-popup-height: 50dvh}@media(prefers-reduced-motion:reduce){:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete)>[data-slot=label]{transition:none}}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>input:disabled)>:is([data-slot=prefix],[data-slot=suffix]){color:inherit}:is(.md-filled-text-field,.md-filled-select,.md-filled-autocomplete):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown)))>:is([data-slot=prefix],[data-slot=suffix]){align-self:flex-end;margin-block-end:var(--md-sys-measurement-space100)}:is(.md-outlined-text-field,.md-outlined-select,.md-outlined-autocomplete):not(:has(>.md-field-outline)):is(:focus-within,[data-component-state=focused],:has(>input:not(:placeholder-shown)))>[data-slot=label]{padding-inline:var(--md-sys-measurement-space50);background:var(--md-sys-color-surface)}.md-field-focus-outline{--_field-ring-offset: calc( var(--_field-focus-width) + var(--md-sys-state-focus-indicator-outer-offset) );inset:calc(var(--_field-populated-label-line-height) / -2 - var(--_field-ring-offset)) calc(-1 * var(--_field-ring-offset)) calc(-1 * var(--_field-ring-offset));border-width:var(--_field-focus-width);border-color:var(--_field-focus-color);border-radius:calc(var(--_field-shape) + var(--_field-ring-offset));opacity:0;transition:opacity var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing)}.md-field-focus-outline>legend{margin-inline-start:calc(var(--md-sys-measurement-space200) - var(--md-sys-measurement-space50) + var(--_field-ring-offset))}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):has(>.md-field-outline):is(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]){outline:none}:is(.md-outlined-text-field,.md-filled-text-field,.md-outlined-select,.md-filled-select,.md-outlined-autocomplete,.md-filled-autocomplete):is(:focus-visible,:has(>input:focus-visible),[data-component-state=focused])>.md-field-focus-outline{opacity:1}@media(prefers-reduced-motion:reduce){.md-field-focus-outline{transition:none}}.md-field-menu.md-menu[popover]{left:var(--_field-popup-left);top:var(--_field-popup-top);inline-size:var(--_field-popup-width);min-inline-size:0;max-block-size:min(var(--_field-popup-height, 100dvh),24rem,60dvh);padding:0;border-radius:var(--_menu-shape);background:var(--_menu-container);--_elevation-level: var(--_menu-elevation);--_shadow-color: var(--_menu-shadow)}.md-field-menu.md-menu [role=option]{cursor:pointer}.md-field-menu.md-menu [role=option]:not([aria-selected=true]) [data-slot=trailing-icon]{visibility:hidden}.md-chip-select{position:relative;max-inline-size:100%;min-inline-size:0}.md-chip-select>[data-field-value]{display:none}.md-chip-select [data-field-display]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-chip-select>.md-filter-chip{max-inline-size:100%}.md-chip-select .md-filter-chip>span:first-child{flex:none}.md-menu-demo{min-inline-size:0;max-inline-size:100%;inline-size:min(20rem,100%)}.md-menu[data-menu-panel]{transition:border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}.md-menu-item-text{display:flex;flex-direction:column;min-inline-size:0;flex:1}.md-menu-item [data-slot=leading-icon] svg,.md-menu-item [data-slot=trailing-icon]>svg{inline-size:100%;block-size:100%}.md-menu-item>[data-slot=leading-icon],.md-menu-item>[data-slot=trailing-icon]{display:flex;flex:none}.md-menu-item>[data-slot=trailing-icon]{margin-inline-start:auto}.md-menu[data-orientation=horizontal]{inline-size:max-content;max-inline-size:100%}.md-menu[data-orientation=horizontal]>section{padding-block:var(--_menu-top) var(--_menu-bottom);padding-inline:var(--md-sys-measurement-space150)}.md-menu[data-orientation=horizontal]>section>ul{flex-direction:row}.md-menu[data-orientation=horizontal]>section>ul>li{flex:none}.md-menu[data-orientation=horizontal] .md-menu-item{min-height:0;flex-direction:row;justify-content:center;white-space:nowrap;transition:border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),background-color var(--_button-effects-duration) var(--_button-easing),color var(--_button-effects-duration) var(--_button-easing)}.md-menu[data-content=icon-only] .md-menu-item.md-menu-icon-button{--_menu-item-container: var(--_menu-icon-container);--_menu-item-label: var(--_menu-icon-icon);--_menu-item-leading-icon-color: var(--_menu-icon-icon);--_menu-item-state-color: var(--_menu-icon-state-color, transparent);--_menu-item-background-state-color: var( --_menu-icon-background-state-color, transparent );--_menu-item-pressed-state-color: var( --_menu-icon-pressed-state-color, var(--_menu-icon-icon) )}.md-menu li:has(>[data-menu-submenu]){position:relative}.md-menu [data-menu-static]{position:absolute;z-index:2;inset-block-start:0;inset-inline-start:calc(100% + var(--md-sys-measurement-space100));inline-size:max-content;min-inline-size:12rem}.md-menu [data-menu-static][hidden]{display:none}.md-menu[popover]{position:fixed;inset:auto;margin:0;inline-size:max-content;min-inline-size:min(12rem,calc(100dvw - 16px));max-inline-size:calc(100dvw - 16px);max-block-size:calc(100dvh - 16px);overflow:auto}.md-menu-demo>output:empty{display:none}@media(prefers-reduced-motion:reduce){.md-menu[data-menu-panel],.md-menu[data-orientation=horizontal] .md-menu-item{transition:none}}.md-menu-demo>[data-menu-main]{inline-size:min(20rem,100%)}.md-menu-demo:has([data-menu-static]:not([hidden])){inline-size:calc(32rem + var(--md-sys-measurement-space100))}@media(max-width:600px){.md-menu [data-menu-static]{position:static;min-inline-size:0;inline-size:100%;margin-block-start:var(--md-sys-measurement-space100)}}.md-menu-item [data-menu-checked-icon],.md-menu-item [data-menu-unchecked-icon]{display:contents}.md-menu-item [data-menu-checked-icon][hidden],.md-menu-item [data-menu-unchecked-icon][hidden]{display:none}.md-menu-demo:has(>[data-orientation=horizontal]){inline-size:100%;display:grid;justify-items:center}.md-menu-demo>[data-menu-main][data-orientation=horizontal]{inline-size:max-content;max-inline-size:100%}.md-menu[data-variant=baseline]{--_menu-gap: 0px;--_menu-group-padding: 0px;--_menu-group-shape: var(--_menu-shape)}.md-menu[data-variant=baseline]>section{padding-block:var(--md-sys-measurement-space100)}.md-menu[data-variant=baseline] .md-menu-item{--_menu-item-container: transparent;--_menu-item-shape: 0px;--_menu-item-top-shape: 0px;--_menu-item-bottom-shape: 0px;--_menu-item-top: 0px;--_menu-item-bottom: 0px;--_menu-item-leading: var(--md-sys-measurement-space150);--_menu-item-trailing: var(--md-sys-measurement-space150);--_menu-item-gap: var(--md-sys-measurement-space150);--_menu-item-trailing-supporting-text-color: var( --_menu-item-leading-icon-color );--_menu-item-trailing-supporting-text-font-family: var( --_menu-item-font-family );--_menu-item-trailing-supporting-text-font-size: var(--_menu-item-font-size);--_menu-item-trailing-supporting-text-line-height: var( --_menu-item-line-height );--_menu-item-trailing-supporting-text-font-weight: var( --_menu-item-font-weight );--_menu-item-trailing-supporting-text-tracking: var(--_menu-item-tracking)}.md-menu[data-variant=baseline] .md-divider{--_divider-color: var(--_menu-divider-color);--_divider-thickness: var(--_menu-divider-height);margin-block:var(--md-sys-measurement-space100)}.md-menu[data-variant=baseline]{min-inline-size:min(112px,100%);max-inline-size:280px}.md-menu-demo:has(>[data-variant=baseline]){inline-size:min(280px,100%)}.md-menu-demo:has(>[data-variant=baseline]):has([data-menu-static]:not([hidden])){inline-size:calc(280px + 12rem + var(--md-sys-measurement-space100))}.md-menu-shortcut{display:inline-flex;align-items:center;gap:.15em;white-space:nowrap}.md-menu-shortcut>svg{inline-size:1em;block-size:1em;flex:none;color:inherit}.md-menu[data-menu-covered]{visibility:hidden}.md-menu[data-menu-replace]:not([data-menu-covered]):popover-open{visibility:visible}.md-menu [data-menu-back]{display:none}.md-menu[data-menu-replace] [data-menu-back]{display:flex}.md-menu[data-menu-scrollable]{--_menu-gap: 0px;overflow-y:scroll;scrollbar-gutter:stable}:is(.md-filled-select,.md-outlined-select)>input[readonly]{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}.md-menu[popover][data-orientation=horizontal]{min-inline-size:0}.md-menu[data-orientation=horizontal] .md-menu-item:after{content:"";position:absolute;inset-inline:0;inset-block:min(0px,calc((100% - var(--md-sys-measurement-space600)) / 2))}:is(.md-menu,.md-field-menu)[popover]{pointer-events:none;opacity:0;scale:.8;transform-origin:var(--_menu-origin-x, left) var(--_menu-origin-y, top);transition:opacity var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing),scale var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),display var(--_motion-fast-spatial-duration) allow-discrete,overlay var(--_motion-fast-spatial-duration) allow-discrete,border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}:is(.md-menu,.md-field-menu)[popover][data-menu-above=true]{--_menu-origin-y: bottom}:is(.md-menu,.md-field-menu)[popover]:popover-open{opacity:1;scale:1;pointer-events:auto}@starting-style{:is(.md-menu,.md-field-menu)[popover]:popover-open{opacity:0;scale:.8}}@media(prefers-reduced-motion:reduce){:is(.md-menu,.md-field-menu)[popover]{transition:none}}.md-icon-button.md-filled-icon-button{--_icon-container: var(--md-comp-icon-button-filled-container-color);--_icon-icon: var(--md-comp-icon-button-filled-icon-color);--_icon-pressed-state-color: var(--md-comp-icon-button-filled-pressed-state-layer-color);--_icon-pressed-state-opacity: var(--md-comp-icon-button-filled-pressed-state-layer-opacity)}.md-icon-button[data-size=large]{--_icon-height: var(--md-comp-icon-button-large-container-height);--_icon-round-shape: var(--md-comp-icon-button-large-container-shape-round);--_icon-square-shape: var(--md-comp-icon-button-large-container-shape-square);--_icon-icon-size: var(--md-comp-icon-button-large-icon-size);--_icon-size-outline-width: var(--md-comp-icon-button-large-outlined-outline-width);--_icon-spring-damping: var(--md-comp-icon-button-large-pressed-container-corner-size-motion-spring-damping);--_icon-spring-stiffness: var(--md-comp-icon-button-large-pressed-container-corner-size-motion-spring-stiffness);--_icon-pressed-shape: var(--md-comp-icon-button-large-pressed-container-shape)}.md-icon-button[data-size=large]:is(:not([data-width]),[data-width=default]){--_icon-leading: var(--md-comp-icon-button-large-default-leading-space);--_icon-trailing: var(--md-comp-icon-button-large-default-trailing-space)}.md-icon-button[data-size=large][data-width=narrow]{--_icon-leading: var(--md-comp-icon-button-large-narrow-leading-space);--_icon-trailing: var(--md-comp-icon-button-large-narrow-trailing-space)}.md-icon-button[data-size=large][data-width=wide]{--_icon-leading: var(--md-comp-icon-button-large-wide-leading-space);--_icon-trailing: var(--md-comp-icon-button-large-wide-trailing-space)}.md-icon-button[data-size=medium]{--_icon-height: var(--md-comp-icon-button-medium-container-height);--_icon-round-shape: var(--md-comp-icon-button-medium-container-shape-round);--_icon-square-shape: var(--md-comp-icon-button-medium-container-shape-square);--_icon-icon-size: var(--md-comp-icon-button-medium-icon-size);--_icon-size-outline-width: var(--md-comp-icon-button-medium-outlined-outline-width);--_icon-spring-damping: var(--md-comp-icon-button-medium-pressed-container-corner-size-motion-spring-damping);--_icon-spring-stiffness: var(--md-comp-icon-button-medium-pressed-container-corner-size-motion-spring-stiffness);--_icon-pressed-shape: var(--md-comp-icon-button-medium-pressed-container-shape)}.md-icon-button[data-size=medium]:is(:not([data-width]),[data-width=default]){--_icon-leading: var(--md-comp-icon-button-medium-default-leading-space);--_icon-trailing: var(--md-comp-icon-button-medium-default-trailing-space)}.md-icon-button[data-size=medium][data-width=narrow]{--_icon-leading: var(--md-comp-icon-button-medium-narrow-leading-space);--_icon-trailing: var(--md-comp-icon-button-medium-narrow-trailing-space)}.md-icon-button[data-size=medium][data-width=wide]{--_icon-leading: var(--md-comp-icon-button-medium-wide-leading-space);--_icon-trailing: var(--md-comp-icon-button-medium-wide-trailing-space)}.md-icon-button.md-outlined-icon-button{--_icon-icon: var(--md-comp-icon-button-outlined-icon-color);--_icon-outline: var(--md-comp-icon-button-outlined-outline-color)}.md-icon-button[data-size=small],.md-icon-button:not([data-size]){--_icon-height: var(--md-comp-icon-button-small-container-height);--_icon-round-shape: var(--md-comp-icon-button-small-container-shape-round);--_icon-square-shape: var(--md-comp-icon-button-small-container-shape-square);--_icon-icon-size: var(--md-comp-icon-button-small-icon-size);--_icon-size-outline-width: var(--md-comp-icon-button-small-outlined-outline-width);--_icon-spring-damping: var(--md-comp-icon-button-small-pressed-container-corner-size-motion-spring-damping);--_icon-spring-stiffness: var(--md-comp-icon-button-small-pressed-container-corner-size-motion-spring-stiffness);--_icon-pressed-shape: var(--md-comp-icon-button-small-pressed-container-shape)}.md-icon-button[data-size=small]:is(:not([data-width]),[data-width=default]),.md-icon-button:not([data-size]):is(:not([data-width]),[data-width=default]){--_icon-leading: var(--md-comp-icon-button-small-default-leading-space);--_icon-trailing: var(--md-comp-icon-button-small-default-trailing-space)}.md-icon-button[data-size=small][data-width=narrow],.md-icon-button:not([data-size])[data-width=narrow]{--_icon-leading: var(--md-comp-icon-button-small-narrow-leading-space);--_icon-trailing: var(--md-comp-icon-button-small-narrow-trailing-space)}.md-icon-button[data-size=small][data-width=wide],.md-icon-button:not([data-size])[data-width=wide]{--_icon-leading: var(--md-comp-icon-button-small-wide-leading-space);--_icon-trailing: var(--md-comp-icon-button-small-wide-trailing-space)}.md-icon-button.md-standard-icon-button{--_icon-icon: var(--md-comp-icon-button-standard-icon-color)}.md-icon-button.md-tonal-icon-button{--_icon-container: var(--md-comp-icon-button-tonal-container-color);--_icon-icon: var(--md-comp-icon-button-tonal-icon-color)}.md-icon-button[data-size=xlarge]{--_icon-height: var(--md-comp-icon-button-xlarge-container-height);--_icon-round-shape: var(--md-comp-icon-button-xlarge-container-shape-round);--_icon-square-shape: var(--md-comp-icon-button-xlarge-container-shape-square);--_icon-icon-size: var(--md-comp-icon-button-xlarge-icon-size);--_icon-size-outline-width: var(--md-comp-icon-button-xlarge-outlined-outline-width);--_icon-spring-damping: var(--md-comp-icon-button-xlarge-pressed-container-corner-size-motion-spring-damping);--_icon-spring-stiffness: var(--md-comp-icon-button-xlarge-pressed-container-corner-size-motion-spring-stiffness);--_icon-pressed-shape: var(--md-comp-icon-button-xlarge-pressed-container-shape)}.md-icon-button[data-size=xlarge]:is(:not([data-width]),[data-width=default]){--_icon-leading: var(--md-comp-icon-button-xlarge-default-leading-space);--_icon-trailing: var(--md-comp-icon-button-xlarge-default-trailing-space)}.md-icon-button[data-size=xlarge][data-width=narrow]{--_icon-leading: var(--md-comp-icon-button-xlarge-narrow-leading-space);--_icon-trailing: var(--md-comp-icon-button-xlarge-narrow-trailing-space)}.md-icon-button[data-size=xlarge][data-width=wide]{--_icon-leading: var(--md-comp-icon-button-xlarge-wide-leading-space);--_icon-trailing: var(--md-comp-icon-button-xlarge-wide-trailing-space)}.md-icon-button[data-size=xsmall]{--_icon-height: var(--md-comp-icon-button-xsmall-container-height);--_icon-round-shape: var(--md-comp-icon-button-xsmall-container-shape-round);--_icon-square-shape: var(--md-comp-icon-button-xsmall-container-shape-square);--_icon-icon-size: var(--md-comp-icon-button-xsmall-icon-size);--_icon-size-outline-width: var(--md-comp-icon-button-xsmall-outlined-outline-width);--_icon-spring-damping: var(--md-comp-icon-button-xsmall-pressed-container-corner-size-motion-spring-damping);--_icon-spring-stiffness: var(--md-comp-icon-button-xsmall-pressed-container-corner-size-motion-spring-stiffness);--_icon-pressed-shape: var(--md-comp-icon-button-xsmall-pressed-container-shape)}.md-icon-button[data-size=xsmall]:is(:not([data-width]),[data-width=default]){--_icon-leading: var(--md-comp-icon-button-xsmall-default-leading-space);--_icon-trailing: var(--md-comp-icon-button-xsmall-default-trailing-space)}.md-icon-button[data-size=xsmall][data-width=narrow]{--_icon-leading: var(--md-comp-icon-button-xsmall-narrow-leading-space);--_icon-trailing: var(--md-comp-icon-button-xsmall-narrow-trailing-space)}.md-icon-button[data-size=xsmall][data-width=wide]{--_icon-leading: var(--md-comp-icon-button-xsmall-wide-leading-space);--_icon-trailing: var(--md-comp-icon-button-xsmall-wide-trailing-space)}.md-icon-button.md-filled-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-container: var(--md-comp-icon-button-filled-selected-container-color);--_icon-icon: var(--md-comp-icon-button-filled-selected-icon-color)}.md-icon-button.md-filled-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-container: var(--md-comp-icon-button-filled-unselected-container-color);--_icon-icon: var(--md-comp-icon-button-filled-unselected-icon-color)}.md-icon-button[data-size=large]:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-selected-round-shape: var(--md-comp-icon-button-large-selected-container-shape-round);--_icon-selected-square-shape: var(--md-comp-icon-button-large-selected-container-shape-square)}.md-icon-button[data-size=medium]:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-selected-round-shape: var(--md-comp-icon-button-medium-selected-container-shape-round);--_icon-selected-square-shape: var(--md-comp-icon-button-medium-selected-container-shape-square)}.md-icon-button.md-outlined-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-container: var(--md-comp-icon-button-outlined-selected-container-color);--_icon-icon: var(--md-comp-icon-button-outlined-selected-icon-color)}.md-icon-button.md-outlined-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-icon: var(--md-comp-icon-button-outlined-unselected-icon-color);--_icon-outline: var(--md-comp-icon-button-outlined-unselected-outline-color)}.md-icon-button[data-size=small]:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)),.md-icon-button:not([data-size]):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-selected-round-shape: var(--md-comp-icon-button-small-selected-container-shape-round);--_icon-selected-square-shape: var(--md-comp-icon-button-small-selected-container-shape-square)}.md-icon-button.md-standard-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-icon: var(--md-comp-icon-button-standard-selected-icon-color)}.md-icon-button.md-standard-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-icon: var(--md-comp-icon-button-standard-unselected-icon-color)}.md-icon-button.md-tonal-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-container: var(--md-comp-icon-button-tonal-selected-container-color);--_icon-icon: var(--md-comp-icon-button-tonal-selected-icon-color)}.md-icon-button.md-tonal-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-container: var(--md-comp-icon-button-tonal-unselected-container-color);--_icon-icon: var(--md-comp-icon-button-tonal-unselected-icon-color)}.md-icon-button[data-size=xlarge]:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-selected-round-shape: var(--md-comp-icon-button-xlarge-selected-container-shape-round);--_icon-selected-square-shape: var(--md-comp-icon-button-xlarge-selected-container-shape-square)}.md-icon-button[data-size=xsmall]:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-selected-round-shape: var(--md-comp-icon-button-xsmall-selected-container-shape-round);--_icon-selected-square-shape: var(--md-comp-icon-button-xsmall-selected-container-shape-square)}.md-icon-button.md-filled-icon-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-filled-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-filled-hovered-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-filled-hovered-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-filled-hovered-state-layer-opacity)}.md-icon-button.md-outlined-icon-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-outlined-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-outlined-hovered-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-outlined-hovered-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-outlined-hovered-state-layer-opacity)}.md-icon-button.md-standard-icon-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-standard-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-standard-hovered-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-standard-hovered-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-standard-hovered-state-layer-opacity)}.md-icon-button.md-tonal-icon-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-tonal-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-tonal-hovered-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-tonal-hovered-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-tonal-hovered-state-layer-opacity)}.md-icon-button.md-filled-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-filled-selected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-selected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-filled-selected-hovered-state-layer-color)}.md-icon-button.md-filled-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-filled-unselected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-unselected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-filled-unselected-hovered-state-layer-color)}.md-icon-button.md-outlined-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-outlined-selected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-selected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-outlined-selected-hovered-state-layer-color)}.md-icon-button.md-outlined-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-outlined-unselected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-unselected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-outlined-unselected-hovered-state-layer-color)}.md-icon-button.md-standard-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-standard-selected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-selected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-standard-selected-hovered-state-layer-color)}.md-icon-button.md-standard-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-standard-unselected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-unselected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-standard-unselected-hovered-state-layer-color)}.md-icon-button.md-tonal-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-tonal-selected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-selected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-tonal-selected-hovered-state-layer-color)}.md-icon-button.md-tonal-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_icon-icon: var(--md-comp-icon-button-tonal-unselected-hovered-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-unselected-hovered-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-tonal-unselected-hovered-state-layer-color)}.md-icon-button.md-filled-icon-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-filled-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-filled-focused-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-filled-focused-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-filled-focused-state-layer-opacity)}.md-icon-button.md-outlined-icon-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-outlined-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-outlined-focused-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-outlined-focused-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-outlined-focused-state-layer-opacity)}.md-icon-button.md-standard-icon-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-standard-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-standard-focused-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-standard-focused-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-standard-focused-state-layer-opacity)}.md-icon-button.md-tonal-icon-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-tonal-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-tonal-focused-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-tonal-focused-state-layer-opacity);--_icon-background-state-opacity: var(--md-comp-icon-button-tonal-focused-state-layer-opacity)}.md-icon-button.md-filled-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-filled-selected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-selected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-filled-selected-focused-state-layer-color)}.md-icon-button.md-filled-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-filled-unselected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-unselected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-filled-unselected-focused-state-layer-color)}.md-icon-button.md-outlined-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-outlined-selected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-selected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-outlined-selected-focused-state-layer-color)}.md-icon-button.md-outlined-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-outlined-unselected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-unselected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-outlined-unselected-focused-state-layer-color)}.md-icon-button.md-standard-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-standard-selected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-selected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-standard-selected-focused-state-layer-color)}.md-icon-button.md-standard-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-standard-unselected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-unselected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-standard-unselected-focused-state-layer-color)}.md-icon-button.md-tonal-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-tonal-selected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-selected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-tonal-selected-focused-state-layer-color)}.md-icon-button.md-tonal-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-tonal-unselected-focused-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-unselected-focused-state-layer-color);--_icon-background-state-color: var(--md-comp-icon-button-tonal-unselected-focused-state-layer-color)}.md-icon-button.md-filled-icon-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-filled-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-pressed-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-filled-pressed-state-layer-opacity)}.md-icon-button.md-outlined-icon-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-outlined-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-pressed-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-outlined-pressed-state-layer-opacity)}.md-icon-button.md-outlined-icon-button{--_icon-pressed-state-color: var(--md-comp-icon-button-outlined-pressed-state-layer-color);--_icon-pressed-state-opacity: var(--md-comp-icon-button-outlined-pressed-state-layer-opacity)}.md-icon-button.md-standard-icon-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-standard-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-pressed-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-standard-pressed-state-layer-opacity)}.md-icon-button.md-standard-icon-button{--_icon-pressed-state-color: var(--md-comp-icon-button-standard-pressed-state-layer-color);--_icon-pressed-state-opacity: var(--md-comp-icon-button-standard-pressed-state-layer-opacity)}.md-icon-button.md-tonal-icon-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-tonal-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-pressed-state-layer-color);--_icon-state-opacity: var(--md-comp-icon-button-tonal-pressed-state-layer-opacity)}.md-icon-button.md-tonal-icon-button{--_icon-pressed-state-color: var(--md-comp-icon-button-tonal-pressed-state-layer-color);--_icon-pressed-state-opacity: var(--md-comp-icon-button-tonal-pressed-state-layer-opacity)}.md-icon-button.md-filled-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-filled-selected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-selected-pressed-state-layer-color)}.md-icon-button.md-filled-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-pressed-state-color: var(--md-comp-icon-button-filled-selected-pressed-state-layer-color)}.md-icon-button.md-filled-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-filled-unselected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-filled-unselected-pressed-state-layer-color)}.md-icon-button.md-filled-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-pressed-state-color: var(--md-comp-icon-button-filled-unselected-pressed-state-layer-color)}.md-icon-button.md-outlined-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-outlined-selected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-selected-pressed-state-layer-color)}.md-icon-button.md-outlined-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-pressed-state-color: var(--md-comp-icon-button-outlined-selected-pressed-state-layer-color)}.md-icon-button.md-outlined-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-outlined-unselected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-outlined-unselected-pressed-state-layer-color)}.md-icon-button.md-outlined-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-pressed-state-color: var(--md-comp-icon-button-outlined-unselected-pressed-state-layer-color)}.md-icon-button.md-standard-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-standard-selected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-selected-pressed-state-layer-color)}.md-icon-button.md-standard-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-pressed-state-color: var(--md-comp-icon-button-standard-selected-pressed-state-layer-color)}.md-icon-button.md-standard-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-standard-unselected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-standard-unselected-pressed-state-layer-color)}.md-icon-button.md-standard-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-pressed-state-color: var(--md-comp-icon-button-standard-unselected-pressed-state-layer-color)}.md-icon-button.md-tonal-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-tonal-selected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-selected-pressed-state-layer-color)}.md-icon-button.md-tonal-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_icon-pressed-state-color: var(--md-comp-icon-button-tonal-selected-pressed-state-layer-color)}.md-icon-button.md-tonal-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_icon-icon: var(--md-comp-icon-button-tonal-unselected-pressed-icon-color);--_icon-state-color: var(--md-comp-icon-button-tonal-unselected-pressed-state-layer-color)}.md-icon-button.md-tonal-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_icon-pressed-state-color: var(--md-comp-icon-button-tonal-unselected-pressed-state-layer-color)}.md-icon-button.md-filled-icon-button:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_icon-container: var(--md-comp-icon-button-filled-disabled-container-color);--_icon-container-opacity: var(--md-comp-icon-button-filled-disabled-container-opacity);--_icon-icon: var(--md-comp-icon-button-filled-disabled-icon-color);--_icon-icon-opacity: var(--md-comp-icon-button-filled-disabled-icon-opacity)}.md-icon-button.md-outlined-icon-button:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-outlined-disabled-icon-color);--_icon-icon-opacity: var(--md-comp-icon-button-outlined-disabled-icon-opacity);--_icon-outline: var(--md-comp-icon-button-outlined-disabled-outline-color)}.md-icon-button.md-standard-icon-button:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_icon-icon: var(--md-comp-icon-button-standard-disabled-icon-color);--_icon-icon-opacity: var(--md-comp-icon-button-standard-disabled-icon-opacity)}.md-icon-button.md-tonal-icon-button:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_icon-container: var(--md-comp-icon-button-tonal-disabled-container-color);--_icon-container-opacity: var(--md-comp-icon-button-tonal-disabled-container-opacity);--_icon-icon: var(--md-comp-icon-button-tonal-disabled-icon-color);--_icon-icon-opacity: var(--md-comp-icon-button-tonal-disabled-icon-opacity)}.md-icon-button.md-outlined-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_icon-container: var(--md-comp-icon-button-outlined-selected-disabled-container-color);--_icon-container-opacity: var(--md-comp-icon-button-outlined-selected-disabled-container-opacity)}.md-icon-button.md-outlined-icon-button:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_icon-outline: var(--md-comp-icon-button-outlined-unselected-disabled-outline-color)}.md-assist-chip{--_chip-height: var(--md-comp-assist-chip-container-height);--_chip-shape: var(--md-comp-assist-chip-container-shape);--_chip-focus-color: var(--md-comp-assist-chip-focus-indicator-color);--_chip-focus-offset: var(--md-comp-assist-chip-focus-indicator-outline-offset);--_chip-focus-width: var(--md-comp-assist-chip-focus-indicator-thickness);--_chip-label: var(--md-comp-assist-chip-label-text-color);--_chip-font-family: var(--md-comp-assist-chip-label-text-font);--_chip-line-height: var(--md-comp-assist-chip-label-text-line-height);--_chip-font-size: var(--md-comp-assist-chip-label-text-size);--_chip-tracking: var(--md-comp-assist-chip-label-text-tracking);--_chip-font-weight: var(--md-comp-assist-chip-label-text-weight);--_chip-icon: var(--md-comp-assist-chip-with-icon-icon-color);--_chip-icon-size: var(--md-comp-assist-chip-with-icon-icon-size);--_chip-pressed-state-color: var(--md-comp-assist-chip-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-assist-chip-pressed-state-layer-opacity)}.md-assist-chip:where([data-elevated=true]){--_chip-container: var(--md-comp-assist-chip-elevated-container-color);--_chip-elevation: var(--md-comp-assist-chip-elevated-container-elevation);--_chip-shadow: var(--md-comp-assist-chip-elevated-container-shadow-color)}.md-assist-chip:where(:not([data-elevated=true])){--_chip-elevation: var(--md-comp-assist-chip-flat-container-elevation);--_chip-outline: var(--md-comp-assist-chip-flat-outline-color);--_chip-outline-width: var(--md-comp-assist-chip-flat-outline-width)}.md-filter-chip{--_chip-height: var(--md-comp-filter-chip-container-height);--_chip-shadow: var(--md-comp-filter-chip-container-shadow-color);--_chip-shape: var(--md-comp-filter-chip-container-shape);--_chip-focus-color: var(--md-comp-filter-chip-focus-indicator-color);--_chip-focus-offset: var(--md-comp-filter-chip-focus-indicator-outline-offset);--_chip-focus-width: var(--md-comp-filter-chip-focus-indicator-thickness);--_chip-font-family: var(--md-comp-filter-chip-label-text-font);--_chip-line-height: var(--md-comp-filter-chip-label-text-line-height);--_chip-font-size: var(--md-comp-filter-chip-label-text-size);--_chip-tracking: var(--md-comp-filter-chip-label-text-tracking);--_chip-font-weight: var(--md-comp-filter-chip-label-text-weight);--_chip-icon-size: var(--md-comp-filter-chip-with-icon-icon-size)}.md-filter-chip:where([data-elevated=true]){--_chip-elevation: var(--md-comp-filter-chip-elevated-container-elevation);--_chip-shadow: var(--md-comp-filter-chip-elevated-container-shadow-color)}.md-filter-chip:where(:not([data-elevated=true])){--_chip-elevation: var(--md-comp-filter-chip-flat-container-elevation)}.md-input-chip{--_chip-elevation: var(--md-comp-input-chip-container-elevation);--_chip-height: var(--md-comp-input-chip-container-height);--_chip-shape: var(--md-comp-input-chip-container-shape);--_chip-focus-color: var(--md-comp-input-chip-focus-indicator-color);--_chip-focus-offset: var(--md-comp-input-chip-focus-indicator-outline-offset);--_chip-focus-width: var(--md-comp-input-chip-focus-indicator-thickness);--_chip-label: var(--md-comp-input-chip-label-text-color);--_chip-font-family: var(--md-comp-input-chip-label-text-font);--_chip-line-height: var(--md-comp-input-chip-label-text-line-height);--_chip-font-size: var(--md-comp-input-chip-label-text-size);--_chip-tracking: var(--md-comp-input-chip-label-text-tracking);--_chip-font-weight: var(--md-comp-input-chip-label-text-weight);--_chip-outline: var(--md-comp-input-chip-outline-color);--_chip-outline-width: var(--md-comp-input-chip-outline-width);--_chip-avatar-shape: var(--md-comp-input-chip-with-avatar-avatar-shape);--_chip-avatar-size: var(--md-comp-input-chip-with-avatar-avatar-size);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-leading-icon-color);--_chip-leading-icon-size: var(--md-comp-input-chip-with-leading-icon-leading-icon-size);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-trailing-icon-color);--_chip-trailing-icon-size: var(--md-comp-input-chip-with-trailing-icon-trailing-icon-size)}.md-suggestion-chip{--_chip-height: var(--md-comp-suggestion-chip-container-height);--_chip-shape: var(--md-comp-suggestion-chip-container-shape);--_chip-focus-color: var(--md-comp-suggestion-chip-focus-indicator-color);--_chip-focus-offset: var(--md-comp-suggestion-chip-focus-indicator-outline-offset);--_chip-focus-width: var(--md-comp-suggestion-chip-focus-indicator-thickness);--_chip-label: var(--md-comp-suggestion-chip-label-text-color);--_chip-font-family: var(--md-comp-suggestion-chip-label-text-font);--_chip-line-height: var(--md-comp-suggestion-chip-label-text-line-height);--_chip-font-size: var(--md-comp-suggestion-chip-label-text-size);--_chip-tracking: var(--md-comp-suggestion-chip-label-text-tracking);--_chip-font-weight: var(--md-comp-suggestion-chip-label-text-weight);--_chip-leading-icon: var(--md-comp-suggestion-chip-with-leading-icon-leading-icon-color);--_chip-leading-icon-size: var(--md-comp-suggestion-chip-with-leading-icon-leading-icon-size)}.md-suggestion-chip:where([data-elevated=true]){--_chip-container: var(--md-comp-suggestion-chip-elevated-container-color);--_chip-elevation: var(--md-comp-suggestion-chip-elevated-container-elevation);--_chip-shadow: var(--md-comp-suggestion-chip-elevated-container-shadow-color)}.md-suggestion-chip:where(:not([data-elevated=true])){--_chip-elevation: var(--md-comp-suggestion-chip-flat-container-elevation);--_chip-outline: var(--md-comp-suggestion-chip-flat-outline-color);--_chip-outline-width: var(--md-comp-suggestion-chip-flat-outline-width)}.md-filter-chip:where([data-elevated=true]):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-container: var(--md-comp-filter-chip-elevated-selected-container-color)}.md-filter-chip:where([data-elevated=true]):not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-container: var(--md-comp-filter-chip-elevated-unselected-container-color)}.md-filter-chip:where(:not([data-elevated=true])):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-container: var(--md-comp-filter-chip-flat-selected-container-color);--_chip-outline-width: var(--md-comp-filter-chip-flat-selected-outline-width)}.md-filter-chip:where(:not([data-elevated=true])):not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-outline: var(--md-comp-filter-chip-flat-unselected-outline-color);--_chip-outline-width: var(--md-comp-filter-chip-flat-unselected-outline-width)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-label: var(--md-comp-filter-chip-selected-label-text-color);--_chip-icon: var(--md-comp-filter-chip-with-icon-selected-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-label: var(--md-comp-filter-chip-unselected-label-text-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-icon: var(--md-comp-filter-chip-with-icon-unselected-icon-color);--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-leading-icon-unselected-color)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-selected-leading-icon-color);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-selected-trailing-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-unselected-leading-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-trailing-icon-unselected-color);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-unselected-trailing-icon-color)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-container: var(--md-comp-input-chip-selected-container-color);--_chip-label: var(--md-comp-input-chip-selected-label-text-color);--_chip-outline-width: var(--md-comp-input-chip-selected-outline-width);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-selected-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-selected-trailing-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-label: var(--md-comp-input-chip-unselected-label-text-color);--_chip-outline: var(--md-comp-input-chip-unselected-outline-color);--_chip-outline-width: var(--md-comp-input-chip-unselected-outline-width)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-unselected-leading-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-unselected-trailing-icon-color)}.md-assist-chip:where([data-elevated=true]):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-elevation: var(--md-comp-assist-chip-elevated-hover-container-elevation)}.md-assist-chip:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-assist-chip-hover-label-text-color);--_chip-state-color: var(--md-comp-assist-chip-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-assist-chip-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-assist-chip-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-assist-chip-hover-state-layer-opacity);--_chip-icon: var(--md-comp-assist-chip-with-icon-hover-icon-color)}.md-filter-chip:where([data-elevated=true]):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-elevation: var(--md-comp-filter-chip-elevated-hover-container-elevation)}.md-input-chip:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-input-chip-hover-label-text-color);--_chip-state-color: var(--md-comp-input-chip-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-hover-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-hover-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-hover-trailing-icon-color)}.md-suggestion-chip:where([data-elevated=true]):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-elevation: var(--md-comp-suggestion-chip-elevated-hover-container-elevation)}.md-suggestion-chip:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-suggestion-chip-hover-label-text-color);--_chip-state-color: var(--md-comp-suggestion-chip-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-suggestion-chip-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-suggestion-chip-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-suggestion-chip-hover-state-layer-opacity);--_chip-leading-icon: var(--md-comp-suggestion-chip-with-leading-icon-hover-leading-icon-color)}.md-filter-chip:where(:not([data-elevated=true])):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-elevation: var(--md-comp-filter-chip-flat-selected-hover-container-elevation)}.md-filter-chip:where(:not([data-elevated=true])):not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-elevation: var(--md-comp-filter-chip-flat-unselected-hover-container-elevation)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-filter-chip-selected-hover-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-selected-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-filter-chip-selected-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-selected-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-filter-chip-selected-hover-state-layer-opacity);--_chip-icon: var(--md-comp-filter-chip-with-icon-selected-hover-icon-color);--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-selected-hover-leading-icon-color);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-selected-hover-trailing-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-filter-chip-unselected-hover-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-unselected-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-filter-chip-unselected-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-unselected-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-filter-chip-unselected-hover-state-layer-opacity)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-icon: var(--md-comp-filter-chip-with-icon-unselected-hover-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-unselected-hover-leading-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-unselected-hover-trailing-icon-color)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-input-chip-selected-hover-label-text-color);--_chip-state-color: var(--md-comp-input-chip-selected-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-selected-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-selected-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-selected-hover-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-selected-hover-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-selected-hover-trailing-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-label: var(--md-comp-input-chip-unselected-hover-label-text-color);--_chip-state-color: var(--md-comp-input-chip-unselected-hover-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-unselected-hover-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-unselected-hover-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-unselected-hover-state-layer-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-unselected-hover-leading-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-unselected-hover-trailing-icon-color)}.md-assist-chip:where([data-elevated=true]):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-assist-chip-elevated-focus-container-elevation)}.md-assist-chip:where(:not([data-elevated=true])):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-outline: var(--md-comp-assist-chip-flat-focus-outline-color)}.md-assist-chip:where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-assist-chip-focus-label-text-color);--_chip-state-color: var(--md-comp-assist-chip-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-assist-chip-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-assist-chip-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-assist-chip-focus-state-layer-opacity);--_chip-icon: var(--md-comp-assist-chip-with-icon-focus-icon-color)}.md-filter-chip:where([data-elevated=true]):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-filter-chip-elevated-focus-container-elevation)}.md-input-chip:where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-input-chip-focus-label-text-color);--_chip-outline: var(--md-comp-input-chip-focus-outline-color);--_chip-state-color: var(--md-comp-input-chip-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-focus-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-focus-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-focus-trailing-icon-color)}.md-suggestion-chip:where([data-elevated=true]):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-suggestion-chip-elevated-focus-container-elevation)}.md-suggestion-chip:where(:not([data-elevated=true])):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-outline: var(--md-comp-suggestion-chip-flat-focus-outline-color)}.md-suggestion-chip:where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-suggestion-chip-focus-label-text-color);--_chip-state-color: var(--md-comp-suggestion-chip-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-suggestion-chip-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-suggestion-chip-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-suggestion-chip-focus-state-layer-opacity);--_chip-leading-icon: var(--md-comp-suggestion-chip-with-leading-icon-focus-leading-icon-color)}.md-filter-chip:where(:not([data-elevated=true])):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-filter-chip-flat-selected-focus-container-elevation)}.md-filter-chip:where(:not([data-elevated=true])):not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-filter-chip-flat-unselected-focus-container-elevation);--_chip-outline: var(--md-comp-filter-chip-flat-unselected-focus-outline-color)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-filter-chip-selected-focus-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-selected-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-filter-chip-selected-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-selected-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-filter-chip-selected-focus-state-layer-opacity);--_chip-icon: var(--md-comp-filter-chip-with-icon-selected-focus-icon-color);--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-selected-focus-leading-icon-color);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-selected-focus-trailing-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-filter-chip-unselected-focus-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-unselected-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-filter-chip-unselected-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-unselected-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-filter-chip-unselected-focus-state-layer-opacity)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-icon: var(--md-comp-filter-chip-with-icon-unselected-focus-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-unselected-focus-leading-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-unselected-focus-trailing-icon-color)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-input-chip-selected-focus-label-text-color);--_chip-state-color: var(--md-comp-input-chip-selected-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-selected-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-selected-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-selected-focus-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-selected-focus-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-selected-focus-trailing-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-input-chip-unselected-focus-label-text-color);--_chip-outline: var(--md-comp-input-chip-unselected-focus-outline-color);--_chip-state-color: var(--md-comp-input-chip-unselected-focus-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-unselected-focus-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-unselected-focus-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-unselected-focus-state-layer-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-unselected-focus-leading-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),:has(>button:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-unselected-focus-trailing-icon-color)}.md-assist-chip:where([data-elevated=true]):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-elevation: var(--md-comp-assist-chip-elevated-pressed-container-elevation)}.md-assist-chip:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-assist-chip-pressed-label-text-color);--_chip-state-color: var(--md-comp-assist-chip-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-assist-chip-pressed-state-layer-opacity);--_chip-icon: var(--md-comp-assist-chip-with-icon-pressed-icon-color)}.md-filter-chip:where([data-elevated=true]):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-elevation: var(--md-comp-filter-chip-elevated-pressed-container-elevation)}.md-input-chip:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-input-chip-pressed-label-text-color);--_chip-state-color: var(--md-comp-input-chip-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-pressed-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-pressed-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-pressed-trailing-icon-color)}.md-input-chip{--_chip-pressed-state-color: var(--md-comp-input-chip-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-input-chip-pressed-state-layer-opacity)}.md-suggestion-chip:where([data-elevated=true]):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-elevation: var(--md-comp-suggestion-chip-elevated-pressed-container-elevation)}.md-suggestion-chip:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-suggestion-chip-pressed-label-text-color);--_chip-state-color: var(--md-comp-suggestion-chip-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-suggestion-chip-pressed-state-layer-opacity);--_chip-leading-icon: var(--md-comp-suggestion-chip-with-leading-icon-pressed-leading-icon-color)}.md-suggestion-chip{--_chip-pressed-state-color: var(--md-comp-suggestion-chip-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-suggestion-chip-pressed-state-layer-opacity)}.md-filter-chip:where(:not([data-elevated=true])):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-elevation: var(--md-comp-filter-chip-flat-selected-pressed-container-elevation)}.md-filter-chip:where(:not([data-elevated=true])):not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-elevation: var(--md-comp-filter-chip-flat-unselected-pressed-container-elevation)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-filter-chip-selected-pressed-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-selected-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-selected-pressed-state-layer-opacity);--_chip-icon: var(--md-comp-filter-chip-with-icon-selected-pressed-icon-color);--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-selected-pressed-leading-icon-color);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-selected-pressed-trailing-icon-color)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-pressed-state-color: var(--md-comp-filter-chip-selected-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-filter-chip-selected-pressed-state-layer-opacity)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-filter-chip-unselected-pressed-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-unselected-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-unselected-pressed-state-layer-opacity)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-pressed-state-color: var(--md-comp-filter-chip-unselected-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-filter-chip-unselected-pressed-state-layer-opacity)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-icon: var(--md-comp-filter-chip-with-icon-unselected-pressed-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-unselected-pressed-leading-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-unselected-pressed-trailing-icon-color)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-input-chip-selected-pressed-label-text-color);--_chip-state-color: var(--md-comp-input-chip-selected-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-selected-pressed-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-selected-pressed-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-selected-pressed-trailing-icon-color)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_chip-pressed-state-color: var(--md-comp-input-chip-selected-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-input-chip-selected-pressed-state-layer-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-label: var(--md-comp-input-chip-unselected-pressed-label-text-color);--_chip-state-color: var(--md-comp-input-chip-unselected-pressed-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-unselected-pressed-state-layer-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_chip-pressed-state-color: var(--md-comp-input-chip-unselected-pressed-state-layer-color);--_chip-pressed-state-opacity: var(--md-comp-input-chip-unselected-pressed-state-layer-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-unselected-pressed-leading-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-unselected-pressed-trailing-icon-color)}.md-assist-chip:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-assist-chip-dragged-container-elevation);--_chip-label: var(--md-comp-assist-chip-dragged-label-text-color);--_chip-state-color: var(--md-comp-assist-chip-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-assist-chip-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-assist-chip-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-assist-chip-dragged-state-layer-opacity);--_chip-icon: var(--md-comp-assist-chip-with-icon-dragged-icon-color)}.md-filter-chip:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-filter-chip-dragged-container-elevation)}.md-input-chip:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-input-chip-dragged-container-elevation);--_chip-label: var(--md-comp-input-chip-dragged-label-text-color);--_chip-state-color: var(--md-comp-input-chip-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-dragged-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-dragged-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-dragged-trailing-icon-color)}.md-suggestion-chip:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-elevation: var(--md-comp-suggestion-chip-dragged-container-elevation);--_chip-label: var(--md-comp-suggestion-chip-dragged-label-text-color);--_chip-state-color: var(--md-comp-suggestion-chip-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-suggestion-chip-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-suggestion-chip-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-suggestion-chip-dragged-state-layer-opacity);--_chip-leading-icon: var(--md-comp-suggestion-chip-with-leading-icon-dragged-leading-icon-color)}.md-filter-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-filter-chip-selected-dragged-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-selected-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-filter-chip-selected-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-selected-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-filter-chip-selected-dragged-state-layer-opacity);--_chip-icon: var(--md-comp-filter-chip-with-icon-selected-dragged-icon-color);--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-selected-dragged-leading-icon-color);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-selected-dragged-trailing-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-filter-chip-unselected-dragged-label-text-color);--_chip-state-color: var(--md-comp-filter-chip-unselected-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-filter-chip-unselected-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-filter-chip-unselected-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-filter-chip-unselected-dragged-state-layer-opacity)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-icon: var(--md-comp-filter-chip-with-icon-unselected-dragged-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-unselected-dragged-leading-icon-color)}.md-filter-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-unselected-dragged-trailing-icon-color)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-input-chip-selected-dragged-label-text-color);--_chip-state-color: var(--md-comp-input-chip-selected-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-selected-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-selected-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-selected-dragged-state-layer-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-selected-dragged-leading-icon-color);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-selected-dragged-trailing-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-input-chip-unselected-dragged-label-text-color);--_chip-state-color: var(--md-comp-input-chip-unselected-dragged-state-layer-color);--_chip-background-state-color: var(--md-comp-input-chip-unselected-dragged-state-layer-color);--_chip-state-opacity: var(--md-comp-input-chip-unselected-dragged-state-layer-opacity);--_chip-background-state-opacity: var(--md-comp-input-chip-unselected-dragged-state-layer-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-unselected-dragged-leading-icon-color)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-unselected-dragged-trailing-icon-color)}.md-assist-chip:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-assist-chip-disabled-label-text-color);--_chip-label-opacity: var(--md-comp-assist-chip-disabled-label-text-opacity);--_chip-icon: var(--md-comp-assist-chip-with-icon-disabled-icon-color);--_chip-icon-opacity: var(--md-comp-assist-chip-with-icon-disabled-icon-opacity)}.md-assist-chip:where([data-elevated=true]):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-container: var(--md-comp-assist-chip-elevated-disabled-container-color);--_chip-elevation: var(--md-comp-assist-chip-elevated-disabled-container-elevation);--_chip-container-opacity: var(--md-comp-assist-chip-elevated-disabled-container-opacity)}.md-assist-chip:where(:not([data-elevated=true])):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-outline: var(--md-comp-assist-chip-flat-disabled-outline-color);--_chip-outline-opacity: var(--md-comp-assist-chip-flat-disabled-outline-opacity)}.md-filter-chip:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-filter-chip-disabled-label-text-color);--_chip-label-opacity: var(--md-comp-filter-chip-disabled-label-text-opacity);--_chip-icon: var(--md-comp-filter-chip-with-icon-disabled-icon-color);--_chip-icon-opacity: var(--md-comp-filter-chip-with-icon-disabled-icon-opacity);--_chip-leading-icon: var(--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-color);--_chip-leading-icon-opacity: var(--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-opacity);--_chip-trailing-icon: var(--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-color);--_chip-trailing-icon-opacity: var(--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-opacity)}.md-filter-chip:where([data-elevated=true]):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-container: var(--md-comp-filter-chip-elevated-disabled-container-color);--_chip-elevation: var(--md-comp-filter-chip-elevated-disabled-container-elevation);--_chip-container-opacity: var(--md-comp-filter-chip-elevated-disabled-container-opacity)}.md-input-chip:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-input-chip-disabled-label-text-color);--_chip-label-opacity: var(--md-comp-input-chip-disabled-label-text-opacity);--_chip-outline: var(--md-comp-input-chip-disabled-outline-color);--_chip-outline-opacity: var(--md-comp-input-chip-disabled-outline-opacity);--_chip-avatar-opacity: var(--md-comp-input-chip-with-avatar-disabled-avatar-opacity);--_chip-leading-icon: var(--md-comp-input-chip-with-leading-icon-disabled-leading-icon-color);--_chip-leading-icon-opacity: var(--md-comp-input-chip-with-leading-icon-disabled-leading-icon-opacity);--_chip-trailing-icon: var(--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-color);--_chip-trailing-icon-opacity: var(--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-opacity)}.md-suggestion-chip:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-label: var(--md-comp-suggestion-chip-disabled-label-text-color);--_chip-label-opacity: var(--md-comp-suggestion-chip-disabled-label-text-opacity);--_chip-leading-icon: var(--md-comp-suggestion-chip-with-leading-icon-disabled-leading-icon-color);--_chip-leading-icon-opacity: var(--md-comp-suggestion-chip-with-leading-icon-disabled-leading-icon-opacity)}.md-suggestion-chip:where([data-elevated=true]):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-container: var(--md-comp-suggestion-chip-elevated-disabled-container-color);--_chip-elevation: var(--md-comp-suggestion-chip-elevated-disabled-container-elevation);--_chip-container-opacity: var(--md-comp-suggestion-chip-elevated-disabled-container-opacity)}.md-suggestion-chip:where(:not([data-elevated=true])):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-outline: var(--md-comp-suggestion-chip-flat-disabled-outline-color);--_chip-outline-opacity: var(--md-comp-suggestion-chip-flat-disabled-outline-opacity)}.md-filter-chip:where(:not([data-elevated=true])):where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-container: var(--md-comp-filter-chip-flat-disabled-selected-container-color);--_chip-container-opacity: var(--md-comp-filter-chip-flat-disabled-selected-container-opacity)}.md-filter-chip:where(:not([data-elevated=true])):not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-outline: var(--md-comp-filter-chip-flat-disabled-unselected-outline-color);--_chip-outline-opacity: var(--md-comp-filter-chip-flat-disabled-unselected-outline-opacity)}.md-input-chip:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-container: var(--md-comp-input-chip-disabled-selected-container-color);--_chip-container-opacity: var(--md-comp-input-chip-disabled-selected-container-opacity)}.md-input-chip:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_chip-outline: var(--md-comp-input-chip-disabled-unselected-outline-color);--_chip-outline-opacity: var(--md-comp-input-chip-disabled-unselected-outline-opacity)}.md-filled-autocomplete{--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-autocomplete-text-field-active-indicator-height);--_field-caret: var(--md-comp-filled-autocomplete-text-field-caret-color);--_field-container: var(--md-comp-filled-autocomplete-text-field-container-color);--_field-height: var(--md-comp-filled-autocomplete-text-field-container-height);--_field-shape: var(--md-comp-filled-autocomplete-text-field-container-shape);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-input-text-color);--_field-input-text-font-family: var(--md-comp-filled-autocomplete-text-field-input-text-font);--_field-input-text-line-height: var(--md-comp-filled-autocomplete-text-field-input-text-line-height);--_field-input-text-font-size: var(--md-comp-filled-autocomplete-text-field-input-text-size);--_field-input-text-tracking: var(--md-comp-filled-autocomplete-text-field-input-text-tracking);--_field-input-text-font-weight: var(--md-comp-filled-autocomplete-text-field-input-text-weight);--_field-label: var(--md-comp-filled-autocomplete-text-field-label-text-color);--_field-font-family: var(--md-comp-filled-autocomplete-text-field-label-text-font);--_field-line-height: var(--md-comp-filled-autocomplete-text-field-label-text-line-height);--_field-populated-label-line-height: var(--md-comp-filled-autocomplete-text-field-label-text-populated-line-height);--_field-populated-label-size: var(--md-comp-filled-autocomplete-text-field-label-text-populated-size);--_field-font-size: var(--md-comp-filled-autocomplete-text-field-label-text-size);--_field-tracking: var(--md-comp-filled-autocomplete-text-field-label-text-tracking);--_field-font-weight: var(--md-comp-filled-autocomplete-text-field-label-text-weight);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-leading-icon-color);--_field-leading-icon-size: var(--md-comp-filled-autocomplete-text-field-leading-icon-size);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-supporting-text-color);--_field-supporting-text-font-family: var(--md-comp-filled-autocomplete-text-field-supporting-text-font);--_field-supporting-text-line-height: var(--md-comp-filled-autocomplete-text-field-supporting-text-line-height);--_field-supporting-text-font-size: var(--md-comp-filled-autocomplete-text-field-supporting-text-size);--_field-supporting-text-tracking: var(--md-comp-filled-autocomplete-text-field-supporting-text-tracking);--_field-supporting-text-font-weight: var(--md-comp-filled-autocomplete-text-field-supporting-text-weight);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-trailing-icon-color);--_field-trailing-icon-size: var(--md-comp-filled-autocomplete-text-field-trailing-icon-size)}.md-filled-select{--_field-indicator-color: var(--md-comp-filled-select-text-field-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-select-text-field-active-indicator-height);--_field-caret: var(--md-comp-filled-select-text-field-caret-color);--_field-container: var(--md-comp-filled-select-text-field-container-color);--_field-height: var(--md-comp-filled-select-text-field-container-height);--_field-shape: var(--md-comp-filled-select-text-field-container-shape);--_field-input-text-color: var(--md-comp-filled-select-text-field-input-text-color);--_field-input-text-font-family: var(--md-comp-filled-select-text-field-input-text-font);--_field-input-text-line-height: var(--md-comp-filled-select-text-field-input-text-line-height);--_field-input-text-font-size: var(--md-comp-filled-select-text-field-input-text-size);--_field-input-text-tracking: var(--md-comp-filled-select-text-field-input-text-tracking);--_field-input-text-font-weight: var(--md-comp-filled-select-text-field-input-text-weight);--_field-label: var(--md-comp-filled-select-text-field-label-text-color);--_field-font-family: var(--md-comp-filled-select-text-field-label-text-font);--_field-line-height: var(--md-comp-filled-select-text-field-label-text-line-height);--_field-populated-label-line-height: var(--md-comp-filled-select-text-field-label-text-populated-line-height);--_field-populated-label-size: var(--md-comp-filled-select-text-field-label-text-populated-size);--_field-font-size: var(--md-comp-filled-select-text-field-label-text-size);--_field-tracking: var(--md-comp-filled-select-text-field-label-text-tracking);--_field-font-weight: var(--md-comp-filled-select-text-field-label-text-weight);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-leading-icon-color);--_field-leading-icon-size: var(--md-comp-filled-select-text-field-leading-icon-size);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-supporting-text-color);--_field-supporting-text-font-family: var(--md-comp-filled-select-text-field-supporting-text-font);--_field-supporting-text-line-height: var(--md-comp-filled-select-text-field-supporting-text-line-height);--_field-supporting-text-font-size: var(--md-comp-filled-select-text-field-supporting-text-size);--_field-supporting-text-tracking: var(--md-comp-filled-select-text-field-supporting-text-tracking);--_field-supporting-text-font-weight: var(--md-comp-filled-select-text-field-supporting-text-weight);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-trailing-icon-color);--_field-trailing-icon-size: var(--md-comp-filled-select-text-field-trailing-icon-size)}.md-filled-text-field{--_field-indicator-color: var(--md-comp-filled-text-field-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-text-field-active-indicator-height);--_field-caret: var(--md-comp-filled-text-field-caret-color);--_field-container: var(--md-comp-filled-text-field-container-color);--_field-height: var(--md-comp-filled-text-field-container-height);--_field-shape: var(--md-comp-filled-text-field-container-shape);--_field-input-text-color: var(--md-comp-filled-text-field-input-text-color);--_field-input-text-font-family: var(--md-comp-filled-text-field-input-text-font);--_field-input-text-line-height: var(--md-comp-filled-text-field-input-text-line-height);--_field-placeholder: var(--md-comp-filled-text-field-input-text-placeholder-color);--_field-prefix: var(--md-comp-filled-text-field-input-text-prefix-color);--_field-input-text-font-size: var(--md-comp-filled-text-field-input-text-size);--_field-suffix: var(--md-comp-filled-text-field-input-text-suffix-color);--_field-input-text-tracking: var(--md-comp-filled-text-field-input-text-tracking);--_field-input-text-font-weight: var(--md-comp-filled-text-field-input-text-weight);--_field-label: var(--md-comp-filled-text-field-label-text-color);--_field-font-family: var(--md-comp-filled-text-field-label-text-font);--_field-line-height: var(--md-comp-filled-text-field-label-text-line-height);--_field-populated-label-line-height: var(--md-comp-filled-text-field-label-text-populated-line-height);--_field-populated-label-size: var(--md-comp-filled-text-field-label-text-populated-size);--_field-font-size: var(--md-comp-filled-text-field-label-text-size);--_field-tracking: var(--md-comp-filled-text-field-label-text-tracking);--_field-font-weight: var(--md-comp-filled-text-field-label-text-weight);--_field-leading-icon-color: var(--md-comp-filled-text-field-leading-icon-color);--_field-leading-icon-size: var(--md-comp-filled-text-field-leading-icon-size);--_field-supporting-text-color: var(--md-comp-filled-text-field-supporting-text-color);--_field-supporting-text-font-family: var(--md-comp-filled-text-field-supporting-text-font);--_field-supporting-text-line-height: var(--md-comp-filled-text-field-supporting-text-line-height);--_field-supporting-text-font-size: var(--md-comp-filled-text-field-supporting-text-size);--_field-supporting-text-tracking: var(--md-comp-filled-text-field-supporting-text-tracking);--_field-supporting-text-font-weight: var(--md-comp-filled-text-field-supporting-text-weight);--_field-trailing-icon-color: var(--md-comp-filled-text-field-trailing-icon-color);--_field-trailing-icon-size: var(--md-comp-filled-text-field-trailing-icon-size)}.md-outlined-autocomplete{--_field-caret: var(--md-comp-outlined-autocomplete-text-field-caret-color);--_field-container: var(--md-comp-outlined-autocomplete-text-field-container-color);--_field-height: var(--md-comp-outlined-autocomplete-text-field-container-height);--_field-shape: var(--md-comp-outlined-autocomplete-text-field-container-shape);--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-input-text-color);--_field-input-text-font-family: var(--md-comp-outlined-autocomplete-text-field-input-text-font);--_field-input-text-line-height: var(--md-comp-outlined-autocomplete-text-field-input-text-line-height);--_field-input-text-font-size: var(--md-comp-outlined-autocomplete-text-field-input-text-size);--_field-input-text-tracking: var(--md-comp-outlined-autocomplete-text-field-input-text-tracking);--_field-input-text-font-weight: var(--md-comp-outlined-autocomplete-text-field-input-text-weight);--_field-label: var(--md-comp-outlined-autocomplete-text-field-label-text-color);--_field-font-family: var(--md-comp-outlined-autocomplete-text-field-label-text-font);--_field-line-height: var(--md-comp-outlined-autocomplete-text-field-label-text-line-height);--_field-populated-label-line-height: var(--md-comp-outlined-autocomplete-text-field-label-text-populated-line-height);--_field-populated-label-size: var(--md-comp-outlined-autocomplete-text-field-label-text-populated-size);--_field-font-size: var(--md-comp-outlined-autocomplete-text-field-label-text-size);--_field-tracking: var(--md-comp-outlined-autocomplete-text-field-label-text-tracking);--_field-font-weight: var(--md-comp-outlined-autocomplete-text-field-label-text-weight);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-leading-icon-color);--_field-leading-icon-size: var(--md-comp-outlined-autocomplete-text-field-leading-icon-size);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-outline-color);--_field-outline-width: var(--md-comp-outlined-autocomplete-text-field-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-supporting-text-color);--_field-supporting-text-font-family: var(--md-comp-outlined-autocomplete-text-field-supporting-text-font);--_field-supporting-text-line-height: var(--md-comp-outlined-autocomplete-text-field-supporting-text-line-height);--_field-supporting-text-font-size: var(--md-comp-outlined-autocomplete-text-field-supporting-text-size);--_field-supporting-text-tracking: var(--md-comp-outlined-autocomplete-text-field-supporting-text-tracking);--_field-supporting-text-font-weight: var(--md-comp-outlined-autocomplete-text-field-supporting-text-weight);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-trailing-icon-color);--_field-trailing-icon-size: var(--md-comp-outlined-autocomplete-text-field-trailing-icon-size)}.md-outlined-select{--_field-caret: var(--md-comp-outlined-select-text-field-caret-color);--_field-container: var(--md-comp-outlined-select-text-field-container-color);--_field-height: var(--md-comp-outlined-select-text-field-container-height);--_field-shape: var(--md-comp-outlined-select-text-field-container-shape);--_field-input-text-color: var(--md-comp-outlined-select-text-field-input-text-color);--_field-input-text-font-family: var(--md-comp-outlined-select-text-field-input-text-font);--_field-input-text-line-height: var(--md-comp-outlined-select-text-field-input-text-line-height);--_field-input-text-font-size: var(--md-comp-outlined-select-text-field-input-text-size);--_field-input-text-tracking: var(--md-comp-outlined-select-text-field-input-text-tracking);--_field-input-text-font-weight: var(--md-comp-outlined-select-text-field-input-text-weight);--_field-label: var(--md-comp-outlined-select-text-field-label-text-color);--_field-font-family: var(--md-comp-outlined-select-text-field-label-text-font);--_field-line-height: var(--md-comp-outlined-select-text-field-label-text-line-height);--_field-populated-label-line-height: var(--md-comp-outlined-select-text-field-label-text-populated-line-height);--_field-populated-label-size: var(--md-comp-outlined-select-text-field-label-text-populated-size);--_field-font-size: var(--md-comp-outlined-select-text-field-label-text-size);--_field-tracking: var(--md-comp-outlined-select-text-field-label-text-tracking);--_field-font-weight: var(--md-comp-outlined-select-text-field-label-text-weight);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-leading-icon-color);--_field-leading-icon-size: var(--md-comp-outlined-select-text-field-leading-icon-size);--_field-outline: var(--md-comp-outlined-select-text-field-outline-color);--_field-outline-width: var(--md-comp-outlined-select-text-field-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-supporting-text-color);--_field-supporting-text-font-family: var(--md-comp-outlined-select-text-field-supporting-text-font);--_field-supporting-text-line-height: var(--md-comp-outlined-select-text-field-supporting-text-line-height);--_field-supporting-text-font-size: var(--md-comp-outlined-select-text-field-supporting-text-size);--_field-supporting-text-tracking: var(--md-comp-outlined-select-text-field-supporting-text-tracking);--_field-supporting-text-font-weight: var(--md-comp-outlined-select-text-field-supporting-text-weight);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-trailing-icon-color);--_field-trailing-icon-size: var(--md-comp-outlined-select-text-field-trailing-icon-size)}.md-outlined-text-field{--_field-caret: var(--md-comp-outlined-text-field-caret-color);--_field-height: var(--md-comp-outlined-text-field-container-height);--_field-shape: var(--md-comp-outlined-text-field-container-shape);--_field-focus-color: var(--md-comp-outlined-text-field-focus-indicator-outline-color);--_field-focus-width: var(--md-comp-outlined-text-field-focus-indicator-outline-thickness);--_field-input-text-color: var(--md-comp-outlined-text-field-input-text-color);--_field-input-text-font-family: var(--md-comp-outlined-text-field-input-text-font);--_field-input-text-line-height: var(--md-comp-outlined-text-field-input-text-line-height);--_field-placeholder: var(--md-comp-outlined-text-field-input-text-placeholder-color);--_field-prefix: var(--md-comp-outlined-text-field-input-text-prefix-color);--_field-input-text-font-size: var(--md-comp-outlined-text-field-input-text-size);--_field-suffix: var(--md-comp-outlined-text-field-input-text-suffix-color);--_field-input-text-tracking: var(--md-comp-outlined-text-field-input-text-tracking);--_field-input-text-font-weight: var(--md-comp-outlined-text-field-input-text-weight);--_field-label: var(--md-comp-outlined-text-field-label-text-color);--_field-font-family: var(--md-comp-outlined-text-field-label-text-font);--_field-line-height: var(--md-comp-outlined-text-field-label-text-line-height);--_field-populated-label-line-height: var(--md-comp-outlined-text-field-label-text-populated-line-height);--_field-populated-label-size: var(--md-comp-outlined-text-field-label-text-populated-size);--_field-font-size: var(--md-comp-outlined-text-field-label-text-size);--_field-tracking: var(--md-comp-outlined-text-field-label-text-tracking);--_field-font-weight: var(--md-comp-outlined-text-field-label-text-weight);--_field-leading-icon-color: var(--md-comp-outlined-text-field-leading-icon-color);--_field-leading-icon-size: var(--md-comp-outlined-text-field-leading-icon-size);--_field-outline: var(--md-comp-outlined-text-field-outline-color);--_field-outline-width: var(--md-comp-outlined-text-field-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-text-field-supporting-text-color);--_field-supporting-text-font-family: var(--md-comp-outlined-text-field-supporting-text-font);--_field-supporting-text-line-height: var(--md-comp-outlined-text-field-supporting-text-line-height);--_field-supporting-text-font-size: var(--md-comp-outlined-text-field-supporting-text-size);--_field-supporting-text-tracking: var(--md-comp-outlined-text-field-supporting-text-tracking);--_field-supporting-text-font-weight: var(--md-comp-outlined-text-field-supporting-text-weight);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-trailing-icon-color);--_field-trailing-icon-size: var(--md-comp-outlined-text-field-trailing-icon-size)}.md-filled-autocomplete:where([aria-invalid=true],:has([aria-invalid=true])){--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-error-active-indicator-color);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-error-input-text-color);--_field-label: var(--md-comp-filled-autocomplete-text-field-error-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-error-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-error-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-error-trailing-icon-color)}.md-filled-select:where([aria-invalid=true],:has([aria-invalid=true])){--_field-indicator-color: var(--md-comp-filled-select-text-field-error-active-indicator-color);--_field-input-text-color: var(--md-comp-filled-select-text-field-error-input-text-color);--_field-label: var(--md-comp-filled-select-text-field-error-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-error-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-error-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-error-trailing-icon-color)}.md-filled-text-field:where([aria-invalid=true],:has([aria-invalid=true])){--_field-indicator-color: var(--md-comp-filled-text-field-error-active-indicator-color);--_field-input-text-color: var(--md-comp-filled-text-field-error-input-text-color);--_field-label: var(--md-comp-filled-text-field-error-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-text-field-error-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-text-field-error-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-text-field-error-trailing-icon-color)}.md-outlined-autocomplete:where([aria-invalid=true],:has([aria-invalid=true])){--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-error-input-text-color);--_field-label: var(--md-comp-outlined-autocomplete-text-field-error-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-error-leading-icon-color);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-error-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-error-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-error-trailing-icon-color)}.md-outlined-select:where([aria-invalid=true],:has([aria-invalid=true])){--_field-input-text-color: var(--md-comp-outlined-select-text-field-error-input-text-color);--_field-label: var(--md-comp-outlined-select-text-field-error-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-error-leading-icon-color);--_field-outline: var(--md-comp-outlined-select-text-field-error-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-error-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-error-trailing-icon-color)}.md-outlined-text-field:where([aria-invalid=true],:has([aria-invalid=true])){--_field-focus-color: var(--md-comp-outlined-text-field-error-focus-indicator-outline-color);--_field-input-text-color: var(--md-comp-outlined-text-field-error-input-text-color);--_field-label: var(--md-comp-outlined-text-field-error-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-text-field-error-leading-icon-color);--_field-outline: var(--md-comp-outlined-text-field-error-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-text-field-error-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-error-trailing-icon-color)}.md-filled-autocomplete:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-hover-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-autocomplete-text-field-hover-active-indicator-height);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-hover-input-text-color);--_field-label: var(--md-comp-filled-autocomplete-text-field-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-hover-leading-icon-color);--_field-state-color: var(--md-comp-filled-autocomplete-text-field-hover-state-layer-color);--_field-background-state-color: var(--md-comp-filled-autocomplete-text-field-hover-state-layer-color);--_field-state-opacity: var(--md-comp-filled-autocomplete-text-field-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-filled-autocomplete-text-field-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-hover-trailing-icon-color)}.md-filled-select:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-indicator-color: var(--md-comp-filled-select-text-field-hover-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-select-text-field-hover-active-indicator-height);--_field-input-text-color: var(--md-comp-filled-select-text-field-hover-input-text-color);--_field-label: var(--md-comp-filled-select-text-field-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-hover-leading-icon-color);--_field-state-color: var(--md-comp-filled-select-text-field-hover-state-layer-color);--_field-background-state-color: var(--md-comp-filled-select-text-field-hover-state-layer-color);--_field-state-opacity: var(--md-comp-filled-select-text-field-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-filled-select-text-field-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-hover-trailing-icon-color)}.md-filled-text-field:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-indicator-color: var(--md-comp-filled-text-field-hover-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-text-field-hover-active-indicator-height);--_field-input-text-color: var(--md-comp-filled-text-field-hover-input-text-color);--_field-label: var(--md-comp-filled-text-field-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-text-field-hover-leading-icon-color);--_field-state-color: var(--md-comp-filled-text-field-hover-state-layer-color);--_field-background-state-color: var(--md-comp-filled-text-field-hover-state-layer-color);--_field-state-opacity: var(--md-comp-filled-text-field-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-filled-text-field-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-filled-text-field-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-text-field-hover-trailing-icon-color)}.md-outlined-autocomplete:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-hover-input-text-color);--_field-label: var(--md-comp-outlined-autocomplete-text-field-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-hover-leading-icon-color);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-hover-outline-color);--_field-outline-width: var(--md-comp-outlined-autocomplete-text-field-hover-outline-width);--_field-state-color: var(--md-comp-outlined-autocomplete-text-field-hover-state-layer-color);--_field-background-state-color: var(--md-comp-outlined-autocomplete-text-field-hover-state-layer-color);--_field-state-opacity: var(--md-comp-outlined-autocomplete-text-field-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-outlined-autocomplete-text-field-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-hover-trailing-icon-color)}.md-outlined-select:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-input-text-color: var(--md-comp-outlined-select-text-field-hover-input-text-color);--_field-label: var(--md-comp-outlined-select-text-field-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-hover-leading-icon-color);--_field-outline: var(--md-comp-outlined-select-text-field-hover-outline-color);--_field-outline-width: var(--md-comp-outlined-select-text-field-hover-outline-width);--_field-state-color: var(--md-comp-outlined-select-text-field-hover-state-layer-color);--_field-background-state-color: var(--md-comp-outlined-select-text-field-hover-state-layer-color);--_field-state-opacity: var(--md-comp-outlined-select-text-field-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-outlined-select-text-field-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-hover-trailing-icon-color)}.md-outlined-text-field:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-input-text-color: var(--md-comp-outlined-text-field-hover-input-text-color);--_field-label: var(--md-comp-outlined-text-field-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-text-field-hover-leading-icon-color);--_field-outline: var(--md-comp-outlined-text-field-hover-outline-color);--_field-outline-width: var(--md-comp-outlined-text-field-hover-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-text-field-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-hover-trailing-icon-color)}.md-filled-autocomplete:where([aria-invalid=true],:has([aria-invalid=true])):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-error-hover-active-indicator-color);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-error-hover-input-text-color);--_field-label: var(--md-comp-filled-autocomplete-text-field-error-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-error-hover-leading-icon-color);--_field-state-color: var(--md-comp-filled-autocomplete-text-field-error-hover-state-layer-color);--_field-background-state-color: var(--md-comp-filled-autocomplete-text-field-error-hover-state-layer-color);--_field-state-opacity: var(--md-comp-filled-autocomplete-text-field-error-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-filled-autocomplete-text-field-error-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-error-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-error-hover-trailing-icon-color)}.md-filled-select:where([aria-invalid=true],:has([aria-invalid=true])):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-indicator-color: var(--md-comp-filled-select-text-field-error-hover-active-indicator-color);--_field-input-text-color: var(--md-comp-filled-select-text-field-error-hover-input-text-color);--_field-label: var(--md-comp-filled-select-text-field-error-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-error-hover-leading-icon-color);--_field-state-color: var(--md-comp-filled-select-text-field-error-hover-state-layer-color);--_field-background-state-color: var(--md-comp-filled-select-text-field-error-hover-state-layer-color);--_field-state-opacity: var(--md-comp-filled-select-text-field-error-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-filled-select-text-field-error-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-error-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-error-hover-trailing-icon-color)}.md-filled-text-field:where([aria-invalid=true],:has([aria-invalid=true])):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-indicator-color: var(--md-comp-filled-text-field-error-hover-active-indicator-color);--_field-input-text-color: var(--md-comp-filled-text-field-error-hover-input-text-color);--_field-label: var(--md-comp-filled-text-field-error-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-text-field-error-hover-leading-icon-color);--_field-state-color: var(--md-comp-filled-text-field-error-hover-state-layer-color);--_field-background-state-color: var(--md-comp-filled-text-field-error-hover-state-layer-color);--_field-state-opacity: var(--md-comp-filled-text-field-error-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-filled-text-field-error-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-filled-text-field-error-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-text-field-error-hover-trailing-icon-color)}.md-outlined-autocomplete:where([aria-invalid=true],:has([aria-invalid=true])):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-error-hover-input-text-color);--_field-label: var(--md-comp-outlined-autocomplete-text-field-error-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-error-hover-leading-icon-color);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-error-hover-outline-color);--_field-state-color: var(--md-comp-outlined-autocomplete-text-field-error-hover-state-layer-color);--_field-background-state-color: var(--md-comp-outlined-autocomplete-text-field-error-hover-state-layer-color);--_field-state-opacity: var(--md-comp-outlined-autocomplete-text-field-error-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-outlined-autocomplete-text-field-error-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-error-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-error-hover-trailing-icon-color)}.md-outlined-select:where([aria-invalid=true],:has([aria-invalid=true])):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-input-text-color: var(--md-comp-outlined-select-text-field-error-hover-input-text-color);--_field-label: var(--md-comp-outlined-select-text-field-error-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-error-hover-leading-icon-color);--_field-outline: var(--md-comp-outlined-select-text-field-error-hover-outline-color);--_field-state-color: var(--md-comp-outlined-select-text-field-error-hover-state-layer-color);--_field-background-state-color: var(--md-comp-outlined-select-text-field-error-hover-state-layer-color);--_field-state-opacity: var(--md-comp-outlined-select-text-field-error-hover-state-layer-opacity);--_field-background-state-opacity: var(--md-comp-outlined-select-text-field-error-hover-state-layer-opacity);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-error-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-error-hover-trailing-icon-color)}.md-outlined-text-field:where([aria-invalid=true],:has([aria-invalid=true])):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_field-input-text-color: var(--md-comp-outlined-text-field-error-hover-input-text-color);--_field-label: var(--md-comp-outlined-text-field-error-hover-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-text-field-error-hover-leading-icon-color);--_field-outline: var(--md-comp-outlined-text-field-error-hover-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-text-field-error-hover-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-error-hover-trailing-icon-color)}.md-filled-autocomplete:where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-focus-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-autocomplete-text-field-focus-active-indicator-height);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-focus-input-text-color);--_field-label: var(--md-comp-filled-autocomplete-text-field-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-focus-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-focus-trailing-icon-color)}.md-filled-select:where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-select-text-field-focus-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-select-text-field-focus-active-indicator-height);--_field-input-text-color: var(--md-comp-filled-select-text-field-focus-input-text-color);--_field-label: var(--md-comp-filled-select-text-field-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-focus-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-focus-trailing-icon-color)}.md-filled-text-field:where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-text-field-focus-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-text-field-focus-active-indicator-height);--_field-focus-width: var(--md-comp-filled-text-field-focus-active-indicator-thickness);--_field-input-text-color: var(--md-comp-filled-text-field-focus-input-text-color);--_field-label: var(--md-comp-filled-text-field-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-text-field-focus-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-text-field-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-text-field-focus-trailing-icon-color)}.md-outlined-autocomplete:where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-focus-input-text-color);--_field-label: var(--md-comp-outlined-autocomplete-text-field-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-focus-leading-icon-color);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-focus-outline-color);--_field-outline-width: var(--md-comp-outlined-autocomplete-text-field-focus-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-focus-trailing-icon-color)}.md-outlined-select:where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-input-text-color: var(--md-comp-outlined-select-text-field-focus-input-text-color);--_field-label: var(--md-comp-outlined-select-text-field-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-focus-leading-icon-color);--_field-outline: var(--md-comp-outlined-select-text-field-focus-outline-color);--_field-outline-width: var(--md-comp-outlined-select-text-field-focus-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-focus-trailing-icon-color)}.md-outlined-text-field:where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-input-text-color: var(--md-comp-outlined-text-field-focus-input-text-color);--_field-label: var(--md-comp-outlined-text-field-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-text-field-focus-leading-icon-color);--_field-outline: var(--md-comp-outlined-text-field-focus-outline-color);--_field-outline-width: var(--md-comp-outlined-text-field-focus-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-text-field-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-focus-trailing-icon-color)}.md-filled-autocomplete:where([aria-invalid=true],:has([aria-invalid=true])):where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-error-focus-active-indicator-color);--_field-caret: var(--md-comp-filled-autocomplete-text-field-error-focus-caret-color);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-error-focus-input-text-color);--_field-label: var(--md-comp-filled-autocomplete-text-field-error-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-error-focus-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-error-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-error-focus-trailing-icon-color)}.md-filled-select:where([aria-invalid=true],:has([aria-invalid=true])):where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-select-text-field-error-focus-active-indicator-color);--_field-caret: var(--md-comp-filled-select-text-field-error-focus-caret-color);--_field-input-text-color: var(--md-comp-filled-select-text-field-error-focus-input-text-color);--_field-label: var(--md-comp-filled-select-text-field-error-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-error-focus-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-error-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-error-focus-trailing-icon-color)}.md-filled-text-field:where([aria-invalid=true],:has([aria-invalid=true])):where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-text-field-error-focus-active-indicator-color);--_field-caret: var(--md-comp-filled-text-field-error-focus-caret-color);--_field-input-text-color: var(--md-comp-filled-text-field-error-focus-input-text-color);--_field-label: var(--md-comp-filled-text-field-error-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-filled-text-field-error-focus-leading-icon-color);--_field-supporting-text-color: var(--md-comp-filled-text-field-error-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-filled-text-field-error-focus-trailing-icon-color)}.md-outlined-autocomplete:where([aria-invalid=true],:has([aria-invalid=true])):where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-caret: var(--md-comp-outlined-autocomplete-text-field-error-focus-caret-color);--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-error-focus-input-text-color);--_field-label: var(--md-comp-outlined-autocomplete-text-field-error-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-error-focus-leading-icon-color);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-error-focus-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-error-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-error-focus-trailing-icon-color)}.md-outlined-select:where([aria-invalid=true],:has([aria-invalid=true])):where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-caret: var(--md-comp-outlined-select-text-field-error-focus-caret-color);--_field-input-text-color: var(--md-comp-outlined-select-text-field-error-focus-input-text-color);--_field-label: var(--md-comp-outlined-select-text-field-error-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-error-focus-leading-icon-color);--_field-outline: var(--md-comp-outlined-select-text-field-error-focus-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-error-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-error-focus-trailing-icon-color)}.md-outlined-text-field:where([aria-invalid=true],:has([aria-invalid=true])):where(:focus,:focus-within,[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_field-caret: var(--md-comp-outlined-text-field-error-focus-caret-color);--_field-input-text-color: var(--md-comp-outlined-text-field-error-focus-input-text-color);--_field-label: var(--md-comp-outlined-text-field-error-focus-label-text-color);--_field-leading-icon-color: var(--md-comp-outlined-text-field-error-focus-leading-icon-color);--_field-outline: var(--md-comp-outlined-text-field-error-focus-outline-color);--_field-supporting-text-color: var(--md-comp-outlined-text-field-error-focus-supporting-text-color);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-error-focus-trailing-icon-color)}.md-filled-autocomplete:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-autocomplete-text-field-disabled-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-autocomplete-text-field-disabled-active-indicator-height);--_field-indicator-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-active-indicator-opacity);--_field-container: var(--md-comp-filled-autocomplete-text-field-disabled-container-color);--_field-container-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-container-opacity);--_field-input-text-color: var(--md-comp-filled-autocomplete-text-field-disabled-input-text-color);--_field-input-text-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-input-text-opacity);--_field-label: var(--md-comp-filled-autocomplete-text-field-disabled-label-text-color);--_field-label-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-label-text-opacity);--_field-leading-icon-color: var(--md-comp-filled-autocomplete-text-field-disabled-leading-icon-color);--_field-leading-icon-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-leading-icon-opacity);--_field-supporting-text-color: var(--md-comp-filled-autocomplete-text-field-disabled-supporting-text-color);--_field-supporting-text-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-supporting-text-opacity);--_field-trailing-icon-color: var(--md-comp-filled-autocomplete-text-field-disabled-trailing-icon-color);--_field-trailing-icon-opacity: var(--md-comp-filled-autocomplete-text-field-disabled-trailing-icon-opacity)}.md-filled-select:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-select-text-field-disabled-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-select-text-field-disabled-active-indicator-height);--_field-indicator-opacity: var(--md-comp-filled-select-text-field-disabled-active-indicator-opacity);--_field-container: var(--md-comp-filled-select-text-field-disabled-container-color);--_field-container-opacity: var(--md-comp-filled-select-text-field-disabled-container-opacity);--_field-input-text-color: var(--md-comp-filled-select-text-field-disabled-input-text-color);--_field-input-text-opacity: var(--md-comp-filled-select-text-field-disabled-input-text-opacity);--_field-label: var(--md-comp-filled-select-text-field-disabled-label-text-color);--_field-label-opacity: var(--md-comp-filled-select-text-field-disabled-label-text-opacity);--_field-leading-icon-color: var(--md-comp-filled-select-text-field-disabled-leading-icon-color);--_field-leading-icon-opacity: var(--md-comp-filled-select-text-field-disabled-leading-icon-opacity);--_field-supporting-text-color: var(--md-comp-filled-select-text-field-disabled-supporting-text-color);--_field-supporting-text-opacity: var(--md-comp-filled-select-text-field-disabled-supporting-text-opacity);--_field-trailing-icon-color: var(--md-comp-filled-select-text-field-disabled-trailing-icon-color);--_field-trailing-icon-opacity: var(--md-comp-filled-select-text-field-disabled-trailing-icon-opacity)}.md-filled-text-field:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_field-indicator-color: var(--md-comp-filled-text-field-disabled-active-indicator-color);--_field-indicator-height: var(--md-comp-filled-text-field-disabled-active-indicator-height);--_field-indicator-opacity: var(--md-comp-filled-text-field-disabled-active-indicator-opacity);--_field-container: var(--md-comp-filled-text-field-disabled-container-color);--_field-container-opacity: var(--md-comp-filled-text-field-disabled-container-opacity);--_field-input-text-color: var(--md-comp-filled-text-field-disabled-input-text-color);--_field-input-text-opacity: var(--md-comp-filled-text-field-disabled-input-text-opacity);--_field-label: var(--md-comp-filled-text-field-disabled-label-text-color);--_field-label-opacity: var(--md-comp-filled-text-field-disabled-label-text-opacity);--_field-leading-icon-color: var(--md-comp-filled-text-field-disabled-leading-icon-color);--_field-leading-icon-opacity: var(--md-comp-filled-text-field-disabled-leading-icon-opacity);--_field-supporting-text-color: var(--md-comp-filled-text-field-disabled-supporting-text-color);--_field-supporting-text-opacity: var(--md-comp-filled-text-field-disabled-supporting-text-opacity);--_field-trailing-icon-color: var(--md-comp-filled-text-field-disabled-trailing-icon-color);--_field-trailing-icon-opacity: var(--md-comp-filled-text-field-disabled-trailing-icon-opacity)}.md-outlined-autocomplete:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_field-input-text-color: var(--md-comp-outlined-autocomplete-text-field-disabled-input-text-color);--_field-input-text-opacity: var(--md-comp-outlined-autocomplete-text-field-disabled-input-text-opacity);--_field-label: var(--md-comp-outlined-autocomplete-text-field-disabled-label-text-color);--_field-label-opacity: var(--md-comp-outlined-autocomplete-text-field-disabled-label-text-opacity);--_field-leading-icon-color: var(--md-comp-outlined-autocomplete-text-field-disabled-leading-icon-color);--_field-leading-icon-opacity: var(--md-comp-outlined-autocomplete-text-field-disabled-leading-icon-opacity);--_field-outline: var(--md-comp-outlined-autocomplete-text-field-disabled-outline-color);--_field-outline-opacity: var(--md-comp-outlined-autocomplete-text-field-disabled-outline-opacity);--_field-outline-width: var(--md-comp-outlined-autocomplete-text-field-disabled-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-autocomplete-text-field-disabled-supporting-text-color);--_field-supporting-text-opacity: var(--md-comp-outlined-autocomplete-text-field-disabled-supporting-text-opacity);--_field-trailing-icon-color: var(--md-comp-outlined-autocomplete-text-field-disabled-trailing-icon-color);--_field-trailing-icon-opacity: var(--md-comp-outlined-autocomplete-text-field-disabled-trailing-icon-opacity)}.md-outlined-select:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_field-input-text-color: var(--md-comp-outlined-select-text-field-disabled-input-text-color);--_field-input-text-opacity: var(--md-comp-outlined-select-text-field-disabled-input-text-opacity);--_field-label: var(--md-comp-outlined-select-text-field-disabled-label-text-color);--_field-label-opacity: var(--md-comp-outlined-select-text-field-disabled-label-text-opacity);--_field-leading-icon-color: var(--md-comp-outlined-select-text-field-disabled-leading-icon-color);--_field-leading-icon-opacity: var(--md-comp-outlined-select-text-field-disabled-leading-icon-opacity);--_field-outline: var(--md-comp-outlined-select-text-field-disabled-outline-color);--_field-outline-opacity: var(--md-comp-outlined-select-text-field-disabled-outline-opacity);--_field-outline-width: var(--md-comp-outlined-select-text-field-disabled-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-select-text-field-disabled-supporting-text-color);--_field-supporting-text-opacity: var(--md-comp-outlined-select-text-field-disabled-supporting-text-opacity);--_field-trailing-icon-color: var(--md-comp-outlined-select-text-field-disabled-trailing-icon-color);--_field-trailing-icon-opacity: var(--md-comp-outlined-select-text-field-disabled-trailing-icon-opacity)}.md-outlined-text-field:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_field-input-text-color: var(--md-comp-outlined-text-field-disabled-input-text-color);--_field-input-text-opacity: var(--md-comp-outlined-text-field-disabled-input-text-opacity);--_field-label: var(--md-comp-outlined-text-field-disabled-label-text-color);--_field-label-opacity: var(--md-comp-outlined-text-field-disabled-label-text-opacity);--_field-leading-icon-color: var(--md-comp-outlined-text-field-disabled-leading-icon-color);--_field-leading-icon-opacity: var(--md-comp-outlined-text-field-disabled-leading-icon-opacity);--_field-outline: var(--md-comp-outlined-text-field-disabled-outline-color);--_field-outline-opacity: var(--md-comp-outlined-text-field-disabled-outline-opacity);--_field-outline-width: var(--md-comp-outlined-text-field-disabled-outline-width);--_field-supporting-text-color: var(--md-comp-outlined-text-field-disabled-supporting-text-color);--_field-supporting-text-opacity: var(--md-comp-outlined-text-field-disabled-supporting-text-opacity);--_field-trailing-icon-color: var(--md-comp-outlined-text-field-disabled-trailing-icon-color);--_field-trailing-icon-opacity: var(--md-comp-outlined-text-field-disabled-trailing-icon-opacity)}.md-filled-autocomplete{--_field-menu-container: var(--md-comp-filled-autocomplete-menu-container-color);--_field-menu-elevation: var(--md-comp-filled-autocomplete-menu-container-elevation);--_field-menu-shadow: var(--md-comp-filled-autocomplete-menu-container-shadow-color);--_field-menu-shape: var(--md-comp-filled-autocomplete-menu-container-shape);--_field-menu-divider-color: var(--md-comp-filled-autocomplete-menu-divider-color);--_field-menu-divider-height: var(--md-comp-filled-autocomplete-menu-divider-height);--_field-menu-item-height: var(--md-comp-filled-autocomplete-menu-list-item-container-height);--_field-menu-label-color: var(--md-comp-filled-autocomplete-menu-list-item-label-text-color);--_field-menu-font-family: var(--md-comp-filled-autocomplete-menu-list-item-label-text-font);--_field-menu-line-height: var(--md-comp-filled-autocomplete-menu-list-item-label-text-line-height);--_field-menu-font-size: var(--md-comp-filled-autocomplete-menu-list-item-label-text-size);--_field-menu-tracking: var(--md-comp-filled-autocomplete-menu-list-item-label-text-tracking);--_field-menu-font-weight: var(--md-comp-filled-autocomplete-menu-list-item-label-text-weight);--_field-menu-selected-container: var(--md-comp-filled-autocomplete-menu-list-item-selected-container-color)}.md-filled-select{--_field-menu-container: var(--md-comp-filled-select-menu-container-color);--_field-menu-elevation: var(--md-comp-filled-select-menu-container-elevation);--_field-menu-shadow: var(--md-comp-filled-select-menu-container-shadow-color);--_field-menu-shape: var(--md-comp-filled-select-menu-container-shape);--_field-menu-divider-color: var(--md-comp-filled-select-menu-divider-color);--_field-menu-divider-height: var(--md-comp-filled-select-menu-divider-height);--_field-menu-item-height: var(--md-comp-filled-select-menu-list-item-container-height);--_field-menu-label-color: var(--md-comp-filled-select-menu-list-item-label-text-color);--_field-menu-font-family: var(--md-comp-filled-select-menu-list-item-label-text-font);--_field-menu-line-height: var(--md-comp-filled-select-menu-list-item-label-text-line-height);--_field-menu-font-size: var(--md-comp-filled-select-menu-list-item-label-text-size);--_field-menu-tracking: var(--md-comp-filled-select-menu-list-item-label-text-tracking);--_field-menu-font-weight: var(--md-comp-filled-select-menu-list-item-label-text-weight);--_field-menu-selected-container: var(--md-comp-filled-select-menu-list-item-selected-container-color);--_field-menu-leading-icon-color: var(--md-comp-filled-select-menu-list-item-with-leading-icon-leading-icon-color);--_field-menu-leading-icon-size: var(--md-comp-filled-select-menu-list-item-with-leading-icon-leading-icon-size);--_field-menu-trailing-icon-color: var(--md-comp-filled-select-menu-list-item-with-trailing-icon-trailing-icon-color);--_field-menu-trailing-icon-size: var(--md-comp-filled-select-menu-list-item-with-trailing-icon-trailing-icon-size)}.md-outlined-autocomplete{--_field-menu-container: var(--md-comp-outlined-autocomplete-menu-container-color);--_field-menu-elevation: var(--md-comp-outlined-autocomplete-menu-container-elevation);--_field-menu-shadow: var(--md-comp-outlined-autocomplete-menu-container-shadow-color);--_field-menu-shape: var(--md-comp-outlined-autocomplete-menu-container-shape);--_field-menu-divider-color: var(--md-comp-outlined-autocomplete-menu-divider-color);--_field-menu-divider-height: var(--md-comp-outlined-autocomplete-menu-divider-height);--_field-menu-item-height: var(--md-comp-outlined-autocomplete-menu-list-item-container-height);--_field-menu-label-color: var(--md-comp-outlined-autocomplete-menu-list-item-label-text-color);--_field-menu-font-family: var(--md-comp-outlined-autocomplete-menu-list-item-label-text-font);--_field-menu-line-height: var(--md-comp-outlined-autocomplete-menu-list-item-label-text-line-height);--_field-menu-font-size: var(--md-comp-outlined-autocomplete-menu-list-item-label-text-size);--_field-menu-tracking: var(--md-comp-outlined-autocomplete-menu-list-item-label-text-tracking);--_field-menu-font-weight: var(--md-comp-outlined-autocomplete-menu-list-item-label-text-weight);--_field-menu-selected-container: var(--md-comp-outlined-autocomplete-menu-list-item-selected-container-color)}.md-outlined-select{--_field-menu-container: var(--md-comp-outlined-select-menu-container-color);--_field-menu-elevation: var(--md-comp-outlined-select-menu-container-elevation);--_field-menu-shadow: var(--md-comp-outlined-select-menu-container-shadow-color);--_field-menu-shape: var(--md-comp-outlined-select-menu-container-shape);--_field-menu-divider-color: var(--md-comp-outlined-select-menu-divider-color);--_field-menu-divider-height: var(--md-comp-outlined-select-menu-divider-height);--_field-menu-item-height: var(--md-comp-outlined-select-menu-list-item-container-height);--_field-menu-label-color: var(--md-comp-outlined-select-menu-list-item-label-text-color);--_field-menu-font-family: var(--md-comp-outlined-select-menu-list-item-label-text-font);--_field-menu-line-height: var(--md-comp-outlined-select-menu-list-item-label-text-line-height);--_field-menu-font-size: var(--md-comp-outlined-select-menu-list-item-label-text-size);--_field-menu-tracking: var(--md-comp-outlined-select-menu-list-item-label-text-tracking);--_field-menu-font-weight: var(--md-comp-outlined-select-menu-list-item-label-text-weight);--_field-menu-selected-container: var(--md-comp-outlined-select-menu-list-item-selected-container-color);--_field-menu-leading-icon-color: var(--md-comp-outlined-select-menu-list-item-with-leading-icon-leading-icon-color);--_field-menu-leading-icon-size: var(--md-comp-outlined-select-menu-list-item-with-leading-icon-leading-icon-size);--_field-menu-trailing-icon-color: var(--md-comp-outlined-select-menu-list-item-with-trailing-icon-trailing-icon-color);--_field-menu-trailing-icon-size: var(--md-comp-outlined-select-menu-list-item-with-trailing-icon-trailing-icon-size)}.md-menu[data-variant=baseline]{--_menu-container: var(--md-comp-menu-container-color);--_menu-elevation: var(--md-comp-menu-container-elevation);--_menu-shadow: var(--md-comp-menu-container-shadow-color);--_menu-shape: var(--md-comp-menu-container-shape);--_menu-divider-color: var(--md-comp-menu-divider-color);--_menu-divider-height: var(--md-comp-menu-divider-height)}.md-menu:where(:not([data-variant=baseline])){--_menu-elevation: var(--md-comp-menus-container-elevation);--_menu-shape: var(--md-comp-menus-container-shape);--_menu-gap: var(--md-comp-menus-gap);--_menu-group-padding: var(--md-comp-menus-group-padding);--_menu-group-shape: var(--md-comp-menus-group-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]){--_menu-container: var(--md-comp-menus-standard-container-color);--_menu-shadow: var(--md-comp-menus-standard-container-shadow-color);--_menu-section-label-text-color: var(--md-comp-menus-standard-section-label-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant]{--_menu-container: var(--md-comp-menus-vibrant-container-color);--_menu-section-label-text-color: var(--md-comp-menus-vibrant-section-label-text-color)}.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])[data-menu-activity=active]){--_menu-shape: var(--md-comp-menus-active-container-shape)}.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])[data-menu-activity=inactive]){--_menu-shape: var(--md-comp-menus-inactive-container-shape)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]){--_menu-bottom: var(--md-comp-menus-horizontal-container-bottom-space);--_menu-shape: var(--md-comp-menus-horizontal-container-shape);--_menu-top: var(--md-comp-menus-horizontal-container-top-space)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]):where([data-content=icon-only]){--_menu-gap: var(--md-comp-menus-horizontal-icon-only-gap)}.md-menu[data-variant=baseline] .md-menu-item{--_menu-item-focus-color: var(--md-comp-menu-focus-indicator-color);--_menu-item-focus-offset: var(--md-comp-menu-focus-indicator-outline-offset);--_menu-item-focus-width: var(--md-comp-menu-focus-indicator-thickness);--_menu-item-height: var(--md-comp-menu-list-item-container-height);--_menu-item-label: var(--md-comp-menu-list-item-label-text-color);--_menu-item-font-family: var(--md-comp-menu-list-item-label-text-font);--_menu-item-line-height: var(--md-comp-menu-list-item-label-text-line-height);--_menu-item-font-size: var(--md-comp-menu-list-item-label-text-size);--_menu-item-tracking: var(--md-comp-menu-list-item-label-text-tracking);--_menu-item-font-weight: var(--md-comp-menu-list-item-label-text-weight);--_menu-item-leading-icon-color: var(--md-comp-menu-list-item-with-leading-icon-leading-icon-color);--_menu-item-leading-icon-size: var(--md-comp-menu-list-item-with-leading-icon-leading-icon-size);--_menu-item-trailing-icon-color: var(--md-comp-menu-list-item-with-trailing-icon-trailing-icon-color);--_menu-item-trailing-icon-size: var(--md-comp-menu-list-item-with-trailing-icon-trailing-icon-size);--_menu-item-pressed-state-color: var(--md-comp-menu-list-item-pressed-state-layer-color);--_menu-item-pressed-state-opacity: var(--md-comp-menu-list-item-pressed-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline])) .md-menu-item{--_menu-item-gap: var(--md-comp-menus-menu-item-between-space);--_menu-item-bottom: var(--md-comp-menus-menu-item-bottom-space);--_menu-item-focus-color: var(--md-comp-menus-menu-item-focus-indicator-color);--_menu-item-focus-offset: var(--md-comp-menus-menu-item-focus-indicator-outline-offset);--_menu-item-focus-width: var(--md-comp-menus-menu-item-focus-indicator-thickness);--_menu-item-height: var(--md-comp-menus-menu-item-height);--_menu-item-font-family: var(--md-comp-menus-menu-item-label-text-font);--_menu-item-line-height: var(--md-comp-menus-menu-item-label-text-line-height);--_menu-item-font-size: var(--md-comp-menus-menu-item-label-text-size);--_menu-item-tracking: var(--md-comp-menus-menu-item-label-text-tracking);--_menu-item-font-weight: var(--md-comp-menus-menu-item-label-text-weight);--_menu-item-leading-icon-size: var(--md-comp-menus-menu-item-leading-icon-size);--_menu-item-leading: var(--md-comp-menus-menu-item-leading-space);--_menu-item-shape: var(--md-comp-menus-menu-item-shape);--_menu-item-supporting-text-font-family: var(--md-comp-menus-menu-item-supporting-text-font);--_menu-item-supporting-text-line-height: var(--md-comp-menus-menu-item-supporting-text-line-height);--_menu-item-supporting-text-font-size: var(--md-comp-menus-menu-item-supporting-text-size);--_menu-item-supporting-text-tracking: var(--md-comp-menus-menu-item-supporting-text-tracking);--_menu-item-supporting-text-font-weight: var(--md-comp-menus-menu-item-supporting-text-weight);--_menu-item-top: var(--md-comp-menus-menu-item-top-space);--_menu-item-trailing-icon-size: var(--md-comp-menus-menu-item-trailing-icon-size);--_menu-item-trailing: var(--md-comp-menus-menu-item-trailing-space);--_menu-item-trailing-supporting-text-font-family: var(--md-comp-menus-menu-item-trailing-supporting-text-font);--_menu-item-trailing-supporting-text-line-height: var(--md-comp-menus-menu-item-trailing-supporting-text-line-height);--_menu-item-trailing-supporting-text-font-size: var(--md-comp-menus-menu-item-trailing-supporting-text-size);--_menu-item-trailing-supporting-text-tracking: var(--md-comp-menus-menu-item-trailing-supporting-text-tracking);--_menu-item-trailing-supporting-text-font-weight: var(--md-comp-menus-menu-item-trailing-supporting-text-weight)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where([aria-expanded=true]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_menu-item-active-state-color: var(--md-comp-menus-standard-menu-item-active-state-layer-color);--_menu-item-active-background-state-color: var(--md-comp-menus-standard-menu-item-active-state-layer-color);--_menu-item-active-state-opacity: var(--md-comp-menus-standard-menu-item-active-state-layer-opacity);--_menu-item-active-background-state-opacity: var(--md-comp-menus-standard-menu-item-active-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item{--_menu-item-container: var(--md-comp-menus-standard-menu-item-container-color);--_menu-item-label: var(--md-comp-menus-standard-menu-item-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-leading-icon-color);--_menu-item-supporting-text-color: var(--md-comp-menus-standard-menu-item-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where([aria-expanded=true]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_menu-item-active-state-color: var(--md-comp-menus-vibrant-menu-item-active-state-layer-color);--_menu-item-active-background-state-color: var(--md-comp-menus-vibrant-menu-item-active-state-layer-color);--_menu-item-active-state-opacity: var(--md-comp-menus-vibrant-menu-item-active-state-layer-opacity);--_menu-item-active-background-state-opacity: var(--md-comp-menus-vibrant-menu-item-active-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item{--_menu-item-container: var(--md-comp-menus-vibrant-menu-item-color);--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-vibrant-menu-item-leading-icon-color);--_menu-item-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-vibrant-menu-item-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) .md-menu-item:where(:first-child:not(:only-child)):not(:where(li>*)),.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) :where(li:first-child:not(:only-child))>.md-menu-item{--_menu-item-bottom-shape: var(--md-comp-menus-menu-item-first-child-inner-corner-corner-size)}.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) .md-menu-item:where(:first-child):not(:where(li>*)),.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) :where(li:first-child)>.md-menu-item{--_menu-item-top-shape: var(--md-comp-menus-menu-item-first-child-shape)}.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) .md-menu-item:where(:last-child:not(:only-child)):not(:where(li>*)),.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) :where(li:last-child:not(:only-child))>.md-menu-item{--_menu-item-top-shape: var(--md-comp-menus-menu-item-last-child-inner-corner-corner-size)}.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) .md-menu-item:where(:last-child):not(:where(li>*)),.md-menu:where(:not([data-variant=baseline])):where(:not([data-orientation=horizontal])) :where(li:last-child)>.md-menu-item{--_menu-item-bottom-shape: var(--md-comp-menus-menu-item-last-child-shape)}.md-menu[data-variant=baseline] .md-menu-item:where([aria-haspopup=menu]){--_menu-item-trailing-icon-color: var(--md-comp-menu-cascading-menu-indicator-icon-color);--_menu-item-trailing-icon-size: var(--md-comp-menu-cascading-menu-indicator-icon-size)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item{--_menu-item-gap: var(--md-comp-menus-horizontal-menu-item-between-space);--_menu-item-bottom: var(--md-comp-menus-horizontal-menu-item-bottom-space);--_menu-item-leading: var(--md-comp-menus-horizontal-menu-item-leading-space);--_menu-item-top: var(--md-comp-menus-horizontal-menu-item-top-space);--_menu-item-trailing: var(--md-comp-menus-horizontal-menu-item-trailing-space)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]):where([data-content=icon-only]) .md-menu-item{--_menu-item-bottom: var(--md-comp-menus-horizontal-icon-only-menu-item-bottom-space);--_menu-item-leading: var(--md-comp-menus-horizontal-icon-only-menu-item-leading-space);--_menu-item-top: var(--md-comp-menus-horizontal-icon-only-menu-item-top-space);--_menu-item-trailing: var(--md-comp-menus-horizontal-icon-only-menu-item-trailing-space)}.md-menu[data-variant=baseline] .md-menu-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-label: var(--md-comp-menu-list-item-hover-label-text-color);--_menu-item-state-color: var(--md-comp-menu-list-item-hover-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menu-list-item-hover-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menu-list-item-hover-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menu-list-item-hover-state-layer-opacity);--_menu-item-leading-icon-color: var(--md-comp-menu-list-item-with-leading-icon-hover-icon-color);--_menu-item-trailing-icon-color: var(--md-comp-menu-list-item-with-trailing-icon-hover-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-hovered-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-hovered-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-standard-menu-item-hovered-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-standard-menu-item-hovered-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-standard-menu-item-hovered-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-standard-menu-item-hovered-state-layer-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-hovered-trailing-icon-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-hovered-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-vibrant-menu-item-hovered-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-vibrant-menu-item-hovered-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-vibrant-menu-item-hovered-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-vibrant-menu-item-hovered-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-vibrant-menu-item-hovered-state-layer-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-hovered-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-vibrant-menu-item-hovered-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-hovered-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-shape: var(--md-comp-menus-horizontal-menu-item-hovered-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-menu-item-hovered-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-menu-item-hovered-shape)}.md-menu[data-variant=baseline] .md-menu-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menu-list-item-focus-label-text-color);--_menu-item-state-color: var(--md-comp-menu-list-item-focus-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menu-list-item-focus-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menu-list-item-focus-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menu-list-item-focus-state-layer-opacity);--_menu-item-leading-icon-color: var(--md-comp-menu-list-item-with-leading-icon-focus-icon-color);--_menu-item-trailing-icon-color: var(--md-comp-menu-list-item-with-trailing-icon-focus-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-focused-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-focused-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-standard-menu-item-focused-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-standard-menu-item-focused-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-standard-menu-item-focused-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-standard-menu-item-focused-state-layer-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-focused-trailing-icon-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-focused-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-vibrant-menu-item-focused-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-vibrant-menu-item-focused-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-vibrant-menu-item-focused-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-vibrant-menu-item-focused-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-vibrant-menu-item-focused-state-layer-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-focused-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-vibrant-menu-item-focused-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-focused-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-shape: var(--md-comp-menus-horizontal-menu-item-focused-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-menu-item-focused-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-menu-item-focused-shape)}.md-menu[data-variant=baseline] .md-menu-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-label: var(--md-comp-menu-list-item-pressed-label-text-color);--_menu-item-state-color: var(--md-comp-menu-list-item-pressed-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menu-list-item-pressed-state-layer-opacity);--_menu-item-leading-icon-color: var(--md-comp-menu-list-item-with-leading-icon-pressed-icon-color);--_menu-item-trailing-icon-color: var(--md-comp-menu-list-item-with-trailing-icon-pressed-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-pressed-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-pressed-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-standard-menu-item-pressed-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-standard-menu-item-pressed-state-layer-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-pressed-trailing-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item{--_menu-item-pressed-state-color: var(--md-comp-menus-standard-menu-item-pressed-state-layer-color);--_menu-item-pressed-state-opacity: var(--md-comp-menus-standard-menu-item-pressed-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-pressed-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-vibrant-menu-item-pressed-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-vibrant-menu-item-pressed-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-vibrant-menu-item-pressed-state-layer-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-pressed-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-vibrant-menu-item-pressed-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-pressed-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item{--_menu-item-pressed-state-color: var(--md-comp-menus-vibrant-menu-item-pressed-state-layer-color);--_menu-item-pressed-state-opacity: var(--md-comp-menus-vibrant-menu-item-pressed-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-shape: var(--md-comp-menus-horizontal-menu-item-pressed-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-menu-item-pressed-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-menu-item-pressed-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-disabled-label-text-color);--_menu-item-label-opacity: var(--md-comp-menus-standard-menu-item-disabled-label-text-opacity);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-disabled-leading-icon-color);--_menu-item-leading-icon-opacity: var(--md-comp-menus-standard-menu-item-disabled-leading-icon-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-standard-menu-item-disabled-supporting-text-color);--_menu-item-supporting-text-opacity: var(--md-comp-menus-standard-menu-item-disabled-supporting-text-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-disabled-trailing-icon-color);--_menu-item-trailing-icon-opacity: var(--md-comp-menus-standard-menu-item-disabled-trailing-icon-opacity);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-disabled-trailing-supporting-text-color);--_menu-item-trailing-supporting-text-opacity: var(--md-comp-menus-standard-menu-item-disabled-trailing-supporting-text-opacity)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-disabled-label-text-color);--_menu-item-label-opacity: var(--md-comp-menus-vibrant-menu-item-disabled-label-text-opacity);--_menu-item-leading-icon-color: var(--md-comp-menus-vibrant-menu-item-disabled-leading-icon-color);--_menu-item-leading-icon-opacity: var(--md-comp-menus-vibrant-menu-item-disabled-leading-icon-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-disabled-supporting-text-color);--_menu-item-supporting-text-opacity: var(--md-comp-menus-vibrant-menu-item-disabled-supporting-text-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menus-vibrant-menu-item-disabled-trailing-icon-color);--_menu-item-trailing-icon-opacity: var(--md-comp-menus-vibrant-menu-item-disabled-trailing-icon-opacity);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-disabled-trailing-supporting-text-color);--_menu-item-trailing-supporting-text-opacity: var(--md-comp-menus-vibrant-menu-item-disabled-trailing-supporting-text-opacity)}.md-menu[data-variant=baseline] .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_menu-item-container: var(--md-comp-menu-list-item-selected-container-color);--_menu-item-label: var(--md-comp-menu-list-item-selected-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menu-list-item-selected-with-leading-icon-leading-icon-color);--_menu-item-trailing-icon-color: var(--md-comp-menu-list-item-selected-with-leading-icon-trailing-icon-color)}.md-menu:where(:not([data-variant=baseline])) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_menu-item-shape: var(--md-comp-menus-menu-item-selected-shape);--_menu-item-top-shape: var(--md-comp-menus-menu-item-selected-shape);--_menu-item-bottom-shape: var(--md-comp-menus-menu-item-selected-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_menu-item-container: var(--md-comp-menus-standard-menu-item-selected-container-color);--_menu-item-label: var(--md-comp-menus-standard-menu-item-selected-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-selected-leading-icon-color);--_menu-item-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-selected-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_menu-item-container: var(--md-comp-menus-vibrant-menu-item-selected-container-color);--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-selected-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-vibrant-menu-item-selected-leading-icon-color);--_menu-item-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-selected-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-vibrant-menu-item-selected-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-vibrant-menu-item-selected-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]):where([data-content=icon-only]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_menu-item-shape: var(--md-comp-menus-horizontal-icon-only-menu-item-selected-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-icon-only-menu-item-selected-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-icon-only-menu-item-selected-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-selected-hovered-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-selected-hovered-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-standard-menu-item-selected-hovered-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-standard-menu-item-selected-hovered-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-standard-menu-item-selected-hovered-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-standard-menu-item-selected-hovered-state-layer-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-hovered-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-selected-hovered-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-hovered-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-selected-hovered-label-text-color);--_menu-item-state-color: var(--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-vibrant-menu-item-selected-hovered-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_menu-item-shape: var(--md-comp-menus-horizontal-menu-item-selected-hovered-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-menu-item-selected-hovered-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-menu-item-selected-hovered-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-selected-focused-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-selected-focused-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-standard-menu-item-selected-focused-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-standard-menu-item-selected-focused-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-standard-menu-item-selected-focused-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-standard-menu-item-selected-focused-state-layer-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-focused-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-selected-focused-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-focused-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-selected-focused-label-text-color);--_menu-item-state-color: var(--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-color);--_menu-item-background-state-color: var(--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-opacity);--_menu-item-background-state-opacity: var(--md-comp-menus-vibrant-menu-item-selected-focused-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_menu-item-shape: var(--md-comp-menus-horizontal-menu-item-selected-focused-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-menu-item-selected-focused-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-menu-item-selected-focused-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-label: var(--md-comp-menus-standard-menu-item-selected-pressed-label-text-color);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-selected-pressed-leading-icon-color);--_menu-item-state-color: var(--md-comp-menus-standard-menu-item-selected-pressed-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-standard-menu-item-selected-pressed-state-layer-opacity);--_menu-item-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-pressed-supporting-text-color);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-selected-pressed-trailing-icon-color);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-pressed-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_menu-item-pressed-state-color: var(--md-comp-menus-standard-menu-item-selected-pressed-state-layer-color);--_menu-item-pressed-state-opacity: var(--md-comp-menus-standard-menu-item-selected-pressed-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-label: var(--md-comp-menus-vibrant-menu-item-selected-pressed-label-text-color);--_menu-item-state-color: var(--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-color);--_menu-item-state-opacity: var(--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_menu-item-pressed-state-color: var(--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-color);--_menu-item-pressed-state-opacity: var(--md-comp-menus-vibrant-menu-item-selected-pressed-state-layer-opacity)}.md-menu:where(:not([data-variant=baseline])):where([data-orientation=horizontal]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_menu-item-shape: var(--md-comp-menus-horizontal-menu-item-selected-pressed-shape);--_menu-item-top-shape: var(--md-comp-menus-horizontal-menu-item-selected-pressed-shape);--_menu-item-bottom-shape: var(--md-comp-menus-horizontal-menu-item-selected-pressed-shape)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_menu-item-container: var(--md-comp-menus-standard-menu-item-selected-disabled-container-color);--_menu-item-container-opacity: var(--md-comp-menus-standard-menu-item-selected-disabled-container-opacity);--_menu-item-label: var(--md-comp-menus-standard-menu-item-selected-disabled-label-text-color);--_menu-item-label-opacity: var(--md-comp-menus-standard-menu-item-selected-disabled-label-text-opacity);--_menu-item-leading-icon-color: var(--md-comp-menus-standard-menu-item-selected-disabled-leading-icon-color);--_menu-item-leading-icon-opacity: var(--md-comp-menus-standard-menu-item-selected-disabled-leading-icon-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menus-standard-menu-item-selected-disabled-trailing-icon-color);--_menu-item-trailing-icon-opacity: var(--md-comp-menus-standard-menu-item-selected-disabled-trailing-icon-opacity);--_menu-item-trailing-supporting-text-color: var(--md-comp-menus-standard-menu-item-selected-disabled-trailing-supporting-text-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_menu-item-label-opacity: var(--md-comp-menus-vibrant-menu-item-selected-disabled-label-text-opacity);--_menu-item-leading-icon-opacity: var(--md-comp-menus-vibrant-menu-item-selected-disabled-leading-icon-opacity);--_menu-item-supporting-text-opacity: var(--md-comp-menus-vibrant-menu-item-selected-disabled-supporting-text-opacity);--_menu-item-trailing-icon-opacity: var(--md-comp-menus-vibrant-menu-item-selected-disabled-trailing-icon-opacity);--_menu-item-trailing-supporting-text-opacity: var(--md-comp-menus-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity)}.md-menu[data-variant=baseline] .md-menu-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_menu-item-label: var(--md-comp-menu-list-item-disabled-label-text-color);--_menu-item-label-opacity: var(--md-comp-menu-list-item-disabled-label-text-opacity);--_menu-item-leading-icon-color: var(--md-comp-menu-list-item-with-leading-icon-disabled-leading-icon-color);--_menu-item-leading-icon-opacity: var(--md-comp-menu-list-item-with-leading-icon-disabled-leading-icon-opacity);--_menu-item-trailing-icon-color: var(--md-comp-menu-list-item-with-trailing-icon-disabled-trailing-icon-color);--_menu-item-trailing-icon-opacity: var(--md-comp-menu-list-item-with-trailing-icon-disabled-trailing-icon-opacity)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button{--_menu-icon-container: var(--md-comp-menus-standard-icon-button-container-color);--_menu-icon-icon: var(--md-comp-menus-standard-icon-button-icon-color);--_menu-icon-pressed-state-color: var(--md-comp-menus-standard-icon-button-pressed-state-layer-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button{--_menu-icon-container: var(--md-comp-menus-vibrant-icon-button-container-color);--_menu-icon-icon: var(--md-comp-menus-vibrant-icon-button-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_menu-icon-container: var(--md-comp-menus-standard-icon-button-selected-container-color);--_menu-icon-icon: var(--md-comp-menus-standard-icon-button-selected-icon-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_menu-icon-container: var(--md-comp-menus-vibrant-icon-button-selected-container-color);--_menu-icon-icon: var(--md-comp-menus-vibrant-icon-button-selected-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_menu-icon-state-color: var(--md-comp-menus-standard-icon-button-hovered-state-layer-color);--_menu-icon-background-state-color: var(--md-comp-menus-standard-icon-button-hovered-state-layer-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_menu-icon-state-color: var(--md-comp-menus-vibrant-icon-button-hovered-state-layer-color);--_menu-icon-background-state-color: var(--md-comp-menus-vibrant-icon-button-hovered-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_menu-icon-state-color: var(--md-comp-menus-standard-icon-button-selected-hovered-state-layer-color);--_menu-icon-background-state-color: var(--md-comp-menus-standard-icon-button-selected-hovered-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_menu-icon-state-color: var(--md-comp-menus-standard-icon-button-focused-state-layer-color);--_menu-icon-background-state-color: var(--md-comp-menus-standard-icon-button-focused-state-layer-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_menu-icon-state-color: var(--md-comp-menus-vibrant-icon-button-focused-state-layer-color);--_menu-icon-background-state-color: var(--md-comp-menus-vibrant-icon-button-focused-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_menu-icon-state-color: var(--md-comp-menus-standard-icon-button-selected-focused-state-layer-color);--_menu-icon-background-state-color: var(--md-comp-menus-standard-icon-button-selected-focused-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_menu-icon-state-color: var(--md-comp-menus-standard-icon-button-pressed-state-layer-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_menu-icon-state-color: var(--md-comp-menus-vibrant-icon-button-pressed-state-layer-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button{--_menu-icon-pressed-state-color: var(--md-comp-menus-vibrant-icon-button-pressed-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_menu-icon-state-color: var(--md-comp-menus-standard-icon-button-selected-pressed-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_menu-icon-pressed-state-color: var(--md-comp-menus-standard-icon-button-selected-pressed-state-layer-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_menu-icon-icon: var(--md-comp-menus-standard-disabled-icon-button-icon-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_menu-icon-icon: var(--md-comp-menus-vibrant-icon-button-disabled-icon-color)}.md-menu:where(:not([data-variant=baseline])):not([data-variant=vibrant]) .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_menu-icon-icon: var(--md-comp-menus-standard-icon-button-disabled-icon-color)}.md-menu:where(:not([data-variant=baseline]))[data-variant=vibrant] .md-menu-icon-button:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_menu-icon-icon: var(--md-comp-menus-vibrant-icon-button-selected-disabled-icon-color)}.md-divider{--_divider-color: var(--md-comp-divider-color);--_divider-thickness: var(--md-comp-divider-thickness)}.md-card{font:inherit;text-align:start;color:var(--md-sys-color-on-surface);--_card-container-opacity: 1;--_card-outline-opacity: 1;--_card-outline-width: 0px;--_card-outline: transparent;--_card-state-opacity: 0;--_card-state-color: transparent;--_elevation-level: var(--_card-elevation);--_shadow-color: var(--_card-shadow);position:relative;isolation:isolate;background:color-mix(in srgb,var(--_card-container) calc(var(--_card-container-opacity) * 100%),transparent);border:var(--_card-outline-width) solid color-mix(in srgb,var(--_card-outline) calc(var(--_card-outline-opacity) * 100%),transparent);border-radius:var(--_card-shape);padding:var(--md-sys-measurement-space200)}.md-card>[data-slot=icon]{display:inline-flex;color:var(--_card-icon);width:var(--_card-icon-size);height:var(--_card-icon-size)}.md-card.md-interactive-card{--_card-background-state-color: transparent;--_card-background-state-opacity: 0;--_button-background-state-color: var(--_card-background-state-color);--_button-background-state-opacity: var(--_card-background-state-opacity);--_button-pressed-state-color: var(--_card-pressed-state-color);--_button-pressed-state-opacity: var(--_card-pressed-state-opacity);--_button-state-color: var(--_card-state-color);--_button-state-opacity: var(--_card-state-opacity);--_button-rest-shape: var(--_card-shape);--_button-pressed-shape: var(--_card-shape)}.md-card.md-interactive-card:focus-visible{outline:var(--_card-focus-width) solid var(--_card-focus-color);outline-offset:var(--_card-focus-offset)}.md-card.md-interactive-card[aria-disabled=true]{cursor:default}@media(prefers-reduced-motion:reduce){.md-card{transition:none}}@media(forced-colors:active){.md-card{border:1px solid ButtonText}}.md-elevated-card{--_card-container: var(--md-comp-elevated-card-container-color);--_card-elevation: var(--md-comp-elevated-card-container-elevation);--_card-shadow: var(--md-comp-elevated-card-container-shadow-color);--_card-shape: var(--md-comp-elevated-card-container-shape);--_card-focus-color: var(--md-comp-elevated-card-focus-indicator-color);--_card-focus-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset);--_card-focus-width: var(--md-comp-elevated-card-focus-indicator-thickness);--_card-icon: var(--md-comp-elevated-card-icon-color);--_card-icon-size: var(--md-comp-elevated-card-icon-size)}.md-filled-card{--_card-container: var(--md-comp-filled-card-container-color);--_card-elevation: var(--md-comp-filled-card-container-elevation);--_card-shadow: var(--md-comp-filled-card-container-shadow-color);--_card-shape: var(--md-comp-filled-card-container-shape);--_card-focus-color: var(--md-comp-filled-card-focus-indicator-color);--_card-focus-offset: var(--md-comp-filled-card-focus-indicator-outline-offset);--_card-focus-width: var(--md-comp-filled-card-focus-indicator-thickness);--_card-icon: var(--md-comp-filled-card-icon-color);--_card-icon-size: var(--md-comp-filled-card-icon-size)}.md-outlined-card{--_card-container: var(--md-comp-outlined-card-container-color);--_card-elevation: var(--md-comp-outlined-card-container-elevation);--_card-shadow: var(--md-comp-outlined-card-container-shadow-color);--_card-shape: var(--md-comp-outlined-card-container-shape);--_card-focus-color: var(--md-comp-outlined-card-focus-indicator-color);--_card-focus-offset: var(--md-comp-outlined-card-focus-indicator-outline-offset);--_card-focus-width: var(--md-comp-outlined-card-focus-indicator-thickness);--_card-icon: var(--md-comp-outlined-card-icon-color);--_card-icon-size: var(--md-comp-outlined-card-icon-size);--_card-outline: var(--md-comp-outlined-card-outline-color);--_card-outline-width: var(--md-comp-outlined-card-outline-width)}.md-elevated-card.md-interactive-card:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_card-elevation: var(--md-comp-elevated-card-hover-container-elevation);--_card-state-color: var(--md-comp-elevated-card-hover-state-layer-color);--_card-background-state-color: var(--md-comp-elevated-card-hover-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity)}.md-filled-card.md-interactive-card:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_card-elevation: var(--md-comp-filled-card-hover-container-elevation);--_card-state-color: var(--md-comp-filled-card-hover-state-layer-color);--_card-background-state-color: var(--md-comp-filled-card-hover-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity)}.md-outlined-card.md-interactive-card:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_card-elevation: var(--md-comp-outlined-card-hover-container-elevation);--_card-outline: var(--md-comp-outlined-card-hover-outline-color);--_card-state-color: var(--md-comp-outlined-card-hover-state-layer-color);--_card-background-state-color: var(--md-comp-outlined-card-hover-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity)}.md-elevated-card.md-interactive-card:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-elevated-card-focus-container-elevation);--_card-state-color: var(--md-comp-elevated-card-focus-state-layer-color);--_card-background-state-color: var(--md-comp-elevated-card-focus-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity)}.md-filled-card.md-interactive-card:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-filled-card-focus-container-elevation);--_card-state-color: var(--md-comp-filled-card-focus-state-layer-color);--_card-background-state-color: var(--md-comp-filled-card-focus-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity)}.md-outlined-card.md-interactive-card:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-outlined-card-focus-container-elevation);--_card-outline: var(--md-comp-outlined-card-focus-outline-color);--_card-state-color: var(--md-comp-outlined-card-focus-state-layer-color);--_card-background-state-color: var(--md-comp-outlined-card-focus-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity)}.md-elevated-card.md-interactive-card:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_card-elevation: var(--md-comp-elevated-card-pressed-container-elevation);--_card-state-color: var(--md-comp-elevated-card-pressed-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity)}.md-elevated-card.md-interactive-card{--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color);--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity)}.md-filled-card.md-interactive-card:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_card-elevation: var(--md-comp-filled-card-pressed-container-elevation);--_card-state-color: var(--md-comp-filled-card-pressed-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity)}.md-filled-card.md-interactive-card{--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color);--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity)}.md-outlined-card.md-interactive-card:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_card-elevation: var(--md-comp-outlined-card-pressed-container-elevation);--_card-outline: var(--md-comp-outlined-card-pressed-outline-color);--_card-state-color: var(--md-comp-outlined-card-pressed-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity)}.md-outlined-card.md-interactive-card{--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color);--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity)}.md-elevated-card.md-interactive-card:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-elevated-card-dragged-container-elevation);--_card-state-color: var(--md-comp-elevated-card-dragged-state-layer-color);--_card-background-state-color: var(--md-comp-elevated-card-dragged-state-layer-color);--_card-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity)}.md-filled-card.md-interactive-card:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-filled-card-dragged-container-elevation);--_card-state-color: var(--md-comp-filled-card-dragged-state-layer-color);--_card-background-state-color: var(--md-comp-filled-card-dragged-state-layer-color);--_card-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity)}.md-outlined-card.md-interactive-card:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-outlined-card-dragged-container-elevation);--_card-outline: var(--md-comp-outlined-card-dragged-outline-color);--_card-state-color: var(--md-comp-outlined-card-dragged-state-layer-color);--_card-background-state-color: var(--md-comp-outlined-card-dragged-state-layer-color);--_card-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity);--_card-background-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity)}.md-elevated-card.md-interactive-card:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_card-container: var(--md-comp-elevated-card-disabled-container-color);--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation);--_card-container-opacity: var(--md-comp-elevated-card-disabled-container-opacity)}.md-filled-card.md-interactive-card:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_card-container: var(--md-comp-filled-card-disabled-container-color);--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation);--_card-container-opacity: var(--md-comp-filled-card-disabled-container-opacity)}.md-outlined-card.md-interactive-card:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled)){--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation);--_card-outline: var(--md-comp-outlined-card-disabled-outline-color);--_card-outline-opacity: var(--md-comp-outlined-card-disabled-outline-opacity)}.md-checkbox{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;cursor:pointer}.md-checkbox{--_checkbox-container: transparent;--_checkbox-container-opacity: 1;--_checkbox-icon-opacity: 1;--_checkbox-state-color: transparent;--_checkbox-state-opacity: 0;width:var(--_checkbox-state-size);height:var(--_checkbox-state-size)}.md-checkbox>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:inherit;z-index:2}.md-checkbox:before{content:"";position:absolute;inset:0;border-radius:var(--_checkbox-state-shape);z-index:-1;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity);pointer-events:none}.md-checkbox>.md-checkbox-box{display:grid;place-items:center;box-sizing:border-box;width:var(--_checkbox-width);height:var(--_checkbox-height);border-radius:var(--_checkbox-shape);border:var(--_checkbox-outline-width) solid color-mix(in srgb,var(--_checkbox-outline, transparent) calc(var(--_checkbox-container-opacity) * 100%),transparent);background:color-mix(in srgb,var(--_checkbox-container) calc(var(--_checkbox-container-opacity) * 100%),transparent)}.md-checkbox>.md-checkbox-box>svg{display:none;width:var(--_checkbox-icon-size);height:var(--_checkbox-icon-size);color:color-mix(in srgb,var(--_checkbox-icon) calc(var(--_checkbox-icon-opacity) * 100%),transparent)}.md-checkbox:has(>input:checked)>.md-checkbox-box>.md-checkbox-check{display:block}.md-checkbox:has(>input:indeterminate)>.md-checkbox-box>.md-checkbox-check{display:none}.md-checkbox:has(>input:indeterminate)>.md-checkbox-box>.md-checkbox-dash{display:block}.md-checkbox:has(>input:focus-visible),.md-checkbox[data-component-state=focused]{outline:var(--_checkbox-focus-width) solid var(--_checkbox-focus-color);outline-offset:var(--_checkbox-focus-offset);border-radius:var(--md-sys-shape-corner-full)}.md-checkbox:has(>input:disabled){cursor:default}.md-checkbox-choice{display:inline-flex;align-items:center;gap:var(--md-sys-measurement-space100)}.md-checkbox-choice:has(input:disabled)>label:not(.md-checkbox){color:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-state-layer-opacity) * 100%),transparent)}@media(forced-colors:active){.md-checkbox-choice:has(input:disabled)>label:not(.md-checkbox){color:GrayText}.md-checkbox>input{appearance:auto;opacity:1;position:static;width:var(--md-sys-measurement-space300);height:var(--md-sys-measurement-space300)}.md-checkbox:before,.md-checkbox-box{display:none!important}}.md-checkbox{--_checkbox-background-state-color: transparent;--_checkbox-background-state-opacity: 0;--_button-background-state-color: var(--_checkbox-background-state-color);--_button-background-state-opacity: var(--_checkbox-background-state-opacity);--_button-pressed-state-color: var(--_checkbox-pressed-state-color);--_button-pressed-state-opacity: var(--_checkbox-pressed-state-opacity);--_button-rest-shape: var(--_checkbox-state-shape);--_button-pressed-shape: var(--_checkbox-state-shape)}.md-checkbox>.md-button-ripple{border-radius:var(--_checkbox-state-shape)}:root:not([data-feedback-ready]) .md-checkbox:before,:root .md-checkbox[data-component-state=pressed]:before{background:var(--_checkbox-state-color);opacity:var(--_checkbox-state-opacity)}@media(prefers-reduced-motion:reduce),(forced-colors:active){.md-checkbox:before{background:var(--_checkbox-state-color);opacity:var(--_checkbox-state-opacity)}}.md-checkbox{--_checkbox-height: var(--md-comp-checkbox-container-height);--_checkbox-shape: var(--md-comp-checkbox-container-shape);--_checkbox-size: var(--md-comp-checkbox-container-size);--_checkbox-width: var(--md-comp-checkbox-container-width);--_checkbox-focus-color: var(--md-comp-checkbox-focus-indicator-color);--_checkbox-focus-offset: var(--md-comp-checkbox-focus-indicator-outline-offset);--_checkbox-focus-width: var(--md-comp-checkbox-focus-indicator-thickness);--_checkbox-icon-size: var(--md-comp-checkbox-icon-size);--_checkbox-state-shape: var(--md-comp-checkbox-state-layer-shape);--_checkbox-state-size: var(--md-comp-checkbox-state-layer-size)}.md-checkbox:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_checkbox-container: var(--md-comp-checkbox-selected-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-outline-width)}.md-checkbox:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_checkbox-icon: var(--md-comp-checkbox-unselected-icon-color);--_checkbox-outline: var(--md-comp-checkbox-unselected-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-outline-width)}.md-checkbox:where([aria-invalid=true]):where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_checkbox-container: var(--md-comp-checkbox-selected-error-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-error-icon-color)}.md-checkbox:where([aria-invalid=true]):where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_checkbox-outline: var(--md-comp-checkbox-unselected-error-outline-color)}.md-checkbox:where([aria-invalid=true]):where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_checkbox-state-color: var(--md-comp-checkbox-error-hover-state-layer-color);--_checkbox-background-state-color: var(--md-comp-checkbox-error-hover-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-error-hover-state-layer-opacity);--_checkbox-background-state-opacity: var(--md-comp-checkbox-error-hover-state-layer-opacity)}.md-checkbox:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_checkbox-container: var(--md-comp-checkbox-selected-hover-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-hover-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-hover-outline-width);--_checkbox-state-color: var(--md-comp-checkbox-selected-hover-state-layer-color);--_checkbox-background-state-color: var(--md-comp-checkbox-selected-hover-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-selected-hover-state-layer-opacity);--_checkbox-background-state-opacity: var(--md-comp-checkbox-selected-hover-state-layer-opacity)}.md-checkbox:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_checkbox-icon: var(--md-comp-checkbox-unselected-hover-icon-color);--_checkbox-outline: var(--md-comp-checkbox-unselected-hover-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-hover-outline-width);--_checkbox-state-color: var(--md-comp-checkbox-unselected-hover-state-layer-color);--_checkbox-background-state-color: var(--md-comp-checkbox-unselected-hover-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-unselected-hover-state-layer-opacity);--_checkbox-background-state-opacity: var(--md-comp-checkbox-unselected-hover-state-layer-opacity)}.md-checkbox:where([aria-invalid=true]):where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_checkbox-container: var(--md-comp-checkbox-selected-error-hover-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-error-hover-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-error-hover-outline-width)}.md-checkbox:where([aria-invalid=true]):where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_checkbox-outline: var(--md-comp-checkbox-unselected-error-hover-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-error-hover-outline-width)}.md-checkbox:where([aria-invalid=true]):where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_checkbox-state-color: var(--md-comp-checkbox-error-focus-state-layer-color);--_checkbox-background-state-color: var(--md-comp-checkbox-error-focus-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-error-focus-state-layer-opacity);--_checkbox-background-state-opacity: var(--md-comp-checkbox-error-focus-state-layer-opacity)}.md-checkbox:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_checkbox-container: var(--md-comp-checkbox-selected-focus-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-focus-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-focus-outline-width);--_checkbox-state-color: var(--md-comp-checkbox-selected-focus-state-layer-color);--_checkbox-background-state-color: var(--md-comp-checkbox-selected-focus-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-selected-focus-state-layer-opacity);--_checkbox-background-state-opacity: var(--md-comp-checkbox-selected-focus-state-layer-opacity)}.md-checkbox:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_checkbox-icon: var(--md-comp-checkbox-unselected-focus-icon-color);--_checkbox-outline: var(--md-comp-checkbox-unselected-focus-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-focus-outline-width);--_checkbox-state-color: var(--md-comp-checkbox-unselected-focus-state-layer-color);--_checkbox-background-state-color: var(--md-comp-checkbox-unselected-focus-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-unselected-focus-state-layer-opacity);--_checkbox-background-state-opacity: var(--md-comp-checkbox-unselected-focus-state-layer-opacity)}.md-checkbox:where([aria-invalid=true]):where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_checkbox-container: var(--md-comp-checkbox-selected-error-focus-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-error-focus-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-error-focus-outline-width)}.md-checkbox:where([aria-invalid=true]):where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_checkbox-outline: var(--md-comp-checkbox-unselected-error-focus-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-error-focus-outline-width)}.md-checkbox:where([aria-invalid=true]):where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_checkbox-state-color: var(--md-comp-checkbox-error-pressed-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-error-pressed-state-layer-opacity)}.md-checkbox:where([aria-invalid=true]){--_checkbox-pressed-state-color: var(--md-comp-checkbox-error-pressed-state-layer-color);--_checkbox-pressed-state-opacity: var(--md-comp-checkbox-error-pressed-state-layer-opacity)}.md-checkbox:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_checkbox-container: var(--md-comp-checkbox-selected-pressed-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-pressed-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-pressed-outline-width);--_checkbox-state-color: var(--md-comp-checkbox-selected-pressed-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-selected-pressed-state-layer-opacity)}.md-checkbox:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_checkbox-pressed-state-color: var(--md-comp-checkbox-selected-pressed-state-layer-color);--_checkbox-pressed-state-opacity: var(--md-comp-checkbox-selected-pressed-state-layer-opacity)}.md-checkbox:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_checkbox-icon: var(--md-comp-checkbox-unselected-pressed-icon-color);--_checkbox-outline: var(--md-comp-checkbox-unselected-pressed-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-pressed-outline-width);--_checkbox-state-color: var(--md-comp-checkbox-unselected-pressed-state-layer-color);--_checkbox-state-opacity: var(--md-comp-checkbox-unselected-pressed-state-layer-opacity)}.md-checkbox:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_checkbox-pressed-state-color: var(--md-comp-checkbox-unselected-pressed-state-layer-color);--_checkbox-pressed-state-opacity: var(--md-comp-checkbox-unselected-pressed-state-layer-opacity)}.md-checkbox:where([aria-invalid=true]):where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_checkbox-container: var(--md-comp-checkbox-selected-error-pressed-container-color);--_checkbox-icon: var(--md-comp-checkbox-selected-error-pressed-icon-color);--_checkbox-outline-width: var(--md-comp-checkbox-selected-error-pressed-outline-width)}.md-checkbox:where([aria-invalid=true]):where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_checkbox-outline: var(--md-comp-checkbox-unselected-error-pressed-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-error-pressed-outline-width)}.md-checkbox:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_checkbox-icon: var(--md-comp-checkbox-disabled-selected-icon-color);--_checkbox-icon-opacity: var(--md-comp-checkbox-disabled-selected-icon-opacity);--_checkbox-container: var(--md-comp-checkbox-selected-disabled-container-color);--_checkbox-container-opacity: var(--md-comp-checkbox-selected-disabled-container-opacity);--_checkbox-outline-width: var(--md-comp-checkbox-selected-disabled-container-outline-width)}.md-checkbox:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_checkbox-icon: var(--md-comp-checkbox-disabled-unselected-icon-color);--_checkbox-icon-opacity: var(--md-comp-checkbox-disabled-unselected-icon-opacity)}.md-checkbox:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_checkbox-icon: var(--md-comp-checkbox-selected-disabled-icon-color)}.md-checkbox:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_checkbox-container-opacity: var(--md-comp-checkbox-unselected-disabled-container-opacity);--_checkbox-outline: var(--md-comp-checkbox-unselected-disabled-outline-color);--_checkbox-outline-width: var(--md-comp-checkbox-unselected-disabled-outline-width)}.md-snackbar{--_elevation-level: var(--_snackbar-elevation);--_shadow-color: var(--_snackbar-shadow);display:flex;align-items:center;gap:var(--md-sys-measurement-space100);min-height:var(--_snackbar-height);width:max-content;max-width:100%;box-sizing:border-box;margin:0;border:0;border-radius:var(--_snackbar-shape);background:var(--_snackbar-container);padding-inline:var(--md-sys-measurement-space200) var(--md-sys-measurement-space100)}.md-snackbar>.md-feedback-text{white-space:nowrap;color:var(--_snackbar-supporting-text-color);font-family:var(--_snackbar-supporting-text-font-family);font-size:var(--_snackbar-supporting-text-font-size);font-weight:var(--_snackbar-supporting-text-font-weight);line-height:var(--_snackbar-supporting-text-line-height);letter-spacing:var(--_snackbar-supporting-text-tracking)}.md-button.md-feedback-action{--_button-label: var(--_support-action-label);--_button-font: var(--_support-action-font-weight) var(--_support-action-font-size) / var(--_support-action-line-height) var(--_support-action-font-family);--_button-letter-spacing: var(--_support-action-tracking);--_button-state-color: var(--_support-action-state-color, transparent);--_button-state-opacity: var(--_support-action-state-opacity, 0);--_button-background-state-color: var( --_support-action-background-state-color, transparent );--_button-background-state-opacity: var( --_support-action-background-state-opacity, 0 );--_button-pressed-state-color: var(--_support-action-pressed-state-color);--_button-pressed-state-opacity: var(--_support-action-pressed-state-opacity)}.md-snackbar .md-snackbar-close.md-icon-button{--_icon-icon: var(--_support-icon-icon, var(--_snackbar-icon));--_icon-icon-size: var(--_snackbar-icon-size)}.md-snackbar .md-snackbar-close{--_button-state-color: var(--_support-icon-state-color, transparent);--_button-state-opacity: var(--_support-icon-state-opacity, 0);--_button-background-state-color: var( --_support-icon-background-state-color, transparent );--_button-background-state-opacity: var( --_support-icon-background-state-opacity, 0 );--_button-pressed-state-color: var(--_support-icon-pressed-state-color);--_button-pressed-state-opacity: var(--_support-icon-pressed-state-opacity)}.md-snackbar[popover]{inset:auto;bottom:calc(var(--md-sys-measurement-space200) + env(safe-area-inset-bottom,0px) + var(--_snackbar-avoid-offset, 0px));left:50%;transform:translate(-50%);max-width:calc(100% - var(--md-sys-measurement-space400))}.md-snackbar[popover]:not(:popover-open){display:none}.md-tooltip{--_elevation-level: var(--_tooltip-elevation, 0);--_shadow-color: var(--_tooltip-shadow, transparent);box-sizing:border-box;margin:0;border:0;border-radius:var(--_tooltip-shape);background:var(--_tooltip-container);padding:var(--md-sys-measurement-space150) var(--md-sys-measurement-space200) var(--md-sys-measurement-space100);width:max-content;max-width:min(24rem,calc(100vw - 16px));text-align:start}.md-tooltip[data-variant=plain]{min-block-size:var(--md-sys-measurement-space300);padding:var(--md-sys-measurement-space50) var(--md-sys-measurement-space100)}.md-tooltip>p{margin:0;color:var(--_tooltip-supporting-text-color);font-family:var(--_tooltip-supporting-text-font-family);font-size:var(--_tooltip-supporting-text-font-size);font-weight:var(--_tooltip-supporting-text-font-weight);line-height:var(--_tooltip-supporting-text-line-height);letter-spacing:var(--_tooltip-supporting-text-tracking)}.md-tooltip>h3{margin:0 0 var(--md-sys-measurement-space50);color:var(--_tooltip-subhead-color);font-family:var(--_tooltip-subhead-font-family);font-size:var(--_tooltip-subhead-font-size);font-weight:var(--_tooltip-subhead-font-weight);line-height:var(--_tooltip-subhead-line-height);letter-spacing:var(--_tooltip-subhead-tracking)}.md-tooltip[data-variant=rich]>.md-feedback-action{margin-block-start:var(--md-sys-measurement-space150);margin-inline-start:calc(-1 * var(--_button-leading))}.md-tooltip-demo{anchor-scope:--tooltip-trigger;position:relative;display:inline-flex}.md-tooltip-demo>.md-tooltip[data-variant=plain]{position:absolute;top:auto;bottom:calc(100% + var(--_tooltip-parent-gap, var(--md-sys-measurement-space50)));left:50%;transform:translate(-50%);z-index:20;visibility:hidden}.md-tooltip-demo:has(>.md-standard-icon-button)>.md-tooltip[data-variant=plain]{--_tooltip-parent-gap: var(--md-sys-measurement-space100)}.md-app-bar .md-tooltip-demo>.md-tooltip[data-variant=plain]{bottom:auto;top:calc(100% + var(--_tooltip-parent-gap, var(--md-sys-measurement-space50)))}.md-tooltip-demo:is([data-tooltip-visible],:not([data-tooltip-managed]):is(:hover,:focus-within)):not([data-tooltip-dismissed])>.md-tooltip[data-variant=plain]{visibility:visible}.md-tooltip[data-variant=rich][popover]{max-inline-size:min(24rem,calc(100% - 16px));inset:auto;position-anchor:--tooltip-trigger;top:anchor(bottom);left:anchor(right);margin-block:var(--md-sys-measurement-space100)}@supports not (top: anchor(bottom)){.md-tooltip[data-variant=rich][popover]{top:0;left:0;visibility:hidden}.md-tooltip[data-variant=rich][popover][data-positioned]{visibility:visible}}.md-tooltip-demo>button{anchor-name:--tooltip-trigger}@media(forced-colors:active){.md-tooltip,.md-snackbar,.md-badge{border:1px solid CanvasText}}.md-feedback-action[data-component-state=focused],.md-snackbar-close[data-component-state=focused],.md-feedback-action:focus-visible,.md-snackbar-close:focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid currentColor;outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}.md-snackbar>.md-feedback-text{min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.md-snackbar>:is(button,.md-button){flex:none}@media(max-width:599px){.md-snackbar{min-block-size:var(--md-sys-measurement-space800)}}@media(min-width:600px){.md-snackbar>.md-feedback-text{max-inline-size:60ch}}.md-snackbar{--_snackbar-container: var(--md-comp-snackbar-container-color);--_snackbar-elevation: var(--md-comp-snackbar-container-elevation);--_snackbar-shadow: var(--md-comp-snackbar-container-shadow-color);--_snackbar-shape: var(--md-comp-snackbar-container-shape);--_snackbar-icon: var(--md-comp-snackbar-icon-color);--_snackbar-icon-size: var(--md-comp-snackbar-icon-size);--_snackbar-supporting-text-color: var(--md-comp-snackbar-supporting-text-color);--_snackbar-supporting-text-font-family: var(--md-comp-snackbar-supporting-text-font);--_snackbar-supporting-text-line-height: var(--md-comp-snackbar-supporting-text-line-height);--_snackbar-supporting-text-font-size: var(--md-comp-snackbar-supporting-text-size);--_snackbar-supporting-text-tracking: var(--md-comp-snackbar-supporting-text-tracking);--_snackbar-supporting-text-font-weight: var(--md-comp-snackbar-supporting-text-weight)}.md-snackbar:where([data-variant=single-line]){--_snackbar-height: var(--md-comp-snackbar-with-single-line-container-height)}.md-snackbar:where([data-variant=two-lines]){--_snackbar-height: var(--md-comp-snackbar-with-two-lines-container-height)}.md-tooltip:where([data-variant=plain]){--_tooltip-container: var(--md-comp-plain-tooltip-container-color);--_tooltip-shape: var(--md-comp-plain-tooltip-container-shape);--_tooltip-supporting-text-color: var(--md-comp-plain-tooltip-supporting-text-color);--_tooltip-supporting-text-font-family: var(--md-comp-plain-tooltip-supporting-text-font);--_tooltip-supporting-text-line-height: var(--md-comp-plain-tooltip-supporting-text-line-height);--_tooltip-supporting-text-font-size: var(--md-comp-plain-tooltip-supporting-text-size);--_tooltip-supporting-text-tracking: var(--md-comp-plain-tooltip-supporting-text-tracking);--_tooltip-supporting-text-font-weight: var(--md-comp-plain-tooltip-supporting-text-weight)}.md-tooltip:where([data-variant=rich]){--_tooltip-container: var(--md-comp-rich-tooltip-container-color);--_tooltip-elevation: var(--md-comp-rich-tooltip-container-elevation);--_tooltip-shadow: var(--md-comp-rich-tooltip-container-shadow-color);--_tooltip-shape: var(--md-comp-rich-tooltip-container-shape);--_tooltip-subhead-color: var(--md-comp-rich-tooltip-subhead-color);--_tooltip-subhead-font-family: var(--md-comp-rich-tooltip-subhead-font);--_tooltip-subhead-line-height: var(--md-comp-rich-tooltip-subhead-line-height);--_tooltip-subhead-font-size: var(--md-comp-rich-tooltip-subhead-size);--_tooltip-subhead-tracking: var(--md-comp-rich-tooltip-subhead-tracking);--_tooltip-subhead-font-weight: var(--md-comp-rich-tooltip-subhead-weight);--_tooltip-supporting-text-color: var(--md-comp-rich-tooltip-supporting-text-color);--_tooltip-supporting-text-font-family: var(--md-comp-rich-tooltip-supporting-text-font);--_tooltip-supporting-text-line-height: var(--md-comp-rich-tooltip-supporting-text-line-height);--_tooltip-supporting-text-font-size: var(--md-comp-rich-tooltip-supporting-text-size);--_tooltip-supporting-text-tracking: var(--md-comp-rich-tooltip-supporting-text-tracking);--_tooltip-supporting-text-font-weight: var(--md-comp-rich-tooltip-supporting-text-weight)}.md-tooltip:where([data-variant=rich]) .md-feedback-action{--_support-action-label: var(--md-comp-rich-tooltip-action-label-text-color);--_support-action-font-family: var(--md-comp-rich-tooltip-action-label-text-font);--_support-action-line-height: var(--md-comp-rich-tooltip-action-label-text-line-height);--_support-action-font-size: var(--md-comp-rich-tooltip-action-label-text-size);--_support-action-tracking: var(--md-comp-rich-tooltip-action-label-text-tracking);--_support-action-font-weight: var(--md-comp-rich-tooltip-action-label-text-weight);--_support-action-pressed-state-color: var(--md-comp-rich-tooltip-action-pressed-state-layer-color);--_support-action-pressed-state-opacity: var(--md-comp-rich-tooltip-action-pressed-state-layer-opacity)}.md-snackbar .md-feedback-action{--_support-action-label: var(--md-comp-snackbar-action-label-text-color);--_support-action-font-family: var(--md-comp-snackbar-action-label-text-font);--_support-action-line-height: var(--md-comp-snackbar-action-label-text-line-height);--_support-action-font-size: var(--md-comp-snackbar-action-label-text-size);--_support-action-tracking: var(--md-comp-snackbar-action-label-text-tracking);--_support-action-font-weight: var(--md-comp-snackbar-action-label-text-weight)}.md-tooltip:where([data-variant=rich]) .md-feedback-action:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_support-action-label: var(--md-comp-rich-tooltip-action-hover-label-text-color);--_support-action-state-color: var(--md-comp-rich-tooltip-action-hover-state-layer-color);--_support-action-background-state-color: var(--md-comp-rich-tooltip-action-hover-state-layer-color);--_support-action-state-opacity: var(--md-comp-rich-tooltip-action-hover-state-layer-opacity);--_support-action-background-state-opacity: var(--md-comp-rich-tooltip-action-hover-state-layer-opacity)}.md-snackbar .md-feedback-action:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_support-action-label: var(--md-comp-snackbar-action-hover-label-text-color);--_support-action-state-color: var(--md-comp-snackbar-action-hover-state-layer-color);--_support-action-background-state-color: var(--md-comp-snackbar-action-hover-state-layer-color);--_support-action-state-opacity: var(--md-comp-snackbar-action-hover-state-layer-opacity);--_support-action-background-state-opacity: var(--md-comp-snackbar-action-hover-state-layer-opacity)}.md-tooltip:where([data-variant=rich]) .md-feedback-action:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_support-action-label: var(--md-comp-rich-tooltip-action-focus-label-text-color);--_support-action-state-color: var(--md-comp-rich-tooltip-action-focus-state-layer-color);--_support-action-background-state-color: var(--md-comp-rich-tooltip-action-focus-state-layer-color);--_support-action-state-opacity: var(--md-comp-rich-tooltip-action-focus-state-layer-opacity);--_support-action-background-state-opacity: var(--md-comp-rich-tooltip-action-focus-state-layer-opacity)}.md-snackbar .md-feedback-action:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_support-action-label: var(--md-comp-snackbar-action-focus-label-text-color);--_support-action-state-color: var(--md-comp-snackbar-action-focus-state-layer-color);--_support-action-background-state-color: var(--md-comp-snackbar-action-focus-state-layer-color);--_support-action-state-opacity: var(--md-comp-snackbar-action-focus-state-layer-opacity);--_support-action-background-state-opacity: var(--md-comp-snackbar-action-focus-state-layer-opacity)}.md-tooltip:where([data-variant=rich]) .md-feedback-action:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_support-action-label: var(--md-comp-rich-tooltip-action-pressed-label-text-color);--_support-action-state-color: var(--md-comp-rich-tooltip-action-pressed-state-layer-color);--_support-action-state-opacity: var(--md-comp-rich-tooltip-action-pressed-state-layer-opacity)}.md-snackbar .md-feedback-action:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_support-action-label: var(--md-comp-snackbar-action-pressed-label-text-color);--_support-action-state-color: var(--md-comp-snackbar-action-pressed-state-layer-color);--_support-action-state-opacity: var(--md-comp-snackbar-action-pressed-state-layer-opacity)}.md-snackbar .md-feedback-action{--_support-action-pressed-state-color: var(--md-comp-snackbar-action-pressed-state-layer-color);--_support-action-pressed-state-opacity: var(--md-comp-snackbar-action-pressed-state-layer-opacity)}.md-snackbar .md-snackbar-close:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_support-icon-icon: var(--md-comp-snackbar-icon-hover-icon-color);--_support-icon-state-color: var(--md-comp-snackbar-icon-hover-state-layer-color);--_support-icon-background-state-color: var(--md-comp-snackbar-icon-hover-state-layer-color);--_support-icon-state-opacity: var(--md-comp-snackbar-icon-hover-state-layer-opacity);--_support-icon-background-state-opacity: var(--md-comp-snackbar-icon-hover-state-layer-opacity)}.md-snackbar .md-snackbar-close:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_support-icon-icon: var(--md-comp-snackbar-icon-focus-icon-color);--_support-icon-state-color: var(--md-comp-snackbar-icon-focus-state-layer-color);--_support-icon-background-state-color: var(--md-comp-snackbar-icon-focus-state-layer-color);--_support-icon-state-opacity: var(--md-comp-snackbar-icon-focus-state-layer-opacity);--_support-icon-background-state-opacity: var(--md-comp-snackbar-icon-focus-state-layer-opacity)}.md-snackbar .md-snackbar-close:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_support-icon-icon: var(--md-comp-snackbar-icon-pressed-icon-color);--_support-icon-state-color: var(--md-comp-snackbar-icon-pressed-state-layer-color);--_support-icon-state-opacity: var(--md-comp-snackbar-icon-pressed-state-layer-opacity)}.md-snackbar .md-snackbar-close{--_support-icon-pressed-state-color: var(--md-comp-snackbar-icon-pressed-state-layer-color);--_support-icon-pressed-state-opacity: var(--md-comp-snackbar-icon-pressed-state-layer-opacity)}.md-navigation{--_elevation-level: var(--_nav-elevation, 0);--_shadow-color: var(--_nav-shadow, var(--md-sys-color-shadow));box-sizing:border-box;margin:0;border:0;border-radius:var(--_nav-shape);background:var(--_nav-container);color:var(--md-sys-color-on-surface)}.md-nav-items{display:flex;gap:var(--_nav-gap, 0px)}.md-navigation-bar{height:var(--_nav-height);width:100%}.md-navigation-bar>.md-nav-items{height:100%}.md-navigation-rail{width:var(--_nav-width, max-content);min-width:var(--_nav-min-width, 0px);max-width:var(--_nav-max-width, 100%);padding-block:var(--_nav-top) var(--_nav-end-padding, 0px)}.md-navigation-rail>header{display:flex;justify-content:center;margin-bottom:var(--_nav-header-gap)}.md-navigation-rail>.md-nav-items,.md-navigation-drawer>.md-nav-items{flex-direction:column}.md-nav-item{--_nav-item-state-color: transparent;--_nav-item-state-opacity: 0;--_nav-item-background-state-color: transparent;--_nav-item-background-state-opacity: 0;--_nav-item-pressed-state-opacity: var( --md-sys-state-pressed-state-layer-opacity );--_button-rest-shape: var( --_nav-item-indicator-shape, var(--_nav-indicator-shape) );--_button-pressed-shape: var(--_button-rest-shape);--_button-state-color: var(--_nav-item-state-color);--_button-state-opacity: var(--_nav-item-state-opacity);--_button-background-state-color: var(--_nav-item-background-state-color);--_button-background-state-opacity: var(--_nav-item-background-state-opacity);--_button-pressed-state-color: var(--_nav-item-pressed-state-color);--_button-pressed-state-opacity: var(--_nav-item-pressed-state-opacity);position:relative;display:flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;min-width:0;min-height:var(--_nav-item-height, var(--_nav-height));padding:0 var(--_nav-item-outer-trailing, 0px) 0 var(--_nav-item-outer-leading, 0px);border:0;border-radius:var(--_nav-item-shape, 0px);background:transparent;color:var(--_nav-item-label);letter-spacing:var(--_nav-item-tracking);cursor:pointer}.md-navigation:where(:not(.md-navigation-drawer)) .md-nav-item{font:var(--_nav-item-font);letter-spacing:var(--_nav-item-tracking)}.md-nav-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:var(--_nav-item-indicator-gap, var(--md-sys-measurement-space150));box-sizing:border-box;width:var(--_nav-item-indicator-width, 100%);height:var(--_nav-item-indicator-height, var(--_nav-indicator-height));padding-inline:var(--_nav-item-leading, var(--md-sys-measurement-space200)) var(--_nav-item-trailing, var(--md-sys-measurement-space200));border-radius:var(--_nav-item-indicator-shape, var(--_nav-indicator-shape))}.md-nav-item[aria-current=page]>.md-nav-indicator{background:var(--_nav-item-indicator, var(--_nav-indicator))}.md-nav-indicator>svg{flex:none;width:var(--_nav-item-icon-size);height:var(--_nav-item-icon-size);color:var(--_nav-item-icon)}.md-nav-label{white-space:nowrap}.md-nav-indicator:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity);pointer-events:none;transition:opacity 15ms linear,background-color 15ms linear}.md-navigation:where(:not(.md-navigation-drawer)) .md-nav-item:where(:hover,[data-component-state=hovered]):not([data-touch]){--_nav-item-state-opacity: var(--md-sys-state-hover-state-layer-opacity);--_nav-item-background-state-opacity: var( --md-sys-state-hover-state-layer-opacity )}.md-navigation:where(:not(.md-navigation-drawer)) .md-nav-item:where(:focus-visible,[data-component-state=focused]){--_nav-item-state-opacity: var(--md-sys-state-focus-state-layer-opacity);--_nav-item-background-state-opacity: var( --md-sys-state-focus-state-layer-opacity )}.md-navigation:where(:not(.md-navigation-drawer)) .md-nav-item:where(:active,[data-pressed],[data-component-state=pressed]){--_nav-item-state-opacity: var(--md-sys-state-pressed-state-layer-opacity)}.md-nav-item[data-component-state=pressed]{--_button-background-state-color: var(--_button-state-color);--_button-background-state-opacity: var(--_button-state-opacity)}.md-nav-item:is(:focus-visible,[data-component-state=focused])>.md-nav-indicator{outline:var( --_nav-item-focus-width, var(--md-sys-state-focus-indicator-thickness) ) solid var(--_nav-item-focus-color, currentColor);outline-offset:var( --_nav-item-focus-offset, var(--md-sys-state-focus-indicator-outer-offset) )}.md-nav-item:focus-visible{outline:none}.md-navigation[data-orientation=vertical] .md-nav-item{padding-inline:0}.md-navigation[data-orientation=vertical] .md-nav-indicator{padding:0;transform:translateY(calc((var(--_nav-item-label-gap) + 1lh) / -2))}.md-navigation[data-orientation=vertical] .md-nav-label{position:absolute;left:50%;top:calc(100% + var(--_nav-item-label-gap));transform:translate(-50%)}.md-navigation-drawer{display:flex;flex-direction:column;box-sizing:border-box;block-size:var(--_nav-height);max-block-size:100dvh;width:var(--_nav-width);max-width:100%;padding:var(--md-sys-measurement-space200) calc((var(--_nav-width) - var(--_nav-indicator-width)) / 2)}.md-navigation-drawer .md-nav-item{min-height:var(--_nav-indicator-height);font-family:var(--_nav-item-font-family);font-size:var(--_nav-item-font-size);font-weight:var(--_nav-item-font-weight);line-height:var(--_nav-item-line-height)}.md-navigation-drawer .md-nav-indicator{width:var(--_nav-indicator-width);max-width:100%;justify-content:start}.md-navigation-drawer h3{margin:0;padding:var(--md-sys-measurement-space200);color:var(--_nav-headline-color);font-family:var(--_nav-headline-font-family);font-size:var(--_nav-headline-font-size);font-weight:var(--_nav-headline-font-weight);line-height:var(--_nav-headline-line-height);letter-spacing:var(--_nav-headline-tracking)}.md-nav-count{margin-left:auto;color:var(--_nav-item-large-badge-label-color);font-family:var(--_nav-item-large-badge-label-font-family);font-size:var(--_nav-item-large-badge-label-font-size);font-weight:var(--_nav-item-large-badge-label-font-weight);line-height:var(--_nav-item-large-badge-label-line-height);letter-spacing:var(--_nav-item-large-badge-label-tracking)}.md-navigation-drawer hr{align-self:stretch;flex:none;margin-inline:0;border:0;border-top:var(--md-comp-divider-thickness) solid var(--_nav-divider);margin-block:var(--md-sys-measurement-space100)}.md-navigation[data-navigation-modal]{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;height:100dvh;max-height:100dvh;overflow:hidden;touch-action:pan-y}.md-navigation[data-navigation-modal]:not([open]){display:none}.md-navigation[data-navigation-modal]::backdrop{background:color-mix(in srgb,var(--_nav-scrim, var(--md-ref-palette-neutral0)) calc(var(--_nav-scrim-opacity, .32) * 100%),transparent)}@media(prefers-reduced-motion:reduce){.md-nav-indicator:before{transition:none}}@media(forced-colors:active){.md-nav-item[aria-current=page]>.md-nav-indicator{outline:1px solid Highlight}.md-nav-indicator:before{display:none}}.md-navigation-drawer>.md-nav-items{min-block-size:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;flex:1}.md-navigation-drawer .md-nav-item{flex:none}.md-navigation-bar{min-block-size:var(--_nav-height);block-size:auto}.md-navigation-bar>.md-nav-items{min-block-size:inherit;block-size:auto}.md-navigation-bar[data-orientation=vertical] .md-nav-item{--_nav-label-height: 1lh;--_nav-text-padding: max(0px, calc((var(--_nav-height) - var(--_nav-item-indicator-height, var(--_nav-indicator-height)) - var(--md-sys-typescale-label-medium-line-height) - var(--_nav-item-label-gap)) / 2));container-type:inline-size;min-block-size:max(var(--_nav-height),calc(var(--_nav-item-indicator-height, var(--_nav-indicator-height)) + var(--_nav-label-height) + var(--_nav-item-label-gap) + 2 * var(--_nav-text-padding)))}.md-navigation-bar[data-orientation=vertical] .md-nav-indicator{transform:translateY(calc((var(--_nav-item-label-gap) + var(--_nav-label-height)) / -2))}.md-navigation-bar .md-nav-label{white-space:normal;text-align:center;-webkit-hyphens:auto;hyphens:auto}.md-navigation-bar[data-orientation=vertical] .md-nav-label{inline-size:max-content;max-inline-size:calc(100cqw - 2 * var(--md-sys-measurement-space100))}.md-navigation-bar[data-orientation=horizontal]>.md-nav-items{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;inline-size:max-content;max-inline-size:100%;margin-inline:auto}.md-navigation-bar[data-orientation=horizontal] .md-nav-indicator{min-block-size:var(--_nav-item-indicator-height, var(--_nav-indicator-height));block-size:auto}.md-navigation-header{display:flex;align-items:center;flex:none}.md-navigation-header>h3{flex:1;min-inline-size:0}.md-navigation-drawer a.md-nav-item{text-decoration:none}:root:has(dialog[data-navigation-modal]:modal){overflow:hidden}.md-nav-icon{position:relative;display:block;flex:none;inline-size:var(--_nav-item-icon-size);block-size:var(--_nav-item-icon-size)}.md-nav-icon>svg{display:block;inline-size:100%;block-size:100%;color:var(--_nav-item-icon)}.md-nav-icon>svg:last-of-type{display:none}.md-nav-item[aria-current=page] .md-nav-icon>svg:first-of-type{display:none}.md-nav-item[aria-current=page] .md-nav-icon>svg:last-of-type{display:block}.md-rail-frame{--_rail-content-width: 0px;--_rail-rest-width: var(--md-comp-nav-rail-collapsed-container-width);position:relative;isolation:isolate;display:flex;inline-size:100%;block-size:40rem;max-inline-size:100%;overflow:clip;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:var(--md-comp-divider-thickness) solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium)}.md-rail-frame[data-width=narrow]{--_rail-rest-width: var(--md-comp-nav-rail-collapsed-narrow-container-width)}.md-navigation-slot{flex:none;min-inline-size:0;block-size:100%}.md-navigation-surface{block-size:100%}.md-navigation-surface[hidden]{display:none}.md-rail-frame .md-navigation-rail{display:flex;flex-direction:column;block-size:100%;min-block-size:0;overflow:auto}.md-navigation-rail>header{flex:none;flex-direction:column;align-items:flex-start;padding-inline:calc((var(--_rail-rest-width) - var(--md-comp-fab-container-width)) / 2);gap:var(--md-sys-measurement-space100)}.md-navigation-rail[data-variant=expanded]>header{align-items:flex-start;padding-inline:var( --md-comp-nav-rail-item-horizontal-full-width-leading-space )}.md-navigation-rail[data-variant=expanded] .md-rail-menu{margin-inline-start:calc((var(--md-comp-fab-container-width) - var(--md-comp-icon-button-small-container-height)) / 2)}.md-navigation-rail .md-nav-items{flex:none;inline-size:100%}.md-navigation-rail .md-nav-item{--_nav-label-height: 1lh;--_nav-item-label-gap: var(--_nav-item-indicator-gap);flex:none;inline-size:100%}.md-navigation-rail :where(.md-nav-icon,.md-nav-label,.md-nav-fab>span:not(.md-button-ripple)){position:relative}.md-navigation-rail .md-nav-label{white-space:normal;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}.md-navigation-rail[data-orientation=horizontal] .md-nav-item{justify-content:flex-start}.md-navigation-rail[data-orientation=horizontal] .md-nav-indicator{inline-size:max-content;max-inline-size:100%;min-block-size:var(--_nav-item-indicator-height);block-size:auto}.md-navigation-rail[data-orientation=horizontal] .md-nav-label{min-inline-size:0;color:var(--_nav-item-icon)}.md-navigation-rail[data-orientation=vertical] .md-nav-item{min-block-size:var(--_nav-item-height);block-size:max(var(--_nav-item-height),calc(var(--_nav-item-indicator-height) + var(--_nav-item-label-gap) + var(--_nav-label-height) + 2 * var(--_nav-item-vertical-padding)));padding-block:var(--_nav-item-vertical-padding)}.md-navigation-rail[data-orientation=vertical] .md-nav-indicator{transform:translateY(calc((var(--_nav-item-label-gap) + var(--_nav-label-height)) / -2))}.md-navigation-rail[data-orientation=vertical] .md-nav-label{inline-size:max-content;max-inline-size:calc(var(--_rail-rest-width) - 2 * var(--md-sys-measurement-space200))}.md-navigation-rail[data-variant=collapsed] :is([data-navigation-secondary],.md-nav-section){display:none}.md-nav-section{margin:var(--md-sys-measurement-space150) 0 var(--md-sys-measurement-space100);padding-inline:calc(var(--md-comp-nav-rail-item-horizontal-full-width-leading-space) + var(--md-comp-nav-rail-item-active-indicator-leading-space));font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);color:var(--md-sys-color-on-surface-variant)}.md-navigation-rail .md-nav-fab{--_elevation-level: var(--md-sys-elevation-level0);justify-content:flex-start}.md-navigation-rail .md-nav-fab.md-fab{padding-inline:calc((var(--_fab-width) - var(--_button-icon-size)) / 2)}.md-navigation-rail[data-variant=collapsed] .md-rail-menu{margin-inline-start:calc((var(--md-comp-fab-container-width) - var(--md-comp-icon-button-small-container-height)) / 2)}.md-navigation-rail[data-variant=expanded][data-indicator=fill] .md-nav-indicator{inline-size:100%;justify-content:flex-start}.md-navigation-rail[data-variant=collapsed] .md-nav-fab>span:not(.md-button-ripple){display:none}.md-icon-button.md-rail-menu>span:not(.md-button-ripple){display:flex;position:absolute;opacity:1;transform:rotate(0);transition:opacity var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing),transform var(--_motion-default-spatial-duration) var(--_motion-default-spatial-easing)}.md-icon-button.md-rail-menu>[data-navigation-collapse-icon]:not(.md-button-ripple){opacity:0;transform:rotate(-90deg)}.md-navigation-rail[data-variant=expanded] .md-rail-menu>[data-navigation-menu-icon]{opacity:0;transform:rotate(90deg)}.md-navigation-rail[data-variant=expanded] .md-rail-menu>[data-navigation-collapse-icon]{opacity:1;transform:rotate(0)}.md-navigation-rail[data-variant=expanded][data-orientation=vertical] .md-nav-item{justify-content:flex-start;padding-inline:var( --md-comp-nav-rail-item-horizontal-full-width-leading-space )}.md-rail-frame[data-transitioning] .md-navigation-rail{overflow:hidden}.md-rail-frame[data-transitioning] .md-navigation-rail>:is(header,.md-nav-items){inline-size:var(--_rail-content-width);box-sizing:border-box;align-self:var(--_rail-content-align)}.md-rail-screen{scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){.md-icon-button.md-rail-menu>span:not(.md-button-ripple){transition:none}}.md-nav-badge{flex:none}.md-nav-icon>.md-nav-badge{position:absolute;inset-block-start:0;inset-inline-end:0}.md-rail-frame[data-alignment=center] .md-nav-items{margin-block:auto}.md-rail-body{position:relative;min-inline-size:0;flex:1;display:flex;flex-direction:column;block-size:100%}.md-rail-body>header{flex:none;display:flex;align-items:center;gap:var(--md-sys-measurement-space150);padding:var(--md-sys-measurement-space200);font:inherit}.md-rail-external-menu[hidden]{display:none}.md-rail-screen{flex:1;min-block-size:0;overflow:auto;padding:var(--md-sys-measurement-space300)}.md-rail-screen h3{margin-block-start:0}.md-rail-screen article{display:flex;gap:var(--md-sys-measurement-space200);align-items:center;padding-block:var(--md-sys-measurement-space200);border-block-end:var(--md-comp-divider-thickness) solid var(--md-comp-divider-color)}.md-rail-screen article p{margin:var(--md-sys-measurement-space50) 0 0;color:var(--md-sys-color-on-surface-variant)}.md-navigation-scrim{position:absolute;inset:0;z-index:2;border:0;padding:0;background:color-mix(in srgb,var(--md-comp-navigation-drawer-scrim-color) calc(var(--md-comp-navigation-drawer-scrim-opacity) * 100%),transparent)}.md-navigation-scrim[hidden]{display:none}.md-rail-frame[data-modal-open=true] .md-navigation-surface{position:absolute;inset-block:0;inset-inline-start:0;z-index:3}.md-rail-frame[data-modal-open=true] .md-navigation-slot{inline-size:var(--_rail-rest-width)}.md-rail-frame[data-rail-hidden=true] .md-navigation-slot,.md-rail-frame[data-modal-open=true][data-collapse=hidden] .md-navigation-slot{inline-size:0}.md-rail-frame[data-transitioning] .md-navigation-slot{inline-size:var(--_rail-slot-width)}.md-navigation-bar{--_nav-container: var(--md-comp-nav-bar-container-color);--_nav-elevation: var(--md-comp-nav-bar-container-elevation);--_nav-height: var(--md-comp-nav-bar-container-height);--_nav-shadow: var(--md-comp-nav-bar-container-shadow-color);--_nav-shape: var(--md-comp-nav-bar-container-shape);--_nav-gap: var(--md-comp-nav-bar-item-between-space)}.md-navigation-rail{--_nav-header-gap: var(--md-comp-nav-rail-item-header-space-minimum)}.md-navigation-drawer{--_nav-indicator: var(--md-comp-navigation-drawer-active-indicator-color);--_nav-indicator-height: var(--md-comp-navigation-drawer-active-indicator-height);--_nav-indicator-shape: var(--md-comp-navigation-drawer-active-indicator-shape);--_nav-indicator-width: var(--md-comp-navigation-drawer-active-indicator-width);--_nav-container: var(--md-comp-navigation-drawer-container-color);--_nav-height: var(--md-comp-navigation-drawer-container-height);--_nav-shape: var(--md-comp-navigation-drawer-container-shape);--_nav-width: var(--md-comp-navigation-drawer-container-width);--_nav-divider: var(--md-comp-navigation-drawer-divider-color);--_nav-headline-color: var(--md-comp-navigation-drawer-headline-color);--_nav-headline-font-family: var(--md-comp-navigation-drawer-headline-font);--_nav-headline-line-height: var(--md-comp-navigation-drawer-headline-line-height);--_nav-headline-font-size: var(--md-comp-navigation-drawer-headline-size);--_nav-headline-tracking: var(--md-comp-navigation-drawer-headline-tracking);--_nav-headline-font-weight: var(--md-comp-navigation-drawer-headline-weight);--_nav-scrim: var(--md-comp-navigation-drawer-scrim-color);--_nav-scrim-opacity: var(--md-comp-navigation-drawer-scrim-opacity)}.md-navigation-rail:where([data-variant=collapsed]){--_nav-container: var(--md-comp-nav-rail-collapsed-container-color);--_nav-elevation: var(--md-comp-nav-rail-collapsed-container-elevation);--_nav-shape: var(--md-comp-nav-rail-collapsed-container-shape);--_nav-width: var(--md-comp-nav-rail-collapsed-container-width);--_nav-gap: var(--md-comp-nav-rail-collapsed-item-vertical-space);--_nav-top: var(--md-comp-nav-rail-collapsed-top-space)}.md-navigation-rail:where([data-variant=collapsed]):where([data-width=narrow]){--_nav-width: var(--md-comp-nav-rail-collapsed-narrow-container-width)}.md-navigation-rail:where([data-variant=expanded]){--_nav-gap: var(--md-comp-nav-rail-expanded-between-item-space);--_nav-container: var(--md-comp-nav-rail-expanded-container-color);--_nav-elevation: var(--md-comp-nav-rail-expanded-container-elevation);--_nav-shape: var(--md-comp-nav-rail-expanded-container-shape);--_nav-max-width: var(--md-comp-nav-rail-expanded-container-width-maximum);--_nav-min-width: var(--md-comp-nav-rail-expanded-container-width-minimum);--_nav-top: var(--md-comp-nav-rail-expanded-top-space);--_nav-end-padding: var(--md-comp-nav-rail-expanded-vertical-trailing-space)}.md-navigation-rail:where([data-variant=expanded]):where([data-layout=modal]){--_nav-container: var(--md-comp-nav-rail-expanded-modal-container-color);--_nav-elevation: var(--md-comp-nav-rail-expanded-modal-container-elevation);--_nav-shape: var(--md-comp-nav-rail-expanded-modal-container-shape)}.md-navigation-drawer:where([data-variant=modal]){--_nav-container: var(--md-comp-navigation-drawer-modal-container-color);--_nav-elevation: var(--md-comp-navigation-drawer-modal-container-elevation)}.md-navigation-drawer:where([data-variant=standard]){--_nav-container: var(--md-comp-navigation-drawer-standard-container-color);--_nav-elevation: var(--md-comp-navigation-drawer-standard-container-elevation)}.md-navigation-bar .md-nav-item{--_nav-item-indicator-gap: var(--md-comp-nav-bar-item-active-indicator-icon-label-space);--_nav-item-indicator-shape: var(--md-comp-nav-bar-item-active-indicator-shape);--_nav-item-icon-size: var(--md-comp-nav-bar-item-icon-size)}.md-navigation-bar:where([data-orientation=horizontal]) .md-nav-item{--_nav-item-indicator-height: var(--md-comp-nav-bar-item-horizontal-active-indicator-height);--_nav-item-indicator-gap: var(--md-comp-nav-bar-item-horizontal-active-indicator-icon-label-space);--_nav-item-leading: var(--md-comp-nav-bar-item-horizontal-active-indicator-leading-space);--_nav-item-trailing: var(--md-comp-nav-bar-item-horizontal-active-indicator-trailing-space);--_nav-item-font: var(--md-comp-nav-bar-item-horizontal-label-text-font);--_nav-item-tracking: var(--md-comp-nav-bar-item-horizontal-label-text-font-letter-spacing)}.md-navigation-bar:where([data-orientation=vertical]) .md-nav-item{--_nav-item-indicator-height: var(--md-comp-nav-bar-item-vertical-active-indicator-height);--_nav-item-indicator-gap: var(--md-comp-nav-bar-item-vertical-active-indicator-icon-label-space);--_nav-item-indicator-width: var(--md-comp-nav-bar-item-vertical-active-indicator-width);--_nav-item-label-gap: var(--md-comp-nav-bar-item-vertical-container-between-space);--_nav-item-font: var(--md-comp-nav-bar-item-vertical-label-text-font);--_nav-item-tracking: var(--md-comp-nav-bar-item-vertical-label-text-font-letter-spacing)}.md-navigation-rail .md-nav-item{--_nav-item-indicator-gap: var(--md-comp-nav-rail-item-active-indicator-icon-label-space);--_nav-item-leading: var(--md-comp-nav-rail-item-active-indicator-leading-space);--_nav-item-indicator-shape: var(--md-comp-nav-rail-item-active-indicator-shape);--_nav-item-trailing: var(--md-comp-nav-rail-item-active-indicator-trailing-space);--_nav-item-height: var(--md-comp-nav-rail-item-container-height);--_nav-item-shape: var(--md-comp-nav-rail-item-container-shape);--_nav-item-vertical-padding: var(--md-comp-nav-rail-item-container-vertical-space);--_nav-item-icon-size: var(--md-comp-nav-rail-item-icon-size)}.md-navigation-rail:where([data-orientation=horizontal]) .md-nav-item{--_nav-item-indicator-height: var(--md-comp-nav-rail-item-horizontal-active-indicator-height);--_nav-item-outer-leading: var(--md-comp-nav-rail-item-horizontal-full-width-leading-space);--_nav-item-outer-trailing: var(--md-comp-nav-rail-item-horizontal-full-width-trailing-space);--_nav-item-indicator-gap: var(--md-comp-nav-rail-item-horizontal-icon-label-space);--_nav-item-font: var(--md-comp-nav-rail-item-horizontal-label-text-font);--_nav-item-tracking: var(--md-comp-nav-rail-item-horizontal-label-text-font-letter-spacing)}.md-navigation-rail:where([data-size=short]) .md-nav-item{--_nav-item-height: var(--md-comp-nav-rail-item-short-container-height)}.md-navigation-rail:where([data-orientation=vertical]) .md-nav-item{--_nav-item-indicator-height: var(--md-comp-nav-rail-item-vertical-active-indicator-height);--_nav-item-indicator-width: var(--md-comp-nav-rail-item-vertical-active-indicator-width);--_nav-item-indicator-gap: var(--md-comp-nav-rail-item-vertical-icon-label-space);--_nav-item-font: var(--md-comp-nav-rail-item-vertical-label-text-font);--_nav-item-tracking: var(--md-comp-nav-rail-item-vertical-label-text-font-letter-spacing);--_nav-item-outer-leading: var(--md-comp-nav-rail-item-vertical-leading-space);--_nav-item-outer-trailing: var(--md-comp-nav-rail-item-vertical-trailing-space)}.md-navigation-drawer .md-nav-item{--_nav-item-focus-color: var(--md-comp-navigation-drawer-focus-indicator-color);--_nav-item-focus-offset: var(--md-comp-navigation-drawer-focus-indicator-outline-offset);--_nav-item-focus-width: var(--md-comp-navigation-drawer-focus-indicator-thickness);--_nav-item-icon-size: var(--md-comp-navigation-drawer-icon-size);--_nav-item-font-family: var(--md-comp-navigation-drawer-label-text-font);--_nav-item-line-height: var(--md-comp-navigation-drawer-label-text-line-height);--_nav-item-font-size: var(--md-comp-navigation-drawer-label-text-size);--_nav-item-tracking: var(--md-comp-navigation-drawer-label-text-tracking);--_nav-item-font-weight: var(--md-comp-navigation-drawer-label-text-weight);--_nav-item-large-badge-label-color: var(--md-comp-navigation-drawer-large-badge-label-color);--_nav-item-large-badge-label-font-family: var(--md-comp-navigation-drawer-large-badge-label-font);--_nav-item-large-badge-label-line-height: var(--md-comp-navigation-drawer-large-badge-label-line-height);--_nav-item-large-badge-label-font-size: var(--md-comp-navigation-drawer-large-badge-label-size);--_nav-item-large-badge-label-tracking: var(--md-comp-navigation-drawer-large-badge-label-tracking);--_nav-item-large-badge-label-font-weight: var(--md-comp-navigation-drawer-large-badge-label-weight);--_nav-item-pressed-state-opacity: var(--md-comp-navigation-drawer-pressed-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_nav-item-icon: var(--md-comp-nav-bar-item-active-icon-color);--_nav-item-indicator: var(--md-comp-nav-bar-item-active-indicator-color);--_nav-item-label: var(--md-comp-nav-bar-item-active-label-text-color)}.md-navigation-bar .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_nav-item-icon: var(--md-comp-nav-bar-item-inactive-icon-color);--_nav-item-label: var(--md-comp-nav-bar-item-inactive-label-text-color)}.md-navigation-rail .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_nav-item-icon: var(--md-comp-nav-rail-item-active-icon-color);--_nav-item-indicator: var(--md-comp-nav-rail-item-active-indicator-color);--_nav-item-label: var(--md-comp-nav-rail-item-active-label-text-color)}.md-navigation-rail .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_nav-item-icon: var(--md-comp-nav-rail-item-inactive-icon-color);--_nav-item-label: var(--md-comp-nav-rail-item-inactive-label-text-color)}.md-navigation-drawer .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_nav-item-icon: var(--md-comp-navigation-drawer-active-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-active-label-text-color);--_nav-item-font-weight: var(--md-comp-navigation-drawer-active-label-text-weight)}.md-navigation-drawer .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_nav-item-icon: var(--md-comp-navigation-drawer-inactive-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-inactive-label-text-color)}.md-navigation-drawer .md-nav-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-state-opacity: var(--md-comp-navigation-drawer-hover-state-layer-opacity);--_nav-item-background-state-opacity: var(--md-comp-navigation-drawer-hover-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-state-color: var(--md-comp-nav-bar-item-active-hovered-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-bar-item-active-hovered-state-layer-color);--_nav-item-state-opacity: var(--md-comp-nav-bar-item-active-hovered-state-layer-opacity);--_nav-item-background-state-opacity: var(--md-comp-nav-bar-item-active-hovered-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-state-color: var(--md-comp-nav-bar-item-inactive-hovered-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-bar-item-inactive-hovered-state-layer-color)}.md-navigation-rail .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-state-color: var(--md-comp-nav-rail-item-active-hovered-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-rail-item-active-hovered-state-layer-color);--_nav-item-state-opacity: var(--md-comp-nav-rail-item-active-hovered-state-layer-opacity);--_nav-item-background-state-opacity: var(--md-comp-nav-rail-item-active-hovered-state-layer-opacity)}.md-navigation-rail .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-state-color: var(--md-comp-nav-rail-item-inactive-hovered-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-rail-item-inactive-hovered-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-icon: var(--md-comp-navigation-drawer-active-hover-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-active-hover-label-text-color);--_nav-item-state-color: var(--md-comp-navigation-drawer-active-hover-state-layer-color);--_nav-item-background-state-color: var(--md-comp-navigation-drawer-active-hover-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_nav-item-icon: var(--md-comp-navigation-drawer-inactive-hover-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-inactive-hover-label-text-color);--_nav-item-state-color: var(--md-comp-navigation-drawer-inactive-hover-state-layer-color);--_nav-item-background-state-color: var(--md-comp-navigation-drawer-inactive-hover-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-state-opacity: var(--md-comp-navigation-drawer-focus-state-layer-opacity);--_nav-item-background-state-opacity: var(--md-comp-navigation-drawer-focus-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-state-color: var(--md-comp-nav-bar-item-active-focused-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-bar-item-active-focused-state-layer-color);--_nav-item-state-opacity: var(--md-comp-nav-bar-item-active-focused-state-layer-opacity);--_nav-item-background-state-opacity: var(--md-comp-nav-bar-item-active-focused-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-state-color: var(--md-comp-nav-bar-item-inactive-focused-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-bar-item-inactive-focused-state-layer-color)}.md-navigation-rail .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-state-color: var(--md-comp-nav-rail-item-active-focused-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-rail-item-active-focused-state-layer-color);--_nav-item-state-opacity: var(--md-comp-nav-rail-item-active-focused-state-layer-opacity);--_nav-item-background-state-opacity: var(--md-comp-nav-rail-item-active-focused-state-layer-opacity)}.md-navigation-rail .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-state-color: var(--md-comp-nav-rail-item-inactive-focused-state-layer-color);--_nav-item-background-state-color: var(--md-comp-nav-rail-item-inactive-focused-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-icon: var(--md-comp-navigation-drawer-active-focus-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-active-focus-label-text-color);--_nav-item-state-color: var(--md-comp-navigation-drawer-active-focus-state-layer-color);--_nav-item-background-state-color: var(--md-comp-navigation-drawer-active-focus-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_nav-item-icon: var(--md-comp-navigation-drawer-inactive-focus-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-inactive-focus-label-text-color);--_nav-item-state-color: var(--md-comp-navigation-drawer-inactive-focus-state-layer-color);--_nav-item-background-state-color: var(--md-comp-navigation-drawer-inactive-focus-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-state-opacity: var(--md-comp-navigation-drawer-pressed-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-state-color: var(--md-comp-nav-bar-item-active-pressed-state-layer-color);--_nav-item-state-opacity: var(--md-comp-nav-bar-item-active-pressed-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_nav-item-pressed-state-color: var(--md-comp-nav-bar-item-active-pressed-state-layer-color);--_nav-item-pressed-state-opacity: var(--md-comp-nav-bar-item-active-pressed-state-layer-opacity)}.md-navigation-bar .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-state-color: var(--md-comp-nav-bar-item-inactive-pressed-state-layer-color)}.md-navigation-bar .md-nav-item:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_nav-item-pressed-state-color: var(--md-comp-nav-bar-item-inactive-pressed-state-layer-color)}.md-navigation-rail .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-state-color: var(--md-comp-nav-rail-item-active-pressed-state-layer-color);--_nav-item-state-opacity: var(--md-comp-nav-rail-item-active-pressed-state-layer-opacity)}.md-navigation-rail .md-nav-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_nav-item-pressed-state-color: var(--md-comp-nav-rail-item-active-pressed-state-layer-color);--_nav-item-pressed-state-opacity: var(--md-comp-nav-rail-item-active-pressed-state-layer-opacity)}.md-navigation-rail .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-state-color: var(--md-comp-nav-rail-item-inactive-pressed-state-layer-color)}.md-navigation-rail .md-nav-item:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_nav-item-pressed-state-color: var(--md-comp-nav-rail-item-inactive-pressed-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-icon: var(--md-comp-navigation-drawer-active-pressed-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-active-pressed-label-text-color);--_nav-item-state-color: var(--md-comp-navigation-drawer-active-pressed-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_nav-item-pressed-state-color: var(--md-comp-navigation-drawer-active-pressed-state-layer-color)}.md-navigation-drawer .md-nav-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_nav-item-icon: var(--md-comp-navigation-drawer-inactive-pressed-icon-color);--_nav-item-label: var(--md-comp-navigation-drawer-inactive-pressed-label-text-color);--_nav-item-state-color: var(--md-comp-navigation-drawer-inactive-pressed-state-layer-color)}.md-navigation-drawer .md-nav-item:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_nav-item-pressed-state-color: var(--md-comp-navigation-drawer-inactive-pressed-state-layer-color)}.md-progress-demo{display:grid;justify-items:center;gap:var(--md-sys-measurement-space200);max-inline-size:100%}.md-progress{display:block;inline-size:15rem;max-inline-size:100%;block-size:var(--_progress-height, var(--_progress-thickness))}.md-progress:where([data-variant$=circular]){inline-size:var(--_progress-size);block-size:var(--_progress-size)}.md-progress svg{display:block;inline-size:100%;block-size:100%;overflow:visible}.md-progress:where([data-variant$=linear]):dir(rtl) svg{transform:scaleX(-1)}.md-progress path{fill:none}.md-progress-track{stroke:var(--_progress-track)}.md-progress-active{stroke:var(--_progress-color)}.md-progress-stop{fill:var(--_progress-stop-color)}.md-progress-control{display:grid;gap:var(--md-sys-measurement-space100)}.md-progress:where([data-variant=legacy-circular]){--_progress-color: var(--md-comp-circular-progress-indicator-active-indicator-color);--_progress-shape: var(--md-comp-circular-progress-indicator-active-indicator-shape);--_progress-thickness: var(--md-comp-circular-progress-indicator-active-indicator-width);--_progress-color-four: var(--md-comp-circular-progress-indicator-four-color-active-indicator-four-color);--_progress-color-one: var(--md-comp-circular-progress-indicator-four-color-active-indicator-one-color);--_progress-color-three: var(--md-comp-circular-progress-indicator-four-color-active-indicator-three-color);--_progress-color-two: var(--md-comp-circular-progress-indicator-four-color-active-indicator-two-color);--_progress-size: var(--md-comp-circular-progress-indicator-size)}.md-progress:where([data-variant=legacy-linear]){--_progress-color: var(--md-comp-linear-progress-indicator-active-indicator-color);--_progress-thickness: var(--md-comp-linear-progress-indicator-active-indicator-height);--_progress-shape: var(--md-comp-linear-progress-indicator-active-indicator-shape);--_progress-color-four: var(--md-comp-linear-progress-indicator-four-color-active-indicator-four-color);--_progress-color-one: var(--md-comp-linear-progress-indicator-four-color-active-indicator-one-color);--_progress-color-three: var(--md-comp-linear-progress-indicator-four-color-active-indicator-three-color);--_progress-color-two: var(--md-comp-linear-progress-indicator-four-color-active-indicator-two-color);--_progress-track: var(--md-comp-linear-progress-indicator-track-color);--_progress-track-thickness: var(--md-comp-linear-progress-indicator-track-height);--_progress-track-shape: var(--md-comp-linear-progress-indicator-track-shape)}.md-progress:where([data-variant=linear],[data-variant=circular]){--_progress-color: var(--md-comp-progress-indicator-active-indicator-color);--_progress-shape: var(--md-comp-progress-indicator-active-indicator-shape);--_progress-thickness: var(--md-comp-progress-indicator-active-indicator-thickness);--_progress-gap: var(--md-comp-progress-indicator-active-indicator-track-space);--_progress-stop-color: var(--md-comp-progress-indicator-stop-indicator-color);--_progress-stop-shape: var(--md-comp-progress-indicator-stop-indicator-shape)}.md-progress:where([data-variant=circular]){--_progress-thickness: var(--md-comp-progress-indicator-circular-active-indicator-thickness);--_progress-amplitude: var(--md-comp-progress-indicator-circular-active-indicator-wave-amplitude);--_progress-wavelength: var(--md-comp-progress-indicator-circular-active-indicator-wave-wavelength);--_progress-size: var(--md-comp-progress-indicator-circular-size);--_progress-track-thickness: var(--md-comp-progress-indicator-circular-track-thickness);--_progress-gap: var(--md-comp-progress-indicator-circular-track-active-indicator-space)}.md-progress:where([data-variant=circular]):where([data-shape=wave]){--_progress-size: var(--md-comp-progress-indicator-circular-with-wave-size)}.md-progress:where([data-variant=linear]){--_progress-thickness: var(--md-comp-progress-indicator-linear-active-indicator-thickness);--_progress-amplitude: var(--md-comp-progress-indicator-linear-active-indicator-wave-amplitude);--_progress-wavelength: var(--md-comp-progress-indicator-linear-active-indicator-wave-wavelength);--_progress-height: var(--md-comp-progress-indicator-linear-height);--_progress-stop-size: var(--md-comp-progress-indicator-linear-stop-indicator-size);--_progress-stop-trailing: var(--md-comp-progress-indicator-linear-stop-indicator-trailing-space);--_progress-track-thickness: var(--md-comp-progress-indicator-linear-track-thickness);--_progress-gap: var(--md-comp-progress-indicator-linear-track-active-indicator-space)}.md-progress:where([data-variant=linear]):where([data-control=indeterminate]){--_progress-wavelength: var(--md-comp-progress-indicator-linear-indeterminate-active-indicator-wave-wavelength)}.md-progress:where([data-variant=linear]):where([data-shape=wave]){--_progress-height: var(--md-comp-progress-indicator-linear-with-wave-height)}.md-progress:where([data-variant=linear],[data-variant=circular]){--_progress-stop-size: var(--md-comp-progress-indicator-stop-indicator-size);--_progress-track: var(--md-comp-progress-indicator-track-color);--_progress-track-shape: var(--md-comp-progress-indicator-track-shape);--_progress-track-thickness: var(--md-comp-progress-indicator-track-thickness)}.md-progress:where([data-variant=circular]):where([data-size=thick]){--_progress-thickness: var(--md-comp-progress-indicator-circular-thick-active-indicator-thickness);--_progress-size: var(--md-comp-progress-indicator-circular-thick-size);--_progress-track-thickness: var(--md-comp-progress-indicator-circular-thick-track-thickness);--_progress-gap: var(--md-comp-progress-indicator-circular-thick-track-active-indicator-space)}.md-progress:where([data-variant=linear]):where([data-size=thick]){--_progress-thickness: var(--md-comp-progress-indicator-linear-thick-active-indicator-thickness);--_progress-height: var(--md-comp-progress-indicator-linear-thick-height);--_progress-stop-size: var(--md-comp-progress-indicator-linear-thick-stop-indicator-size);--_progress-stop-trailing: var(--md-comp-progress-indicator-linear-thick-stop-indicator-trailing-space);--_progress-track-thickness: var(--md-comp-progress-indicator-linear-thick-track-thickness);--_progress-gap: var(--md-comp-progress-indicator-linear-thick-track-active-indicator-space)}.md-progress:where([data-variant=linear]):where([data-size=thick]):where([data-shape=wave]){--_progress-height: var(--md-comp-progress-indicator-linear-thick-with-wave-height)}.md-loading{display:grid;place-items:center;--_loading-multiplier: clamp(.5, var(--_loading-scale, 1), 5);inline-size:calc(var(--_loading-width) * var(--_loading-multiplier));block-size:calc(var(--_loading-height) * var(--_loading-multiplier));border-radius:var(--_loading-shape);background:var(--_loading-container, transparent);color:var(--_loading-color);overflow:hidden}.md-loading:where([data-variant=uncontained]){background:transparent}.md-loading svg{display:block;inline-size:calc(var(--_loading-size) * var(--_loading-multiplier));block-size:calc(var(--_loading-size) * var(--_loading-multiplier));fill:currentColor}.md-progress-demo[data-loading-adaptive]{container:loading-pane / inline-size;inline-size:100%}@container loading-pane (min-width: 600px){.md-loading{--_loading-scale: 2}}@container loading-pane (min-width: 1200px){.md-loading{--_loading-scale: 3}}.md-loading{--_loading-color: var(--md-comp-loading-indicator-active-indicator-color);--_loading-size: var(--md-comp-loading-indicator-active-indicator-size);--_loading-height: var(--md-comp-loading-indicator-container-height);--_loading-shape: var(--md-comp-loading-indicator-container-shape);--_loading-width: var(--md-comp-loading-indicator-container-width)}.md-loading:where([data-variant=contained]){--_loading-color: var(--md-comp-loading-indicator-contained-active-indicator-color);--_loading-container: var(--md-comp-loading-indicator-contained-container-color)}.md-toolbar-scene{position:relative;inline-size:100%;block-size:20rem;min-inline-size:0;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface)}.md-toolbar-page{margin:0;padding:var(--md-sys-measurement-space300);color:var(--md-sys-color-on-surface-variant)}.md-toolbar-demo{--_toolbar-clearance: var( --_toolbar-wrapper-padding, var(--md-sys-measurement-space200) );display:flex;align-items:center;max-inline-size:100%;padding:0;box-sizing:border-box}.md-toolbar-scene>.md-toolbar-demo{position:absolute;inset-inline-start:50%;inset-block-end:calc(var(--_toolbar-clearance) + env(safe-area-inset-bottom,0px));translate:-50% 0;max-inline-size:calc(100% - 2 * var(--_toolbar-clearance))}.md-toolbar-scene>.md-toolbar-demo:has(>.md-toolbar[data-variant=docked]){inset-inline:0;inset-block-end:0;translate:none;inline-size:100%;max-inline-size:100%}.md-toolbar-demo[data-orientation=vertical]{--_toolbar-clearance: var( --md-comp-toolbar-floating-vertical-container-external-space );flex-direction:column}.md-toolbar-scene>.md-toolbar-demo[data-orientation=vertical]{inset-inline-start:auto;inset-inline-end:var(--_toolbar-clearance);inset-block-start:50%;inset-block-end:auto;translate:0 -50%;max-block-size:calc(100% - 2 * var(--_toolbar-clearance))}.md-toolbar{--_elevation-level: var(--_toolbar-elevation, 0);--_shadow-color: var(--md-sys-color-shadow);display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;max-inline-size:100%;block-size:var(--_toolbar-height);padding-inline:var(--_toolbar-leading) var(--_toolbar-trailing);gap:var(--_toolbar-gap);border-radius:var(--_toolbar-shape);background:var(--_toolbar-container)}.md-toolbar[data-variant=docked]{inline-size:100%;justify-content:safe center;gap:var(--_toolbar-gap, var(--_toolbar-min-gap))}.md-toolbar[data-variant=floating]{padding-block:var(--md-sys-measurement-space100)}.md-toolbar[data-orientation=vertical]{flex-direction:column;inline-size:var(--_toolbar-width);block-size:max-content;padding-block:var(--_toolbar-leading) var(--_toolbar-trailing);padding-inline:var(--md-sys-measurement-space100)}.md-toolbar .md-toolbar-item{margin:var(--md-sys-measurement-space50)}.md-toolbar .md-toolbar-item:after{content:"";position:absolute;translate:none;inset:calc(-1 * var(--md-sys-measurement-space50));min-inline-size:var(--md-sys-measurement-space600);min-block-size:var(--md-sys-measurement-space600)}.md-toolbar-item[hidden],.md-toolbar-menu [hidden]{display:none}.md-toolbar-menu{position:fixed;inset:auto;margin:0;max-inline-size:calc(100vw - 2 * var(--md-sys-measurement-space100))}.md-toolbar .md-toolbar-item{--_toolbar-item-container: var(--md-sys-color-surface-container);--_toolbar-item-icon-opacity: 1;--_toolbar-item-label-opacity: 1;--_toolbar-item-background-state-color: transparent;--_toolbar-item-background-state-opacity: 0;--_icon-container: var(--_toolbar-item-container);--_icon-icon: var(--_toolbar-item-icon);--_icon-icon-opacity: var(--_toolbar-item-icon-opacity);--_button-container: var(--_toolbar-item-container);--_button-label: var(--_toolbar-item-label);--_button-icon: var(--_toolbar-item-icon);--_button-label-opacity: var(--_toolbar-item-label-opacity);--_button-icon-opacity: var(--_toolbar-item-icon-opacity);--_button-state-color: var(--_toolbar-item-state-color, currentColor);--_button-state-opacity: var(--_toolbar-item-state-opacity, 0);--_button-background-state-color: var(--_toolbar-item-background-state-color);--_button-background-state-opacity: var( --_toolbar-item-background-state-opacity );--_button-pressed-state-color: var(--_toolbar-item-pressed-state-color);--_button-pressed-state-opacity: var(--_toolbar-item-pressed-state-opacity)}.md-toolbar .md-toolbar-item:where(.md-button){color:color-mix(in srgb,var(--_toolbar-item-label) calc(var(--_toolbar-item-label-opacity) * 100%),transparent)}.md-toolbar .md-toolbar-item>svg{color:color-mix(in srgb,var(--_toolbar-item-icon) calc(var(--_toolbar-item-icon-opacity) * 100%),transparent)}.md-toolbar-demo>.md-toolbar-fab{--_fab-width: var(--_toolbar-fab-width);--_fab-height: var(--_toolbar-fab-height);--_fab-shape: var(--_toolbar-fab-shape);--_fab-icon-size: var(--_toolbar-fab-icon-size);--_fab-icon: var(--_toolbar-fab-icon);--_fab-container: var(--_toolbar-fab-container);--_fab-elevation: var(--_toolbar-fab-elevation);--_fab-shadow: var(--md-sys-color-shadow);--_fab-pressed-state-color: var(--_toolbar-fab-icon);--_fab-pressed-state-opacity: var(--md-sys-state-pressed-state-layer-opacity);margin-inline-start:var(--_toolbar-fab-gap)}.md-toolbar-demo[data-orientation=vertical]>.md-toolbar-fab{margin-inline-start:0;margin-block-start:var(--_toolbar-fab-gap)}@media(prefers-reduced-motion:reduce){.md-app-bar{transition:none}}.md-toolbar-demo>.md-toolbar-fab:where(:hover):not(:where([data-touch])){--_fab-elevation: var(--md-sys-elevation-level3);--_fab-state-color: var(--_toolbar-fab-icon);--_fab-state-opacity: var(--md-sys-state-hover-state-layer-opacity);--_fab-background-state-color: var(--_toolbar-fab-icon);--_fab-background-state-opacity: var( --md-sys-state-hover-state-layer-opacity )}.md-toolbar-demo>.md-toolbar-fab:where(:focus-visible){--_fab-elevation: var(--md-sys-elevation-level2);--_fab-state-color: var(--_toolbar-fab-icon);--_fab-state-opacity: var(--md-sys-state-focus-state-layer-opacity);--_fab-background-state-color: var(--_toolbar-fab-icon);--_fab-background-state-opacity: var( --md-sys-state-focus-state-layer-opacity )}.md-toolbar-demo>.md-toolbar-fab:where(:active,[data-pressed]):not(:where([data-button-cancelled])){--_fab-elevation: var(--md-sys-elevation-level2);--_fab-state-color: var(--_toolbar-fab-icon);--_fab-state-opacity: var(--md-sys-state-pressed-state-layer-opacity)}.md-toolbar[data-density=compact][data-orientation=horizontal]{--_toolbar-height: var(--md-sys-measurement-space600);padding-block:0}.md-toolbar[data-elevation=none]{--_elevation-level: var(--md-sys-elevation-level0)}.md-toolbar:where([data-control=standard]){--_toolbar-container: var(--md-comp-toolbar-standard-container-color);--_toolbar-shape: var(--md-comp-toolbar-standard-container-shape)}.md-toolbar:where([data-control=vibrant]){--_toolbar-container: var(--md-comp-toolbar-vibrant-container-color);--_toolbar-shape: var(--md-comp-toolbar-vibrant-container-shape)}.md-toolbar:where([data-variant=docked]):where([data-control=standard]){--_toolbar-container: var(--md-comp-toolbar-docked-container-color)}.md-toolbar:where([data-variant=docked]){--_toolbar-height: var(--md-comp-toolbar-docked-container-height);--_toolbar-leading: var(--md-comp-toolbar-docked-container-leading-space);--_toolbar-max-gap: var(--md-comp-toolbar-docked-container-max-spacing);--_toolbar-min-gap: var(--md-comp-toolbar-docked-container-min-spacing);--_toolbar-shape: var(--md-comp-toolbar-docked-container-shape);--_toolbar-trailing: var(--md-comp-toolbar-docked-container-trailing-space)}.md-toolbar:where([data-variant^=floating]){--_toolbar-gap: var(--md-comp-toolbar-floating-container-between-space);--_toolbar-elevation: var(--md-comp-toolbar-floating-container-elevation);--_toolbar-height: var(--md-comp-toolbar-floating-container-height);--_toolbar-leading: var(--md-comp-toolbar-floating-container-leading-space);--_toolbar-shape: var(--md-comp-toolbar-floating-container-shape);--_toolbar-trailing: var(--md-comp-toolbar-floating-container-trailing-space)}.md-toolbar:where([data-variant^=floating]):where([data-control=standard]){--_toolbar-container: var(--md-comp-toolbar-floating-standard-container-color)}.md-toolbar:where([data-variant^=floating]):where([data-control=vibrant]){--_toolbar-container: var(--md-comp-toolbar-floating-vibrant-container-color)}.md-toolbar:where([data-variant^=floating]):where([data-orientation=horizontal]){--_toolbar-external-space: var(--md-comp-toolbar-floating-horizontal-container-external-space);--_toolbar-height: var(--md-comp-toolbar-floating-horizontal-container-height)}.md-toolbar:where([data-variant^=floating]):where([data-orientation=vertical]){--_toolbar-external-space: var(--md-comp-toolbar-floating-vertical-container-external-space);--_toolbar-width: var(--md-comp-toolbar-floating-vertical-container-width)}.md-toolbar:where([data-control=standard]) .md-toolbar-item{--_toolbar-item-container: var(--md-comp-toolbar-standard-button-container-color);--_toolbar-item-icon: var(--md-comp-toolbar-standard-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-label-text-color);--_toolbar-item-pressed-state-color: var(--md-comp-toolbar-standard-pressed-state-layer-color);--_toolbar-item-pressed-state-opacity: var(--md-comp-toolbar-standard-pressed-state-layer-opacity)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item{--_toolbar-item-container: var(--md-comp-toolbar-vibrant-button-container-color);--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-label-text-color)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_toolbar-item-container: var(--md-comp-toolbar-standard-selected-button-container-color);--_toolbar-item-icon: var(--md-comp-toolbar-standard-selected-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-selected-label-text-color)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_toolbar-item-container: var(--md-comp-toolbar-vibrant-selected-button-container-color);--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-selected-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-selected-label-text-color)}.md-toolbar:where([data-variant^=floating]):where([data-control=vibrant]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_toolbar-item-container: var(--md-comp-toolbar-floating-vibrant-button-selected-container-color);--_toolbar-item-icon: var(--md-comp-toolbar-floating-vibrant-button-selected-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-floating-vibrant-button-selected-text-color)}.md-toolbar:where([data-variant^=floating]):where([data-control=vibrant]) .md-toolbar-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_toolbar-item-icon: var(--md-comp-toolbar-floating-vibrant-button-unselected-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-floating-vibrant-button-unselected-text-color)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-hovered-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-hovered-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-standard-hovered-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-standard-hovered-state-layer-color);--_toolbar-item-state-opacity: var(--md-comp-toolbar-standard-hovered-state-layer-opacity);--_toolbar-item-background-state-opacity: var(--md-comp-toolbar-standard-hovered-state-layer-opacity)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-hovered-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-hovered-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-vibrant-hovered-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-vibrant-hovered-state-layer-color);--_toolbar-item-state-opacity: var(--md-comp-toolbar-vibrant-hovered-state-layer-opacity);--_toolbar-item-background-state-opacity: var(--md-comp-toolbar-vibrant-hovered-state-layer-opacity)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-selected-hovered-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-selected-hovered-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-standard-selected-hovered-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-standard-selected-hovered-state-layer-color)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-selected-hovered-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-selected-hovered-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-vibrant-selected-hovered-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-vibrant-selected-hovered-state-layer-color)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-focused-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-focused-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-standard-focused-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-standard-focused-state-layer-color);--_toolbar-item-state-opacity: var(--md-comp-toolbar-standard-focused-state-layer-opacity);--_toolbar-item-background-state-opacity: var(--md-comp-toolbar-standard-focused-state-layer-opacity)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-focused-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-focused-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-vibrant-focused-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-vibrant-focused-state-layer-color);--_toolbar-item-state-opacity: var(--md-comp-toolbar-vibrant-focused-state-layer-opacity);--_toolbar-item-background-state-opacity: var(--md-comp-toolbar-vibrant-focused-state-layer-opacity)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-selected-focused-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-selected-focused-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-standard-selected-focused-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-standard-selected-focused-state-layer-color)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-selected-focused-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-selected-focused-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-vibrant-selected-focused-state-layer-color);--_toolbar-item-background-state-color: var(--md-comp-toolbar-vibrant-selected-focused-state-layer-color)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-pressed-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-pressed-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-standard-pressed-state-layer-color);--_toolbar-item-state-opacity: var(--md-comp-toolbar-standard-pressed-state-layer-opacity)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-pressed-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-pressed-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-vibrant-pressed-state-layer-color);--_toolbar-item-state-opacity: var(--md-comp-toolbar-vibrant-pressed-state-layer-opacity)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item{--_toolbar-item-pressed-state-color: var(--md-comp-toolbar-vibrant-pressed-state-layer-color);--_toolbar-item-pressed-state-opacity: var(--md-comp-toolbar-vibrant-pressed-state-layer-opacity)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-selected-pressed-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-standard-selected-pressed-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-standard-selected-pressed-state-layer-color)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_toolbar-item-pressed-state-color: var(--md-comp-toolbar-standard-selected-pressed-state-layer-color)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-selected-pressed-icon-color);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-selected-pressed-label-text-color);--_toolbar-item-state-color: var(--md-comp-toolbar-vibrant-selected-pressed-state-layer-color)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_toolbar-item-pressed-state-color: var(--md-comp-toolbar-vibrant-selected-pressed-state-layer-color)}.md-toolbar:where([data-control=standard]) .md-toolbar-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_toolbar-item-icon: var(--md-comp-toolbar-standard-disabled-icon-color);--_toolbar-item-icon-opacity: var(--md-comp-toolbar-standard-disabled-icon-opacity);--_toolbar-item-label: var(--md-comp-toolbar-standard-disabled-label-text-color);--_toolbar-item-label-opacity: var(--md-comp-toolbar-standard-disabled-label-text-opacity)}.md-toolbar:where([data-control=vibrant]) .md-toolbar-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_toolbar-item-icon: var(--md-comp-toolbar-vibrant-disabled-icon-color);--_toolbar-item-icon-opacity: var(--md-comp-toolbar-vibrant-disabled-icon-opacity);--_toolbar-item-label: var(--md-comp-toolbar-vibrant-disabled-label-text-color);--_toolbar-item-label-opacity: var(--md-comp-toolbar-vibrant-disabled-label-text-opacity)}.md-toolbar-demo:has(>.md-toolbar[data-variant^=floating]){--_toolbar-wrapper-padding: var(--md-comp-toolbar-floating-container-external-padding)}.md-toolbar:where([data-variant=floating])+.md-toolbar-fab{--_toolbar-fab-gap: var(--md-comp-toolbar-floating-fab-between-space);--_toolbar-fab-elevation: var(--md-comp-toolbar-floating-fab-container-elevation);--_toolbar-fab-height: var(--md-comp-toolbar-floating-fab-container-height);--_toolbar-fab-shape: var(--md-comp-toolbar-floating-fab-container-shape);--_toolbar-fab-width: var(--md-comp-toolbar-floating-fab-container-width);--_toolbar-fab-icon-size: var(--md-comp-toolbar-floating-fab-icon-size)}.md-toolbar:where([data-variant=floating])+.md-toolbar-fab:where([data-color=standard]){--_toolbar-fab-container: var(--md-comp-toolbar-floating-fab-standard-container-color);--_toolbar-fab-icon: var(--md-comp-toolbar-floating-fab-standard-icon-color)}.md-toolbar:where([data-variant=floating])+.md-toolbar-fab:where([data-color=vibrant]){--_toolbar-fab-container: var(--md-comp-toolbar-floating-fab-vibrant-container-color);--_toolbar-fab-icon: var(--md-comp-toolbar-floating-fab-vibrant-icon-color)}.md-toolbar:where([data-variant=floating])+.md-toolbar-fab:where([data-size=medium]){--_toolbar-fab-elevation: var(--md-comp-toolbar-floating-fab-medium-container-elevation);--_toolbar-fab-height: var(--md-comp-toolbar-floating-fab-medium-container-height);--_toolbar-fab-shape: var(--md-comp-toolbar-floating-fab-medium-container-shape);--_toolbar-fab-width: var(--md-comp-toolbar-floating-fab-medium-container-width);--_toolbar-fab-icon-size: var(--md-comp-toolbar-floating-fab-medium-icon-size)}.md-button-group-demo{inline-size:100%;max-inline-size:40rem;display:grid;justify-items:start;gap:var(--md-sys-measurement-space100)}.md-button-group{display:inline-flex;inline-size:max-content;align-items:center;gap:var(--_group-gap)}.md-button-group>.md-button{--_button-height: var(--_group-height);box-sizing:border-box}.md-button-group[data-control=standard]>.md-button{min-inline-size:0}.md-button-group[data-control=connected]>.md-button{--_group-current-inner: var(--_group-inner);--_group-radius: min( var(--_group-current-inner), calc(var(--_group-height) / 2) );--_group-outer-radius: min( var(--_group-outer), calc(var(--_group-height) / 2) );--_group-pressed-radius: min( var(--_group-pressed-inner), calc(var(--_group-height) / 2) );--_button-rest-shape: var(--_group-radius);--_button-pressed-shape: var(--_group-pressed-radius)}.md-button-group[data-control=connected]>.md-button:first-child{--_button-rest-shape: var(--_group-outer-radius) var(--_group-radius) var(--_group-radius) var(--_group-outer-radius);--_button-pressed-shape: var(--_group-outer-radius) var(--_group-pressed-radius) var(--_group-pressed-radius) var(--_group-outer-radius)}.md-button-group[data-control=connected]>.md-button:last-child{--_button-rest-shape: var(--_group-radius) var(--_group-outer-radius) var(--_group-outer-radius) var(--_group-radius);--_button-pressed-shape: var(--_group-pressed-radius) var(--_group-outer-radius) var(--_group-outer-radius) var(--_group-pressed-radius)}.md-button-group[data-control=connected]:dir(rtl)>.md-button:first-child{--_button-rest-shape: var(--_group-radius) var(--_group-outer-radius) var(--_group-outer-radius) var(--_group-radius);--_button-pressed-shape: var(--_group-pressed-radius) var(--_group-outer-radius) var(--_group-outer-radius) var(--_group-pressed-radius)}.md-button-group[data-control=connected]:dir(rtl)>.md-button:last-child{--_button-rest-shape: var(--_group-outer-radius) var(--_group-radius) var(--_group-radius) var(--_group-outer-radius);--_button-pressed-shape: var(--_group-outer-radius) var(--_group-pressed-radius) var(--_group-pressed-radius) var(--_group-outer-radius)}.md-button-group[data-control=connected]>.md-button[aria-pressed=true]{--_group-current-inner: var(--_group-selected-inner)}.md-group-check{display:inline-flex;flex:none;visibility:hidden}.md-group-check svg{inline-size:var(--_button-icon-size);block-size:var(--_button-icon-size);color:color-mix(in srgb,var(--_button-icon) calc(var(--_button-icon-opacity) * 100%),transparent)}.md-button[aria-pressed=true]>.md-group-check{visibility:visible}.md-button[aria-pressed=false]>.md-group-check+span{position:relative;inset-inline-start:calc((var(--_button-icon-size) + var(--_button-gap)) / -2)}.md-button-group[data-control=connected]>.md-outlined-button{--_button-outline-width: var(--_button-size-outline-width)}.md-button-group[data-control=connected]:is([data-size=xsmall],[data-size=small]){min-block-size:var(--md-sys-measurement-space600)}.md-button-group[data-control=connected]:is([data-size=xsmall],[data-size=small])>.md-button{min-inline-size:var(--md-sys-measurement-space600)}.md-button-group[data-control=connected]:is([data-size=xsmall],[data-size=small])>.md-button:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:var(--md-sys-measurement-space600);transform:translateY(-50%)}.md-button-group[data-control=connected]{inline-size:100%}.md-button-group[data-control=connected]>.md-button{flex:1}.md-button-group[data-control=standard]>.md-icon-button{--_icon-height:var(--_group-height);min-inline-size:0;box-sizing:border-box}.md-button-group:where([data-control=connected][data-size=large]){--_group-gap: var(--md-comp-button-group-connected-large-between-space);--_group-height: var(--md-comp-button-group-connected-large-container-height);--_group-outer: var(--md-comp-button-group-connected-large-container-shape);--_group-inner: var(--md-comp-button-group-connected-large-inner-corner-corner-size);--_group-pressed-inner: var(--md-comp-button-group-connected-large-pressed-inner-corner-corner-size);--_group-selected-inner: var(--md-comp-button-group-connected-large-selected-inner-corner-corner-size)}.md-button-group:where([data-control=connected][data-size=medium]){--_group-gap: var(--md-comp-button-group-connected-medium-between-space);--_group-height: var(--md-comp-button-group-connected-medium-container-height);--_group-outer: var(--md-comp-button-group-connected-medium-container-shape);--_group-inner: var(--md-comp-button-group-connected-medium-inner-corner-corner-size);--_group-pressed-inner: var(--md-comp-button-group-connected-medium-pressed-inner-corner-corner-size);--_group-selected-inner: var(--md-comp-button-group-connected-medium-selected-inner-corner-corner-size)}.md-button-group:where([data-control=connected][data-size=small]){--_group-gap: var(--md-comp-button-group-connected-small-between-space);--_group-height: var(--md-comp-button-group-connected-small-container-height);--_group-outer: var(--md-comp-button-group-connected-small-container-shape);--_group-inner: var(--md-comp-button-group-connected-small-inner-corner-corner-size);--_group-pressed-inner: var(--md-comp-button-group-connected-small-pressed-inner-corner-corner-size);--_group-selected-inner: var(--md-comp-button-group-connected-small-selected-inner-corner-corner-size)}.md-button-group:where([data-control=connected][data-size=xlarge]){--_group-gap: var(--md-comp-button-group-connected-xlarge-between-space);--_group-height: var(--md-comp-button-group-connected-xlarge-container-height);--_group-outer: var(--md-comp-button-group-connected-xlarge-container-shape);--_group-inner: var(--md-comp-button-group-connected-xlarge-inner-corner-corner-size);--_group-pressed-inner: var(--md-comp-button-group-connected-xlarge-pressed-inner-corner-corner-size);--_group-selected-inner: var(--md-comp-button-group-connected-xlarge-selected-inner-corner-corner-size)}.md-button-group:where([data-control=connected][data-size=xsmall]){--_group-gap: var(--md-comp-button-group-connected-xsmall-between-space);--_group-height: var(--md-comp-button-group-connected-xsmall-container-height);--_group-outer: var(--md-comp-button-group-connected-xsmall-container-shape);--_group-inner: var(--md-comp-button-group-connected-xsmall-inner-corner-corner-size);--_group-pressed-inner: var(--md-comp-button-group-connected-xsmall-pressed-inner-corner-corner-size);--_group-selected-inner: var(--md-comp-button-group-connected-xsmall-selected-inner-corner-corner-size)}.md-button-group:where([data-control=standard][data-size=large]){--_group-gap: var(--md-comp-button-group-standard-large-between-space);--_group-height: var(--md-comp-button-group-standard-large-container-height);--_group-width-damping: var(--md-comp-button-group-standard-large-pressed-item-width-motion-spring-dampening);--_group-width-stiffness: var(--md-comp-button-group-standard-large-pressed-item-width-motion-spring-stiffness);--_group-width-growth: var(--md-comp-button-group-standard-large-pressed-item-width-multiplier)}.md-button-group:where([data-control=standard][data-size=medium]){--_group-gap: var(--md-comp-button-group-standard-medium-between-space);--_group-height: var(--md-comp-button-group-standard-medium-container-height);--_group-width-damping: var(--md-comp-button-group-standard-medium-pressed-item-width-motion-spring-dampening);--_group-width-stiffness: var(--md-comp-button-group-standard-medium-pressed-item-width-motion-spring-stiffness);--_group-width-growth: var(--md-comp-button-group-standard-medium-pressed-item-width-multiplier)}.md-button-group:where([data-control=standard][data-size=small]){--_group-gap: var(--md-comp-button-group-standard-small-between-space);--_group-height: var(--md-comp-button-group-standard-small-container-height);--_group-width-damping: var(--md-comp-button-group-standard-small-pressed-item-width-motion-spring-dampening);--_group-width-stiffness: var(--md-comp-button-group-standard-small-pressed-item-width-motion-spring-stiffness);--_group-width-growth: var(--md-comp-button-group-standard-small-pressed-item-width-multiplier)}.md-button-group:where([data-control=standard][data-size=xlarge]){--_group-gap: var(--md-comp-button-group-standard-xlarge-between-space);--_group-height: var(--md-comp-button-group-standard-xlarge-container-height);--_group-width-damping: var(--md-comp-button-group-standard-xlarge-pressed-item-width-motion-spring-dampening);--_group-width-stiffness: var(--md-comp-button-group-standard-xlarge-pressed-item-width-motion-spring-stiffness);--_group-width-growth: var(--md-comp-button-group-standard-xlarge-pressed-item-width-multiplier)}.md-button-group:where([data-control=standard][data-size=xsmall]){--_group-gap: var(--md-comp-button-group-standard-xsmall-between-space);--_group-height: var(--md-comp-button-group-standard-xsmall-container-height);--_group-width-damping: var(--md-comp-button-group-standard-xsmall-pressed-item-width-motion-spring-dampening);--_group-width-stiffness: var(--md-comp-button-group-standard-xsmall-pressed-item-width-motion-spring-stiffness);--_group-width-growth: var(--md-comp-button-group-standard-xsmall-pressed-item-width-multiplier)}.md-list-demo{inline-size:24rem;max-inline-size:100%;display:grid;gap:var(--md-sys-measurement-space100)}.md-list{position:relative;display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;border-radius:var(--_list-shape);overflow:clip}.md-list[data-variant=segmented]{gap:var(--_list-gap)}.md-list[data-reordering],.md-list[data-component-state=dragged]{overflow:visible}.md-list>li{--_list-edge-top: var(--md-comp-list-list-item-container-shape);--_list-edge-bottom: var(--md-comp-list-list-item-container-shape);position:relative;flex:none;min-inline-size:0}.md-list[data-variant=standard]:not([data-shape=expressive])>li:first-child{--_list-edge-top: var(--_list-shape)}.md-list[data-variant=standard]:not([data-shape=expressive])>li:last-child{--_list-edge-bottom: var(--_list-shape)}.md-list[data-variant=standard]:not([data-shape=expressive])>li>.md-list-item,.md-list[data-variant=standard]:not([data-shape=expressive])>li>.md-list-row>.md-list-item{--_list-item-shape: var(--_list-edge-top, var(--md-comp-list-list-item-container-shape)) var(--_list-edge-top, var(--md-comp-list-list-item-container-shape)) var(--_list-edge-bottom, var(--md-comp-list-list-item-container-shape)) var(--_list-edge-bottom, var(--md-comp-list-list-item-container-shape))}.md-list[data-variant=standard]:not([data-divider=none])>li:not(:last-child):not(:has(+.md-list-drop-zone)):after{content:"";display:block;border-block-start:var(--_list-divider-width) solid var(--_list-divider);margin:var(--_list-divider-top) var(--_list-divider-trailing) var(--_list-divider-bottom) var(--_list-divider-leading)}.md-list[data-variant=standard][data-divider=full-width]>li:not(:last-child):not(:has(+.md-list-drop-zone)):after{margin-inline:0}.md-list[data-shape=baseline] .md-list-item[data-list-tall]{align-items:flex-start}.md-list-item:has(.md-list-selection-control){cursor:pointer}.md-list-item[aria-disabled=true]{cursor:default}.md-list-item:has(.md-list-selection-control input:focus-visible){outline:var(--_list-focus-width) solid var(--_list-focus-color);outline-offset:var(--_list-focus-offset)}.md-list-row{position:relative}.md-list-item{--_list-item-container-opacity: 1;--_list-item-label-opacity: 1;--_list-item-leading-icon-opacity: 1;--_list-item-trailing-icon-opacity: 1;--_list-item-overline-opacity: 1;--_list-item-supporting-text-opacity: 1;--_list-item-trailing-supporting-text-opacity: var( --_list-item-supporting-text-opacity );--_button-rest-shape: var(--_list-item-shape);--_button-pressed-shape: var( --_list-item-pressed-shape, var(--_list-item-shape) );--_button-spring-damping: var(--md-sys-motion-spring-fast-spatial-damping);--_button-spring-stiffness: var( --md-sys-motion-spring-fast-spatial-stiffness );--_button-background-state-color: var( --_list-item-background-state-color, transparent );--_button-background-state-opacity: var( --_list-item-background-state-opacity, 0 );--_button-pressed-state-color: var(--_list-item-pressed-state-color);--_button-pressed-state-opacity: var(--_list-item-pressed-state-opacity);--_button-state-color: var(--_list-item-state-color, currentColor);--_button-state-opacity: var(--_list-item-state-opacity, 0);--_elevation-level: var(--_list-item-elevation);--_shadow-color: var(--_list-item-shadow, var(--md-sys-color-shadow));--_button-shape: var(--_button-rest-shape);position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--_list-item-gap);inline-size:100%;min-block-size:var(--_list-item-height);box-sizing:border-box;margin:0;border:0;padding:var(--_list-item-top) var(--_list-item-trailing) var(--_list-item-bottom) var(--_list-item-leading);text-align:start;border-radius:var(--_button-shape);color:var(--_list-item-label);background:color-mix(in srgb,var(--_list-item-container) calc(var(--_list-item-container-opacity) * 100%),transparent);cursor:pointer;touch-action:manipulation;transition:background-color var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing),border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}.md-list-item:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--_button-background-state-color);opacity:var(--_button-background-state-opacity)}.md-list-item:is(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([data-button-cancelled]){--_button-shape: var(--_button-pressed-shape)}.md-list-item:disabled{cursor:default;--_button-background-state-color: var(--_list-item-state-color);--_button-background-state-opacity: var(--_list-item-state-opacity)}.md-list-item:where(:focus-visible,[data-component-state=focused]){outline:var(--_list-focus-width) solid var(--_list-focus-color);outline-offset:var(--_list-focus-offset)}.md-list-leading,.md-list-tail{flex:none;display:flex;align-items:center}.md-list-tail{gap:var(--_list-item-gap)}.md-list-icon svg{inline-size:var(--_list-item-leading-icon-size);block-size:var(--_list-item-leading-icon-size);color:color-mix(in srgb,var(--_list-item-leading-icon) calc(var(--_list-item-leading-icon-opacity) * 100%),transparent)}.md-list-avatar{inline-size:var(--_list-item-avatar-size);block-size:var(--_list-item-avatar-size);justify-content:center;border-radius:var(--_list-item-avatar-shape);background:var(--_list-item-avatar)}.md-list-avatar-label{color:var(--_list-item-leading-avatar-label-color);font-family:var(--_list-item-leading-avatar-label-font-family);font-size:var(--_list-item-leading-avatar-label-font-size);font-weight:var(--_list-item-leading-avatar-label-font-weight);line-height:var(--_list-item-leading-avatar-label-line-height);letter-spacing:var(--_list-item-leading-avatar-label-tracking)}.md-list-image{inline-size:var(--_list-item-image-width);block-size:var(--_list-item-image-height);border-radius:var(--_list-item-image-shape);overflow:hidden}.md-list-video{inline-size:var(--_list-item-video-width);block-size:var( --_list-item-video-height, var(--md-comp-list-list-item-small-leading-video-height) );border-radius:var(--_list-item-video-shape);overflow:hidden}.md-list-image svg,.md-list-video svg{inline-size:100%;block-size:100%}.md-list-body{flex:1;min-inline-size:0}.md-list-label,.md-list-supporting,.md-list-overline{display:block}.md-list-label{color:color-mix(in srgb,var(--_list-item-label) calc(var(--_list-item-label-opacity) * 100%),transparent);font-family:var(--_list-item-font-family);font-size:var(--_list-item-font-size);font-weight:var(--_list-item-font-weight);line-height:var(--_list-item-line-height);letter-spacing:var(--_list-item-tracking)}.md-list-supporting{white-space:pre-line;color:color-mix(in srgb,var(--_list-item-supporting-text-color) calc(var(--_list-item-supporting-text-opacity) * 100%),transparent);font-family:var(--_list-item-supporting-text-font-family);font-size:var(--_list-item-supporting-text-font-size);font-weight:var(--_list-item-supporting-text-font-weight);line-height:var(--_list-item-supporting-text-line-height);letter-spacing:var(--_list-item-supporting-text-tracking)}.md-list-overline{color:color-mix(in srgb,var(--_list-item-overline-color) calc(var(--_list-item-overline-opacity) * 100%),transparent);font-family:var(--_list-item-overline-font-family);font-size:var(--_list-item-overline-font-size);font-weight:var(--_list-item-overline-font-weight);line-height:var(--_list-item-overline-line-height);letter-spacing:var(--_list-item-overline-tracking)}.md-list-meta{color:color-mix(in srgb,var(--_list-item-trailing-supporting-text-color) calc(var(--_list-item-trailing-supporting-text-opacity) * 100%),transparent);font-family:var(--_list-item-trailing-supporting-text-font-family);font-size:var(--_list-item-trailing-supporting-text-font-size);font-weight:var(--_list-item-trailing-supporting-text-font-weight);line-height:var(--_list-item-trailing-supporting-text-line-height);letter-spacing:var(--_list-item-trailing-supporting-text-tracking)}.md-list-trailing-icon svg,.md-list-expand-icon svg{display:block;inline-size:var(--_list-item-trailing-icon-size);block-size:var(--_list-item-trailing-icon-size);color:color-mix(in srgb,var(--_list-item-trailing-icon) calc(var(--_list-item-trailing-icon-opacity) * 100%),transparent)}.md-list-expand-icon{display:grid;place-content:center;inline-size:var(--md-comp-icon-button-small-container-height);block-size:var(--md-comp-icon-button-small-container-height);border-radius:var(--_list-item-expand-icon-shape);background:var(--_list-item-expand-icon-container)}.md-list-item[aria-expanded=true] .md-list-expand-icon svg{rotate:180deg}.md-list:where([data-control=expand])>li[data-list-expanded=true]{overflow:clip;background:var(--md-comp-list-expand-expanded-list-item-container-color);border-radius:var(--_list-shape)}.md-list:where([data-control=expand][data-variant=segmented])>li[data-list-expanded=true]{overflow:clip;background:var( --md-comp-list-expand-expanded-list-item-segmented-container-color )}.md-list-expand-content{overflow:hidden;list-style:none;padding:0;margin:0}.md-list-expand-content[hidden]{display:none}.md-list[data-control=reorder] .md-list-row>.md-list-item,.md-list[data-control=actions] .md-list-row>.md-list-item,.md-list[data-control=reveal] .md-list-row>.md-list-item{padding-inline-end:calc(var(--_list-item-trailing) + var(--md-comp-icon-button-small-container-height) + var(--_list-item-gap))}.md-list-reorder-sheet{--_sheet-expanded-height: auto;z-index:20}.md-list-reorder-sheet .md-sheet-body{padding:var(--md-sys-measurement-space100) 0}.md-list-grip,.md-list-action,.md-list-reveal-toggle{position:absolute;inset-inline-end:var(--md-comp-list-list-item-trailing-space);inset-block-start:50%;translate:0 -50%}.md-list-grip,.md-list[data-control=reorder] .md-list-row>.md-list-item{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.md-list [data-list-dragging] .md-list-grip{cursor:grabbing;--_icon-icon: var(--md-comp-list-reorder-list-item-trailing-icon-color)}.md-list [data-list-dragging]{z-index:2}.md-list>.md-list-drop-zone{position:absolute;inset:0;background:var(--_list-drop-color);border-radius:var(--_list-shape);pointer-events:none}.md-list[data-control=reveal] .md-list-row{--_list-reveal-distance: calc( var(--md-comp-icon-button-small-container-height) + 2 * var(--md-comp-list-list-item-trailing-space) );overflow:clip;border-radius:var(--md-comp-list-reveal-list-item-container-shape)}.md-list[data-control=reveal][data-variant=segmented] .md-list-row{border-radius:var(--md-comp-list-reveal-list-item-segmented-container-shape)}.md-list[data-control=reveal] .md-list-row>.md-list-item{touch-action:pan-y}.md-list-reveal-toggle,.md-list-reveal-action{--_icon-container: var(--_list-reveal-container);--_icon-icon: var(--_list-reveal-icon);--_icon-round-shape: var(--_list-reveal-shape);--_icon-pressed-shape: var(--_list-reveal-shape);--_icon-state-color: var(--_list-reveal-state-color);--_icon-background-state-color: var(--_list-reveal-background-state-color);--_icon-pressed-state-color: var(--_list-reveal-pressed-state-color);--_icon-pressed-state-opacity: var( --md-sys-state-pressed-state-layer-opacity )}.md-list-reveal-toggle:is(:hover,[data-component-state=hovered]),.md-list-reveal-action:is(:hover,[data-component-state=hovered]){--_icon-state-opacity: var(--md-sys-state-hover-state-layer-opacity);--_icon-background-state-opacity: var( --md-sys-state-hover-state-layer-opacity )}.md-list-reveal-toggle:is(:focus-visible,[data-component-state=focused]),.md-list-reveal-action:is(:focus-visible,[data-component-state=focused]){--_icon-state-opacity: var(--md-sys-state-focus-state-layer-opacity);--_icon-background-state-opacity: var( --md-sys-state-focus-state-layer-opacity )}.md-list-reveal-toggle:disabled,.md-list-reveal-action:disabled{--_icon-icon-opacity: var(--md-comp-button-text-disabled-label-text-opacity)}.md-list-reveal-action{position:absolute;inset-block:0;inset-inline-end:0;block-size:100%;inline-size:var(--_list-reveal-distance)}.md-list[data-control=reveal] .md-list-row>.md-list-item{translate:var(--_list-reveal-offset, 0px) 0;transition:translate var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),background-color var(--_motion-fast-effects-duration) var(--_motion-fast-effects-easing)}.md-list[data-control=reveal] .md-list-reveal-toggle{translate:var(--_list-reveal-offset, 0px) -50%;transition:translate var(--_motion-default-spatial-duration) var(--_motion-default-spatial-easing)}.md-list-row[data-swiping]>.md-list-item,.md-list-row[data-swiping]>.md-list-reveal-toggle{transition:none}@media(prefers-reduced-motion:reduce){.md-list-item,.md-list-reveal-toggle{transition:none!important}}.md-list{isolation:isolate}.md-list-drop-zone{inset-block-end:auto;z-index:-1}.md-list-row:has(>.md-list-item[data-component-state=dragged])>.md-list-grip{--_icon-icon: var(--md-comp-list-reorder-list-item-trailing-icon-color)}.md-list-reveal-action{visibility:hidden;pointer-events:none;transition:visibility 0s var(--_motion-default-spatial-duration),background-color var(--_button-effects-duration) var(--_button-easing)}.md-list-row:is([data-revealed=true],[data-swiping])>.md-list-reveal-action{visibility:visible;pointer-events:auto;transition-delay:0s}.md-list-item[data-component-state=pressed]:before,:root:not([data-feedback-ready]) .md-list-item:before{background:var(--_list-item-state-color, transparent);opacity:var(--_list-item-state-opacity, 0)}.md-list[data-expand-inset=inset] .md-list-expand-content{box-sizing:border-box;padding-inline-start:var(--md-comp-list-list-item-leading-space)}.md-list[data-expand-surface=none]>li[data-list-expanded=true]{background:transparent}.md-list[data-expand-surface=none] .md-list-item[aria-expanded=true]{--_list-item-container: var(--md-comp-list-list-item-container-color)}.md-list[data-expand-surface=none][data-variant=segmented] .md-list-item[aria-expanded=true]{--_list-item-container: var( --md-comp-list-list-item-segmented-container-color )}.md-list:not([data-expand-surface=none])>li[data-list-expanded=true] .md-list-expand-content .md-list-item{background:transparent}.md-list[data-expand-icon=plain] .md-list-expand-icon{background:transparent}.md-list[data-expand-surface=tonal]>li[data-list-expanded=true]{background:var(--md-sys-color-surface-container)}.md-list[data-expand-surface=tonal]>li[data-list-expanded=true]>.md-list-row>.md-list-item{background:transparent}.md-list{--_list-shape: var(--md-comp-list-container-shape);--_list-divider-bottom: var(--md-comp-list-divider-bottom-space);--_list-divider: var(--md-comp-list-divider-color);--_list-divider-width: var(--md-comp-list-divider-height);--_list-divider-leading: var(--md-comp-list-divider-leading-space);--_list-divider-top: var(--md-comp-list-divider-top-space);--_list-divider-trailing: var(--md-comp-list-divider-trailing-space);--_list-focus-color: var(--md-comp-list-focus-indicator-color);--_list-focus-offset: var(--md-comp-list-focus-indicator-outline-offset);--_list-focus-width: var(--md-comp-list-focus-indicator-thickness);--_list-gap: var(--md-comp-list-segmented-gap)}.md-list:where([data-control=reorder]){--_list-drop-color: var(--md-comp-list-reorder-list-item-drop-zone-color)}.md-list:where([data-control=expand]){--_list-shape: var(--md-comp-list-expand-container-shape)}.md-list .md-list-item{--_list-item-gap: var(--md-comp-list-list-item-between-space);--_list-item-bottom: var(--md-comp-list-list-item-bottom-space);--_list-item-container: var(--md-comp-list-list-item-container-color);--_list-item-elevation: var(--md-comp-list-list-item-container-elevation);--_list-item-height: var(--md-comp-list-list-item-container-height);--_list-item-shape: var(--md-comp-list-list-item-container-shape);--_list-item-label: var(--md-comp-list-list-item-label-text-color);--_list-item-font-family: var(--md-comp-list-list-item-label-text-font);--_list-item-line-height: var(--md-comp-list-list-item-label-text-line-height);--_list-item-font-size: var(--md-comp-list-list-item-label-text-size);--_list-item-tracking: var(--md-comp-list-list-item-label-text-tracking);--_list-item-font-weight: var(--md-comp-list-list-item-label-text-weight);--_list-item-avatar: var(--md-comp-list-list-item-leading-avatar-color);--_list-item-avatar-shape: var(--md-comp-list-list-item-leading-avatar-shape);--_list-item-avatar-size: var(--md-comp-list-list-item-leading-avatar-size);--_list-item-leading-avatar-label-color: var(--md-comp-list-list-item-leading-avatar-label-color);--_list-item-leading-avatar-label-font-family: var(--md-comp-list-list-item-leading-avatar-label-font);--_list-item-leading-avatar-label-line-height: var(--md-comp-list-list-item-leading-avatar-label-line-height);--_list-item-leading-avatar-label-font-size: var(--md-comp-list-list-item-leading-avatar-label-size);--_list-item-leading-avatar-label-tracking: var(--md-comp-list-list-item-leading-avatar-label-tracking);--_list-item-leading-avatar-label-font-weight: var(--md-comp-list-list-item-leading-avatar-label-weight);--_list-item-leading-icon: var(--md-comp-list-list-item-leading-icon-color);--_list-item-leading-icon-size: var(--md-comp-list-list-item-leading-icon-size);--_list-item-image-height: var(--md-comp-list-list-item-leading-image-height);--_list-item-image-shape: var(--md-comp-list-list-item-leading-image-shape);--_list-item-image-width: var(--md-comp-list-list-item-leading-image-width);--_list-item-leading: var(--md-comp-list-list-item-leading-space);--_list-item-video-shape: var(--md-comp-list-list-item-leading-video-shape);--_list-item-video-width: var(--md-comp-list-list-item-leading-video-width);--_list-item-overline-color: var(--md-comp-list-list-item-overline-color);--_list-item-overline-font-family: var(--md-comp-list-list-item-overline-font);--_list-item-overline-line-height: var(--md-comp-list-list-item-overline-line-height);--_list-item-overline-font-size: var(--md-comp-list-list-item-overline-size);--_list-item-overline-tracking: var(--md-comp-list-list-item-overline-tracking);--_list-item-overline-font-weight: var(--md-comp-list-list-item-overline-weight);--_list-item-supporting-text-color: var(--md-comp-list-list-item-supporting-text-color);--_list-item-supporting-text-font-family: var(--md-comp-list-list-item-supporting-text-font);--_list-item-supporting-text-line-height: var(--md-comp-list-list-item-supporting-text-line-height);--_list-item-supporting-text-font-size: var(--md-comp-list-list-item-supporting-text-size);--_list-item-supporting-text-tracking: var(--md-comp-list-list-item-supporting-text-tracking);--_list-item-supporting-text-font-weight: var(--md-comp-list-list-item-supporting-text-weight);--_list-item-top: var(--md-comp-list-list-item-top-space);--_list-item-trailing-icon: var(--md-comp-list-list-item-trailing-icon-color);--_list-item-trailing-icon-size: var(--md-comp-list-list-item-trailing-icon-size);--_list-item-trailing: var(--md-comp-list-list-item-trailing-space);--_list-item-trailing-supporting-text-color: var(--md-comp-list-list-item-trailing-supporting-text-color);--_list-item-trailing-supporting-text-font-family: var(--md-comp-list-list-item-trailing-supporting-text-font);--_list-item-trailing-supporting-text-line-height: var(--md-comp-list-list-item-trailing-supporting-text-line-height);--_list-item-trailing-supporting-text-font-size: var(--md-comp-list-list-item-trailing-supporting-text-size);--_list-item-trailing-supporting-text-tracking: var(--md-comp-list-list-item-trailing-supporting-text-tracking);--_list-item-trailing-supporting-text-font-weight: var(--md-comp-list-list-item-trailing-supporting-text-weight);--_list-item-pressed-state-color: var(--md-comp-list-list-item-pressed-state-layer-color);--_list-item-pressed-state-opacity: var(--md-comp-list-list-item-pressed-state-layer-opacity)}.md-list:where([data-shape=expressive]) .md-list-item{--_list-item-shape: var(--md-comp-list-list-item-container-expressive-shape);--_list-item-leading-icon-size: var(--md-comp-list-list-item-leading-icon-expressive-size);--_list-item-image-shape: var(--md-comp-list-list-item-leading-image-expressive-shape);--_list-item-pressed-shape: var(--md-comp-list-list-item-pressed-container-expressive-shape);--_list-item-trailing-icon-size: var(--md-comp-list-list-item-trailing-icon-expressive-size)}.md-list:where([data-media=large]) .md-list-item{--_list-item-video-height: var(--md-comp-list-list-item-large-leading-video-height);--_list-item-video-width: var(--md-comp-list-list-item-large-leading-video-width)}.md-list:where([data-size=one-line]) .md-list-item{--_list-item-height: var(--md-comp-list-list-item-one-line-container-height)}.md-list:where([data-variant=segmented]) .md-list-item{--_list-item-container: var(--md-comp-list-list-item-segmented-container-color)}.md-list:where([data-media=small]) .md-list-item{--_list-item-video-height: var(--md-comp-list-list-item-small-leading-video-height);--_list-item-video-width: var(--md-comp-list-list-item-small-leading-video-width)}.md-list:where([data-size=three-line]) .md-list-item{--_list-item-height: var(--md-comp-list-list-item-three-line-container-height)}.md-list:where([data-size=two-line]) .md-list-item{--_list-item-height: var(--md-comp-list-list-item-two-line-container-height)}.md-list:where([data-control=expand]) .md-list-item:where([aria-expanded=false]){--_list-item-expand-icon-container: var(--md-comp-list-expand-collapsed-list-item-trailing-icon-container-color);--_list-item-trailing-icon: var(--md-comp-list-expand-collapsed-list-item-trailing-icon-icon-color)}.md-list:where([data-control=expand]) .md-list-item:where([aria-expanded=true]){--_list-item-container: var(--md-comp-list-expand-expanded-list-item-container-color);--_list-item-expand-icon-container: var(--md-comp-list-expand-expanded-list-item-trailing-icon-container-color);--_list-item-trailing-icon: var(--md-comp-list-expand-expanded-list-item-trailing-icon-icon-color)}.md-list:where([data-control=expand]) .md-list-item{--_list-item-expand-icon-shape: var(--md-comp-list-expand-trailing-icon-shape)}.md-list:where([data-control=reveal]) .md-list-row:where([data-revealed=true])>.md-list-item{--_list-item-container: var(--md-comp-list-reveal-list-item-container-color);--_list-item-shape: var(--md-comp-list-reveal-list-item-container-shape)}.md-list:where([data-variant=segmented]):where([data-control=expand]) .md-list-item:where([aria-expanded=true]){--_list-item-container: var(--md-comp-list-expand-expanded-list-item-segmented-container-color)}.md-list:where([data-variant=segmented]):where([data-control=reveal]) .md-list-row:where([data-revealed=true])>.md-list-item{--_list-item-shape: var(--md-comp-list-reveal-list-item-segmented-container-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_list-item-container: var(--md-comp-list-list-item-selected-container-color);--_list-item-shape: var(--md-comp-list-list-item-selected-container-shape);--_list-item-label: var(--md-comp-list-list-item-selected-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-leading-icon-color);--_list-item-overline-color: var(--md-comp-list-list-item-selected-overline-color);--_list-item-supporting-text-color: var(--md-comp-list-list-item-selected-supporting-text-color);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-trailing-icon-color);--_list-item-trailing-supporting-text-color: var(--md-comp-list-list-item-selected-trailing-supporting-text-color)}.md-list .md-list-item:where(:not(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)))){--_list-item-trailing-icon: var(--md-comp-list-list-item-unselected-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate))){--_list-item-shape: var(--md-comp-list-list-item-selected-container-expressive-shape);--_list-item-pressed-shape: var(--md-comp-list-list-item-selected-pressed-container-expressive-shape)}.md-list .md-list-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-label: var(--md-comp-list-list-item-hover-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-hover-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-hover-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-hover-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-hover-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-hover-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-hover-trailing-icon-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-shape: var(--md-comp-list-list-item-hovered-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-label: var(--md-comp-list-list-item-selected-hover-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-hover-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-hover-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-selected-hover-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-hover-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-selected-hover-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-hover-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-item-shape: var(--md-comp-list-list-item-selected-hovered-container-expressive-shape)}.md-list .md-list-item:where(:where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-focus-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-focus-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-focus-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-focus-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-focus-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-focus-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-focus-trailing-icon-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-focused-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-selected-focus-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-focus-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-focus-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-selected-focus-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-focus-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-selected-focus-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-focus-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:focus-visible,:has(.md-list-selection-control>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-selected-focused-container-expressive-shape)}.md-list .md-list-item:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-item-label: var(--md-comp-list-list-item-pressed-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-pressed-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-pressed-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-pressed-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-pressed-trailing-icon-icon-color)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-item-label: var(--md-comp-list-list-item-selected-pressed-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-pressed-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-pressed-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-pressed-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-pressed-trailing-icon-color)}.md-list .md-list-item:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)){--_list-item-pressed-state-color: var(--md-comp-list-list-item-selected-pressed-state-layer-color);--_list-item-pressed-state-opacity: var(--md-comp-list-list-item-selected-pressed-state-layer-opacity)}.md-list .md-list-item:where(:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-elevation: var(--md-comp-list-list-item-dragged-container-elevation);--_list-item-label: var(--md-comp-list-list-item-dragged-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-dragged-leading-icon-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-dragged-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-dragged-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-dragged-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-dragged-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-dragged-trailing-icon-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-dragged-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-selected-dragged-label-text-color);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-dragged-leading-icon-color);--_list-item-state-color: var(--md-comp-list-list-item-selected-dragged-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-list-item-selected-dragged-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-dragged-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-list-item-selected-dragged-state-layer-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-dragged-trailing-icon-color)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-selected-dragged-container-expressive-shape)}.md-list:where([data-control=reorder]) .md-list-item:where(:where([data-dragged=true],[data-component-state=dragged]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-item-container: var(--md-comp-list-reorder-list-item-container-color);--_list-item-label: var(--md-comp-list-reorder-list-item-label-text-color);--_list-item-leading-icon: var(--md-comp-list-reorder-list-item-leading-icon-color);--_list-item-overline-color: var(--md-comp-list-reorder-list-item-overline-color);--_list-item-shadow: var(--md-comp-list-reorder-list-item-shadow-color);--_list-item-shape: var(--md-comp-list-reorder-list-item-shape);--_list-item-state-color: var(--md-comp-list-reorder-list-item-state-layer-color);--_list-item-background-state-color: var(--md-comp-list-reorder-list-item-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-reorder-list-item-state-layer-opacity);--_list-item-background-state-opacity: var(--md-comp-list-reorder-list-item-state-layer-opacity);--_list-item-supporting-text-color: var(--md-comp-list-reorder-list-item-supporting-text-color);--_list-item-trailing-icon: var(--md-comp-list-reorder-list-item-trailing-icon-color);--_list-item-trailing-supporting-text-color: var(--md-comp-list-reorder-list-item-trailing-supporting-text-color)}.md-list .md-list-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-label: var(--md-comp-list-list-item-disabled-label-text-color);--_list-item-label-opacity: var(--md-comp-list-list-item-disabled-label-text-opacity);--_list-item-leading-icon: var(--md-comp-list-list-item-disabled-leading-icon-color);--_list-item-leading-icon-opacity: var(--md-comp-list-list-item-disabled-leading-icon-opacity);--_list-item-overline-color: var(--md-comp-list-list-item-disabled-overline-color);--_list-item-overline-opacity: var(--md-comp-list-list-item-disabled-overline-opacity);--_list-item-state-color: var(--md-comp-list-list-item-disabled-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-disabled-state-layer-opacity);--_list-item-supporting-text-color: var(--md-comp-list-list-item-disabled-supporting-text-color);--_list-item-supporting-text-opacity: var(--md-comp-list-list-item-disabled-supporting-text-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-disabled-trailing-icon-color);--_list-item-trailing-icon-opacity: var(--md-comp-list-list-item-disabled-trailing-icon-opacity)}.md-list:where([data-shape=expressive]) .md-list-item:where(:is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-disabled-container-expressive-shape)}.md-list .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-container: var(--md-comp-list-list-item-selected-disabled-container-color);--_list-item-container-opacity: var(--md-comp-list-list-item-selected-disabled-container-opacity);--_list-item-label: var(--md-comp-list-list-item-selected-disabled-label-text-color);--_list-item-label-opacity: var(--md-comp-list-list-item-selected-disabled-label-text-opacity);--_list-item-leading-icon: var(--md-comp-list-list-item-selected-disabled-leading-icon-color);--_list-item-leading-icon-opacity: var(--md-comp-list-list-item-selected-disabled-leading-icon-opacity);--_list-item-overline-color: var(--md-comp-list-list-item-selected-disabled-overline-color);--_list-item-overline-opacity: var(--md-comp-list-list-item-selected-disabled-overline-opacity);--_list-item-state-color: var(--md-comp-list-list-item-selected-disabled-state-layer-color);--_list-item-state-opacity: var(--md-comp-list-list-item-selected-disabled-state-layer-opacity);--_list-item-supporting-text-color: var(--md-comp-list-list-item-selected-disabled-supporting-text-color);--_list-item-supporting-text-opacity: var(--md-comp-list-list-item-selected-disabled-supporting-text-opacity);--_list-item-trailing-icon: var(--md-comp-list-list-item-selected-disabled-trailing-icon-color);--_list-item-trailing-icon-opacity: var(--md-comp-list-list-item-selected-disabled-trailing-icon-opacity);--_list-item-trailing-supporting-text-color: var(--md-comp-list-list-item-selected-disabled-trailing-supporting-text-color);--_list-item-trailing-supporting-text-opacity: var(--md-comp-list-list-item-selected-disabled-trailing-supporting-text-opacity)}.md-list:where([data-shape=expressive]) .md-list-item:where(:where(:checked,[aria-pressed=true],[aria-selected=true],[aria-current=page],[data-selected=true],:has(>input:checked,>input:indeterminate)):is(:disabled,[aria-disabled=true],:has(>input:disabled,>select:disabled))){--_list-item-shape: var(--md-comp-list-list-item-selected-disabled-container-expressive-shape)}.md-list .md-list-reveal-action{--_list-reveal-container: var(--md-comp-list-reveal-list-item-action-icon-button-container-color);--_list-reveal-icon: var(--md-comp-list-reveal-list-item-action-icon-button-icon-color);--_list-reveal-shape: var(--md-comp-list-reveal-list-item-icon-button-action-container-shape);--_list-reveal-pressed-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-pressed-state-layer-color)}.md-list .md-list-reveal-toggle{--_list-reveal-container: var(--md-comp-list-reveal-list-item-icon-button-container-color);--_list-reveal-shape: var(--md-comp-list-reveal-list-item-icon-button-container-shape);--_list-reveal-icon: var(--md-comp-list-reveal-list-item-icon-button-icon-color)}.md-list .md-list-reveal-action:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-hovered-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-hovered-state-layer-color)}.md-list .md-list-reveal-toggle:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-icon-button-hovered-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-icon-button-hovered-state-layer-color)}.md-list .md-list-reveal-action:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-focused-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-focused-state-layer-color)}.md-list .md-list-reveal-toggle:where(:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-icon-button-focused-state-layer-color);--_list-reveal-background-state-color: var(--md-comp-list-reveal-list-item-icon-button-focused-state-layer-color)}.md-list .md-list-reveal-action:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-action-icon-button-pressed-state-layer-color)}.md-list .md-list-reveal-toggle:where(:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled]))){--_list-reveal-state-color: var(--md-comp-list-reveal-list-item-icon-button-pressed-state-layer-color)}.md-list .md-list-reveal-toggle{--_list-reveal-pressed-state-color: var(--md-comp-list-reveal-list-item-icon-button-pressed-state-layer-color)}.md-dialog-demo{--_dialog-enter-duration: var(--_motion-fast-effects-duration);--_dialog-exit-duration: var(--_motion-fast-effects-duration);--_dialog-enter-easing: var(--_motion-fast-effects-easing);--_dialog-exit-easing: var(--_motion-fast-effects-easing);min-inline-size:0;max-inline-size:100%;inline-size:100%}.md-dialog:is([data-dialog-preview],[data-dialog-surface]){display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--md-sys-measurement-space200);box-sizing:border-box;inline-size:min(560px,calc(100dvw - 2 * var(--md-sys-measurement-space300)));min-inline-size:min(280px,100%);max-inline-size:calc(100dvw - 2 * var(--md-sys-measurement-space300));max-block-size:calc(100dvh - 2 * var(--md-sys-measurement-space300));overflow:hidden}.md-dialog[data-dialog-inline]{position:relative;inset:auto;margin:0;inline-size:min(560px,100%);max-inline-size:100%;max-block-size:32rem}.md-basic-header h2{margin:0}.md-basic-header>[data-slot=icon]{display:flex;justify-content:center;margin:0 auto var(--md-sys-measurement-space200);inline-size:var(--_dialog-icon-size);block-size:var(--_dialog-icon-size);color:var(--_dialog-icon)}.md-basic-header [data-slot=icon]>svg{inline-size:100%;block-size:100%}.md-dialog:is([data-shape=icon],[data-shape=icon-divided]) .md-basic-header{text-align:center}.md-dialog-content{min-block-size:0;overflow:auto;overscroll-behavior:contain;padding:var(--md-sys-measurement-space100);outline:0}.md-dialog-content>h3:first-child{margin-block-start:0}.md-dialog-content>section{margin-block-start:var(--md-sys-measurement-space300)}.md-dialog-content>section>:last-child{margin-block-end:0}.md-dialog-content>h3,.md-dialog-content>section>h3{margin-block:var(--md-sys-measurement-space200) var(--md-sys-measurement-space100)}.md-dialog-content>p,.md-dialog-content>section>p{margin-block:0 var(--md-sys-measurement-space200)}.md-dialog-content>.md-outlined-text-field{inline-size:100%}.md-basic-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--md-sys-measurement-space100)}.md-basic-actions>.md-divider{flex-basis:100%;margin-block-end:var(--md-sys-measurement-space100)}.md-basic-header>.md-divider{margin-block-start:var(--md-sys-measurement-space200)}.md-dialog .md-text-button{--_button-font: var(--_dialog-action-font-weight) var(--_dialog-action-font-size) / var(--_dialog-action-line-height) var(--_dialog-action-font-family);--_button-letter-spacing: var(--_dialog-action-tracking)}.md-full-screen-dialog{--_dialog-enter-duration: var(--_motion-slow-spatial-duration);--_dialog-exit-duration: var(--_motion-default-spatial-duration);--_dialog-enter-easing: var(--_motion-slow-spatial-easing);--_dialog-exit-easing: var(--_motion-default-spatial-easing);--_elevation-level: var(--_full-elevation);--_shadow-color: var(--md-sys-color-shadow);display:grid;grid-template-rows:var(--_full-header-height) minmax(0,1fr);position:fixed;inset:0;margin:0;box-sizing:border-box;inline-size:100dvw;block-size:100dvh;max-inline-size:none;max-block-size:none;min-inline-size:0;padding:0;border:0;border-radius:var(--_full-shape);background:var(--_full-container);color:var(--md-sys-color-on-surface);overflow:hidden}.md-full-screen-dialog:has(>.md-full-action-bar){grid-template-rows:var(--_full-header-height) minmax(0,1fr) var( --_full-bar-height )}.md-full-screen-dialog[data-dialog-inline]{position:relative;inset:auto;inline-size:100%;block-size:32rem;max-inline-size:100%}.md-full-header{--_elevation-level: var(--_full-header-elevation);--_shadow-color: var(--md-sys-color-shadow);position:relative;z-index:1;display:flex;align-items:center;gap:var(--md-sys-measurement-space100);box-sizing:border-box;min-inline-size:0;block-size:var(--_full-header-height);padding:var(--md-sys-measurement-space100);background:var(--_full-header-container)}.md-full-header h2{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--_full-header-headline-color);font-family:var(--_full-header-headline-font-family);font-size:var(--_full-header-headline-font-size);line-height:var(--_full-header-headline-line-height);font-weight:var(--_full-header-headline-font-weight);letter-spacing:var(--_full-header-headline-tracking)}.md-full-header .md-dialog-close>svg{color:var(--_full-header-icon);inline-size:var(--_full-header-icon-size);block-size:var(--_full-header-icon-size)}.md-full-screen-dialog .md-dialog-content{padding:var(--md-sys-measurement-space300);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-full-screen-dialog .md-dialog-content>h3,.md-full-screen-dialog .md-dialog-content>section>h3{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-full-action-bar{--_elevation-level: var(--_full-bar-elevation);--_shadow-color: var(--md-sys-color-shadow);position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--md-sys-measurement-space100);box-sizing:border-box;block-size:var(--_full-bar-height);padding:var(--md-sys-measurement-space100);background:var(--_full-bar-container)}.md-full-screen-dialog .md-text-button{--_button-label: var(--_full-action-label);--_button-font: var(--_full-action-font-weight) var(--_full-action-font-size) / var(--_full-action-line-height) var(--_full-action-font-family);--_button-letter-spacing: var(--_full-action-tracking);--_button-state-color: var(--_full-action-state-color, transparent);--_button-state-opacity: var(--_full-action-state-opacity, 0);--_button-background-state-color: var( --_full-action-background-state-color, transparent );--_button-background-state-opacity: var( --_full-action-background-state-opacity, 0 );--_button-pressed-state-color: var(--_full-action-pressed-state-color);--_button-pressed-state-opacity: var(--_full-action-pressed-state-opacity)}.md-full-screen-dialog .md-divider{--_divider-color: var(--_full-divider-color);--_divider-thickness: var(--_full-divider-height);position:absolute;inset:auto 0 0}.md-full-action-bar>.md-divider{inset:0 0 auto}.md-dialog[data-dialog-preview]::backdrop,.md-full-screen-dialog::backdrop{background:color-mix(in srgb,var(--md-ref-palette-neutral0) 32%,transparent)}.md-dialog-demo>output:empty{display:none}.md-dialog[data-dialog-preview]:not([open]),.md-full-screen-dialog:not([open]){display:none}@media(forced-colors:active){.md-dialog[data-dialog-preview],.md-full-screen-dialog{border:1px solid CanvasText}}.md-dialog[data-dialog-preview] .md-dialog-content{margin-inline:calc(-1 * var(--md-sys-measurement-space100));padding:0 var(--md-sys-measurement-space100) var(--md-sys-measurement-space100)}.md-dialog-content>.md-outlined-text-field{margin-block-start:calc(var(--_field-populated-label-line-height) / 2)}.md-full-header h2{white-space:normal;overflow:auto;text-overflow:clip}.md-full-header:has(>[data-dialog-save])>[data-dialog-save]{margin-inline-start:auto}.md-full-header:not(:has(>h2)):not(:has(>[data-dialog-save])){justify-content:flex-start}.md-dialog-discard{box-sizing:border-box;inline-size:min(400px,calc(100dvw - 2 * var(--md-sys-measurement-space300)));max-block-size:calc(100dvh - 2 * var(--md-sys-measurement-space300));overflow:auto}.md-dialog-discard h2{margin:0 0 var(--md-sys-measurement-space200)}.md-dialog-discard p{margin:0 0 var(--md-sys-measurement-space300)}.md-dialog-demo :is(.md-dialog-close,.md-text-button):after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;inline-size:max(100%,var(--md-sys-measurement-space600));block-size:max(100%,var(--md-sys-measurement-space600))}.md-basic-header:empty{display:none}.md-dialog[data-dialog-preview]:has(>.md-basic-header:empty){grid-template-rows:minmax(0,1fr) auto}.md-dialog[data-headline=hidden] .md-basic-header>[data-slot=icon]{margin-block-end:0}html:has(.md-dialog-demo>dialog:modal){overflow:hidden}.md-dialog[data-dialog-surface]:not([open]){display:none}.md-dialog{--_dialog-container: var(--md-comp-dialog-container-color);--_dialog-elevation: var(--md-comp-dialog-container-elevation);--_dialog-shape: var(--md-comp-dialog-container-shape);--_dialog-headline-color: var(--md-comp-dialog-headline-color);--_dialog-headline-font-family: var(--md-comp-dialog-headline-font);--_dialog-headline-line-height: var(--md-comp-dialog-headline-line-height);--_dialog-headline-font-size: var(--md-comp-dialog-headline-size);--_dialog-headline-tracking: var(--md-comp-dialog-headline-tracking);--_dialog-headline-font-weight: var(--md-comp-dialog-headline-weight);--_dialog-subhead-color: var(--md-comp-dialog-subhead-color);--_dialog-subhead-font-family: var(--md-comp-dialog-subhead-font);--_dialog-subhead-line-height: var(--md-comp-dialog-subhead-line-height);--_dialog-subhead-font-size: var(--md-comp-dialog-subhead-size);--_dialog-subhead-tracking: var(--md-comp-dialog-subhead-tracking);--_dialog-subhead-font-weight: var(--md-comp-dialog-subhead-weight);--_dialog-supporting-text-color: var(--md-comp-dialog-supporting-text-color);--_dialog-supporting-text-font-family: var(--md-comp-dialog-supporting-text-font);--_dialog-supporting-text-line-height: var(--md-comp-dialog-supporting-text-line-height);--_dialog-supporting-text-font-size: var(--md-comp-dialog-supporting-text-size);--_dialog-supporting-text-tracking: var(--md-comp-dialog-supporting-text-tracking);--_dialog-supporting-text-font-weight: var(--md-comp-dialog-supporting-text-weight);--_dialog-divider: var(--md-comp-dialog-with-divider-divider-color);--_dialog-divider-height: var(--md-comp-dialog-with-divider-divider-height);--_dialog-icon: var(--md-comp-dialog-with-icon-icon-color);--_dialog-icon-size: var(--md-comp-dialog-with-icon-icon-size)}.md-dialog .md-text-button{--_button-label: var(--md-comp-dialog-action-label-text-color);--_dialog-action-font-family: var(--md-comp-dialog-action-label-text-font);--_dialog-action-line-height: var(--md-comp-dialog-action-label-text-line-height);--_dialog-action-font-size: var(--md-comp-dialog-action-label-text-size);--_dialog-action-tracking: var(--md-comp-dialog-action-label-text-tracking);--_dialog-action-font-weight: var(--md-comp-dialog-action-label-text-weight);--_button-pressed-state-color: var(--md-comp-dialog-action-pressed-state-layer-color);--_button-pressed-state-opacity: var(--md-comp-dialog-action-pressed-state-layer-opacity)}.md-dialog .md-text-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_button-label: var(--md-comp-dialog-action-hover-label-text-color);--_button-state-color: var(--md-comp-dialog-action-hover-state-layer-color);--_button-background-state-color: var(--md-comp-dialog-action-hover-state-layer-color);--_button-state-opacity: var(--md-comp-dialog-action-hover-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-dialog-action-hover-state-layer-opacity)}.md-dialog .md-text-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_button-label: var(--md-comp-dialog-action-focus-label-text-color);--_button-state-color: var(--md-comp-dialog-action-focus-state-layer-color);--_button-background-state-color: var(--md-comp-dialog-action-focus-state-layer-color);--_button-state-opacity: var(--md-comp-dialog-action-focus-state-layer-opacity);--_button-background-state-opacity: var(--md-comp-dialog-action-focus-state-layer-opacity)}.md-dialog .md-text-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_button-label: var(--md-comp-dialog-action-pressed-label-text-color);--_button-state-color: var(--md-comp-dialog-action-pressed-state-layer-color);--_button-state-opacity: var(--md-comp-dialog-action-pressed-state-layer-opacity)}.md-full-screen-dialog{--_full-container: var(--md-comp-full-screen-dialog-container-color);--_full-elevation: var(--md-comp-full-screen-dialog-container-elevation);--_full-shape: var(--md-comp-full-screen-dialog-container-shape);--_full-divider-color: var(--md-comp-full-screen-dialog-with-divider-divider-color);--_full-divider-height: var(--md-comp-full-screen-dialog-with-divider-divider-height)}.md-full-screen-dialog .md-full-action-bar{--_full-bar-container: var(--md-comp-full-screen-dialog-action-bar-container-color);--_full-bar-elevation: var(--md-comp-full-screen-dialog-action-bar-container-elevation)}.md-full-screen-dialog{--_full-bar-height: var(--md-comp-full-screen-dialog-action-bar-container-height)}.md-full-screen-dialog:where([data-bottom-scrolled=true]) .md-full-action-bar{--_full-bar-elevation: var(--md-comp-full-screen-dialog-action-bar-on-scroll-container-elevation)}.md-full-screen-dialog .md-full-action-bar .md-text-button{--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-label-text-color);--_full-action-font-family: var(--md-comp-full-screen-dialog-action-bar-label-text-font);--_full-action-line-height: var(--md-comp-full-screen-dialog-action-bar-label-text-line-height);--_full-action-font-size: var(--md-comp-full-screen-dialog-action-bar-label-text-size);--_full-action-tracking: var(--md-comp-full-screen-dialog-action-bar-label-text-tracking);--_full-action-font-weight: var(--md-comp-full-screen-dialog-action-bar-label-text-weight);--_full-action-pressed-state-color: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-color);--_full-action-pressed-state-opacity: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button{--_full-action-label: var(--md-comp-full-screen-dialog-header-action-label-text-color);--_full-action-font-family: var(--md-comp-full-screen-dialog-header-action-label-text-font);--_full-action-line-height: var(--md-comp-full-screen-dialog-header-action-label-text-line-height);--_full-action-font-size: var(--md-comp-full-screen-dialog-header-action-label-text-size);--_full-action-tracking: var(--md-comp-full-screen-dialog-header-action-label-text-tracking);--_full-action-font-weight: var(--md-comp-full-screen-dialog-header-action-label-text-weight)}.md-full-screen-dialog .md-full-action-bar .md-text-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-hover-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-action-bar-hover-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch])){--_full-action-label: var(--md-comp-full-screen-dialog-header-action-hover-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-header-action-hover-state-layer-opacity)}.md-full-screen-dialog .md-full-action-bar .md-text-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-focus-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-action-bar-focus-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button:where(:focus-visible,:has(>input:focus-visible),[data-component-state=focused]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)){--_full-action-label: var(--md-comp-full-screen-dialog-header-action-focus-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-color);--_full-action-background-state-color: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-opacity);--_full-action-background-state-opacity: var(--md-comp-full-screen-dialog-header-action-focus-state-layer-opacity)}.md-full-screen-dialog .md-full-action-bar .md-text-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_full-action-label: var(--md-comp-full-screen-dialog-action-bar-pressed-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-action-bar-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button:where(:active,[data-pressed],[data-component-state=pressed]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-button-cancelled])){--_full-action-label: var(--md-comp-full-screen-dialog-header-action-pressed-label-text-color);--_full-action-state-color: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-color);--_full-action-state-opacity: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header .md-text-button{--_full-action-pressed-state-color: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-color);--_full-action-pressed-state-opacity: var(--md-comp-full-screen-dialog-header-action-pressed-state-layer-opacity)}.md-full-screen-dialog .md-full-header{--_full-header-container: var(--md-comp-full-screen-dialog-header-container-color);--_full-header-elevation: var(--md-comp-full-screen-dialog-header-container-elevation);--_full-header-headline-color: var(--md-comp-full-screen-dialog-header-headline-color);--_full-header-headline-font-family: var(--md-comp-full-screen-dialog-header-headline-font);--_full-header-headline-line-height: var(--md-comp-full-screen-dialog-header-headline-line-height);--_full-header-headline-font-size: var(--md-comp-full-screen-dialog-header-headline-size);--_full-header-headline-tracking: var(--md-comp-full-screen-dialog-header-headline-tracking);--_full-header-headline-font-weight: var(--md-comp-full-screen-dialog-header-headline-weight);--_full-header-icon: var(--md-comp-full-screen-dialog-header-icon-color);--_full-header-icon-size: var(--md-comp-full-screen-dialog-header-icon-size)}.md-full-screen-dialog{--_full-header-height: var(--md-comp-full-screen-dialog-header-container-height)}.md-full-screen-dialog:where([data-top-scrolled=true]) .md-full-header{--_full-header-container: var(--md-comp-full-screen-dialog-header-on-scroll-container-color);--_full-header-elevation: var(--md-comp-full-screen-dialog-header-on-scroll-container-elevation)}.tokens-site-header{position:sticky;top:0;z-index:10;background:var(--md-sys-color-surface-container-low)}.tokens-primary-nav{display:flex;align-items:center;gap:var(--md-sys-measurement-space150);padding:var(--md-sys-measurement-space100) var(--md-sys-measurement-space200)}.tokens-brand{display:inline-flex;align-items:center;gap:var(--md-sys-measurement-space150);color:var(--md-sys-color-on-surface);text-decoration:none;font:var(--md-sys-typescale-title-large)}.tokens-brand-logo{fill:var(--md-sys-color-tertiary);inline-size:var(--md-sys-measurement-space500);block-size:var(--md-sys-measurement-space500);object-fit:contain;flex:none}.tokens-drawer-appearance{padding:var(--md-sys-measurement-space200);border-block-start:var(--md-comp-divider-thickness) solid var(--md-sys-color-outline-variant)}.tokens-drawer-appearance:empty{display:none}.tokens-theme-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-measurement-space150)}.tokens-contrast-buttons{display:flex;gap:var(--md-sys-measurement-space50);padding:var(--md-sys-measurement-space50);border-radius:calc((var(--md-comp-icon-button-small-container-height) + 2 * var(--md-sys-measurement-space50)) / 2);background:var(--md-sys-color-secondary-container)}.tokens-contrast-buttons>.md-icon-button[aria-pressed]{--_button-rest-shape:var(--_icon-round-shape);--_button-pressed-shape:var(--_icon-round-shape);--_button-spring-damping:initial}.tokens-site-header,.tokens-site-footer{inline-size:100%;flex-shrink:0;font-family:var(--md-sys-typescale-body-large-font)}.tokens-site-header .tokens-brand{color:var(--md-sys-color-on-surface)}.tokens-site-footer{display:block;margin:0;padding:0;border:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.tokens-footer-content{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:72rem;margin:0 auto;gap:var(--md-sys-measurement-space150) var(--md-sys-measurement-space400);padding:var(--md-sys-measurement-space200) var(--md-sys-measurement-space300)}.tokens-footer-content:before{content:"";position:absolute;inset-block-start:0;inset-inline:var(--md-sys-measurement-space300);border-block-start:var(--md-comp-divider-thickness) solid var(--md-sys-color-outline-variant)}.tokens-footer-credit{display:grid;gap:var(--md-sys-measurement-space50)}.tokens-site-footer p{margin:0}.tokens-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--md-sys-measurement-space100) var(--md-sys-measurement-space200)}.tokens-footer-links>a{display:inline-flex;align-items:center;min-block-size:var(--md-sys-measurement-space600)}.tokens-site-footer .tokens-link{color:inherit;text-decoration:none;overflow-wrap:anywhere}.tokens-site-footer .tokens-link:hover{text-decoration:underline}@media(max-width:640px){.tokens-footer-content{padding-inline:var(--md-sys-measurement-space200)}.tokens-footer-content:before{inset-inline:var(--md-sys-measurement-space200)}}.tokens-drawer-brand{flex:1;min-inline-size:0;padding:var(--md-sys-measurement-space200);font:var(--md-sys-typescale-title-medium)}.tokens-site-header .md-nav-items>h3{margin:0;color:var(--md-sys-color-on-surface-variant)}.tokens-site-header[data-docked=true]{position:fixed;inset-block:0;inset-inline-start:0;inline-size:var(--site-drawer-width);block-size:100dvh}.tokens-site-header[data-docked=true] .tokens-primary-nav{display:none}:root{--site-drawer-width:18rem}:root[data-site-drawer=expanded] body{padding-inline-start:var(--site-drawer-width)}.tokens-site-header[data-docked=true] .md-navigation-drawer{box-shadow:none}.tokens-site-header[data-docked=true] .md-navigation-drawer{width:var(--site-drawer-width);padding-inline:var(--md-sys-measurement-space150)}.tokens-site-header[data-docked=true] [data-navigation-close]{display:none}.tokens-site-header .md-nav-item{flex:none}.tokens-site-header[data-docked=true] .md-nav-item{min-height:var(--md-sys-measurement-space600)}.tokens-site-header[data-docked=true] .md-nav-indicator{height:var(--md-sys-measurement-space600)}.tokens-site-header .md-navigation-header{margin-block-end:var(--md-sys-measurement-space150)}.tokens-site-header .md-navigation-drawer{background:var(--md-sys-color-surface-container-low)}.tokens-tool-destinations{display:flex;flex-direction:column;padding-inline-start:var(--md-sys-measurement-space200)}.tokens-tool-destinations .md-nav-label{font:var(--md-sys-typescale-body-medium)}@font-face{font-family:Roboto;src:url(../roboto-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large)}a{color:var(--md-sys-color-primary)}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1{font:var(--md-sys-typescale-title-large)}h2,h3{font:var(--md-sys-typescale-title-medium)}p{margin-block:var(--md-sys-measurement-space100) var(--md-sys-measurement-space200)}.help{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}#app{block-size:calc(100dvh - var(--site-header-height, 88px));display:flex;flex-direction:column;overflow:hidden;background:var(--md-sys-color-surface-container)}.shell{flex:1;min-block-size:0;display:grid;grid-template-columns:minmax(0,1fr) var(--tools-divider, 0px) var( --tools-width, 0px );gap:0;padding:var(--md-sys-measurement-space150)}.recording-list{inline-size:100%;margin-block-start:var(--md-sys-measurement-space200)}.recording-list{max-inline-size:100%}.recording-list .md-list-label{overflow-wrap:anywhere}main{grid-column:1;min-inline-size:0;min-block-size:0;overflow:visible}.empty-viewer{flex:1;display:grid;align-content:start;gap:24px;min-block-size:0;overflow:auto}.empty-project{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.empty-project h3,.empty-project p{margin:0}.empty-viewer p{margin:0;color:var(--md-sys-color-on-surface-variant)}.video-library-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.video-library-header>div{display:grid;gap:8px}.video-library{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch}.video-library>.project-section:first-child{grid-row:auto}.video-library .recording-list{max-block-size:200px;overflow:auto}.editing-main:has(#empty-viewer:not([hidden])){--chart-min-height:160px}@media(min-width:701px){.editing-main:has(#empty-viewer:not([hidden])){block-size:var(--library-height, calc(100dvh - 80px) );flex:none}}@media(max-width:700px){.video-library{grid-template-columns:1fr}.video-library>.project-section:first-child{grid-row:auto}}.workspace-container{position:relative;block-size:100%;display:flex;flex-direction:column;min-block-size:0}.editing-main{flex:1;min-block-size:0;display:grid;grid-template-rows:var(--viewer-height, 260px) 12px max-content 12px minmax(min-content,1fr);overflow:auto}#viewer-area{padding:var(--md-sys-measurement-space200);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);min-block-size:0;display:flex;flex-direction:column;overflow:hidden}.workspace-toolbar,.viewer-toolbar,.viewer-actions,.inspector-actions,.transport,.timeline-tools,.timeline-header,.chart-toolbar,.graph-scale-controls,.playback-controls,.reference-controls,.export-format{display:flex;align-items:center;gap:var(--md-sys-measurement-space100);flex-wrap:wrap}.workspace-toolbar,.viewer-toolbar,.timeline-header{justify-content:space-between}.workspace-toolbar{flex:none;margin-block-end:var(--md-sys-measurement-space50)}.video-panes{flex:1;min-block-size:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--md-sys-measurement-space150)}.video-panes.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.video-pane,#reference-pane{min-inline-size:0;min-block-size:0}#reference-pane{display:flex}.video-pane{display:flex;flex-direction:column;border-block-start:2px solid transparent;overflow:hidden;inline-size:100%}.video-panes.comparing .video-pane.active-viewer{border-color:var(--md-sys-color-primary)}.viewer-title{min-inline-size:0;max-width:100%;text-align:start;justify-content:flex-start}.viewer-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-toolbar{flex-wrap:wrap}.viewer-status{display:flex;justify-content:space-between;gap:var(--md-sys-measurement-space100)}.viewer-status p,.video-pane>.help{margin-block:0;font:var(--md-sys-typescale-body-small)}.image-wrap{flex:1;min-block-size:0;background:var(--md-sys-color-surface-container-highest);display:flex;overflow:auto;align-items:center}canvas{display:block;max-width:none;height:auto;margin:auto;touch-action:pan-y;cursor:default}canvas.drawing{touch-action:none;cursor:crosshair}.time,#playhead-time{font:var(--md-sys-typescale-body-medium);font-variant-numeric:tabular-nums}#playhead-time{min-inline-size:70px}.pane-splitter{position:relative;z-index:1;-webkit-user-select:none;user-select:none;touch-action:none;cursor:col-resize;border-radius:var(--md-sys-shape-corner-extra-small);outline-offset:-2px}.pane-splitter:after{content:"";position:absolute;inset:calc(50% - 20px) 3px;background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-small)}.pane-splitter[aria-orientation=horizontal]{cursor:row-resize}.pane-splitter[aria-orientation=horizontal]:after{inset:3px calc(50% - 20px)}.pane-splitter:hover:after,.pane-splitter:focus-visible:after,.pane-splitter.dragging:after{background:var(--md-sys-color-primary)}.pane-splitter:focus-visible{outline:2px solid var(--md-sys-color-primary)}.timeline-panel{container-type:inline-size;container-name:timeline;padding:var(--md-sys-measurement-space200);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);min-inline-size:0;display:flex;flex-direction:column;min-block-size:0;overflow:hidden}.timeline-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;padding-block-end:16px;flex:none}.timeline-header>.playback-buttons{grid-column:2;justify-self:center}.timeline-header .transport{grid-column:1;grid-row:1;justify-content:flex-start}.timeline-header .timeline-tools{grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end}@container timeline (max-width: 1050px){.timeline-header{grid-template-columns:minmax(0,1fr) auto}.timeline-header>.playback-buttons{grid-column:1 / -1;grid-row:1}.timeline-header .transport{grid-column:1;grid-row:2}.timeline-header .timeline-tools{grid-column:2;grid-row:2}}.timeline-tracks{flex:1;min-block-size:0;overflow:auto}.timeline-tracks #timeline{min-inline-size:0}.timeline-pan{flex:none}.transport,.timeline-tools{flex-wrap:wrap}.transport .md-button-group{flex-shrink:0}.playback-controls{font:var(--md-sys-typescale-body-small);justify-content:flex-start}.playback-controls output{margin-inline-end:auto;font-variant-numeric:tabular-nums}#timeline{display:block;inline-size:100%;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.timeline-pan{overflow-x:auto;overflow-y:hidden;height:10px;scrollbar-width:thin;margin-inline:32px 28px}.graph-panel{padding:var(--md-sys-measurement-space200);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);min-inline-size:0;min-block-size:min-content;display:flex;flex-direction:column;overflow:hidden}.chart-toolbar{flex:none;gap:var(--md-sys-measurement-space100)}.chart-toolbar h2{font:var(--md-sys-typescale-title-small);margin-inline-end:auto}.graph-scale-controls{flex:none;gap:var(--md-sys-measurement-space50);font:var(--md-sys-typescale-body-small)}#graph-scale-info{font-variant-numeric:tabular-nums;margin-inline-start:auto}.sample-info{display:block;font-variant-numeric:tabular-nums}#curve-note{display:none}.graph-wrap{position:relative;flex:1;min-block-size:260px;overflow:hidden}#graph{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;touch-action:pan-y;overflow:hidden;cursor:default}#inspector-splitter{grid-column:2}.inspector{grid-column:3;border-radius:var(--md-sys-shape-corner-medium);min-inline-size:0;min-block-size:0;overflow:hidden}.inspector{position:static;inset:auto;margin:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none}.inspector h3{font:var(--md-sys-typescale-title-small);margin-block-end:var(--md-sys-measurement-space100)}.inspector .tools-content{padding:var(--md-sys-measurement-space200);min-block-size:0;block-size:100%;display:flex;flex-direction:column}.inspector .tools-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block-end:16px}.inspector .tools-body{padding:24px 8px;overflow:auto;min-block-size:0;flex:1}.inspector .inspector-section{margin:0 0 28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.inspector-actions{margin:0;gap:12px}.inspector .tools-body{scrollbar-width:thin}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-measurement-space150);margin-block:var(--md-sys-measurement-space150)}.field-grid>div,.field-grid .md-outlined-text-field,.inspector .field-row,.inspector .md-outlined-text-field{min-inline-size:0;inline-size:100%}.reference-controls .field-row{flex:1 1 100px;min-inline-size:0}.error{color:var(--md-sys-color-error)}.export-dialog{inline-size:min(760px,calc(100vw - 32px));max-inline-size:none;max-block-size:calc(100dvh - 32px)}.export-dialog[open]{display:flex;flex-direction:column}.export-dialog .md-basic-header{flex:none}.export-dialog .md-basic-actions{flex:none;margin-block-start:var(--md-sys-measurement-space200)}.export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-sys-measurement-space100);margin-block:var(--md-sys-measurement-space200)}.export-preview{display:block;inline-size:100%;block-size:240px;object-fit:contain;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-small);margin-block:var(--md-sys-measurement-space200)}.export-format{margin-block-end:var(--md-sys-measurement-space200)}.shell[data-focus=viewer] .graph-panel,.shell[data-focus=viewer] .pane-gutter,.shell[data-focus=chart] #viewer-area,.shell[data-focus=chart] #viewer-splitter{display:none}.shell[data-focus=viewer] .editing-main{grid-template-rows:minmax(150px,1fr) 12px auto}.shell[data-focus=chart] .editing-main{grid-template-rows:auto 12px minmax(min-content,1fr)}[hidden]{display:none!important}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:999px){.shell{grid-template-columns:minmax(0,1fr)}main{grid-column:1}.inspector{grid-column:1;margin-block-start:12px;block-size:auto}}@media(max-width:700px){#app{block-size:auto;min-block-size:100dvh;overflow:visible}.shell,.editing-main{min-block-size:780px}.workspace-container{padding:var(--md-sys-measurement-space100)}.video-panes.comparing{grid-template-columns:1fr 1fr;gap:var(--md-sys-measurement-space100)}.viewer-toolbar{flex-wrap:wrap}.export-options{grid-template-columns:1fr}.shell{padding:8px}.video-pane>.help{display:none}}@media(max-height:820px)and (min-width:701px){#app{block-size:auto;min-block-size:100dvh;overflow:visible}.shell,.editing-main{min-block-size:820px}}.reference-controls{margin-block-start:var(--md-sys-measurement-space200)}.reference-controls .field-row{flex:0 1 240px;min-inline-size:0}.reference-controls .md-outlined-text-field{inline-size:100%}.tick{font:var(--md-sys-typescale-body-medium);fill:var(--md-sys-color-on-surface-variant)}.grid{stroke:var(--md-sys-color-outline-variant);stroke-width:1;pointer-events:none}.trace{stroke:var(--md-sys-color-primary);stroke-width:2;fill:none}.reference{stroke:var(--md-sys-color-tertiary);stroke-width:2;fill:none;stroke-dasharray:6 4}.playhead-hit{stroke:transparent;fill:transparent;stroke-width:0;pointer-events:all;cursor:ew-resize;touch-action:none}@media(pointer:coarse){.playhead-hit{stroke-width:12px}}.playhead{stroke:var(--md-sys-color-on-surface);stroke-width:1;pointer-events:none}.legend{display:flex;gap:var(--md-sys-measurement-space300);font:var(--md-sys-typescale-body-medium);flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:24px;border-top:2px solid var(--md-sys-color-primary);margin-inline-end:var(--md-sys-measurement-space100);vertical-align:middle}.legend .expected:before{border-top-style:dotted}.legend .ref:before{border-color:var(--md-sys-color-tertiary);border-top-style:dashed}.expected-path{stroke-dasharray:2 5;stroke-width:1.5;opacity:.8}.manual-mark{fill:var(--md-sys-color-surface);stroke-width:2}.alignment-line{stroke:var(--md-sys-color-outline);stroke-dasharray:2 3}.weak-mark{stroke:var(--md-sys-color-error);stroke-width:2;pointer-events:none}.time-ruler{fill:var(--md-sys-color-surface-container-low);cursor:ew-resize}.video-clip{fill:var(--md-sys-color-surface-container-high);stroke:none;cursor:grab}.video-clip.selected{fill:var(--md-sys-color-secondary-container)}.clip-name,.track-label,.range-label{font:var(--md-sys-typescale-body-medium);fill:var(--md-sys-color-on-surface)}.track-label{font-weight:600}.tracking-range{fill:var(--md-sys-color-primary);opacity:.16}.range-handle{--range-handle-color: var(--md-sys-color-primary);cursor:ew-resize}.range-handle.b{--range-handle-color: var(--md-sys-color-tertiary)}.handle-hit{touch-action:none;fill:transparent;stroke:none;pointer-events:all}.range-handle:is(:hover,.dragging) .trim-body{fill:color-mix(in srgb,var(--range-handle-color),var(--md-sys-color-on-surface) 12%)}.sync-marker{fill:var(--md-sys-color-tertiary);stroke:var(--md-sys-color-surface);stroke-width:1.5;cursor:pointer}.correction-marker{fill:var(--md-sys-color-on-surface);stroke:var(--md-sys-color-surface);stroke-width:1;cursor:pointer}.playhead-head{fill:var(--md-sys-color-on-surface)}#graph circle{cursor:pointer;pointer-events:all}#graph .trace,#graph .reference{cursor:pointer}#graph .hover-sample{r:5;fill:var(--md-sys-color-primary-container);stroke-width:2}#graph .outside-range{opacity:.25}#graph .stale-trace{opacity:.4}#timeline [tabindex]:focus-visible,#graph [tabindex]:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}#graph .current-sample{r:4;fill:var(--md-sys-color-surface);stroke-width:2.5}.playback-band{fill:var(--md-sys-color-tertiary-container)}.playback-handle{cursor:ew-resize}.playback-flag{fill:var(--md-sys-color-tertiary);pointer-events:none}.playback-handle:is(:hover,.dragging) .playback-flag{fill:color-mix(in srgb,var(--md-sys-color-tertiary),var(--md-sys-color-on-surface) 12%)}.frame-tick{stroke:var(--md-sys-color-outline);stroke-width:1}.vertical-axis-pan{cursor:ns-resize;touch-action:none}.vertical-axis-pan:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}#graph.pan-mode,#graph.pan-mode circle,#graph.pan-mode .trace,#graph.pan-mode .reference{cursor:grab}#graph.pan-mode{touch-action:none}#graph.panning,#graph.panning *{cursor:grabbing}.reference-editor{margin-block:var(--md-sys-measurement-space100)}.chart-controls{display:flex;flex-wrap:wrap;gap:var(--md-sys-measurement-space100)}#chart-measurement-summary{margin-inline-end:auto}.chart-toolbar h2{margin-inline-end:0}.video-pane>.help{display:none}#open-dialog .recording-list{--md-comp-list-list-item-container-color: var( --md-comp-dialog-container-color )}#open-dialog:focus{outline:none}.inspector h3,.inspector .help{margin:0}.inspector .inspector-section>*,.inspector .reference-editor>*{max-inline-size:100%}.inspector .field-grid{margin:0;inline-size:100%;gap:16px}.inspector .chart-controls{display:flex;flex-wrap:wrap;gap:12px}.inspector .graph-scale-controls{display:flex;flex-direction:column;align-items:flex-start;gap:16px;inline-size:100%}.inspector .axis-zoom{display:flex;align-items:center;justify-content:space-between;gap:16px;inline-size:100%}.inspector .axis-zoom>div{display:flex;gap:8px}.inspector #graph-scale-info{margin:0;font:var(--md-sys-typescale-body-small)}.inspector .reference-editor{margin:0;inline-size:100%;gap:20px}.inspector .reference-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;inline-size:100%}.inspector #duration-controls{grid-template-columns:1fr}.inspector .reference-controls .field-row{inline-size:100%}.inspector .alignment-controls+section{padding-block-start:24px;border-block-start:1px solid var(--md-sys-color-outline-variant)}.inspector #spring-controls>.field-row:last-child{grid-column:1 / -1}.pane-gutter{block-size:12px}.shell[data-focus=viewer] #viewer-splitter{visibility:hidden;pointer-events:none}.timeline-panel{align-self:start}.timeline-tracks{flex:none}.trim-body{fill:var(--range-handle-color);stroke:none;pointer-events:none}.chart-toolbar{justify-content:space-between;gap:20px;padding-block-end:12px}.chart-heading{display:flex;flex-direction:column;gap:4px}.chart-heading .help{font:var(--md-sys-typescale-body-small)}.chart-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.chart-toolbar .legend{margin:0;gap:20px}.chart-footer{flex:none;display:flex;flex-direction:column;gap:12px;padding-block-start:12px;border-block-start:1px solid var(--md-sys-color-outline-variant)}.chart-footer .sample-info{display:grid;grid-template-columns:minmax(50px,.5fr) minmax(60px,.5fr) minmax(100px,1fr) minmax(150px,1.5fr);gap:20px}.sample-field{display:flex;flex-direction:column;gap:4px}.sample-label{font:var(--md-sys-typescale-label-small);color:var(--md-sys-color-on-surface-variant)}.sample-value{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.measurement-results{display:flex;gap:12px 24px;flex-wrap:wrap}.chart-footer .help{font:var(--md-sys-typescale-body-small);margin:0}@media(max-width:700px){.chart-footer .sample-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:700px){#app{height:auto;min-height:100dvh;overflow:visible}.shell{display:block;min-height:0;padding:8px}main,.workspace-container,.editing-main{overflow:visible;height:auto;min-height:0;min-block-size:0}.workspace-container{padding:0}.editing-main{display:flex;flex-direction:column;gap:12px}#viewer-area,.timeline-panel,.graph-panel{flex:none;align-self:stretch;inline-size:100%;padding:12px}#viewer-area{min-height:260px}.video-panes,.video-panes.comparing{flex:none;grid-template-columns:1fr;gap:16px}.video-pane .image-wrap{flex:none;height:180px}.viewer-toolbar{align-items:flex-start;gap:8px}.viewer-title{max-width:100%}.viewer-toolbar .viewer-title{flex-basis:100%}.workspace-toolbar{align-items:flex-start;gap:8px}#viewer-splitter,.pane-gutter{display:none}.timeline-header{grid-template-columns:1fr;gap:12px;padding-block-end:12px}.timeline-header .playback-buttons{grid-column:1;grid-row:1}.timeline-header .transport{grid-column:1;grid-row:2;justify-content:center;justify-self:center}.timeline-header .timeline-tools{grid-column:1;grid-row:3;justify-content:center;justify-self:center;gap:8px}.timeline-panel{padding-inline:var(--md-sys-measurement-space100)}.graph-panel{min-height:440px}.graph-wrap{flex:none;height:240px}.chart-toolbar{gap:12px}.chart-toolbar .legend{order:3;flex-basis:100%}.chart-actions{gap:4px}.chart-footer .sample-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspector .tools-content{padding:16px 12px max(16px,env(safe-area-inset-bottom))}.inspector .tools-body{padding-inline:4px}.shell[data-focus=viewer] #viewer-area,.shell[data-focus=chart] .graph-panel{min-height:60dvh}}.inspector{background:var(--md-sys-color-surface)}@media(max-width:999px){#app{block-size:auto;min-block-size:100dvh;overflow:visible}.shell{display:block}main,.workspace-container{block-size:auto;overflow:visible}.editing-main{overflow:visible}.inspector .tools-content{block-size:auto}.inspector .tools-body{overflow:visible}}.tools-column{grid-column:3;display:flex;flex-direction:column;gap:12px;min-inline-size:0;min-block-size:0}.tools-column>.inspector{flex:1;block-size:auto}@media(max-width:999px){body>.tokens-site-footer{padding-block-end:104px}.tools-column{margin-block-start:12px}.tools-column>.inspector{margin-block-start:0;flex:none}}.tool-accordion{border-block-end:1px solid var(--md-sys-color-outline-variant)}.tool-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:56px;padding:12px 8px;cursor:pointer;list-style:none;font:var(--md-sys-typescale-title-small)}.tool-accordion>summary::-webkit-details-marker{display:none}.tool-accordion[open]>summary>svg{rotate:180deg}.tool-accordion>summary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.tool-accordion-content{padding:16px 8px 4px}.inspector .tools-body{padding-block-start:0}.shell{--md-comp-button-text-icon-color: var(--md-sys-color-on-surface-variant);--md-comp-button-text-label-text-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-focused-icon-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-focused-label-text-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-focused-state-layer-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-hovered-icon-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-hovered-label-text-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-hovered-state-layer-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-pressed-icon-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-pressed-label-text-color: var( --md-sys-color-on-surface-variant );--md-comp-button-text-pressed-state-layer-color: var( --md-sys-color-on-surface-variant )}.mobile-tools{display:none}.mobile-command-menu{max-inline-size:min(360px,calc(100vw - 24px));max-block-size:min(480px,calc(100dvh - 112px));overflow:auto}.mobile-command-menu .field-row{margin:16px}@media(max-width:999px){.tools-column{display:none}.shell{padding-block-end:104px}.mobile-tools{display:block;position:fixed;inset-inline-start:50%;translate:-50% 0;inset-block-end:max(12px,env(safe-area-inset-bottom));z-index:5}.mobile-tools .md-toolbar{flex-wrap:nowrap}}.tools-title{font:var(--md-sys-typescale-title-large)}.project-section h3{font:var(--md-sys-typescale-title-small);margin-block-end:12px}.project-section .recording-list{margin-block-start:8px}.project-example{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;padding:16px}.project-example img{inline-size:100%;block-size:auto;align-self:center;border-radius:var(--md-sys-shape-corner-small)}.project-example-content{display:grid;justify-items:start;gap:8px;min-inline-size:0}.project-example-content h4{margin:0;font:var(--md-sys-typescale-title-medium)}.project-example-content p{margin:0}@media(max-width:480px){.project-example{grid-template-columns:1fr}.project-example img{max-block-size:140px;object-fit:cover}}@media(min-width:701px){.empty-viewer{display:flex;flex-direction:column}.video-library-header{flex:none}.video-library{flex:1;min-block-size:0;grid-template-rows:auto minmax(0,1fr)}.video-library>.project-section{min-block-size:0;display:flex;flex-direction:column}.video-library .recording-list{flex:0 1 auto;min-block-size:var(--md-comp-list-list-item-one-line-container-height);max-block-size:none}}.timeline-tool-cluster{display:flex;flex-wrap:nowrap;gap:0}.playback-buttons{flex-wrap:nowrap;white-space:nowrap}.image-wrap{position:relative}@media(max-width:760px){.timeline-header .playback-buttons{gap:4px;justify-self:center}}.current-project-name{font:var(--md-sys-typescale-title-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#replace-video-dialog .md-dialog-actions{flex-wrap:wrap}#replace-video-dialog .md-dialog-actions .md-button{max-width:100%;white-space:normal}.project-actions{display:flex;align-items:center;flex:none}.project-actions>.md-toolbar{flex-wrap:nowrap;inline-size:100%;justify-content:space-evenly}.project-actions .md-toolbar-item{flex:1;min-inline-size:max-content;white-space:nowrap}.viewer-controls{display:flex;align-items:center;gap:8px;flex:none}.viewer-toolbar>.viewer-title{flex:1 1 180px;min-inline-size:0}.viewer-title>span{overflow:hidden;text-overflow:ellipsis}.transport>.md-chip-select{flex:none;min-inline-size:max-content}#filter-playback-speed{min-inline-size:8rem}#viewer-area{container:viewer / inline-size}.video-library{overflow:auto}@container viewer (min-width:760px){.video-library{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}@container viewer (max-width:420px){.project-example{grid-template-columns:1fr}.project-example img{max-block-size:140px;object-fit:contain}}@container timeline (max-width:760px){.timeline-header{grid-template-columns:minmax(0,1fr)}.timeline-header>.playback-buttons{grid-column:1;grid-row:1}.timeline-header .transport{grid-column:1;grid-row:2;justify-self:start}.timeline-header .timeline-tools{grid-column:1;grid-row:3;justify-self:stretch;justify-content:flex-start}}body[data-timeline-drag=resize],body[data-timeline-drag=resize] *{cursor:ew-resize!important}body[data-timeline-drag=move],body[data-timeline-drag=move] *{cursor:grabbing!important}body[data-pane-resize=row],body[data-pane-resize=row] *{cursor:row-resize!important}body[data-pane-resize=column],body[data-pane-resize=column] *{cursor:col-resize!important}.tools-column{container:tools / inline-size}@container tools (max-width: 439px){.project-actions>[role=toolbar] button>span{display:none}}.mark-navigation{display:grid;gap:8px}.mark-navigation+.mark-navigation{margin-block-start:20px}.mark-navigation h4{font:var(--md-sys-typescale-label-large);margin:0}.mark-navigation .help{margin:0}.units-select{display:none}.units-choice{display:grid;gap:8px;inline-size:100%}.units-choice>.md-button-group{inline-size:100%}.processing-status{flex:none;display:grid;gap:12px;padding:12px 16px;margin-block-end:12px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface)}#processing-status{position:sticky;inset-block-start:64px;z-index:5}body:has(.tokens-site-header[data-docked=true]) #processing-status{inset-block-start:8px}.processing-heading{display:flex;align-items:center;gap:12px}.processing-heading p{flex:1;min-inline-size:0;margin:0}.processing-status .md-progress{inline-size:100%}.inline-loading{display:flex;align-items:center;gap:8px}.inline-loading .md-loading{--_loading-scale:.5}.inline-loading{font:var(--md-sys-typescale-body-small)}.export-actions{inline-size:100%;display:grid;gap:12px}.export-action-buttons{display:flex;justify-content:flex-end;gap:8px}.export-actions .processing-status{margin:0}
