material-inspired-component-library 9.1.1 → 9.1.2

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.
Files changed (61) hide show
  1. package/components/appbar/index.scss +1 -1
  2. package/components/badge/README.md +43 -12
  3. package/components/badge/index.scss +15 -21
  4. package/components/bottomsheet/README.md +53 -22
  5. package/components/bottomsheet/index.scss +61 -44
  6. package/components/button/_shared.scss +6 -6
  7. package/components/card/README.md +1 -1
  8. package/components/checkbox/index.scss +10 -10
  9. package/components/datepicker/README.md +184 -59
  10. package/components/datepicker/index.scss +84 -20
  11. package/components/dialog/README.md +151 -56
  12. package/components/dialog/index.scss +50 -62
  13. package/components/iconbutton/index.scss +5 -5
  14. package/components/list/index.scss +6 -6
  15. package/components/menu/index.scss +13 -13
  16. package/components/navigationbar/index.scss +7 -1
  17. package/components/navigationrail/index.scss +27 -22
  18. package/components/radio/index.scss +8 -8
  19. package/components/select/index.scss +3 -3
  20. package/components/sidesheet/README.md +90 -37
  21. package/components/sidesheet/index.scss +51 -41
  22. package/components/slider/README.md +35 -9
  23. package/components/slider/index.scss +182 -153
  24. package/components/snackbar/README.md +43 -25
  25. package/components/snackbar/index.scss +22 -27
  26. package/components/stepper/index.scss +4 -4
  27. package/components/switch/index.scss +13 -13
  28. package/components/timepicker/README.md +131 -55
  29. package/components/timepicker/index.scss +46 -25
  30. package/dist/appbar.css +1 -1
  31. package/dist/badge.css +1 -1
  32. package/dist/bottomsheet.css +1 -1
  33. package/dist/bottomsheet.js +1 -1
  34. package/dist/button.css +1 -1
  35. package/dist/checkbox.css +1 -1
  36. package/dist/chip.css +1 -1
  37. package/dist/datepicker.css +1 -1
  38. package/dist/datepicker.js +1 -1
  39. package/dist/dialog.css +1 -1
  40. package/dist/iconbutton.css +1 -1
  41. package/dist/layout.css +1 -1
  42. package/dist/list.css +1 -1
  43. package/dist/menu.css +1 -1
  44. package/dist/micl.css +1 -1
  45. package/dist/micl.js +1 -1
  46. package/dist/navigationbar.css +1 -1
  47. package/dist/navigationrail.css +1 -1
  48. package/dist/radio.css +1 -1
  49. package/dist/select.css +1 -1
  50. package/dist/sidesheet.css +1 -1
  51. package/dist/slider.css +1 -1
  52. package/dist/slider.js +1 -1
  53. package/dist/snackbar.css +1 -1
  54. package/dist/snackbar.js +1 -1
  55. package/dist/stepper.css +1 -1
  56. package/dist/switch.css +1 -1
  57. package/dist/timepicker.css +1 -1
  58. package/dist/timepicker.js +1 -1
  59. package/foundations/layout/_tokens.scss +55 -0
  60. package/foundations/layout/index.scss +2 -35
  61. package/package.json +1 -1
package/dist/menu.css CHANGED
@@ -1 +1 @@
1
- :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}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-inner-offset: -3px}:root{--md-sys-state-backdrop-opacity: 32%}:root{--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}:root{--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}:root{--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}.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));--_menu-item-bg: var(--md-sys-color-surface-container-low);--_menu-on: var(--md-sys-color-on-surface-variant);--_menu-on-strong: var(--md-sys-color-on-surface);--_menu-icon-active: var(--md-sys-color-on-surface-variant);--_menu-selected-bg: var(--md-sys-color-tertiary-container);--_menu-on-selected: var(--md-sys-color-on-tertiary-container);--_menu-do: var(--md-sys-state-disabled-state-layer-opacity, 38%);--md-comp-list-item-container-color: var(--md-comp-menu-standard-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-standard-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-standard-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-standard-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-standard-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-standard-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-focused-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-standard-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-standard-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-standard-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-standard-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected))}.micl-menu[popover] .micl-menu__section,select .micl-menu__section{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);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: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);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:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.micl-menu[popover] .micl-list-item__trailing-text,select .micl-list-item__trailing-text{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);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover]{flex-direction:column;position-anchor:auto;inset:unset;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try-fallbacks:flip-block,flip-inline,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);--micl-duration: var(--md-comp-menu-motion-spatial-duration-reverse);--micl-easing: linear;--_group-shape: var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px));opacity:0;overflow:visible;transform:scaleY(0);transform-origin:center top;transition:opacity var(--micl-duration) var(--micl-easing),transform var(--micl-duration) var(--md-comp-menu-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}.micl-menu[popover]:popover-open{--micl-duration: var(--md-comp-menu-motion-spatial-duration);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);display:flex;opacity:1;transform:scaleY(1)}@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(--_group-shape);border-start-end-radius:var(--_group-shape)}.micl-menu[popover] .micl-list:has(+.micl-list){border-end-start-radius:var(--_group-shape);border-end-end-radius:var(--_group-shape)}.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{--_menu-item-bg: var(--md-sys-color-tertiary-container);--_menu-on: var(--md-sys-color-on-tertiary-container);--_menu-on-strong: var(--md-sys-color-on-tertiary-container);--_menu-icon-active: var(--md-sys-color-tertiary);--_menu-selected-bg: var(--md-sys-color-tertiary);--_menu-on-selected: var(--md-sys-color-on-tertiary);--md-comp-list-item-container-color: var(--md-comp-menu-vibrant-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-vibrant-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-vibrant-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected));background-color:var(--md-comp-menu-vibrant-container-color, var(--md-sys-color-tertiary-container))}.micl-menu[popover]>.micl-list button[popovertarget] .micl-list-item__icon:dir(rtl){transform:rotate(180deg)}
1
+ :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}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-inner-offset: -3px}:root{--md-sys-state-backdrop-opacity: 32%}:root{--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}:root{--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}:root{--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}.micl-menu[popover],select{--_menu-motion-effects: var(--md-comp-menu-motion-effects, cubic-bezier(0.31, 0.94, 0.34, 1));--_menu-motion-effects-duration: var(--md-comp-menu-motion-effects-duration, 200ms);--_menu-motion-effects-duration-reverse: var(--md-comp-menu-motion-effects-duration-reverse, 200ms);--_menu-motion-spatial: var(--md-comp-menu-motion-spatial, cubic-bezier(0.38, 1.21, 0.22, 1));--_menu-motion-spatial-duration: var(--md-comp-menu-motion-spatial-duration, 500ms);--_menu-motion-spatial-duration-reverse: var(--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));--_menu-item-bg: var(--md-sys-color-surface-container-low);--_menu-on: var(--md-sys-color-on-surface-variant);--_menu-on-strong: var(--md-sys-color-on-surface);--_menu-icon-active: var(--md-sys-color-on-surface-variant);--_menu-selected-bg: var(--md-sys-color-tertiary-container);--_menu-on-selected: var(--md-sys-color-on-tertiary-container);--_menu-do: var(--md-sys-state-disabled-state-layer-opacity, 38%);--md-comp-list-item-container-color: var(--md-comp-menu-standard-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-standard-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-standard-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-standard-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-standard-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-standard-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-focused-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-standard-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-standard-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-standard-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-standard-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-standard-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-standard-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-standard-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected))}.micl-menu[popover] .micl-menu__section,select .micl-menu__section{font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);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: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);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:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.micl-menu[popover] .micl-list-item__trailing-text,select .micl-list-item__trailing-text{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);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.micl-menu[popover]{flex-direction:column;position-anchor:auto;inset:unset;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try-fallbacks:flip-block,flip-inline,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);--micl-duration: var(--_menu-motion-spatial-duration-reverse);--micl-easing: linear;--_group-shape: var(--md-comp-menu-group-shape, var(--md-sys-shape-corner-small, 8px));opacity:0;overflow:visible;transform:scaleY(0);transform-origin:center top;transition:opacity var(--micl-duration) var(--micl-easing),transform var(--micl-duration) var(--_menu-motion-spatial),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete}.micl-menu[popover]:popover-open{--micl-duration: var(--_menu-motion-spatial-duration);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);display:flex;opacity:1;transform:scaleY(1)}@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(--_menu-motion-effects-duration) linear,overlay var(--_menu-motion-effects-duration) linear allow-discrete,display var(--_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(--_menu-motion-effects-duration-reverse) linear}.micl-menu[popover] .micl-list+.micl-list{border-start-start-radius:var(--_group-shape);border-start-end-radius:var(--_group-shape)}.micl-menu[popover] .micl-list:has(+.micl-list){border-end-start-radius:var(--_group-shape);border-end-end-radius:var(--_group-shape)}.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{--_menu-item-bg: var(--md-sys-color-tertiary-container);--_menu-on: var(--md-sys-color-on-tertiary-container);--_menu-on-strong: var(--md-sys-color-on-tertiary-container);--_menu-icon-active: var(--md-sys-color-tertiary);--_menu-selected-bg: var(--md-sys-color-tertiary);--_menu-on-selected: var(--md-sys-color-on-tertiary);--md-comp-list-item-container-color: var(--md-comp-menu-vibrant-menu-item-container-color, var(--_menu-item-bg));--md-comp-list-item-label-text-color: var(--md-comp-menu-vibrant-menu-item-label-text-color, var(--_menu-on));--md-comp-list-item-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-leading-icon-color, var(--_menu-on));--md-comp-list-item-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-supporting-text-color, var(--_menu-on));--md-comp-list-item-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-trailing-icon-color, var(--_menu-on));--md-comp-list-item-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-color, var(--_menu-on-strong));--md-comp-list-item-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-focused-label-text-color, var(--_menu-on-strong));--md-comp-list-item-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-focused-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-focused-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-label-text-color, var(--_menu-on-strong));--md-comp-list-item-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-hovered-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-hovered-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-label-text-color, var(--_menu-on-strong));--md-comp-list-item-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-leading-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-pressed-state-layer-color, var(--_menu-on-strong));--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(--_menu-on));--md-comp-list-item-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-icon-color, var(--_menu-icon-active));--md-comp-list-item-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-pressed-trailing-supporting-text-color, var(--_menu-on));--md-comp-list-item-selected-container-color: var(--md-comp-menu-vibrant-menu-item-selected-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-container-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-color, var(--_menu-selected-bg));--md-comp-list-item-selected-disabled-container-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-container-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-label-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-label-text-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-leading-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-leading-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-icon-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-icon-opacity, var(--_menu-do));--md-comp-list-item-selected-disabled-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity: var(--md-comp-menu-vibrant-menu-item-selected-disabled-trailing-supporting-text-opacity, var(--_menu-do));--md-comp-list-item-selected-focus-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-focus-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-focused-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-hover-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-hovered-trailing-supporting-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-label-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-label-text-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-leading-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-leading-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-state-layer-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-state-layer-color, var(--_menu-on-selected));--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(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-icon-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-icon-color, var(--_menu-on-selected));--md-comp-list-item-selected-pressed-trailing-supporting-text-color: var(--md-comp-menu-vibrant-menu-item-selected-pressed-trailing-supporting-text-color, var(--_menu-on-selected));background-color:var(--md-comp-menu-vibrant-container-color, var(--md-sys-color-tertiary-container))}.micl-menu[popover]>.micl-list button[popovertarget] .micl-list-item__icon:dir(rtl){transform:rotate(180deg)}