material-inspired-component-library 6.0.7 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +11 -2
  2. package/components/appbar/index.scss +4 -4
  3. package/components/button/README.md +16 -1
  4. package/components/button/index.scss +6 -0
  5. package/components/button/index.ts +17 -0
  6. package/components/card/README.md +82 -11
  7. package/components/card/index.scss +169 -209
  8. package/components/datepicker/README.md +3 -2
  9. package/components/datepicker/index.ts +0 -8
  10. package/components/iconbutton/README.md +11 -0
  11. package/components/iconbutton/index.scss +12 -0
  12. package/components/iconbutton/index.ts +15 -0
  13. package/components/navigationrail/README.md +64 -59
  14. package/components/navigationrail/index.scss +197 -300
  15. package/components/navigationrail/index.ts +55 -38
  16. package/components/snackbar/README.md +126 -0
  17. package/components/snackbar/index.scss +94 -73
  18. package/components/snackbar/index.ts +90 -28
  19. package/components/timepicker/README.md +2 -1
  20. package/components/timepicker/index.ts +0 -3
  21. package/dist/appbar.css +1 -1
  22. package/dist/button.css +1 -1
  23. package/dist/card.css +1 -1
  24. package/dist/components/navigationrail/index.d.ts +2 -1
  25. package/dist/components/snackbar/index.d.ts +1 -0
  26. package/dist/iconbutton.css +1 -1
  27. package/dist/micl.css +1 -1
  28. package/dist/micl.js +1 -1
  29. package/dist/navigationrail.css +1 -1
  30. package/dist/snackbar.css +1 -1
  31. package/docs/button.html +43 -15
  32. package/docs/card.html +6 -5
  33. package/docs/datepicker.html +4 -4
  34. package/docs/iconbutton.html +22 -8
  35. package/docs/index.html +31 -18
  36. package/docs/micl.css +1 -1
  37. package/docs/micl.js +1 -1
  38. package/docs/navigationrail.html +76 -22
  39. package/docs/snackbar.html +31 -14
  40. package/docs/timepicker.html +12 -3
  41. package/package.json +1 -1
  42. package/docs/snackbar1.html +0 -159
  43. package/docs/snackbar2.html +0 -159
package/dist/card.css CHANGED
@@ -1 +1 @@
1
- :root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-comp-card-gap: 8px;--md-comp-card-margin: 8px;--md-comp-card-padding-inline: 16px;--md-comp-card-content-padding-block: 16px;--md-comp-elevated-card-container-shape: var(--md-sys-shape-corner-medium);--md-comp-elevated-card-disabled-container-opacity: 38%;--md-comp-elevated-card-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-disabled-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-elevated-card-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-filled-card-container-shape: var(--md-sys-shape-corner-medium);--md-comp-filled-card-disabled-container-opacity: 38%;--md-comp-filled-card-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filled-card-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-outlined-card-container-shape: var(--md-sys-shape-corner-medium);--md-comp-outlined-card-disabled-container-opacity: 38%;--md-comp-outlined-card-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-outlined-card-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-outlined-card-outline-width: 1px;--md-comp-outlined-card-disabled-outline-opacity: 12%}body{--md-comp-elevated-card-container-color: var(--md-sys-color-surface-container-low);--md-comp-elevated-card-disabled-container-color: var(--md-sys-color-surface);--md-comp-filled-card-container-color: var(--md-sys-color-surface-container-highest);--md-comp-filled-card-disabled-container-color: var(--md-sys-color-surface-variant);--md-comp-outlined-card-container-color: var(--md-sys-color-surface);--md-comp-outlined-card-disabled-container-color: var(--md-sys-color-surface);--md-comp-outlined-card-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-disabled-outline-color: var(--md-sys-color-outline);--md-comp-outlined-card-hover-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-focus-outline-color: var(--md-sys-color-on-surface);--md-comp-outlined-card-pressed-outline-color: var(--md-sys-color-outline-variant);--md-comp-outlined-card-dragged-outline-color: var(--md-sys-color-outline-variant)}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-sys-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-card-motion-duration: 500ms;display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords}.micl-card-elevated:not(.micl-card--compact):not(:has(>summary)),.micl-card-filled:not(.micl-card--compact):not(:has(>summary)),.micl-card-outlined:not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled),.micl-card-elevated:not(.micl-card--disabled)>summary,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled),.micl-card-filled:not(.micl-card--disabled)>summary,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled),.micl-card-outlined:not(.micl-card--disabled)>summary{--micl-ripple: 1;--statelayer-color: var(--md-sys-color-on-surface);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) / 2)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-elevated:not(.micl-card--disabled)>summary:hover,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-filled:not(.micl-card--disabled)>summary:hover,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-outlined:not(.micl-card--disabled)>summary:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%);cursor:pointer}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset, 2px)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-elevated:not(.micl-card--disabled)>summary:active,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-filled:not(.micl-card--disabled)>summary:active,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-outlined:not(.micl-card--disabled)>summary:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%);background-size:0%,100%;transition:background-size 0ms}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging{--statelayer-opacity: var(--md-sys-state-dragged-state-layer-opacity, 16%);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled) .micl-card__content,.micl-card-elevated:not(.micl-card--disabled)>summary .micl-card__content,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled) .micl-card__content,.micl-card-filled:not(.micl-card--disabled)>summary .micl-card__content,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled) .micl-card__content,.micl-card-outlined:not(.micl-card--disabled)>summary .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated:not([tabindex="0"]):not(.micl-card--disabled):has(>summary:focus-visible),.micl-card-filled:not([tabindex="0"]):not(.micl-card--disabled):has(>summary:focus-visible),.micl-card-outlined:not([tabindex="0"]):not(.micl-card--disabled):has(>summary:focus-visible){outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset, 2px)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-sys-card-motion-duration) var(--md-sys-card-motion-spatial),content-visibility var(--md-sys-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{block-size:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-card-elevated>summary:not(.micl-card--compact),.micl-card-filled>summary:not(.micl-card--compact),.micl-card-outlined>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact,.micl-card-elevated summary.micl-card--compact,.micl-card-filled.micl-card--compact,.micl-card-filled summary.micl-card--compact,.micl-card-outlined.micl-card--compact,.micl-card-outlined summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card-elevated.micl-card--compact .micl-card__image,.micl-card-elevated summary.micl-card--compact .micl-card__image,.micl-card-filled.micl-card--compact .micl-card__image,.micl-card-filled summary.micl-card--compact .micl-card__image,.micl-card-outlined.micl-card--compact .micl-card__image,.micl-card-outlined summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/5;block-size:100%;background-size:cover}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l{grid-column:2;min-inline-size:0;margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0;margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__content,.micl-card-elevated summary.micl-card--compact .micl-card__content,.micl-card-filled.micl-card--compact .micl-card__content,.micl-card-filled summary.micl-card--compact .micl-card__content,.micl-card-outlined.micl-card--compact .micl-card__content,.micl-card-outlined summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card-elevated.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-elevated summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}.micl-card-elevated{border-radius:var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));background-color:var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1))}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-elevated:not(.micl-card--disabled)>summary:hover{box-shadow:var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2))}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible{box-shadow:var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1))}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-elevated:not(.micl-card--disabled)>summary:active{box-shadow:var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1))}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging{box-shadow:var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-filled{border-radius:var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));background-color:var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));box-shadow:var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0))}.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-filled:not(.micl-card--disabled)>summary:hover{box-shadow:var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1))}.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible{box-shadow:var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0))}.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-filled:not(.micl-card--disabled)>summary:active{box-shadow:var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0))}.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging{box-shadow:var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-outlined{border-radius:var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));background-color:var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));border:var(--md-comp-outlined-card-outline-width, 1px) solid var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover,.micl-card-outlined:not(.micl-card--disabled)>summary:hover{border-color:var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));box-shadow:var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1))}.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible{border-color:var(--md-comp-outlined-card-focus-outline-color, var(--md-sys-color-on-surface));box-shadow:var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0))}.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active,.micl-card-outlined:not(.micl-card--disabled)>summary:active{border-color:var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));box-shadow:var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0))}.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging{border-color:var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant));box-shadow:var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card--disabled{pointer-events:none}.micl-card--disabled.micl-card-elevated{background-color:var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));opacity:var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity))}.micl-card--disabled.micl-card-filled{background-color:var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));box-shadow:var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));opacity:var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity))}.micl-card--disabled.micl-card-outlined{border-color:rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b/var(--md-comp-outlined-card-disabled-outline-opacity, 12%));background-color:var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));box-shadow:var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));opacity:var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity))}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain}.micl-card-elevated .micl-card__image{border-radius:var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium))}.micl-card-filled .micl-card__image{border-radius:var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium))}.micl-card-outlined .micl-card__image{border-radius:var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium))}.micl-card-elevated>.micl-card__headline-s:first-child,.micl-card-elevated>.micl-card__headline-m:first-child,.micl-card-elevated>.micl-card__headline-l:first-child,.micl-card-filled>.micl-card__headline-s:first-child,.micl-card-filled>.micl-card__headline-m:first-child,.micl-card-filled>.micl-card__headline-l:first-child,.micl-card-outlined>.micl-card__headline-s:first-child,.micl-card-outlined>.micl-card__headline-m:first-child,.micl-card-outlined>.micl-card__headline-l:first-child,.micl-card-elevated>summary>.micl-card__headline-s:first-child,.micl-card-elevated>summary>.micl-card__headline-m:first-child,.micl-card-elevated>summary>.micl-card__headline-l:first-child,.micl-card-filled>summary>.micl-card__headline-s:first-child,.micl-card-filled>summary>.micl-card__headline-m:first-child,.micl-card-filled>summary>.micl-card__headline-l:first-child,.micl-card-outlined>summary>.micl-card__headline-s:first-child,.micl-card-outlined>summary>.micl-card__headline-m:first-child,.micl-card-outlined>summary>.micl-card__headline-l:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--md-sys-color-on-surface-variant)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{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:block;margin:0;padding:0 var(--md-comp-card-padding-inline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline);color:var(--md-sys-color-on-surface-variant)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__headline-s,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__headline-m,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__headline-l,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-s,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-m,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-l,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__headline-s,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__headline-m,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__headline-l,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-s,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-m,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-l,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__headline-s,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__headline-m,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__headline-l,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-s,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-m,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-l,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__headline-s,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__headline-m,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__headline-l,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-s,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-m,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-l,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__headline-s,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__headline-m,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__headline-l,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-s,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-m,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-l,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__headline-s,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__headline-m,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__headline-l,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-s,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-m,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-l{color:var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m button,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m button,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__headline-l button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-s button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-m button,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__headline-l button,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__headline-s button,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__headline-m button,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__headline-l button,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-s button,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-m button,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-l button,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__headline-s button,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__headline-m button,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__headline-l button,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-s button,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-m button,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-l button,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__headline-s button,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__headline-m button,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__headline-l button,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-s button,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-m button,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-l button,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__headline-s button,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__headline-m button,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__headline-l button,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-s button,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-m button,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-l button,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__headline-s button,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__headline-m button,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__headline-l button,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-s button,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-m button,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__headline-l button,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__headline-s button,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__headline-m button,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__headline-l button,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-s button,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-m button,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__headline-l button{color:var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__supporting-text,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__supporting-text,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled):active .micl-card__supporting-text,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__subhead,.micl-card-elevated[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled):active .micl-card__supporting-text,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__subhead,.micl-card-filled[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):hover .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):focus-visible .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled):active .micl-card__supporting-text,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__subhead,.micl-card-outlined[tabindex="0"]:not(.micl-card--disabled).micl-card--dragging .micl-card__supporting-text,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__subhead,.micl-card-elevated:not(.micl-card--disabled)>summary:hover .micl-card__supporting-text,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__subhead,.micl-card-elevated:not(.micl-card--disabled)>summary:focus-visible .micl-card__supporting-text,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__subhead,.micl-card-elevated:not(.micl-card--disabled)>summary:active .micl-card__supporting-text,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__subhead,.micl-card-elevated:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__supporting-text,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__subhead,.micl-card-filled:not(.micl-card--disabled)>summary:hover .micl-card__supporting-text,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__subhead,.micl-card-filled:not(.micl-card--disabled)>summary:focus-visible .micl-card__supporting-text,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__subhead,.micl-card-filled:not(.micl-card--disabled)>summary:active .micl-card__supporting-text,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__subhead,.micl-card-filled:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__supporting-text,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__subhead,.micl-card-outlined:not(.micl-card--disabled)>summary:hover .micl-card__supporting-text,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__subhead,.micl-card-outlined:not(.micl-card--disabled)>summary:focus-visible .micl-card__supporting-text,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__subhead,.micl-card-outlined:not(.micl-card--disabled)>summary:active .micl-card__supporting-text,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__subhead,.micl-card-outlined:not(.micl-card--disabled)>summary.micl-card--dragging .micl-card__supporting-text{color:var(--md-sys-color-on-surface)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block);padding-inline:var(--md-comp-card-padding-inline);background-color:inherit;overflow:clip visible}
1
+ :root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-comp-card-gap: 8px;--md-comp-card-margin: 8px;--md-comp-card-padding-inline: 16px;--md-comp-card-content-padding-block: 16px}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-sys-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-card-motion-duration: 500ms;--_text-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords;border-radius:var(--_shape);background-color:var(--_color);box-shadow:var(--_elevation);border:var(--_border, none);opacity:var(--_opacity, 1);pointer-events:var(--_pointer-events, auto)}.micl-card-elevated:not(.micl-card--compact):not(:has(>summary)),.micl-card-filled:not(.micl-card--compact):not(:has(>summary)),.micl-card-outlined:not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated[tabindex="0"]:not([inert]),.micl-card-elevated:not([inert])>summary,.micl-card-filled[tabindex="0"]:not([inert]),.micl-card-filled:not([inert])>summary,.micl-card-outlined[tabindex="0"]:not([inert]),.micl-card-outlined:not([inert])>summary{--micl-ripple: 1;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) / 2)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([inert])>summary:hover,.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([inert])>summary:hover,.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([inert])>summary:hover{--statelayer-color: var(--_hover-state-color);--statelayer-opacity: var(--_hover-state-opacity);--_text-color: var(--md-sys-color-on-surface);cursor:pointer}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([inert])>summary:focus-visible,.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([inert])>summary:focus-visible,.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([inert])>summary:focus-visible{--statelayer-color: var(--_focus-state-color);--statelayer-opacity: var(--_focus-state-opacity);--_text-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([inert])>summary:active,.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([inert])>summary:active,.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([inert])>summary:active{--statelayer-color: var(--_pressed-state-color);--statelayer-opacity: var(--_pressed-state-opacity);--_text-color: var(--md-sys-color-on-surface);background-size:0%,100%;transition:background-size 0ms}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-elevated:not([inert])>summary.micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled:not([inert])>summary.micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined:not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_dragged-state-color);--statelayer-opacity: var(--_dragged-state-opacity);--_text-color: var(--md-sys-color-on-surface);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-elevated:not([inert])>summary .micl-card__content,.micl-card-filled[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-filled:not([inert])>summary .micl-card__content,.micl-card-outlined[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-outlined:not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:hover){box-shadow:var(--_hover-elevation);border-color:var(--_hover-border-color, var(--_border-color, transparent))}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:focus-visible){box-shadow:var(--_focus-elevation);border-width:var(--_focus-border-width, var(--_border-width, 0));border-color:var(--_focus-border-color, transparent);outline:var(--_focus-outline-thickness, 0px) solid var(--_focus-outline-color, transparent);outline-offset:var(--_focus-outline-offset, 0px)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:active){box-shadow:var(--_pressed-elevation);border-color:var(--_pressed-border-color, transparent)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging{box-shadow:var(--_dragged-elevation);border-color:var(--_dragged-border-color, transparent)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-sys-card-motion-duration) var(--md-sys-card-motion-spatial),content-visibility var(--md-sys-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{block-size:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-card-elevated>summary:not(.micl-card--compact),.micl-card-filled>summary:not(.micl-card--compact),.micl-card-outlined>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact,.micl-card-elevated summary.micl-card--compact,.micl-card-filled.micl-card--compact,.micl-card-filled summary.micl-card--compact,.micl-card-outlined.micl-card--compact,.micl-card-outlined summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card-elevated.micl-card--compact .micl-card__image,.micl-card-elevated summary.micl-card--compact .micl-card__image,.micl-card-filled.micl-card--compact .micl-card__image,.micl-card-filled summary.micl-card--compact .micl-card__image,.micl-card-outlined.micl-card--compact .micl-card__image,.micl-card-outlined summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/5;block-size:100%;background-size:cover}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card-elevated.micl-card--compact .micl-card__content,.micl-card-elevated summary.micl-card--compact .micl-card__content,.micl-card-filled.micl-card--compact .micl-card__content,.micl-card-filled summary.micl-card--compact .micl-card__content,.micl-card-outlined.micl-card--compact .micl-card__content,.micl-card-outlined summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card-elevated.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-elevated summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}.micl-card-elevated{--_shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card-filled{--_shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card-outlined{--_shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_border-width: var(--md-comp-outlined-card-outline-width, 1px);--_border: var(--_border-width) solid var(--_border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_focus-border-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-border-width: var(--md-comp-outlined-card-focus-indicator-thickness, --md-sys-state-focus-indicator-thickness);--_pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3));--_dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%));--_color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_shape)}.micl-card-elevated>.micl-card__headline-s:first-child,.micl-card-elevated>.micl-card__headline-m:first-child,.micl-card-elevated>.micl-card__headline-l:first-child,.micl-card-filled>.micl-card__headline-s:first-child,.micl-card-filled>.micl-card__headline-m:first-child,.micl-card-filled>.micl-card__headline-l:first-child,.micl-card-outlined>.micl-card__headline-s:first-child,.micl-card-outlined>.micl-card__headline-m:first-child,.micl-card-outlined>.micl-card__headline-l:first-child,.micl-card-elevated>summary>.micl-card__headline-s:first-child,.micl-card-elevated>summary>.micl-card__headline-m:first-child,.micl-card-elevated>summary>.micl-card__headline-l:first-child,.micl-card-filled>summary>.micl-card__headline-s:first-child,.micl-card-filled>summary>.micl-card__headline-m:first-child,.micl-card-filled>summary>.micl-card__headline-l:first-child,.micl-card-outlined>summary>.micl-card__headline-s:first-child,.micl-card-outlined>summary>.micl-card__headline-m:first-child,.micl-card-outlined>summary>.micl-card__headline-l:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_text-color)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{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:block;margin:calc(-1*var(--md-comp-card-gap, 8px)) 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--_text-color)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_text-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);background-color:inherit;overflow:clip visible}
package/dist/components/navigationrail/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export declare const navigationrailSelector = ".micl-navigationrail";
2
2
  declare const _default: {
3
- keydown: (event: Event) => void;
4
3
  initialize: (element: HTMLElement) => void;
4
+ keydown: (event: Event) => void;
5
+ cleanup: (element: HTMLElement) => void;
5
6
  };
6
7
  export default _default;
package/dist/components/snackbar/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export declare const snackbarSelector = ".micl-snackbar";
2
2
  declare const _default: {
3
3
  initialize: (element: HTMLElement) => void;
4
+ cleanup: (element: HTMLElement) => void;
4
5
  };
5
6
  export default _default;
package/dist/iconbutton.css CHANGED
@@ -1 +1 @@
1
- :root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--md-sys-iconbutton-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-iconbutton-motion-duration: 350ms;--md-sys-iconbutton-motion-duration-reverse: 350ms;--micl-ripple: 1;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--md-sys-iconbutton-motion-duration) var(--md-sys-iconbutton-motion-effects),font-variation-settings var(--md-sys-iconbutton-motion-duration) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-iconbutton-motion-duration) linear}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%));box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{background-size:0%,100%;transition:background-size 0ms}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:hover:not(:disabled),a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:hover:not(:disabled),a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:hover:not(:disabled),a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{--micl-width: 32px;--micl-height: 32px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:20px}button.micl-iconbutton-standard-xs::before,a.micl-iconbutton-standard-xs::before,button.micl-iconbutton-filled-xs::before,button.micl-iconbutton-tonal-xs::before,button.micl-iconbutton-outlined-xs::before{content:"";position:absolute;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,a.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{--micl-width: 28px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,a.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{--micl-width: 40px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xs.micl-button--square,a.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{--micl-width: 40px;--micl-height: 40px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-s::before,a.micl-iconbutton-standard-s::before,button.micl-iconbutton-filled-s::before,button.micl-iconbutton-tonal-s::before,button.micl-iconbutton-outlined-s::before{content:"";position:absolute;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,a.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{--micl-width: 32px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--wide,a.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{--micl-width: 52px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-s.micl-button--square,a.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{--micl-width: 56px;--micl-height: 56px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,a.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{--micl-width: 48px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,a.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{--micl-width: 72px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-m.micl-button--square,a.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{--micl-width: 96px;--micl-height: 96px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{--micl-width: 64px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{--micl-width: 128px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{--micl-width: 136px;--micl-height: 136px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{--micl-width: 104px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{--micl-width: 184px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,a.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,a.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,a.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}
1
+ :root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--md-sys-iconbutton-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-iconbutton-motion-duration: 350ms;--md-sys-iconbutton-motion-duration-reverse: 350ms;--micl-ripple: 1;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--md-sys-iconbutton-motion-duration) var(--md-sys-iconbutton-motion-effects),font-variation-settings var(--md-sys-iconbutton-motion-duration) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-iconbutton-motion-duration) linear}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%));box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{background-size:0%,100%;transition:background-size 0ms}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:hover:not(:disabled),a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:hover:not(:disabled),a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:hover:not(:disabled),a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-s.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-m.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-xl.micl-button--toggle:not(.micl-button--selected)::before{content:attr(data-miclicon)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected::before{content:attr(data-micliconselected)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{--micl-width: 32px;--micl-height: 32px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:20px}button.micl-iconbutton-standard-xs::before,a.micl-iconbutton-standard-xs::before,button.micl-iconbutton-filled-xs::before,button.micl-iconbutton-tonal-xs::before,button.micl-iconbutton-outlined-xs::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,a.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{--micl-width: 28px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,a.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{--micl-width: 40px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xs.micl-button--square,a.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{--micl-width: 40px;--micl-height: 40px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-s::before,a.micl-iconbutton-standard-s::before,button.micl-iconbutton-filled-s::before,button.micl-iconbutton-tonal-s::before,button.micl-iconbutton-outlined-s::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,a.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{--micl-width: 32px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--wide,a.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{--micl-width: 52px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-s.micl-button--square,a.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{--micl-width: 56px;--micl-height: 56px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,a.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{--micl-width: 48px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,a.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{--micl-width: 72px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-m.micl-button--square,a.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{--micl-width: 96px;--micl-height: 96px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{--micl-width: 64px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{--micl-width: 128px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{--micl-width: 136px;--micl-height: 136px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{--micl-width: 104px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{--micl-width: 184px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,a.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,a.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,a.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}