material-inspired-component-library 7.0.2 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +42 -0
- package/README.md +6 -0
- package/components/accordion/README.md +6 -3
- package/components/button/index.scss +10 -6
- package/components/card/README.md +4 -0
- package/components/card/index.scss +159 -150
- package/components/checkbox/index.scss +11 -6
- package/components/datepicker/index.ts +9 -9
- package/components/dialog/index.scss +5 -6
- package/components/iconbutton/index.scss +10 -6
- package/components/list/README.md +191 -32
- package/components/list/index.scss +256 -190
- package/components/list/index.ts +100 -100
- package/components/menu/README.md +199 -10
- package/components/menu/index.scss +224 -47
- package/components/menu/index.ts +74 -37
- package/components/navigationrail/index.scss +75 -69
- package/components/radio/index.scss +11 -6
- package/components/select/README.md +42 -5
- package/components/select/index.scss +39 -79
- package/components/stepper/index.scss +1 -5
- package/components/textfield/index.scss +1 -1
- package/components/textfield/index.ts +2 -2
- package/dist/alert.css +1 -1
- package/dist/appbar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/bottomsheet.css +1 -1
- package/dist/button.css +1 -1
- package/dist/card.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/components/list/index.d.ts +2 -2
- package/dist/datepicker.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/divider.css +1 -1
- package/dist/foundations.css +1 -1
- package/dist/iconbutton.css +1 -1
- package/dist/list.css +1 -1
- package/dist/menu.css +1 -1
- package/dist/micl.css +1 -1
- package/dist/micl.js +1 -1
- package/dist/navigationrail.css +1 -1
- package/dist/radio.css +1 -1
- package/dist/select.css +1 -1
- package/dist/sidesheet.css +1 -1
- package/dist/slider.css +1 -1
- package/dist/snackbar.css +1 -1
- package/dist/stepper.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/textfield.css +1 -1
- package/dist/timepicker.css +1 -1
- package/docs/accordion.html +24 -24
- package/docs/bottomsheet.html +1 -4
- package/docs/dialog.html +1 -1
- package/docs/index.html +4 -4
- package/docs/list.html +38 -22
- package/docs/menu.html +246 -41
- package/docs/micl.css +1 -1
- package/docs/micl.js +1 -1
- package/docs/select.html +68 -19
- package/docs/shapes.html +85 -0
- package/foundations/index.scss +0 -1
- package/micl.ts +6 -1
- package/package.json +3 -3
- package/styles/README.md +4 -4
- package/styles/shapes.scss +81 -0
- package/styles/statelayer.scss +10 -0
package/dist/menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-menu-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-menu-motion-duration: 500ms;--md-sys-menu-motion-duration-reverse: 350ms;--md-sys-menu-width-max: 280px;--md-sys-menu-width-min: 112px}.micl-menu[popover]{position:absolute;inset:unset;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try:most-block-size flip-block,flip-inline;min-inline-size:var(--md-sys-menu-width-min, 112px);max-inline-size:var(--md-sys-menu-width-max, 280px);padding:0;border:none;border-radius:var(--md-sys-shape-corner-extra-small);outline:none;background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2);opacity:0;overflow:hidden;transform:scaleY(0);transform-origin:left top;transition:opacity var(--md-sys-menu-motion-duration-reverse) linear,transform var(--md-sys-menu-motion-duration-reverse) var(--md-sys-menu-motion-spatial),overlay var(--md-sys-menu-motion-duration-reverse) linear allow-discrete,display var(--md-sys-menu-motion-duration-reverse) linear allow-discrete}.micl-menu[popover]:popover-open{opacity:1;transform:scaleY(1);transition:opacity var(--md-sys-menu-motion-duration) cubic-bezier(0.05, 0.7, 0.1, 1),transform var(--md-sys-menu-motion-duration) var(--md-sys-menu-motion-spatial),overlay var(--md-sys-menu-motion-duration) linear allow-discrete,display var(--md-sys-menu-motion-duration) linear allow-discrete}@starting-style{.micl-menu[popover]:popover-open{opacity:0;transform:scaleY(0)}}.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}}.micl-menu[popover]::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-sys-menu-motion-duration) linear,overlay var(--md-sys-menu-motion-duration) linear allow-discrete,display var(--md-sys-menu-motion-duration) linear allow-discrete}.micl-menu[popover]>.micl-list{--md-sys-list-item-one-height: 48px;--md-sys-list-item-one-padding: 0;--md-sys-list-item-two-padding: 0;--md-sys-list-item-space: 12px;--md-sys-list-item-container-color: var(--md-sys-color-surface-container)}.micl-menu[popover]>.micl-list .micl-list-item-one>.micl-menu[popover],.micl-menu[popover]>.micl-list .micl-list-item-two>.micl-menu[popover],.micl-menu[popover]>.micl-list .micl-list-item-three>.micl-menu[popover]{transform:scaleX(0)}.micl-menu[popover]>.micl-list .micl-list-item-one>.micl-menu[popover]:popover-open,.micl-menu[popover]>.micl-list .micl-list-item-two>.micl-menu[popover]:popover-open,.micl-menu[popover]>.micl-list .micl-list-item-three>.micl-menu[popover]:popover-open{transform:scaleX(1)}@starting-style{.micl-menu[popover]>.micl-list .micl-list-item-one>.micl-menu[popover]:popover-open,.micl-menu[popover]>.micl-list .micl-list-item-two>.micl-menu[popover]:popover-open,.micl-menu[popover]>.micl-list .micl-list-item-three>.micl-menu[popover]:popover-open{transform:scaleX(0)}}.micl-menu[popover]>.micl-list .micl-list-item-one>.micl-menu[popover]:popover-open::backdrop,.micl-menu[popover]>.micl-list .micl-list-item-two>.micl-menu[popover]:popover-open::backdrop,.micl-menu[popover]>.micl-list .micl-list-item-three>.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}[dir=rtl] .micl-menu[popover]>.micl-list button[popovertarget] .micl-list-item__icon{transform:rotate(180deg)}
|
|
1
|
+
:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0.009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}@supports(letter-spacing: if(style(--md-ref-typeface-plain-narrow: 1): 0; else: 0)){:root{--md-sys-typescale-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-body-smallmedium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-emphasized-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-emphasized-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-emphasized-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px)}}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-comp-menu-width-max: 320px;--md-comp-menu-width-min: 112px}.micl-menu[popover],select{--md-comp-menu-motion-effects: cubic-bezier(0.31, 0.94, 0.34, 1);--md-comp-menu-motion-effects-duration: 200ms;--md-comp-menu-motion-effects-duration-reverse: 200ms;--md-comp-menu-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-menu-motion-spatial-duration: 500ms;--md-comp-menu-motion-spatial-duration-reverse: 350ms;--md-comp-list-container-shape: var(--md-comp-menu-active-container-shape, var(--md-comp-menu-container-shape, var(--md-sys-shape-corner-large, 16px)));--md-comp-list-item-container-expressive-shape: var(--md-comp-menu-item-shape, var(--md-sys-shape-corner-small, 8px));--md-comp-list-item-container-selected-expressive-shape: var(--md-comp-menu-item-selected-shape, var(--md-sys-shape-corner-large, 16px));--md-comp-list-item-between-space: 12px;--md-comp-list-item-leading-space: calc(var(--md-comp-menu-item-leading-space, 16px) - 4px);--md-comp-list-item-leading-icon-expressive-size: var(--md-comp-menu-item-leading-icon-size, 20px);--md-comp-list-item-trailing-icon-expressive-size: var(--md-comp-menu-item-trailing-icon-size, 20px);--md-comp-list-item-trailing-space: calc(var(--md-comp-menu-item-trailing-space, 16px) - 4px);--md-comp-list-item-top-space: var(--md-comp-menu-item-top-space, 8px);--md-comp-list-item-bottom-space: var(--md-comp-menu-item-bottom-space, 8px);--md-comp-list-item-one-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-two-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-three-line-container-height: var(--md-comp-menu-item-height, 44px);--md-comp-list-item-focus-indicator-color: var(--md-comp-menu-item-focus-indicator-color, var(--md-sys-color-secondary));--md-comp-list-item-focus-indicator-offset: var(--md-comp-menu-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px));--md-comp-list-item-focus-indicator-thickness: var(--md-comp-menu-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px));--md-comp-list-item-container-color: var(--md-comp-menu-standard-menu-item-container-color, var(--md-sys-color-surface-container-low));--md-comp-list-item-label-text-color: var(--md-comp-menu-standard-menu-item-label-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-standard-menu-item-leading-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-standard-menu-item-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-standard-menu-item-trailing-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-disabled-label-text-color, var(--md-sys-color-on-surface));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-color, var(--md-sys-color-on-surface));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-color, var(--md-sys-color-on-surface));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-standard-menu-item-focused-label-text-color, var(--md-sys-color-on-surface));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-focused-leading-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-focused-state-layer-color, var(--md-sys-color-on-surface));--md-comp-list-item-focus-state-layer-opacity: var(--md-comp-menu-standard-menu-item-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-focus-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-focused-trailing-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-standard-menu-item-hovered-label-text-color, var(--md-sys-color-on-surface));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-hovered-leading-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-hovered-state-layer-color, var(--md-sys-color-on-surface));--md-comp-list-item-hover-state-layer-opacity: var(--md-comp-menu-standard-menu-item-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-hover-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-pressed-label-text-color, var(--md-sys-color-on-surface));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-pressed-leading-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-pressed-state-layer-color, var(--md-sys-color-on-surface));--md-comp-list-item-pressed-state-layer-opacity: var(--md-comp-menu-standard-menu-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-pressed-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--md-comp-list-item-selected-container-color: var(--md-comp-menu-standard-menu-item-selected-container-color, var(--md-sys-color-tertiary-container));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-standard-menu-item-selected-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-standard-menu-item-selected-disabled-container-color, var(--md-sys-color-tertiary-container));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-focus-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-selected-focus-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-hover-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-selected-hover-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-pressed-state-layer-opacity: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-selected-pressed-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container))}.micl-menu[popover] .micl-menu__section,select .micl-menu__section{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);padding-block:var(--md-comp-menu-section-label-top-space, 8px) var(--md-comp-menu-section-label-bottom-space, 8px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);color:var(--md-comp-menu-standard-section-label-text-color, var(--md-sys-color-on-surface-variant))}.micl-menu[popover].micl-menu--vibrant .micl-menu__section,select.micl-menu--vibrant .micl-menu__section{color:var(--md-comp-menu-vibrant-section-label-text-color, var(--md-sys-color-on-tertiary-container))}.micl-menu[popover] .micl-list-item__text,select .micl-list-item__text{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover] .micl-list-item__text .micl-list-item__supporting-text,select .micl-list-item__text .micl-list-item__supporting-text{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.micl-menu[popover] .micl-list-item__trailing-text,select .micl-list-item__trailing-text{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover]{display:flex;flex-direction:column;position:absolute;inset:unset;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try-order:most-block-size;position-try-fallbacks:flip-block,flip-inline;min-inline-size:var(--md-comp-menu-width-min, 112px);max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:0;border:none;outline:none;background-color:rgba(0,0,0,0);opacity:0;overflow:visible;transform:scaleY(0);transform-origin:center top;transition:opacity var(--md-comp-menu-motion-spatial-duration-reverse) linear,transform var(--md-comp-menu-motion-spatial-duration-reverse) var(--md-comp-menu-motion-spatial),overlay var(--md-comp-menu-motion-spatial-duration-reverse) linear allow-discrete,display var(--md-comp-menu-motion-spatial-duration-reverse) linear allow-discrete}.micl-menu[popover]:popover-open{opacity:1;transform:scaleY(1);transition:opacity var(--md-comp-menu-motion-spatial-duration) cubic-bezier(0.05, 0.7, 0.1, 1),transform var(--md-comp-menu-motion-spatial-duration) var(--md-comp-menu-motion-spatial),overlay var(--md-comp-menu-motion-spatial-duration) linear allow-discrete,display var(--md-comp-menu-motion-spatial-duration) linear allow-discrete}@starting-style{.micl-menu[popover]:popover-open{opacity:0;transform:scaleY(0)}}.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}}.micl-menu[popover]::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-comp-menu-motion-effects-duration) linear,overlay var(--md-comp-menu-motion-effects-duration) linear allow-discrete,display var(--md-comp-menu-motion-effects-duration) linear allow-discrete}.micl-menu[popover] .micl-list{padding:var(--md-comp-menu-group-padding, 4px) 4px;row-gap:2px;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));transition:border-radius var(--md-comp-menu-motion-effects-duration-reverse) linear}.micl-menu[popover] .micl-list+.micl-list{border-start-start-radius:var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px));border-start-end-radius:var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px))}.micl-menu[popover] .micl-list:has(+.micl-list){border-end-start-radius:var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px));border-end-end-radius:var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px))}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]{transform:scaleX(0)}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open{transform:scaleX(1)}@starting-style{.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open{transform:scaleX(0)}}.micl-menu[popover] .micl-list :is(.micl-list-item-one,.micl-list-item-two,.micl-list-item-three)>.micl-menu[popover]:popover-open::backdrop{background-color:rgba(0,0,0,0)}.micl-menu[popover]:has(.micl-menu:popover-open)>.micl-list{--md-comp-list-container-shape: var(--md-comp-menu-inactive-container-shape, var(--md-sys-shape-corner-small, 8px))}.micl-menu[popover].micl-menu--vibrant>.micl-list{--md-comp-list-item-container-color: var(--md-comp-menu-vibrant-menu-item-container-color, var(--md-sys-color-tertiary-container));--md-comp-list-item-label-text-color: var(--md-comp-menu-vibrant-menu-item-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-focused-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-leading-icon-color, var(--md-sys-color-tertiary));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-focus-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-focus-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-icon-color, var(--md-sys-color-tertiary));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-leading-icon-color, var(--md-sys-color-tertiary));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-hover-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-hover-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-icon-color, var(--md-sys-color-tertiary));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-label-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-leading-icon-color, var(--md-sys-color-tertiary));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-pressed-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-pressed-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-icon-color, var(--md-sys-color-tertiary));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-supporting-text-color, var(--md-sys-color-on-tertiary-container));--md-comp-list-item-selected-container-color: var(--md-comp-menu-vibrant-menu-item-selected-container-color, var(--md-sys-color-tertiary));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-label-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-leading-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-color, var(--md-sys-color-tertiary));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-label-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-leading-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-focus-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));--md-comp-list-item-selected-focus-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-label-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-leading-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-hover-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%));--md-comp-list-item-selected-hover-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-label-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-leading-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-pressed-state-layer-opacity: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%));--md-comp-list-item-selected-pressed-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-supporting-text-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-icon-color, var(--md-sys-color-on-tertiary));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-supporting-text-color, var(--md-sys-color-on-tertiary));background-color:var(--md-comp-menu-vibrant-container-color, var(--md-sys-color-tertiary-container))}[dir=rtl] .micl-menu[popover]>.micl-list button[popovertarget] .micl-list-item__icon{transform:rotate(180deg)}
|