/* Material light/default token and component subset. Refresh with scripts/extract-material.mjs. */
:root {
  --_motion-default-spatial-duration: 450.000ms;
  --_motion-default-spatial-easing: linear(0, 0.04433, 0.148669, 0.280177, 0.417111, 0.546096, 0.659831, 0.755217, 0.831909, 0.891228, 0.935375, 0.9669, 0.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: 166.667ms;
  --_motion-fast-effects-easing: linear(0, 0.274321, 0.608625, 0.812798, 0.91613, 0.963944, 0.984934, 0.993834, 0.997516, 0.999012, 1);
  --_motion-fast-spatial-duration: 383.333ms;
  --_motion-fast-spatial-easing: linear(0, 0.091177, 0.294386, 0.527367, 0.738441, 0.901904, 1.011091, 1.071257, 1.093558, 1.090636, 1.073875, 1.052047, 1.030977, 1.013849, 1.001813, 0.994675, 0.991508, 0.991124, 0.992385, 0.99437, 0.996435, 0.998202, 0.999505, 1);
  --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: 0.1;
  --md-comp-button-filled-disabled-icon-color: var(--md-sys-color-on-surface);
  --md-comp-button-filled-disabled-icon-opacity: 0.38;
  --md-comp-button-filled-disabled-label-text-color: var(--md-sys-color-on-surface);
  --md-comp-button-filled-disabled-label-text-opacity: 0.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-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-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-outlined-disabled-container-opacity: 0.1;
  --md-comp-button-outlined-disabled-icon-color: var(--md-sys-color-on-surface);
  --md-comp-button-outlined-disabled-icon-opacity: 0.38;
  --md-comp-button-outlined-disabled-label-text-color: var(--md-sys-color-on-surface);
  --md-comp-button-outlined-disabled-label-text-opacity: 0.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: 0.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-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: 0.1;
  --md-comp-button-tonal-disabled-icon-color: var(--md-sys-color-on-surface);
  --md-comp-button-tonal-disabled-icon-opacity: 0.38;
  --md-comp-button-tonal-disabled-label-text-color: var(--md-sys-color-on-surface);
  --md-comp-button-tonal-disabled-label-text-opacity: 0.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-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-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-icon-color: var(--md-sys-color-primary);
  --md-comp-elevated-card-icon-size: 24px;
  --md-comp-fab-container-width: 56px;
  --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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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-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-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-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: 0.1;
  --md-comp-icon-button-tonal-disabled-icon-color: var(--md-sys-color-on-surface);
  --md-comp-icon-button-tonal-disabled-icon-opacity: 0.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-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-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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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-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: 0.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: 0.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: 0.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: 0.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: 0.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-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-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-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-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-surface: #322f35;
  --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-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-low: #f8f2fa;
  --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-level4: 4;
  --md-sys-measurement-space0: 0px;
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space150: 12px;
  --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-motion-spring-fast-spatial-damping: 0.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-value-extra-small: 4px;
  --md-sys-shape-corner-value-small: 8px;
  --md-sys-state-dragged-state-layer-opacity: 0.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: 0.1;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-state-pressed-state-layer-opacity: 0.1;
  --md-sys-typescale-body-large: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
  --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-weight: var(--md-ref-typeface-weight-regular);
  --md-sys-typescale-body-medium: 400 14px/1.4285714285714286 Roboto;
  --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: 0.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: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);
  --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-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: 0.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-title-large: 400 22px/1.2727272727272727 Roboto;
  --md-sys-typescale-title-medium: 500 16px/1.5 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: 0.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; 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-filter-chip)::before { background: var(--_button-state-color); 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 { display: none; } }

@media (prefers-reduced-motion: reduce) { .md-button, .md-button::before { transition: none; } }

@media (prefers-reduced-motion: reduce) { .md-button::before { background: var(--_button-state-color); opacity: var(--_button-state-opacity); } }
.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-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-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);
}.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)}@media(prefers-reduced-motion:reduce){.md-card{transition:none}}@media(forced-colors:active){.md-card{border:1px solid ButtonText}}.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>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-filter-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-filter-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)}.md-filter-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}.md-filter-chip [data-slot=icon], .md-filter-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}.md-filter-chip [data-slot=leading-icon], .md-filter-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)}.md-filter-chip:focus-visible, .md-filter-chip:has(>input:focus-visible){outline:var(--_chip-focus-width) solid var(--_chip-focus-color);outline-offset:var(--_chip-focus-offset)}.md-filter-chip:has(>input:disabled), .md-filter-chip:disabled{cursor:default}.md-filter-chip:has([data-slot=trailing-icon]:not([hidden])){--_chip-padding-end: var(--md-sys-measurement-space100)}.md-filter-chip :is([data-slot=icon],[data-slot=leading-icon],[data-slot=trailing-icon])>svg{inline-size:100%;block-size:100%}.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]{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)}@media(prefers-reduced-motion:reduce){.md-icon-button, .md-filter-chip, .md-menu-item{transition:none}}@media(forced-colors:active){.md-icon-button, .md-filter-chip, .md-menu-item{border:1px solid ButtonText}}.md-icon-button::before, .md-filter-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-icon-button::before, .md-filter-chip::before, .md-menu-item::before{transition:none;background:var(--_button-state-color);opacity:var(--_button-state-opacity)}}.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]{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-filter-chip{box-sizing:border-box;min-inline-size:0;block-size:var(--_chip-height);white-space:nowrap;--_chip-shadow: var(--md-sys-color-shadow)}.md-filter-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)}.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-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-menu{--_field-popup-left: 0px;--_field-popup-top: 0px;--_field-popup-width: auto;--_field-popup-height: 50dvh}.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-menu[data-menu-panel]{transition:border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}.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 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}@media(prefers-reduced-motion:reduce){.md-menu[data-menu-panel], .md-menu[data-orientation=horizontal] .md-menu-item{transition:none}}@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[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}.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:0.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:0.8}}@media(prefers-reduced-motion:reduce){:is(.md-menu,.md-field-menu)[popover]{transition:none}}.md-card, .md-icon-button, .md-filter-chip, .md-menu, .md-field-menu{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-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=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-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-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-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.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-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])) .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]){--_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])):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-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-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-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-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-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-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]) .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]){--_menu-gap: var(--md-comp-menus-horizontal-icon-only-gap)}.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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])):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])):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])):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])):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-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:translateX(-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, 0.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;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;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(0deg);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(0deg)}.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)}