material-inspired-component-library 7.0.2 → 8.0.1

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 (104) hide show
  1. package/.claude/settings.local.json +14 -0
  2. package/CLAUDE.md +53 -0
  3. package/README.md +6 -0
  4. package/components/accordion/README.md +6 -3
  5. package/components/alert/index.scss +5 -0
  6. package/components/appbar/index.scss +12 -0
  7. package/components/badge/index.scss +2 -0
  8. package/components/bottomsheet/index.scss +9 -0
  9. package/components/button/index.scss +33 -6
  10. package/components/card/README.md +4 -0
  11. package/components/card/index.scss +182 -150
  12. package/components/checkbox/index.scss +28 -6
  13. package/components/datepicker/index.scss +13 -0
  14. package/components/datepicker/index.ts +9 -9
  15. package/components/dialog/index.scss +21 -6
  16. package/components/iconbutton/index.scss +28 -6
  17. package/components/list/README.md +191 -32
  18. package/components/list/index.scss +281 -190
  19. package/components/list/index.ts +100 -100
  20. package/components/menu/README.md +199 -10
  21. package/components/menu/index.scss +242 -47
  22. package/components/menu/index.ts +74 -37
  23. package/components/navigationrail/index.scss +91 -68
  24. package/components/progressindicator/README.md +88 -0
  25. package/components/progressindicator/index.scss +225 -0
  26. package/components/progressindicator/index.ts +77 -0
  27. package/components/radio/index.scss +24 -6
  28. package/components/select/README.md +42 -5
  29. package/components/select/index.scss +45 -79
  30. package/components/shape/README.md +103 -0
  31. package/components/shape/_paths.generated.scss +64 -0
  32. package/components/shape/index.scss +66 -0
  33. package/components/shape/master.scss +28 -0
  34. package/components/sidesheet/index.scss +11 -0
  35. package/components/slider/index.scss +13 -0
  36. package/components/snackbar/index.scss +12 -0
  37. package/components/stepper/index.scss +3 -5
  38. package/components/switch/index.scss +9 -0
  39. package/components/textfield/index.scss +10 -1
  40. package/components/textfield/index.ts +2 -2
  41. package/components/timepicker/index.scss +16 -0
  42. package/dist/alert.css +1 -1
  43. package/dist/appbar.css +1 -1
  44. package/dist/badge.css +1 -1
  45. package/dist/bottomsheet.css +1 -1
  46. package/dist/button.css +1 -1
  47. package/dist/card.css +1 -1
  48. package/dist/checkbox.css +1 -1
  49. package/dist/components/list/index.d.ts +2 -2
  50. package/dist/components/progressindicator/index.d.ts +6 -0
  51. package/dist/datepicker.css +1 -1
  52. package/dist/dialog.css +1 -1
  53. package/dist/divider.css +1 -1
  54. package/dist/foundations/form/index.js +1 -0
  55. package/dist/foundations.css +1 -1
  56. package/dist/iconbutton.css +1 -1
  57. package/dist/layout.css +1 -1
  58. package/dist/list.css +1 -1
  59. package/dist/menu.css +1 -1
  60. package/dist/micl.css +1 -1
  61. package/dist/micl.js +1 -1
  62. package/dist/navigationrail.css +1 -1
  63. package/dist/progressindicator.css +1 -0
  64. package/dist/progressindicator.js +1 -0
  65. package/dist/radio.css +1 -1
  66. package/dist/select.css +1 -1
  67. package/dist/shape.css +1 -0
  68. package/dist/shape.js +1 -0
  69. package/dist/sidesheet.css +1 -1
  70. package/dist/slider.css +1 -1
  71. package/dist/snackbar.css +1 -1
  72. package/dist/stepper.css +1 -1
  73. package/dist/switch.css +1 -1
  74. package/dist/textfield.css +1 -1
  75. package/dist/timepicker.css +1 -1
  76. package/docs/accordion.html +24 -24
  77. package/docs/bottomsheet.html +1 -4
  78. package/docs/datepicker.html +21 -21
  79. package/docs/dialog.html +1 -1
  80. package/docs/index.html +5 -4
  81. package/docs/list.html +38 -22
  82. package/docs/menu.html +246 -41
  83. package/docs/micl.css +1 -1
  84. package/docs/micl.js +1 -1
  85. package/docs/progressindicator.html +288 -0
  86. package/docs/select.html +68 -19
  87. package/docs/shape.css +1 -0
  88. package/docs/shape.js +1 -0
  89. package/docs/shapes.html +150 -0
  90. package/foundations/index.scss +0 -1
  91. package/foundations/layout/README.md +1 -1
  92. package/foundations/layout/index.scss +3 -0
  93. package/micl.ts +8 -1
  94. package/package.json +6 -4
  95. package/styles/README.md +90 -12
  96. package/styles/elevation.scss +46 -13
  97. package/styles/motion.scss +51 -47
  98. package/styles/shapes.scss +41 -26
  99. package/styles/statelayer.scss +93 -36
  100. package/styles/typography.scss +120 -322
  101. package/styles.scss +10 -6
  102. package/tools/shapes/check.mjs +42 -0
  103. package/tools/shapes/generate.mjs +834 -0
  104. package/webpack.config.js +16 -1
package/dist/list.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-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-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}: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-sys-list-padding: 8px;--md-sys-list-item-one-height: 56px;--md-sys-list-item-two-height: 72px;--md-sys-list-item-three-height: 88px;--md-sys-list-item-one-padding: 8px;--md-sys-list-item-two-padding: 8px;--md-sys-list-item-three-padding: 12px;--md-sys-list-item-space: 16px;--md-sys-list-item-padding-inline: 16px;--md-sys-accordion-item-space: 0px}.micl-list{--md-sys-list-item-container-color: var(--md-sys-color-surface);--md-sys-list-motion-duration: 200ms;--md-sys-accordion-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-accordion-motion-duration: 500ms;--md-sys-divider-space: 8px;margin:0;padding:var(--md-sys-list-padding, 8px) 0;interpolate-size:allow-keywords;list-style-type:none;overflow-x:hidden}.micl-list>details::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-sys-accordion-motion-duration) var(--md-sys-accordion-motion-spatial),content-visibility var(--md-sys-accordion-motion-duration) linear allow-discrete}.micl-list>details[open]::details-content{block-size:auto;margin-block-end:var(--md-sys-accordion-item-space, 0px)}.micl-list>details[open] .micl-list-item__icon--expander{transform:rotate(180deg)}.micl-list>details>summary.micl-list-item-one,.micl-list>details>summary.micl-list-item-two,.micl-list>details>summary.micl-list-item-three{position:relative}.micl-list>details>summary.micl-list-item-one::-webkit-details-marker,.micl-list>details>summary.micl-list-item-two::-webkit-details-marker,.micl-list>details>summary.micl-list-item-three::-webkit-details-marker{display:none}.micl-list>details>summary.micl-list-item-one.micl-list-item--disabled,.micl-list>details>summary.micl-list-item-two.micl-list-item--disabled,.micl-list>details>summary.micl-list-item-three.micl-list-item--disabled{pointer-events:none}.micl-list>details>summary.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(.micl-list-item--disabled){cursor:pointer}.micl-list>details .micl-list-item__content{box-sizing:border-box;padding-inline:var(--md-sys-list-item-padding-inline, 16px);background-color:var(--md-sys-list-item-container-color);overflow:hidden}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled){cursor:pointer}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):hover,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):hover,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):hover,select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):hover,select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):hover,select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):hover .micl-list-item__icon,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):hover .micl-list-item__icon,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):hover .micl-list-item__icon,select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):hover .micl-list-item__icon,select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):hover .micl-list-item__icon,select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):hover .micl-list-item__icon{font-variation-settings:"FILL" 1}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):focus-visible,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):focus-visible,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):focus-visible,select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):focus-visible,select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):focus-visible,select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-inner-offset, -3px)}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):focus-visible .micl-list-item__icon,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):focus-visible .micl-list-item__icon,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):focus-visible .micl-list-item__icon,select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):focus-visible .micl-list-item__icon,select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):focus-visible .micl-list-item__icon,select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):focus-visible .micl-list-item__icon{font-variation-settings:"FILL" 1}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):active,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):active,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):active,select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):active,select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):active,select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%);background-size:0%,100%;transition:background-size 0ms}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):active .micl-list-item__icon,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):active .micl-list-item__icon,.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):active .micl-list-item__icon,select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):active .micl-list-item__icon,select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):active .micl-list-item__icon,select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):active .micl-list-item__icon{font-variation-settings:"FILL" 1}.micl-list-item-one,.micl-list-item-two,.micl-list-item-three{--statelayer-color: var(--md-sys-color-on-surface);--md-sys-list-item-thumbnail-aspect-ratio: 1.778;box-sizing:border-box;display:flex;align-items:center;column-gap:var(--md-sys-list-item-space, 16px);padding-inline:var(--md-sys-list-item-space, 16px);border:none;border-radius:var(--md-sys-shape-corner-none, 0px);outline:none;background-color:var(--md-sys-list-item-container-color);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;list-style:none;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-list-motion-duration) linear;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-list-item-one:not(:has(>button)),.micl-list-item-two:not(:has(>button)),.micl-list-item-three:not(:has(>button)){--micl-ripple: 1}.micl-list-item-one>a,.micl-list-item-one>button,.micl-list-item-one>label,.micl-list-item-two>a,.micl-list-item-two>button,.micl-list-item-two>label,.micl-list-item-three>a,.micl-list-item-three>button,.micl-list-item-three>label{box-sizing:border-box;display:inherit;align-items:inherit;column-gap:inherit;min-block-size:inherit;inline-size:100%;padding-inline:var(--md-sys-list-item-space, 16px);border:none;border-radius:inherit;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer}.micl-list-item-one:has(>a,>button,>label),.micl-list-item-two:has(>a,>button,>label),.micl-list-item-three:has(>a,>button,>label){padding-inline:0}.micl-list-item-one:disabled .micl-list-item__icon,.micl-list-item-one:disabled .micl-list-item__headline,.micl-list-item-one:disabled .micl-list-item__supporting-text,.micl-list-item-one:disabled .micl-list-item__text,.micl-list-item-one:disabled .micl-list-item__text::after,.micl-list-item-one:disabled .micl-list-item__trailing-text,.micl-list-item-one.micl-list-item--disabled .micl-list-item__icon,.micl-list-item-one.micl-list-item--disabled .micl-list-item__headline,.micl-list-item-one.micl-list-item--disabled .micl-list-item__supporting-text,.micl-list-item-one.micl-list-item--disabled .micl-list-item__text,.micl-list-item-one.micl-list-item--disabled .micl-list-item__text::after,.micl-list-item-one.micl-list-item--disabled .micl-list-item__trailing-text,.micl-list-item-two:disabled .micl-list-item__icon,.micl-list-item-two:disabled .micl-list-item__headline,.micl-list-item-two:disabled .micl-list-item__supporting-text,.micl-list-item-two:disabled .micl-list-item__text,.micl-list-item-two:disabled .micl-list-item__text::after,.micl-list-item-two:disabled .micl-list-item__trailing-text,.micl-list-item-two.micl-list-item--disabled .micl-list-item__icon,.micl-list-item-two.micl-list-item--disabled .micl-list-item__headline,.micl-list-item-two.micl-list-item--disabled .micl-list-item__supporting-text,.micl-list-item-two.micl-list-item--disabled .micl-list-item__text,.micl-list-item-two.micl-list-item--disabled .micl-list-item__text::after,.micl-list-item-two.micl-list-item--disabled .micl-list-item__trailing-text,.micl-list-item-three:disabled .micl-list-item__icon,.micl-list-item-three:disabled .micl-list-item__headline,.micl-list-item-three:disabled .micl-list-item__supporting-text,.micl-list-item-three:disabled .micl-list-item__text,.micl-list-item-three:disabled .micl-list-item__text::after,.micl-list-item-three:disabled .micl-list-item__trailing-text,.micl-list-item-three.micl-list-item--disabled .micl-list-item__icon,.micl-list-item-three.micl-list-item--disabled .micl-list-item__headline,.micl-list-item-three.micl-list-item--disabled .micl-list-item__supporting-text,.micl-list-item-three.micl-list-item--disabled .micl-list-item__text,.micl-list-item-three.micl-list-item--disabled .micl-list-item__text::after,.micl-list-item-three.micl-list-item--disabled .micl-list-item__trailing-text{color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}.micl-list-item-one:disabled .micl-list-item__image,.micl-list-item-one:disabled .micl-list-item__thumbnail,.micl-list-item-one.micl-list-item--disabled .micl-list-item__image,.micl-list-item-one.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-two:disabled .micl-list-item__image,.micl-list-item-two:disabled .micl-list-item__thumbnail,.micl-list-item-two.micl-list-item--disabled .micl-list-item__image,.micl-list-item-two.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-three:disabled .micl-list-item__image,.micl-list-item-three:disabled .micl-list-item__thumbnail,.micl-list-item-three.micl-list-item--disabled .micl-list-item__image,.micl-list-item-three.micl-list-item--disabled .micl-list-item__thumbnail{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}.micl-list-item-one:disabled a,.micl-list-item-one:disabled button,.micl-list-item-one:disabled label,.micl-list-item-one.micl-list-item--disabled a,.micl-list-item-one.micl-list-item--disabled button,.micl-list-item-one.micl-list-item--disabled label,.micl-list-item-two:disabled a,.micl-list-item-two:disabled button,.micl-list-item-two:disabled label,.micl-list-item-two.micl-list-item--disabled a,.micl-list-item-two.micl-list-item--disabled button,.micl-list-item-two.micl-list-item--disabled label,.micl-list-item-three:disabled a,.micl-list-item-three:disabled button,.micl-list-item-three:disabled label,.micl-list-item-three.micl-list-item--disabled a,.micl-list-item-three.micl-list-item--disabled button,.micl-list-item-three.micl-list-item--disabled label{pointer-events:none;cursor:auto}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked){background-color:var(--md-sys-color-secondary-container)}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__headline,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__headline,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__headline{color:var(--md-sys-color-on-secondary-container)}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__icon,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__supporting-text,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__trailing-text,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__icon,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__supporting-text,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__trailing-text,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__icon,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__supporting-text,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked) .micl-list-item__trailing-text{color:var(--md-sys-color-on-surface)}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active{--statelayer-opacity: 0%}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after{border-color:rgba(0,0,0,0)}.micl-list-item-one{min-block-size:var(--md-sys-list-item-one-height)}.micl-list-item-one:not(:has(>a,>button,>label)){padding-block-start:var(--md-sys-list-item-one-padding);padding-block-end:var(--md-sys-list-item-one-padding)}.micl-list-item-one:not(:has(>a,>button,>label)):has(.micl-list-item__thumbnail){padding-block-start:var(--md-sys-list-item-three-padding);padding-block-end:var(--md-sys-list-item-three-padding);padding-inline-start:0px}.micl-list-item-one>a,.micl-list-item-one>button,.micl-list-item-one>label{padding-block-start:var(--md-sys-list-item-one-padding);padding-block-end:var(--md-sys-list-item-one-padding)}.micl-list-item-one>a:has(.micl-list-item__thumbnail),.micl-list-item-one>button:has(.micl-list-item__thumbnail),.micl-list-item-one>label:has(.micl-list-item__thumbnail){padding-block-start:var(--md-sys-list-item-three-padding);padding-block-end:var(--md-sys-list-item-three-padding);padding-inline-start:0px}.micl-list-item-two{min-block-size:var(--md-sys-list-item-two-height)}.micl-list-item-two:not(:has(>a,>button,>label)){padding-block-start:var(--md-sys-list-item-two-padding);padding-block-end:var(--md-sys-list-item-two-padding)}.micl-list-item-two:not(:has(>a,>button,>label)):has(.micl-list-item__thumbnail){padding-inline-start:0px;padding-block-start:12px;padding-block-end:12px}.micl-list-item-two>a,.micl-list-item-two>button,.micl-list-item-two>label{padding-block-start:var(--md-sys-list-item-two-padding);padding-block-end:var(--md-sys-list-item-two-padding)}.micl-list-item-two>a:has(.micl-list-item__thumbnail),.micl-list-item-two>button:has(.micl-list-item__thumbnail),.micl-list-item-two>label:has(.micl-list-item__thumbnail){padding-inline-start:0px;padding-block-start:12px;padding-block-end:12px}.micl-list-item-two .micl-list-item__supporting-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micl-list-item-two input[type=checkbox].micl-checkbox{block-size:24px;min-block-size:24px;inline-size:24px;min-inline-size:24px}.micl-list-item-three{min-block-size:var(--md-sys-list-item-three-height);align-items:flex-start}.micl-list-item-three:not(:has(>a,>button,>label)){padding-block-start:var(--md-sys-list-item-three-padding);padding-block-end:var(--md-sys-list-item-three-padding)}.micl-list-item-three:not(:has(>a,>button,>label)):has(.micl-list-item__thumbnail){padding-block-start:var(--md-sys-list-item-three-padding);padding-block-end:var(--md-sys-list-item-three-padding);padding-inline-start:0px}.micl-list-item-three>a,.micl-list-item-three>button,.micl-list-item-three>label{padding-block-start:var(--md-sys-list-item-three-padding);padding-block-end:var(--md-sys-list-item-three-padding)}.micl-list-item-three>a:has(.micl-list-item__thumbnail),.micl-list-item-three>button:has(.micl-list-item__thumbnail),.micl-list-item-three>label:has(.micl-list-item__thumbnail){padding-block-start:var(--md-sys-list-item-three-padding);padding-block-end:var(--md-sys-list-item-three-padding);padding-inline-start:0px}.micl-list-item-three .micl-list-item__supporting-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.micl-list-item-three input[type=checkbox].micl-checkbox{block-size:24px;min-block-size:24px;inline-size:24px;min-inline-size:24px}.micl-list-item__icon{min-inline-size:var(--md-sys-icon-size, 24px);font-size:var(--md-sys-icon-size, 24px);font-variation-settings:"FILL" 0;color:var(--md-sys-color-on-surface-variant);transition:font-variation-settings var(--md-sys-list-motion-duration) linear}.micl-list-item__icon.micl-list-item__icon--expander{transform:rotate(0deg);transition:transform var(--md-sys-list-motion-duration) linear}.micl-list-item__avatar{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);display:flex;align-items:center;justify-content:center;block-size:40px;min-inline-size:40px;border-radius:var(--md-sys-shape-corner-full, 50%);color:var(--md-sys-color-on-primary-container);background-color:var(--md-sys-color-primary-container)}.micl-list-item__image{display:inline-block;block-size:56px;min-inline-size:56px;border-radius:var(--md-sys-shape-corner-none, 0px);background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__thumbnail{display:inline-block;block-size:64px;min-inline-size:calc(64px*var(--md-sys-list-item-thumbnail-aspect-ratio));border-radius:var(--md-sys-shape-corner-none, 0px);background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__text{display:flex;flex-direction:column;flex-basis:100%;min-inline-size:0;text-align:start}.micl-list-item__text .micl-list-item__headline{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);color:var(--md-sys-color-on-surface)}.micl-list-item__text .micl-list-item__supporting-text{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);color:var(--md-sys-color-on-surface-variant)}.micl-list-item__trailing-text{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);color:var(--md-sys-color-on-surface-variant)}[dir=rtl] .micl-list details[open] .micl-list-item__icon--expander{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-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-level4: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 2px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 6px 10px 4px}:root{--md-sys-shape-corner-extra-small: 4px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-full: 50%}: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-dragged-state-layer-opacity: 16%}: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-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0%,100%}to{background-size:10000%,100%}}:root{--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.0125rem}:root{--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}:root{--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.0125rem}: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-comp-accordion-item-space: 0px}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(.micl-list-item--disabled){cursor:pointer}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):hover:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-hovered-expressive-shape, var(--md-sys-shape-corner-medium, 12px));--_headline-color: var(--md-comp-list-item-hover-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-hover-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-hover-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-hover-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-hover-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):focus-visible:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-focused-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-focus-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-focus-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-focus-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-focus-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-focus-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));outline:var(--md-comp-list-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px)) solid var(--md-comp-list-item-focus-indicator-color, var(--md-sys-color-secondary));outline-offset:var(--md-comp-list-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):active:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-pressed-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-pressed-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-pressed-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-pressed-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)).micl-list-item--dragging:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-dragged-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-dragged-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-dragged-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-dragged-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-dragged-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-dragged-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--statelayer-color: var(--md-comp-list-item-dragged-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity, 16%));box-shadow:var(--md-comp-list-item-dragged-container-elevation, var(--md-sys-elevation-level4));cursor:grabbing}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:has(input[type=checkbox]:checked):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:has(input[type=checkbox]:checked):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:has(input[type=checkbox]:checked):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:has(input[type=checkbox]:checked):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:has(input[type=checkbox]:checked):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:has(input[type=checkbox]:checked):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:has(input[type=checkbox]:checked):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:has(input[type=checkbox]:checked):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:has(input[type=checkbox]:checked):hover:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-hovered-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-hover-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-hover-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-hover-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-hover-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-hover-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 8%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:has(input[type=checkbox]:checked):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:has(input[type=checkbox]:checked):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:has(input[type=checkbox]:checked):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:has(input[type=checkbox]:checked):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:has(input[type=checkbox]:checked):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:has(input[type=checkbox]:checked):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:has(input[type=checkbox]:checked):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:has(input[type=checkbox]:checked):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:has(input[type=checkbox]:checked):focus-visible:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-focused-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-focus-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-focus-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-focus-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-focus-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-focus-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity, 10%));outline:var(--md-comp-list-item-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness, 3px)) solid var(--md-comp-list-item-focus-indicator-color, var(--md-sys-color-secondary));outline-offset:var(--md-comp-list-item-focus-indicator-offset, var(--md-sys-state-focus-indicator-inner-offset, -3px))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:has(input[type=checkbox]:checked):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:has(input[type=checkbox]:checked):active:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:has(input[type=checkbox]:checked):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:has(input[type=checkbox]:checked):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:has(input[type=checkbox]:checked):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:has(input[type=checkbox]:checked):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:has(input[type=checkbox]:checked):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:has(input[type=checkbox]:checked):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:has(input[type=checkbox]:checked):active:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-pressed-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-pressed-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-pressed-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-pressed-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-pressed-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-pressed-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity, 10%))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-one:has(input[type=checkbox]:checked).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-two:has(input[type=checkbox]:checked).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-list-item-three:has(input[type=checkbox]:checked).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:has(input[type=checkbox]:checked).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:has(input[type=checkbox]:checked).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:has(input[type=checkbox]:checked).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:has(input[type=checkbox]:checked).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:has(input[type=checkbox]:checked).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:has(input[type=checkbox]:checked).micl-list-item--dragging:not(.micl-list-item--disabled){--_list-item-shape: var(--md-comp-list-item-container-selected-dragged-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_headline-color: var(--md-comp-list-item-selected-dragged-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-dragged-leading-icon-color, var(--md-sys-color-on-surface));--_supporting-text-color: var(--md-comp-list-item-selected-dragged-supporting-text-color, var(--md-sys-color-on-surface));--_trailing-icon-color: var(--md-comp-list-item-selected-dragged-trailing-icon-color, var(--md-sys-color-on-surface));--_trailing-text-color: var(--md-comp-list-item-selected-dragged-trailing-supporting-text-color, var(--md-sys-color-on-surface));--statelayer-color: var(--md-comp-list-item-selected-dragged-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity, 16%));box-shadow:var(--md-comp-list-item-selected-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-rippling.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-rippling.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),.micl-list:has(.micl-list-item-one[tabindex],.micl-list-item-two[tabindex],.micl-list-item-three[tabindex]) .micl-rippling.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),select .micl-rippling.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled),select .micl-rippling.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled),select .micl-rippling.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-one:not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-two:not(.micl-list-item--disabled),.micl-list>details>summary.micl-rippling.micl-list-item-three:not(.micl-list-item--disabled){animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}.micl-list{--md-comp-list-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-list-motion-duration: 200ms;--md-comp-accordion-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-accordion-motion-duration: 500ms;--md-sys-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;display:flex;flex-direction:column;margin:var(--md-comp-list-container-space, 0px) 0;padding:0;border-radius:var(--_list-shape);interpolate-size:allow-keywords;list-style-type:none;background-color:var(--md-comp-list-container-color, transparent)}.micl-list.micl-list--segmented{--_list-item-background-color: var(--md-comp-list-item-segmented-container-color, var(--md-sys-color-surface));--_list-item-background-opacity: 100%;row-gap:var(--md-comp-list-segment-gap, 2px)}.micl-list>details::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-comp-accordion-motion-duration) var(--md-comp-accordion-motion-spatial),content-visibility var(--md-comp-accordion-motion-duration) linear allow-discrete}.micl-list>details[open]::details-content{block-size:auto;margin-block-end:var(--md-comp-accordion-item-space, 0px)}.micl-list>details[open] .micl-list-item__icon--expander{transform:rotate(180deg)}.micl-list>details>summary.micl-list-item-one,.micl-list>details>summary.micl-list-item-two,.micl-list>details>summary.micl-list-item-three{position:relative}.micl-list>details>summary.micl-list-item-one::-webkit-details-marker,.micl-list>details>summary.micl-list-item-two::-webkit-details-marker,.micl-list>details>summary.micl-list-item-three::-webkit-details-marker{display:none}.micl-list>details>summary.micl-list-item-one.micl-list-item--disabled,.micl-list>details>summary.micl-list-item-two.micl-list-item--disabled,.micl-list>details>summary.micl-list-item-three.micl-list-item--disabled{pointer-events:none}.micl-list>details .micl-list-item__content{box-sizing:border-box;padding-inline-start:var(--md-comp-list-item-leading-space, 16px);background-color:rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity));overflow:hidden}.micl-list-item-one,.micl-list-item-two,.micl-list-item-three{--statelayer-color: var(--md-sys-color-on-surface);--_list-item-shape: var(--md-comp-list-item-container-expressive-shape, var(--md-sys-shape-corner-extra-small, 4px));--_overline-color: var(--md-comp-list-item-overline-color, var(--md-sys-color-on-surface-variant));--_headline-color: var(--md-comp-list-item-label-text-color, var(--md-sys-color-on-surface));--_leading-icon-color: var(--md-comp-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant));--_supporting-text-color: var(--md-comp-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-text-color: var(--md-comp-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant));--_trailing-icon-color: var(--md-comp-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant));box-sizing:border-box;display:flex;align-items:center;column-gap:var(--md-comp-list-item-between-space, 12px);padding-block:var(--md-comp-list-item-top-space, 10px) var(--md-comp-list-item-bottom-space, 10px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);border:none;border-radius:var(--_list-item-shape);outline:none;background-color:rgb(from var(--_list-item-background-color) r g b/var(--_list-item-background-opacity));background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:0%,100%;list-style:none;transition:border-radius var(--md-comp-list-motion-duration) var(--md-comp-list-motion-effects),background-size 0ms,--statelayer-opacity var(--md-comp-list-motion-duration) linear;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-list-item-one:first-of-type,.micl-list-item-two:first-of-type,.micl-list-item-three:first-of-type{border-start-start-radius:max(var(--_list-item-shape),var(--_list-shape));border-start-end-radius:max(var(--_list-item-shape),var(--_list-shape))}.micl-list-item-one:last-of-type,.micl-list-item-two:last-of-type,.micl-list-item-three:last-of-type{border-end-start-radius:max(var(--_list-item-shape),var(--_list-shape));border-end-end-radius:max(var(--_list-item-shape),var(--_list-shape))}.micl-list-item-one:not(:has(>button)),.micl-list-item-two:not(:has(>button)),.micl-list-item-three:not(:has(>button)){--micl-ripple: 1}.micl-list-item-one>a,.micl-list-item-one>button,.micl-list-item-one>label,.micl-list-item-two>a,.micl-list-item-two>button,.micl-list-item-two>label,.micl-list-item-three>a,.micl-list-item-three>button,.micl-list-item-three>label{box-sizing:border-box;display:inherit;align-items:inherit;column-gap:inherit;min-block-size:inherit;inline-size:100%;padding-block:var(--md-comp-list-item-top-space, 10px) var(--md-comp-list-item-bottom-space, 10px);padding-inline:var(--md-comp-list-item-leading-space, 16px) var(--md-comp-list-item-trailing-space, 16px);border:none;border-radius:inherit;background-color:rgba(0,0,0,0);text-decoration:none;cursor:pointer}.micl-list-item-one:has(>a,>button,>label),.micl-list-item-two:has(>a,>button,>label),.micl-list-item-three:has(>a,>button,>label){padding:0}.micl-list-item-one:disabled,.micl-list-item-one.micl-list-item--disabled,.micl-list-item-two:disabled,.micl-list-item-two.micl-list-item--disabled,.micl-list-item-three:disabled,.micl-list-item-three.micl-list-item--disabled{--_list-item-shape: var(--md-comp-list-item-container-disabled-expressive-shape, var(--md-sys-shape-corner-extra-small, 4px));--_overline-color: rgb(from var(--md-comp-list-item-disabled-overline-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-overline-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_headline-color: rgb(from var(--md-comp-list-item-disabled-label-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_leading-icon-color: rgb(from var(--md-comp-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_supporting-text-color: rgb(from var(--md-comp-list-item-disabled-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-icon-color: rgb(from var(--md-comp-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-text-color: rgb(from var(--md-comp-list-item-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--statelayer-color: var(--md-comp-list-item-disabled-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-disabled-state-layer-opacity, 0%)}.micl-list-item-one:disabled a,.micl-list-item-one:disabled button,.micl-list-item-one:disabled label,.micl-list-item-one.micl-list-item--disabled a,.micl-list-item-one.micl-list-item--disabled button,.micl-list-item-one.micl-list-item--disabled label,.micl-list-item-two:disabled a,.micl-list-item-two:disabled button,.micl-list-item-two:disabled label,.micl-list-item-two.micl-list-item--disabled a,.micl-list-item-two.micl-list-item--disabled button,.micl-list-item-two.micl-list-item--disabled label,.micl-list-item-three:disabled a,.micl-list-item-three:disabled button,.micl-list-item-three:disabled label,.micl-list-item-three.micl-list-item--disabled a,.micl-list-item-three.micl-list-item--disabled button,.micl-list-item-three.micl-list-item--disabled label{pointer-events:none;cursor:auto}.micl-list-item-one:disabled .micl-list-item__image,.micl-list-item-one:disabled .micl-list-item__thumbnail,.micl-list-item-one.micl-list-item--disabled .micl-list-item__image,.micl-list-item-one.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-two:disabled .micl-list-item__image,.micl-list-item-two:disabled .micl-list-item__thumbnail,.micl-list-item-two.micl-list-item--disabled .micl-list-item__image,.micl-list-item-two.micl-list-item--disabled .micl-list-item__thumbnail,.micl-list-item-three:disabled .micl-list-item__image,.micl-list-item-three:disabled .micl-list-item__thumbnail,.micl-list-item-three.micl-list-item--disabled .micl-list-item__image,.micl-list-item-three.micl-list-item--disabled .micl-list-item__thumbnail{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}.micl-list-item-one:disabled:checked,.micl-list-item-one:disabled:has(input[type=checkbox]:checked),.micl-list-item-one.micl-list-item--disabled:checked,.micl-list-item-one.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-two:disabled:checked,.micl-list-item-two:disabled:has(input[type=checkbox]:checked),.micl-list-item-two.micl-list-item--disabled:checked,.micl-list-item-two.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-three:disabled:checked,.micl-list-item-three:disabled:has(input[type=checkbox]:checked),.micl-list-item-three.micl-list-item--disabled:checked,.micl-list-item-three.micl-list-item--disabled:has(input[type=checkbox]:checked){--_list-item-background-color: var(--md-comp-list-item-selected-disabled-container-color, var(--md-sys-color-on-surface));--_list-item-background-opacity: var(--md-comp-list-item-selected-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%));--_list-item-shape: var(--md-comp-list-item-container-selected-disabled-expressive-shape, var(--md-sys-shape-corner-large, 16px));--_overline-color: rgb(from var(--md-comp-list-item-selected-disabled-overline-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-overline-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_headline-color: rgb(from var(--md-comp-list-item-selected-disabled-label-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-label-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_leading-icon-color: rgb(from var(--md-comp-list-item-selected-disabled-leading-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-leading-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_supporting-text-color: rgb(from var(--md-comp-list-item-selected-disabled-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-icon-color: rgb(from var(--md-comp-list-item-selected-disabled-trailing-icon-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-trailing-icon-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--_trailing-text-color: rgb(from var(--md-comp-list-item-selected-disabled-trailing-supporting-text-color, var(--md-sys-color-on-surface)) r g b / var(--md-comp-list-item-selected-disabled-trailing-supporting-text-opacity, var(--md-sys-state-disabled-state-layer-opacity, 38%)));--statelayer-color: var(--md-comp-list-item-selected-disabled-state-layer-color, var(--md-sys-color-on-surface));--statelayer-opacity: var(--md-comp-list-item-selected-disabled-state-layer-opacity, 0%)}.micl-list-item-one:checked,.micl-list-item-one:has(input[type=checkbox]:checked),.micl-list-item-two:checked,.micl-list-item-two:has(input[type=checkbox]:checked),.micl-list-item-three:checked,.micl-list-item-three:has(input[type=checkbox]:checked){--_list-item-background-color: var(--md-comp-list-item-selected-container-color, var(--md-sys-color-secondary-container));--_list-item-background-opacity: 100%;--_overline-color: var(--md-comp-list-item-selected-overline-color, var(--md-sys-color-on-secondary-container));--_headline-color: var(--md-comp-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container));--_leading-icon-color: var(--md-comp-list-item-selected-leading-icon-color, var(--md-sys-color-on-secondary-container));--_supporting-text-color: var(--md-comp-list-item-selected-supporting-text-color, var(--md-sys-color-on-secondary-container));--_trailing-text-color: var(--md-comp-list-item-selected-trailing-supporting-text-color, var(--md-sys-color-on-secondary-container));--_trailing-icon-color: var(--md-comp-list-item-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container))}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):checked,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):has(input[type=checkbox]:checked){--_list-item-shape: var(--md-comp-list-item-container-selected-expressive-shape, var(--md-sys-shape-corner-large, 16px))}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active{--statelayer-opacity: 0%}.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-one:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-two:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):hover.micl-switch::after,.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled) input[type=checkbox]:not(:disabled):active.micl-switch::after{border-color:rgba(0,0,0,0)}.micl-list-item-one{min-block-size:var(--md-comp-list-item-one-line-container-height, 56px)}.micl-list-item-two{min-block-size:var(--md-comp-list-item-two-line-container-height, 72px)}.micl-list-item-two .micl-list-item__supporting-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micl-list-item-three{min-block-size:var(--md-comp-list-item-three-line-container-height, 88px);align-items:flex-start}.micl-list-item-three .micl-list-item__supporting-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.micl-list-item-one input[type=checkbox].micl-checkbox,.micl-list-item-two input[type=checkbox].micl-checkbox,.micl-list-item-three input[type=checkbox].micl-checkbox{block-size:24px;min-block-size:24px;inline-size:24px;min-inline-size:24px}.micl-list-item__icon{min-inline-size:var(--md-comp-list-item-leading-icon-expressive-size, 20px);font-size:var(--md-comp-list-item-leading-icon-expressive-size, 20px);font-variation-settings:"FILL" 0;color:var(--_leading-icon-color);transition:font-variation-settings var(--md-comp-list-motion-duration) linear}.micl-list-item__icon.micl-list-item__icon--expander{transform:rotate(0deg);transition:transform var(--md-comp-list-motion-duration) linear}.micl-list-item__text~.micl-list-item__icon{min-inline-size:var(--md-comp-list-item-trailing-icon-expressive-size, 20px);font-size:var(--md-comp-list-item-trailing-icon-expressive-size, 20px);color:var(--_trailing-icon-color)}.micl-list-item__avatar{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);display:flex;align-items:center;justify-content:center;block-size:var(--md-comp-list-item-leading-avatar-size, 40px);min-inline-size:var(--md-comp-list-item-leading-avatar-size, 40px);border-radius:var(--md-comp-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 50%));color:var(--md-comp-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container));background-color:var(--md-comp-list-item-leading-avatar-color, var(--md-sys-color-primary-container))}.micl-list-item__image{align-self:stretch;display:inline-block;max-block-size:var(--md-comp-list-item-leading-image-height, 56px);inline-size:var(--md-comp-list-item-leading-image-width, 56px);max-inline-size:var(--md-comp-list-item-leading-image-width, 56px);min-inline-size:var(--md-comp-list-item-leading-image-width, 56px);border-radius:var(--md-comp-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__thumbnail{align-self:stretch;display:inline-block;max-block-size:var(--md-comp-list-item-leading-video-height, 56px);inline-size:var(--md-comp-list-item-leading-video-width, 100px);max-inline-size:var(--md-comp-list-item-leading-video-width, 100px);min-inline-size:var(--md-comp-list-item-leading-video-width, 100px);border-radius:var(--md-comp-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));background-position:center;background-repeat:no-repeat;background-size:cover}.micl-list-item__text{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);display:flex;flex-direction:column;flex-basis:100%;min-inline-size:0;text-align:start;color:var(--_headline-color)}.micl-list-item__text .micl-list-item__overline{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);color:var(--_overline-color)}.micl-list-item__text .micl-list-item__headline{color:var(--_headline-color)}.micl-list-item__text::after,.micl-list-item__text .micl-list-item__supporting-text{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);color:var(--_supporting-text-color)}.micl-list-item__trailing-text{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);color:var(--_trailing-text-color)}[dir=rtl] .micl-list details[open] .micl-list-item__icon--expander{transform:rotate(-180deg)}
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-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}: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)}