material-inspired-component-library 7.0.2 → 8.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +14 -0
- package/CLAUDE.md +53 -0
- package/README.md +6 -0
- package/components/accordion/README.md +6 -3
- package/components/alert/index.scss +5 -0
- package/components/appbar/index.scss +12 -0
- package/components/badge/index.scss +2 -0
- package/components/bottomsheet/index.scss +9 -0
- package/components/button/index.scss +33 -6
- package/components/card/README.md +4 -0
- package/components/card/index.scss +182 -150
- package/components/checkbox/index.scss +28 -6
- package/components/datepicker/index.scss +13 -0
- package/components/datepicker/index.ts +9 -9
- package/components/dialog/index.scss +21 -6
- package/components/iconbutton/index.scss +28 -6
- package/components/list/README.md +191 -32
- package/components/list/index.scss +281 -190
- package/components/list/index.ts +100 -100
- package/components/menu/README.md +199 -10
- package/components/menu/index.scss +242 -47
- package/components/menu/index.ts +74 -37
- package/components/navigationrail/index.scss +91 -68
- package/components/progressindicator/README.md +88 -0
- package/components/progressindicator/index.scss +225 -0
- package/components/progressindicator/index.ts +77 -0
- package/components/radio/index.scss +24 -6
- package/components/select/README.md +42 -5
- package/components/select/index.scss +45 -79
- package/components/shape/README.md +103 -0
- package/components/shape/_paths.generated.scss +64 -0
- package/components/shape/index.scss +66 -0
- package/components/shape/master.scss +28 -0
- package/components/sidesheet/index.scss +11 -0
- package/components/slider/index.scss +13 -0
- package/components/snackbar/index.scss +12 -0
- package/components/stepper/index.scss +3 -5
- package/components/switch/index.scss +9 -0
- package/components/textfield/index.scss +10 -1
- package/components/textfield/index.ts +2 -2
- package/components/timepicker/index.scss +16 -0
- package/dist/alert.css +1 -1
- package/dist/appbar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/bottomsheet.css +1 -1
- package/dist/button.css +1 -1
- package/dist/card.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/components/list/index.d.ts +2 -2
- package/dist/components/progressindicator/index.d.ts +6 -0
- package/dist/datepicker.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/divider.css +1 -1
- package/dist/foundations/form/index.js +1 -0
- package/dist/foundations.css +1 -1
- package/dist/iconbutton.css +1 -1
- package/dist/layout.css +1 -1
- package/dist/list.css +1 -1
- package/dist/menu.css +1 -1
- package/dist/micl.css +1 -1
- package/dist/micl.js +1 -1
- package/dist/navigationrail.css +1 -1
- package/dist/progressindicator.css +1 -0
- package/dist/progressindicator.js +1 -0
- package/dist/radio.css +1 -1
- package/dist/select.css +1 -1
- package/dist/shape.css +1 -0
- package/dist/shape.js +1 -0
- package/dist/sidesheet.css +1 -1
- package/dist/slider.css +1 -1
- package/dist/snackbar.css +1 -1
- package/dist/stepper.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/textfield.css +1 -1
- package/dist/timepicker.css +1 -1
- package/docs/accordion.html +24 -24
- package/docs/bottomsheet.html +1 -4
- package/docs/datepicker.html +21 -21
- package/docs/dialog.html +1 -1
- package/docs/index.html +5 -4
- package/docs/list.html +38 -22
- package/docs/menu.html +246 -41
- package/docs/micl.css +1 -1
- package/docs/micl.js +1 -1
- package/docs/progressindicator.html +288 -0
- package/docs/select.html +68 -19
- package/docs/shape.css +1 -0
- package/docs/shape.js +1 -0
- package/docs/shapes.html +150 -0
- package/foundations/index.scss +0 -1
- package/foundations/layout/README.md +1 -1
- package/foundations/layout/index.scss +3 -0
- package/micl.ts +8 -1
- package/package.json +6 -4
- package/styles/README.md +90 -12
- package/styles/elevation.scss +46 -13
- package/styles/motion.scss +51 -47
- package/styles/shapes.scss +41 -26
- package/styles/statelayer.scss +93 -36
- package/styles/typography.scss +120 -322
- package/styles.scss +10 -6
- package/tools/shapes/check.mjs +42 -0
- package/tools/shapes/generate.mjs +834 -0
- package/webpack.config.js +16 -1
package/dist/button.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-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0.009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}@supports(letter-spacing: if(style(--md-ref-typeface-plain-narrow: 1): 0; else: 0)){:root{--md-sys-typescale-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-body-smallmedium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-emphasized-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-emphasized-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-emphasized-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px)}}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-l,button.micl-button-text-xl,button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl,button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-filled-xl,button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-tonal-xl,button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-outlined-xl{--md-sys-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-button-motion-duration: 350ms;--md-sys-button-motion-duration-reverse: 350ms;--micl-ripple: 1;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);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);cursor:pointer;transition:border-radius var(--md-sys-button-motion-duration) var(--md-sys-button-motion-effects),background-size 3000ms,--statelayer-opacity var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs:disabled,a.micl-button-text-xs:disabled,button.micl-button-text-s:disabled,a.micl-button-text-s:disabled,button.micl-button-text-m:disabled,a.micl-button-text-m:disabled,button.micl-button-text-l:disabled,button.micl-button-text-l:disabled,button.micl-button-text-xl:disabled,button.micl-button-elevated-xs:disabled,button.micl-button-elevated-s:disabled,button.micl-button-elevated-m:disabled,button.micl-button-elevated-l:disabled,button.micl-button-elevated-xl:disabled,button.micl-button-filled-xs:disabled,button.micl-button-filled-s:disabled,button.micl-button-filled-m:disabled,button.micl-button-filled-l:disabled,button.micl-button-filled-xl:disabled,button.micl-button-tonal-xs:disabled,button.micl-button-tonal-s:disabled,button.micl-button-tonal-m:disabled,button.micl-button-tonal-l:disabled,button.micl-button-tonal-xl:disabled,button.micl-button-outlined-xs:disabled,button.micl-button-outlined-s:disabled,button.micl-button-outlined-m:disabled,button.micl-button-outlined-l:disabled,button.micl-button-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-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible,button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible,button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible,button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible,button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-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-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{background-size:0%,100%;transition:background-size 0ms}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon,button.micl-button-outlined-s .micl-button__icon,button.micl-button-outlined-m .micl-button__icon,button.micl-button-outlined-l .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,a.micl-button-text-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,a.micl-button-text-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,a.micl-button-text-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before{content:attr(data-miclicon)}button.micl-button-text-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,a.micl-button-text-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,a.micl-button-text-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,a.micl-button-text-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before{content:attr(data-micliconselected)}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-elevated-xs,button.micl-button-filled-xs,button.micl-button-tonal-xs,button.micl-button-outlined-xs{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;position:relative;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}button.micl-button-text-xs::before,a.micl-button-text-xs::before,button.micl-button-elevated-xs::before,button.micl-button-filled-xs::before,button.micl-button-tonal-xs::before,button.micl-button-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-button-text-xs.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square,a.micl-button-text-xs.micl-button--square,button.micl-button-elevated-xs.micl-button--square,button.micl-button-filled-xs.micl-button--square,button.micl-button-tonal-xs.micl-button--square,button.micl-button-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-s,a.micl-button-text-s,button.micl-button-elevated-s,button.micl-button-filled-s,button.micl-button-tonal-s,button.micl-button-outlined-s{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 40px;--micl-height: 40px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:16px}button.micl-button-text-s::before,a.micl-button-text-s::before,button.micl-button-elevated-s::before,button.micl-button-filled-s::before,button.micl-button-tonal-s::before,button.micl-button-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-button-text-s.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square,a.micl-button-text-s.micl-button--square,button.micl-button-elevated-s.micl-button--square,button.micl-button-filled-s.micl-button--square,button.micl-button-tonal-s.micl-button--square,button.micl-button-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-outlined-s .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-m,a.micl-button-text-m,button.micl-button-elevated-m,button.micl-button-filled-m,button.micl-button-tonal-m,button.micl-button-outlined-m{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);--micl-width: 56px;--micl-height: 56px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:24px}button.micl-button-text-m.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square,a.micl-button-text-m.micl-button--square,button.micl-button-elevated-m.micl-button--square,button.micl-button-filled-m.micl-button--square,button.micl-button-tonal-m.micl-button--square,button.micl-button-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-outlined-m .micl-button__icon{font-size:var(--md-sys-icon-size, 24px);inline-size:var(--md-sys-icon-size, 24px)}button.micl-button-text-l,button.micl-button-elevated-l,button.micl-button-filled-l,button.micl-button-tonal-l,button.micl-button-outlined-l{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-width: 96px;--micl-height: 96px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:12px;padding-inline:48px}button.micl-button-text-l.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square,button.micl-button-elevated-l.micl-button--square,button.micl-button-filled-l.micl-button--square,button.micl-button-tonal-l.micl-button--square,button.micl-button-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-l:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-l .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-outlined-l .micl-button__icon{font-size:32px;inline-size:32px}button.micl-button-text-xl,button.micl-button-elevated-xl,button.micl-button-filled-xl,button.micl-button-tonal-xl,button.micl-button-outlined-xl{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-width: 136px;--micl-height: 136px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:16px;padding-inline:64px}button.micl-button-text-xl.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square,button.micl-button-elevated-xl.micl-button--square,button.micl-button-filled-xl.micl-button--square,button.micl-button-tonal-xl.micl-button--square,button.micl-button-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-size:40px;inline-size:40px}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-xl{--statelayer-color: var(--md-sys-color-primary);background-color:rgba(0,0,0,0);color:var(--md-sys-color-primary);text-decoration:none}button.micl-button-text-xs:not(:disabled):hover,a.micl-button-text-xs:not(:disabled):hover,button.micl-button-text-s:not(:disabled):hover,a.micl-button-text-s:not(:disabled):hover,button.micl-button-text-m:not(:disabled):hover,a.micl-button-text-m:not(:disabled):hover,button.micl-button-text-l:not(:disabled):hover,button.micl-button-text-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-text-xs:not(:disabled):hover .micl-button__icon,a.micl-button-text-xs:not(:disabled):hover .micl-button__icon,button.micl-button-text-s:not(:disabled):hover .micl-button__icon,a.micl-button-text-s:not(:disabled):hover .micl-button__icon,button.micl-button-text-m:not(:disabled):hover .micl-button__icon,a.micl-button-text-m:not(:disabled):hover .micl-button__icon,button.micl-button-text-l:not(:disabled):hover .micl-button__icon,button.micl-button-text-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):hover,button.micl-button-elevated-s:not(:disabled):hover,button.micl-button-elevated-m:not(:disabled):hover,button.micl-button-elevated-l:not(:disabled):hover,button.micl-button-elevated-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-elevated-xs:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-s:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-m:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-l:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs{block-size:32px;border:none}button.micl-button-elevated-s{block-size:40px;border:none}button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-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-button-filled-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-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-button-filled-xs:not(:disabled):hover,button.micl-button-filled-s:not(:disabled):hover,button.micl-button-filled-m:not(:disabled):hover,button.micl-button-filled-l:not(:disabled):hover,button.micl-button-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-filled-xs:not(:disabled):hover .micl-button__icon,button.micl-button-filled-s:not(:disabled):hover .micl-button__icon,button.micl-button-filled-m:not(:disabled):hover .micl-button__icon,button.micl-button-filled-l:not(:disabled):hover .micl-button__icon,button.micl-button-filled-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-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-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-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-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):hover,button.micl-button-tonal-s:not(:disabled):hover,button.micl-button-tonal-m:not(:disabled):hover,button.micl-button-tonal-l:not(:disabled):hover,button.micl-button-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-tonal-xs:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-s:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-m:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-l:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-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-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-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-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):hover,button.micl-button-outlined-s:not(:disabled):hover,button.micl-button-outlined-m:not(:disabled):hover,button.micl-button-outlined-l:not(:disabled):hover,button.micl-button-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-outlined-xs:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-s:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-m:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-l:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}
|
|
1
|
+
:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level1: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 1px 3px 1px}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0%,100%}to{background-size:10000%,100%}}:root{--md-sys-typescale-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}:root{--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}:root{--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.0125rem}:root{--md-sys-typescale-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}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-l,button.micl-button-text-xl,button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl,button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-filled-xl,button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-tonal-xl,button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-outlined-xl{--md-sys-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-button-motion-duration: 350ms;--md-sys-button-motion-duration-reverse: 350ms;--micl-ripple: 1;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:0%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:border-radius var(--md-sys-button-motion-duration) var(--md-sys-button-motion-effects),background-size 0ms,--statelayer-opacity var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs:disabled,a.micl-button-text-xs:disabled,button.micl-button-text-s:disabled,a.micl-button-text-s:disabled,button.micl-button-text-m:disabled,a.micl-button-text-m:disabled,button.micl-button-text-l:disabled,button.micl-button-text-l:disabled,button.micl-button-text-xl:disabled,button.micl-button-elevated-xs:disabled,button.micl-button-elevated-s:disabled,button.micl-button-elevated-m:disabled,button.micl-button-elevated-l:disabled,button.micl-button-elevated-xl:disabled,button.micl-button-filled-xs:disabled,button.micl-button-filled-s:disabled,button.micl-button-filled-m:disabled,button.micl-button-filled-l:disabled,button.micl-button-filled-xl:disabled,button.micl-button-tonal-xs:disabled,button.micl-button-tonal-s:disabled,button.micl-button-tonal-m:disabled,button.micl-button-tonal-l:disabled,button.micl-button-tonal-xl:disabled,button.micl-button-outlined-xs:disabled,button.micl-button-outlined-s:disabled,button.micl-button-outlined-m:disabled,button.micl-button-outlined-l:disabled,button.micl-button-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-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible,button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible,button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible,button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible,button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-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-button-text-xs:not(:disabled).micl-rippling,a.micl-button-text-xs:not(:disabled).micl-rippling,button.micl-button-text-s:not(:disabled).micl-rippling,a.micl-button-text-s:not(:disabled).micl-rippling,button.micl-button-text-m:not(:disabled).micl-rippling,a.micl-button-text-m:not(:disabled).micl-rippling,button.micl-button-text-l:not(:disabled).micl-rippling,button.micl-button-text-l:not(:disabled).micl-rippling,button.micl-button-text-xl:not(:disabled).micl-rippling,button.micl-button-elevated-xs:not(:disabled).micl-rippling,button.micl-button-elevated-s:not(:disabled).micl-rippling,button.micl-button-elevated-m:not(:disabled).micl-rippling,button.micl-button-elevated-l:not(:disabled).micl-rippling,button.micl-button-elevated-xl:not(:disabled).micl-rippling,button.micl-button-filled-xs:not(:disabled).micl-rippling,button.micl-button-filled-s:not(:disabled).micl-rippling,button.micl-button-filled-m:not(:disabled).micl-rippling,button.micl-button-filled-l:not(:disabled).micl-rippling,button.micl-button-filled-xl:not(:disabled).micl-rippling,button.micl-button-tonal-xs:not(:disabled).micl-rippling,button.micl-button-tonal-s:not(:disabled).micl-rippling,button.micl-button-tonal-m:not(:disabled).micl-rippling,button.micl-button-tonal-l:not(:disabled).micl-rippling,button.micl-button-tonal-xl:not(:disabled).micl-rippling,button.micl-button-outlined-xs:not(:disabled).micl-rippling,button.micl-button-outlined-s:not(:disabled).micl-rippling,button.micl-button-outlined-m:not(:disabled).micl-rippling,button.micl-button-outlined-l:not(:disabled).micl-rippling,button.micl-button-outlined-xl:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon,button.micl-button-outlined-s .micl-button__icon,button.micl-button-outlined-m .micl-button__icon,button.micl-button-outlined-l .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,a.micl-button-text-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,a.micl-button-text-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,a.micl-button-text-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-text-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-elevated-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-filled-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-tonal-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-xs.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-s.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-m.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-l.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before,button.micl-button-outlined-xl.micl-button--toggle:not(.micl-button--selected) .micl-button__icon::before{content:attr(data-miclicon)}button.micl-button-text-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,a.micl-button-text-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,a.micl-button-text-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,a.micl-button-text-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-text-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-elevated-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-filled-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-tonal-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-xs.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-s.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-m.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-l.micl-button--toggle.micl-button--selected .micl-button__icon::before,button.micl-button-outlined-xl.micl-button--toggle.micl-button--selected .micl-button__icon::before{content:attr(data-micliconselected)}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-elevated-xs,button.micl-button-filled-xs,button.micl-button-tonal-xs,button.micl-button-outlined-xs{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;position:relative;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}button.micl-button-text-xs::before,a.micl-button-text-xs::before,button.micl-button-elevated-xs::before,button.micl-button-filled-xs::before,button.micl-button-tonal-xs::before,button.micl-button-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-button-text-xs.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square,a.micl-button-text-xs.micl-button--square,button.micl-button-elevated-xs.micl-button--square,button.micl-button-filled-xs.micl-button--square,button.micl-button-tonal-xs.micl-button--square,button.micl-button-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-s,a.micl-button-text-s,button.micl-button-elevated-s,button.micl-button-filled-s,button.micl-button-tonal-s,button.micl-button-outlined-s{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 40px;--micl-height: 40px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:16px}button.micl-button-text-s::before,a.micl-button-text-s::before,button.micl-button-elevated-s::before,button.micl-button-filled-s::before,button.micl-button-tonal-s::before,button.micl-button-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-button-text-s.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square,a.micl-button-text-s.micl-button--square,button.micl-button-elevated-s.micl-button--square,button.micl-button-filled-s.micl-button--square,button.micl-button-tonal-s.micl-button--square,button.micl-button-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-outlined-s .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-m,a.micl-button-text-m,button.micl-button-elevated-m,button.micl-button-filled-m,button.micl-button-tonal-m,button.micl-button-outlined-m{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);--micl-width: 56px;--micl-height: 56px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:24px}button.micl-button-text-m.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square,a.micl-button-text-m.micl-button--square,button.micl-button-elevated-m.micl-button--square,button.micl-button-filled-m.micl-button--square,button.micl-button-tonal-m.micl-button--square,button.micl-button-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-outlined-m .micl-button__icon{font-size:var(--md-sys-icon-size, 24px);inline-size:var(--md-sys-icon-size, 24px)}button.micl-button-text-l,button.micl-button-elevated-l,button.micl-button-filled-l,button.micl-button-tonal-l,button.micl-button-outlined-l{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-width: 96px;--micl-height: 96px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:12px;padding-inline:48px}button.micl-button-text-l.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square,button.micl-button-elevated-l.micl-button--square,button.micl-button-filled-l.micl-button--square,button.micl-button-tonal-l.micl-button--square,button.micl-button-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-l:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-l .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-outlined-l .micl-button__icon{font-size:32px;inline-size:32px}button.micl-button-text-xl,button.micl-button-elevated-xl,button.micl-button-filled-xl,button.micl-button-tonal-xl,button.micl-button-outlined-xl{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-width: 136px;--micl-height: 136px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:16px;padding-inline:64px}button.micl-button-text-xl.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square,button.micl-button-elevated-xl.micl-button--square,button.micl-button-filled-xl.micl-button--square,button.micl-button-tonal-xl.micl-button--square,button.micl-button-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-size:40px;inline-size:40px}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-xl{--statelayer-color: var(--md-sys-color-primary);background-color:rgba(0,0,0,0);color:var(--md-sys-color-primary);text-decoration:none}button.micl-button-text-xs:not(:disabled):hover,a.micl-button-text-xs:not(:disabled):hover,button.micl-button-text-s:not(:disabled):hover,a.micl-button-text-s:not(:disabled):hover,button.micl-button-text-m:not(:disabled):hover,a.micl-button-text-m:not(:disabled):hover,button.micl-button-text-l:not(:disabled):hover,button.micl-button-text-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-text-xs:not(:disabled):hover .micl-button__icon,a.micl-button-text-xs:not(:disabled):hover .micl-button__icon,button.micl-button-text-s:not(:disabled):hover .micl-button__icon,a.micl-button-text-s:not(:disabled):hover .micl-button__icon,button.micl-button-text-m:not(:disabled):hover .micl-button__icon,a.micl-button-text-m:not(:disabled):hover .micl-button__icon,button.micl-button-text-l:not(:disabled):hover .micl-button__icon,button.micl-button-text-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):hover,button.micl-button-elevated-s:not(:disabled):hover,button.micl-button-elevated-m:not(:disabled):hover,button.micl-button-elevated-l:not(:disabled):hover,button.micl-button-elevated-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-elevated-xs:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-s:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-m:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-l:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs{block-size:32px;border:none}button.micl-button-elevated-s{block-size:40px;border:none}button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-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-button-filled-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-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-button-filled-xs:not(:disabled):hover,button.micl-button-filled-s:not(:disabled):hover,button.micl-button-filled-m:not(:disabled):hover,button.micl-button-filled-l:not(:disabled):hover,button.micl-button-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-filled-xs:not(:disabled):hover .micl-button__icon,button.micl-button-filled-s:not(:disabled):hover .micl-button__icon,button.micl-button-filled-m:not(:disabled):hover .micl-button__icon,button.micl-button-filled-l:not(:disabled):hover .micl-button__icon,button.micl-button-filled-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-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-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-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-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):hover,button.micl-button-tonal-s:not(:disabled):hover,button.micl-button-tonal-m:not(:disabled):hover,button.micl-button-tonal-l:not(:disabled):hover,button.micl-button-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-tonal-xs:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-s:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-m:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-l:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-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-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-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-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):hover,button.micl-button-outlined-s:not(:disabled):hover,button.micl-button-outlined-m:not(:disabled):hover,button.micl-button-outlined-l:not(:disabled):hover,button.micl-button-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-outlined-xs:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-s:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-m:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-l:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}
|
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-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0.009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}@supports(letter-spacing: if(style(--md-ref-typeface-plain-narrow: 1): 0; else: 0)){:root{--md-sys-typescale-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-body-smallmedium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-emphasized-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-emphasized-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-emphasized-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px)}}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-comp-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-smallmedium-font);font-size:var(--md-sys-typescale-body-smallmedium-size);line-height:var(--md-sys-typescale-body-smallmedium-line-height);font-weight:var(--md-sys-typescale-body-smallmedium-weight);letter-spacing:var(--md-sys-typescale-body-smallmedium-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}.micl-card__actions{box-sizing:border-box;display:flex;flex-shrink:0;column-gap:8px;padding-block:0 var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px)}
|
|
1
|
+
:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level1: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 1px 3px 1px}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}body{--md-sys-elevation-level3: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 4px 8px 3px}body{--md-sys-elevation-level4: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 2px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 6px 10px 4px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-dragged-state-layer-opacity: 16%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-outer-offset: 2px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0%,100%}to{background-size:10000%,100%}}:root{--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.0125rem}:root{--md-sys-typescale-body-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem}: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-comp-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-card-motion-duration: 500ms;--_card-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(--_card-shape);background-color:var(--_card-background-color);box-shadow:var(--_card-elevation);border:var(--_card-border, none);opacity:var(--_card-opacity, 1);pointer-events:var(--_card-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) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:0%,100%;transition:background-size 0ms,--statelayer-opacity var(--md-comp-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(--_card-hover-state-color);--statelayer-opacity: var(--_card-hover-state-opacity);--_card-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(--_card-focus-state-color);--statelayer-opacity: var(--_card-focus-state-opacity);--_card-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(--_card-pressed-state-color);--statelayer-opacity: var(--_card-pressed-state-opacity);--_card-color: var(--md-sys-color-on-surface)}.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(--_card-dragged-state-color);--statelayer-opacity: var(--_card-dragged-state-opacity);--_card-color: var(--md-sys-color-on-surface);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not([inert]).micl-rippling,.micl-card-elevated:not([inert])>summary.micl-rippling,.micl-card-filled[tabindex="0"]:not([inert]).micl-rippling,.micl-card-filled:not([inert])>summary.micl-rippling,.micl-card-outlined[tabindex="0"]:not([inert]).micl-rippling,.micl-card-outlined:not([inert])>summary.micl-rippling{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)/2) cubic-bezier(0.2, 0, 0, 1)}.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(--_card-hover-elevation);border-color:var(--_card-hover-border-color, var(--_card-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(--_card-focus-elevation);border-width:var(--_card-focus-border-width, var(--_card-border-width, 0));border-color:var(--_card-focus-border-color, transparent);outline:var(--_card-focus-outline-thickness, 0px) solid var(--_card-focus-outline-color, transparent);outline-offset:var(--_card-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(--_card-pressed-elevation);border-color:var(--_card-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(--_card-dragged-elevation);border-color:var(--_card-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-comp-card-motion-duration) var(--md-comp-card-motion-spatial),content-visibility var(--md-comp-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/-1;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{--_card-shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_card-elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_card-hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_card-focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_card-dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_card-background-color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_card-opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-elevated{--_card-focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-filled{--_card-shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_card-elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_card-background-color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-filled{--_card-focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-outlined{--_card-shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-outlined[inert]{--_card-background-color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-outlined{--_card-border-width: var(--md-comp-outlined-card-outline-width, 1px);--_card-border: var(--_card-border-width) solid var(--_card-border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_card-hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_card-focus-border-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-border-width: var(--md-comp-outlined-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_card-dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_card-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%))}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_card-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(--_card-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 :is(h1,h2,h3,h4,h5,h6,.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 :is(h1,h2,h3,h4,h5,h6,.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 :is(h1,h2,h3,h4,h5,h6,.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(--_card-color)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-smallmedium-font);font-size:var(--md-sys-typescale-body-smallmedium-size);line-height:var(--md-sys-typescale-body-smallmedium-line-height);font-weight:var(--md-sys-typescale-body-smallmedium-weight);letter-spacing:var(--md-sys-typescale-body-smallmedium-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_card-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);overflow:clip visible}.micl-card__actions{box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding-block:0 var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px)}
|
package/dist/checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0.009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}@supports(letter-spacing: if(style(--md-ref-typeface-plain-narrow: 1): 0; else: 0)){:root{--md-sys-typescale-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-body-smallmedium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-title-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.009375rem; else: 0px);--md-sys-typescale-emphasized-title-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-body-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-body-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.015625rem; else: 0px);--md-sys-typescale-emphasized-body-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.025rem; else: 0px);--md-sys-typescale-emphasized-label-large-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.00625rem; else: 0px);--md-sys-typescale-emphasized-label-medium-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px);--md-sys-typescale-emphasized-label-small-tracking: if(style(--md-ref-typeface-plain-narrow: 1): 0.03125rem; else: 0px)}}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-sys-checkbox-border-width: 2px;--md-sys-checkbox-check-thickness: 2px;--md-sys-checkbox-container-size: 18px}input[type=checkbox].micl-checkbox{--md-sys-checkbox-motion-duration: 300ms;--md-sys-checkbox-motion-duration-reverse: 200ms;--md-sys-checkbox-motion-spatial: cubic-bezier(0.42, 1.67, 0.21, 0.9);--statelayer-color: var(--md-sys-color-on-surface);appearance:none;box-sizing:border-box;position:relative;inline-size:var(--md-sys-target-size, 48px);min-inline-size:var(--md-sys-target-size, 48px);block-size:var(--md-sys-target-size, 48px);min-block-size:var(--md-sys-target-size, 48px);margin:0;border:calc((var(--md-sys-target-size, 48px) - var(--md-sys-state-layer-size, 40px))/2) solid rgba(0,0,0,0);background-clip:content-box;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);outline-offset:-4px}input[type=checkbox].micl-checkbox::before{--md-sys-checkbox-check-width: calc(var(--md-sys-checkbox-container-size) - 3px);--md-sys-checkbox-check-height: calc(0.4667 * var(--md-sys-checkbox-check-width));content:"";box-sizing:border-box;position:absolute;inline-size:var(--md-sys-checkbox-check-width);block-size:0;inset:0;inset-block-start:calc(-0.25*var(--md-sys-checkbox-container-size));inset-inline-start:1px;margin:auto;border-block-end:var(--md-sys-checkbox-check-thickness) var(--md-sys-color-on-primary) solid;border-inline-start:var(--md-sys-checkbox-check-thickness) var(--md-sys-color-on-primary) solid;transform:rotate(-45deg);transform-origin:center;clip-path:rect(0 2px 0 0);z-index:1;transition:block-size var(--md-sys-motion-duration-short3) var(--md-sys-motion-duration-short3) cubic-bezier(0, 0, 0, 1),clip-path var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),inset-block-start 0ms linear var(--md-sys-motion-duration-short3),inset-inline-start 0ms linear var(--md-sys-motion-duration-short3),border-inline-start-width 0ms linear var(--md-sys-motion-duration-short3),transform 0ms linear var(--md-sys-motion-duration-short3)}input[type=checkbox].micl-checkbox::after{--md-sys-checkbox-background-color: transparent;--md-sys-checkbox-border-color: var(--md-sys-color-on-surface-variant);content:"";box-sizing:border-box;position:absolute;inline-size:var(--md-sys-checkbox-container-size);block-size:var(--md-sys-checkbox-container-size);inset:0;margin:auto;border:var(--md-sys-checkbox-border-width) solid var(--md-sys-checkbox-border-color);border-radius:2px;background-color:var(--md-sys-checkbox-background-color);transition:background-color var(--md-sys-checkbox-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--md-sys-checkbox-motion-duration-reverse),border-color var(--md-sys-checkbox-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--md-sys-checkbox-motion-duration-reverse)}input[type=checkbox].micl-checkbox:checked,input[type=checkbox].micl-checkbox:indeterminate{--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:checked::before,input[type=checkbox].micl-checkbox:indeterminate::before{block-size:var(--md-sys-checkbox-check-height);clip-path:rect(0 calc(var(--md-sys-checkbox-container-size) - 5px) 18px 0);transition:block-size var(--md-sys-motion-duration-short3) var(--md-sys-checkbox-motion-spatial),clip-path var(--md-sys-motion-duration-long4) var(--md-sys-motion-duration-short3) var(--md-sys-checkbox-motion-spatial)}input[type=checkbox].micl-checkbox:checked::after,input[type=checkbox].micl-checkbox:indeterminate::after{--md-sys-checkbox-background-color: var(--md-sys-color-primary);--md-sys-checkbox-border-color: var(--md-sys-color-primary);transition:background-color var(--md-sys-checkbox-motion-duration) linear,border-color var(--md-sys-checkbox-motion-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-checkbox:indeterminate::before{inset-inline-start:2px;border-inline-start-width:0px;transform:rotate(0deg)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled){--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled)::after{--md-sys-checkbox-border-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked:hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked:focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked:active,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate:hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate:focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate:active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked::before,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate::before{color:var(--md-sys-color-on-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate::after{--md-sys-checkbox-background-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):hover::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):focus-visible::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):active::after{--md-sys-checkbox-border-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox:not(:disabled){--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/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%;cursor:pointer;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-checkbox-motion-duration) linear}input[type=checkbox].micl-checkbox:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked):not(:indeterminate)::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked):not(:indeterminate)::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled):active{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%);background-size:0%,100%;transition:background-size 0ms}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked):not(:indeterminate){--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked):not(:indeterminate)::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}input[type=checkbox].micl-checkbox:disabled:checked::before,input[type=checkbox].micl-checkbox:disabled:indeterminate::before{color:var(--md-sys-color-surface)}input[type=checkbox].micl-checkbox:disabled:checked::after,input[type=checkbox].micl-checkbox:disabled:indeterminate::after{--md-sys-checkbox-background-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled)+label,label:has(+input[type=checkbox].micl-checkbox:not(:disabled)){-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}input[type=checkbox].micl-checkbox+label,label:has(+input[type=checkbox].micl-checkbox){color:var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled+label,label:has(+input[type=radio].micl-checkbox:disabled){opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}[dir=rtl] input[type=checkbox].micl-checkbox::before{clip-path:rect(0 18px 8px 16px)}[dir=rtl] input[type=checkbox].micl-checkbox:checked::before{clip-path:rect(0 18px 8px 2px);transform:rotate(45deg)}[dir=rtl] input[type=checkbox].micl-checkbox:indeterminate::before{clip-path:rect(0 18px 8px 2px);transform:rotate(0deg)}
|
|
1
|
+
:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0%,100%}to{background-size:10000%,100%}}:root{--md-sys-motion-duration-short3: 150ms}:root{--md-sys-motion-duration-long4: 600ms}:root{--md-sys-checkbox-border-width: 2px;--md-sys-checkbox-check-thickness: 2px;--md-sys-checkbox-container-size: 18px}input[type=checkbox].micl-checkbox{--md-sys-checkbox-motion-duration: 300ms;--md-sys-checkbox-motion-duration-reverse: 200ms;--md-sys-checkbox-motion-spatial: cubic-bezier(0.42, 1.67, 0.21, 0.9);--statelayer-color: var(--md-sys-color-on-surface);appearance:none;box-sizing:border-box;position:relative;inline-size:var(--md-sys-target-size, 48px);min-inline-size:var(--md-sys-target-size, 48px);block-size:var(--md-sys-target-size, 48px);min-block-size:var(--md-sys-target-size, 48px);margin:0;border:calc((var(--md-sys-target-size, 48px) - var(--md-sys-state-layer-size, 40px))/2) solid rgba(0,0,0,0);background-clip:content-box;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);outline-offset:-4px}input[type=checkbox].micl-checkbox::before{--md-sys-checkbox-check-width: calc(var(--md-sys-checkbox-container-size) - 3px);--md-sys-checkbox-check-height: calc(0.4667 * var(--md-sys-checkbox-check-width));content:"";box-sizing:border-box;position:absolute;inline-size:var(--md-sys-checkbox-check-width);block-size:0;inset:0;inset-block-start:calc(-0.25*var(--md-sys-checkbox-container-size));inset-inline-start:1px;margin:auto;border-block-end:var(--md-sys-checkbox-check-thickness) var(--md-sys-color-on-primary) solid;border-inline-start:var(--md-sys-checkbox-check-thickness) var(--md-sys-color-on-primary) solid;transform:rotate(-45deg);transform-origin:center;clip-path:rect(0 2px 0 0);z-index:1;transition:block-size var(--md-sys-motion-duration-short3) var(--md-sys-motion-duration-short3) cubic-bezier(0, 0, 0, 1),clip-path var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),inset-block-start 0ms linear var(--md-sys-motion-duration-short3),inset-inline-start 0ms linear var(--md-sys-motion-duration-short3),border-inline-start-width 0ms linear var(--md-sys-motion-duration-short3),transform 0ms linear var(--md-sys-motion-duration-short3)}input[type=checkbox].micl-checkbox::after{--md-sys-checkbox-background-color: transparent;--md-sys-checkbox-border-color: var(--md-sys-color-on-surface-variant);content:"";box-sizing:border-box;position:absolute;inline-size:var(--md-sys-checkbox-container-size);block-size:var(--md-sys-checkbox-container-size);inset:0;margin:auto;border:var(--md-sys-checkbox-border-width) solid var(--md-sys-checkbox-border-color);border-radius:2px;background-color:var(--md-sys-checkbox-background-color);transition:background-color var(--md-sys-checkbox-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--md-sys-checkbox-motion-duration-reverse),border-color var(--md-sys-checkbox-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--md-sys-checkbox-motion-duration-reverse)}input[type=checkbox].micl-checkbox:checked,input[type=checkbox].micl-checkbox:indeterminate{--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:checked::before,input[type=checkbox].micl-checkbox:indeterminate::before{block-size:var(--md-sys-checkbox-check-height);clip-path:rect(0 calc(var(--md-sys-checkbox-container-size) - 5px) 18px 0);transition:block-size var(--md-sys-motion-duration-short3) var(--md-sys-checkbox-motion-spatial),clip-path var(--md-sys-motion-duration-long4) var(--md-sys-motion-duration-short3) var(--md-sys-checkbox-motion-spatial)}input[type=checkbox].micl-checkbox:checked::after,input[type=checkbox].micl-checkbox:indeterminate::after{--md-sys-checkbox-background-color: var(--md-sys-color-primary);--md-sys-checkbox-border-color: var(--md-sys-color-primary);transition:background-color var(--md-sys-checkbox-motion-duration) linear,border-color var(--md-sys-checkbox-motion-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-checkbox:indeterminate::before{inset-inline-start:2px;border-inline-start-width:0px;transform:rotate(0deg)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled){--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled)::after{--md-sys-checkbox-border-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked:hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked:focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked:active,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate:hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate:focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate:active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked::before,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate::before{color:var(--md-sys-color-on-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):checked::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):indeterminate::after{--md-sys-checkbox-background-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):hover::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):focus-visible::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked):not(:indeterminate):active::after{--md-sys-checkbox-border-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox:not(:disabled){--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) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:0%,100%;cursor:pointer;transition:background-size 0ms,--statelayer-opacity var(--md-sys-checkbox-motion-duration) linear}input[type=checkbox].micl-checkbox:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked):not(:indeterminate)::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked):not(:indeterminate)::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled):active{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked):not(:indeterminate){--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked):not(:indeterminate)::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-checkbox:disabled{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}input[type=checkbox].micl-checkbox:disabled:checked::before,input[type=checkbox].micl-checkbox:disabled:indeterminate::before{color:var(--md-sys-color-surface)}input[type=checkbox].micl-checkbox:disabled:checked::after,input[type=checkbox].micl-checkbox:disabled:indeterminate::after{--md-sys-checkbox-background-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled::after{--md-sys-checkbox-border-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled)+label,label:has(+input[type=checkbox].micl-checkbox:not(:disabled)){-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}input[type=checkbox].micl-checkbox+label,label:has(+input[type=checkbox].micl-checkbox){color:var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled+label,label:has(+input[type=radio].micl-checkbox:disabled){opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}[dir=rtl] input[type=checkbox].micl-checkbox::before{clip-path:rect(0 18px 8px 16px)}[dir=rtl] input[type=checkbox].micl-checkbox:checked::before{clip-path:rect(0 18px 8px 2px);transform:rotate(45deg)}[dir=rtl] input[type=checkbox].micl-checkbox:indeterminate::before{clip-path:rect(0 18px 8px 2px);transform:rotate(0deg)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const listSelector = ".micl-list";
|
|
2
2
|
declare const _default: {
|
|
3
|
-
keydown
|
|
4
|
-
initialize
|
|
3
|
+
keydown(event: KeyboardEvent | Event): void;
|
|
4
|
+
initialize(element: HTMLElement): void;
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const progressindicatorSelector = "progress.micl-progress-linear,progress.micl-progress-circular";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
initialize: (element: HTMLProgressElement) => void;
|
|
4
|
+
cleanup: (element: HTMLProgressElement) => void;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|