material-inspired-component-library 8.1.0 → 8.1.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 (38) hide show
  1. package/.claude/settings.local.json +4 -1
  2. package/components/button/README.md +68 -10
  3. package/components/button/index.scss +94 -174
  4. package/components/button/index.ts +4 -4
  5. package/components/iconbutton/README.md +55 -9
  6. package/components/iconbutton/index.scss +103 -161
  7. package/components/iconbutton/index.ts +4 -4
  8. package/components/list/index.scss +2 -2
  9. package/components/navigationrail/README.md +2 -1
  10. package/components/navigationrail/index.scss +2 -2
  11. package/dist/bottomsheet.js +1 -1
  12. package/dist/button.css +1 -1
  13. package/dist/button.js +1 -1
  14. package/dist/checkbox.js +1 -1
  15. package/dist/components/button/index.d.ts +1 -1
  16. package/dist/components/iconbutton/index.d.ts +1 -1
  17. package/dist/datepicker.js +1 -1
  18. package/dist/iconbutton.css +1 -1
  19. package/dist/iconbutton.js +1 -1
  20. package/dist/list.css +1 -1
  21. package/dist/list.js +1 -1
  22. package/dist/menu.js +1 -1
  23. package/dist/micl.css +1 -1
  24. package/dist/micl.js +1 -1
  25. package/dist/navigationrail.css +1 -1
  26. package/dist/navigationrail.js +1 -1
  27. package/dist/progressindicator.js +1 -1
  28. package/dist/slider.js +1 -1
  29. package/dist/snackbar.js +1 -1
  30. package/dist/stepper.js +1 -1
  31. package/dist/textfield.js +1 -1
  32. package/dist/timepicker.js +1 -1
  33. package/docs/button.html +18 -17
  34. package/docs/iconbutton.html +12 -10
  35. package/docs/micl.css +1 -1
  36. package/docs/micl.js +1 -1
  37. package/package.json +1 -1
  38. package/webpack.config.js +58 -3
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)}.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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)).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)):not(:where(details[open]>*)).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)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).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)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select .micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).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:disabled:where(details[open]>*),.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-one.micl-list-item--disabled:where(details[open]>*),.micl-list-item-two:disabled:checked,.micl-list-item-two:disabled:has(input[type=checkbox]:checked),.micl-list-item-two:disabled:where(details[open]>*),.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-two.micl-list-item--disabled:where(details[open]>*),.micl-list-item-three:disabled:checked,.micl-list-item-three:disabled:has(input[type=checkbox]:checked),.micl-list-item-three:disabled:where(details[open]>*),.micl-list-item-three.micl-list-item--disabled:checked,.micl-list-item-three.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-three.micl-list-item--disabled:where(details[open]>*){--_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-one:where(details[open]>*),.micl-list-item-two:checked,.micl-list-item-two:has(input[type=checkbox]:checked),.micl-list-item-two:where(details[open]>*),.micl-list-item-three:checked,.micl-list-item-three:has(input[type=checkbox]:checked),.micl-list-item-three:where(details[open]>*){--_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-one:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.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-two:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.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),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*){--_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)}
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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)):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)):not(:where(details[open]>*)).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)):not(:where(details[open]>*)).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)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).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)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:not(:has(input[type=checkbox]:checked)):not(:where(details[open]>*)).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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):hover:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):focus-visible:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):active:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)):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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).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:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),select>.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(:disabled):not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-one:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-two:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).micl-list-item--dragging:not(.micl-list-item--disabled),.micl-list>details>summary.micl-list-item-three:is(:has(input[type=checkbox]:checked),:where(details[open]>*)).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:disabled:where(details[open]>*),.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-one.micl-list-item--disabled:where(details[open]>*),.micl-list-item-two:disabled:checked,.micl-list-item-two:disabled:has(input[type=checkbox]:checked),.micl-list-item-two:disabled:where(details[open]>*),.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-two.micl-list-item--disabled:where(details[open]>*),.micl-list-item-three:disabled:checked,.micl-list-item-three:disabled:has(input[type=checkbox]:checked),.micl-list-item-three:disabled:where(details[open]>*),.micl-list-item-three.micl-list-item--disabled:checked,.micl-list-item-three.micl-list-item--disabled:has(input[type=checkbox]:checked),.micl-list-item-three.micl-list-item--disabled:where(details[open]>*){--_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-one:where(details[open]>*),.micl-list-item-two:checked,.micl-list-item-two:has(input[type=checkbox]:checked),.micl-list-item-two:where(details[open]>*),.micl-list-item-three:checked,.micl-list-item-three:has(input[type=checkbox]:checked),.micl-list-item-three:where(details[open]>*){--_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-one:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.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-two:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*),.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),.micl-list-item-three:not(:disabled):not(.micl-list-item--disabled):where(details[open]>*){--_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/list.js CHANGED
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={d:(t,i)=>{for(var r in i)e.o(i,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:i[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{default:()=>n,listSelector:()=>i});const i=".micl-list",r=e=>e?.matches(":has(input[type=checkbox]:checked)"),n={keydown(e){const t=e.target;if(!(e instanceof KeyboardEvent&&t?.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const i=t.parentElement;if(!i)return;const n=i instanceof HTMLDetailsElement;let l=[];if(n?l=Array.from(i.parentElement?.children||[]).map(e=>e.querySelector(":scope > summary")).filter(Boolean):["UL","OL"].includes(i.tagName)&&(l=Array.from(i.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role"))),l=l.filter(e=>!(e=>e?.classList.contains("micl-list-item--disabled"))(e)),!l.length)return;const o=l.indexOf(t);if(-1===o)return;let a=o;switch(e.key){case"ArrowDown":e.preventDefault(),a=(o+1)%l.length;break;case"ArrowUp":e.preventDefault(),a=(o-1+l.length)%l.length;break;case"Tab":if(!n){const e=l.findIndex(r);a=-1===e?0:e}break;case" ":case"Enter":if(n)break;" "===e.key&&e.preventDefault();const i=t.querySelector("input[type=checkbox], a[href], button");i instanceof HTMLInputElement?(i.checked=!i.checked,i.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))):i?.click()}a!==o&&(n||(t.setAttribute("tabindex","-1"),l[a].setAttribute("tabindex","0")),l[a].focus())},initialize(e){e.dataset.miclinitialized||(e.dataset.miclinitialized="1",e.querySelectorAll(":scope > details > summary.micl-list-item--disabled").forEach(e=>e.setAttribute("tabindex","-1")),e.querySelector('li[tabindex="0"]')&&e.querySelectorAll('li:not([role="separator"])').forEach(e=>{"0"!==e.getAttribute("tabindex")&&e.setAttribute("tabindex","-1"),e.querySelectorAll("a, button, input").forEach(e=>e.setAttribute("tabindex","-1")),(e=>e?.matches(":has(input[type=checkbox])"))(e)&&(e.setAttribute("role","option"),e.parentElement?.setAttribute("role","listbox"))}))}}})(),t})());
package/dist/menu.js CHANGED
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={d:(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};return(()=>{e.r(t),e.d(t,{default:()=>r,menuSelector:()=>o});const o=".micl-menu[popover]",r=(()=>{const e=e=>Array.from(e.children).filter(e=>e instanceof HTMLLIElement&&"separator"!==e.getAttribute("role")&&!e.classList.contains("micl-list-item--disabled")&&e.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three"));return{initialize:t=>{if(!t.matches(".micl-menu[popover]")||t.dataset.miclinitialized)return;t.dataset.miclinitialized="1";const o=document.querySelector(`[popovertarget="${t.id}"]`);o&&t.addEventListener("beforetoggle",()=>{t.style.transformOrigin=((e,t)=>{const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return(o.x>r.x?"right ":"left ")+(o.y>r.y?"bottom":"top")})(o,t)}),t.addEventListener("keydown",o=>{if("ArrowDown"!==o.key&&"ArrowUp"!==o.key)return;const r=o.target;if(!(r instanceof HTMLElement&&r.matches(".micl-list-item-one,.micl-list-item-two,.micl-list-item-three")))return;const n=r.parentElement;if(!n?.matches("ul.micl-list"))return;if(n.parentElement!==t)return;const i=Array.from(t.querySelectorAll(":scope > ul.micl-list"));if(i.length<2)return;const l=i.indexOf(n),s=e(n),c=s.indexOf(r);if(-1===c)return;let a;if("ArrowDown"===o.key&&c===s.length-1){const t=(l+1)%i.length;a=e(i[t])[0]}else if("ArrowUp"===o.key&&0===c){const t=(l-1+i.length)%i.length,o=e(i[t]);a=o[o.length-1]}a&&(o.preventDefault(),o.stopPropagation(),r.setAttribute("tabindex","-1"),a.setAttribute("tabindex","0"),a.focus())},!0),t.querySelectorAll(":scope > ul.micl-list > li > button[popovertarget]").forEach(e=>{if(e.popoverTargetElement?.matches(".micl-menu[popover]")){const t=e.popoverTargetElement,o=`--${t.id}`;let r;e.style.setProperty("anchor-name",o),t.style.insetBlockStart=`anchor(${o} start)`,t.style.insetInlineStart=`anchor(${o} end)`;const n=()=>{clearTimeout(r),r=setTimeout(()=>{e.matches(":hover")||t.matches(":hover")||t.hidePopover()},300)};e.addEventListener("mouseenter",()=>{clearTimeout(r),t.showPopover()}),e.addEventListener("mouseleave",n),t.addEventListener("mouseenter",()=>{clearTimeout(r)}),t.addEventListener("mouseleave",n)}})}}})()})(),t})());