material-inspired-component-library 7.0.0 → 7.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/components/accordion/README.md +4 -6
  2. package/components/card/README.md +2 -0
  3. package/components/card/index.scss +9 -0
  4. package/components/checkbox/index.scss +4 -0
  5. package/components/dialog/README.md +7 -7
  6. package/components/radio/index.scss +4 -0
  7. package/components/select/index.scss +14 -14
  8. package/components/textfield/index.scss +6 -0
  9. package/dist/card.css +1 -1
  10. package/dist/checkbox.css +1 -1
  11. package/dist/micl.css +1 -1
  12. package/dist/navigationrail.css +1 -1
  13. package/dist/radio.css +1 -1
  14. package/dist/select.css +1 -1
  15. package/dist/textfield.css +1 -1
  16. package/docs/accordion.html +10 -10
  17. package/docs/dialog.html +17 -19
  18. package/docs/micl.css +1 -1
  19. package/package.json +4 -4
package/components/accordion/README.md CHANGED
@@ -7,7 +7,7 @@ This component implements the [Material Design 3 Expressive Expandable Lists](ht
7
7
  The Accordion component is an extension of the [**List** component](../list/README.md), using `<details>` and `<summary>` elements for its interactive behaviour. To create a basic accordion, use a `<div>` with the `micl-list` class and nest individual `<details>` elements for each collapsible item. Apply the appropriate `micl-list-item-` class to the `summary` element.
8
8
 
9
9
  ```HTML
10
- <div class="micl-list" role="listbox">
10
+ <div class="micl-list">
11
11
  <details>
12
12
  <summary class="micl-list-item-one">
13
13
  <span class="micl-list-item__text">
@@ -23,8 +23,6 @@ The Accordion component is an extension of the [**List** component](../list/READ
23
23
  </div>
24
24
  ```
25
25
 
26
- - The `role="listbox"` is used for accessibility, indicating a selectable list.
27
-
28
26
  - The `micl-list-item__content` class styles the collapsible area of the accordion item.
29
27
 
30
28
  ### CSS
@@ -55,7 +53,7 @@ A live example of the [Accordion component](https://henkpb.github.io/micl/accord
55
53
  To ensure that only one accordion item within a group can be open at a time, add a matching `name` attribute to all the `<details>` elements you want to group together.
56
54
 
57
55
  ```HTML
58
- <div class="micl-list" role="listbox">
56
+ <div class="micl-list">
59
57
  <details name="mygroup">
60
58
  <summary class="micl-list-item-two">
61
59
  <span class="micl-list-item__text">
@@ -91,7 +89,7 @@ To ensure that only one accordion item within a group can be open at a time, add
91
89
  Add a trailing icon to an accordion item to indicate that the item can be expanded. If you add the `micl-list-item__icon--expander` class to the icon, the icon will rotate 180 degrees when the accordion panel is opened or closed.
92
90
 
93
91
  ```HTML
94
- <div class="micl-list" role="listbox">
92
+ <div class="micl-list">
95
93
  <details>
96
94
  <summary class="micl-list-item-one">
97
95
  <span class="micl-list-item__text">
@@ -122,7 +120,7 @@ You can customize the appearance of the Accordion component by overriding its ow
122
120
  **Example: Changing the margin between an opened item and the next**
123
121
 
124
122
  ```HTML
125
- <div class="micl-list" role="listbox" style="--md-sys-accordion-item-space:4px">
123
+ <div class="micl-list" style="--md-sys-accordion-item-space:4px">
126
124
  <details>
127
125
  ...
128
126
  </details>
package/components/card/README.md CHANGED
@@ -77,6 +77,8 @@ While the card container is the only required element, the Card component provid
77
77
 
78
78
  - `micl-card__content`: A flexible container for the main body of your card's content.
79
79
 
80
+ - `micl-card__actions`: A flexible container for any action buttons.
81
+
80
82
  ### Actionable Cards
81
83
  For cards that are themselves clickable or interactive (e.g., to navigate to another page), specify the `tabindex="0"` attribute on the card container. Non-actionable cards, which contain interactive elements like buttons or links within their content, should *not* have a tabindex on the card container itself.
82
84
 
package/components/card/index.scss CHANGED
@@ -368,3 +368,12 @@
368
368
  background-color: inherit;
369
369
  overflow: clip visible;
370
370
  }
371
+
372
+ .micl-card__actions {
373
+ box-sizing: border-box;
374
+ display: flex;
375
+ flex-shrink: 0;
376
+ column-gap: 8px;
377
+ padding-block: 0 var(--md-comp-card-content-padding-block, 16px);
378
+ padding-inline: var(--md-comp-card-padding-inline, 16px);
379
+ }
package/components/checkbox/index.scss CHANGED
@@ -226,6 +226,10 @@ input[type=checkbox].micl-checkbox + label,
226
226
  label:has(+ input[type=checkbox].micl-checkbox) {
227
227
  color: var(--md-sys-color-on-surface);
228
228
  }
229
+ input[type=checkbox].micl-checkbox:disabled + label,
230
+ label:has(+ input[type=radio].micl-checkbox:disabled) {
231
+ opacity: var(--md-sys-state-disabled-state-layer-opacity, 38%)
232
+ }
229
233
 
230
234
  [dir=rtl] input[type=checkbox].micl-checkbox {
231
235
  &::before {
package/components/dialog/README.md CHANGED
@@ -7,7 +7,7 @@ This component implements the [Material Design 3 Expressive Dialog](https://m3.m
7
7
  To create a basic dialog, use the `<dialog>` element with the `micl-dialog` class. You can open and close the dialog using JavaScript, or you can use a control element, such as a button, to open and close the dialog.
8
8
 
9
9
  ```HTML
10
- <dialog id="mydialog" class="micl-dialog" popover closedby="any" role="alertdialog" aria-labelledby="mytitle" aria-describedby="mydesc">
10
+ <dialog id="mydialog" class="micl-dialog" popover closedby="any" aria-labelledby="mytitle" aria-describedby="mydesc">
11
11
  <div class="micl-dialog__headline">
12
12
  <h2 id="mytitle">Basic dialog</h2>
13
13
  <span id="mydesc" class="micl-dialog__supporting-text">An example of a basic dialog</span>
@@ -53,8 +53,8 @@ Removing the `popover` attribute creates a more intrusive **modal** dialog. This
53
53
  </div>
54
54
  <div class="micl-dialog__actions">
55
55
  <form method="dialog">
56
- <button class="micl-button-text-s">Cancel</button>
57
- <button class="micl-button-text-s">Save</button>
56
+ <button class="micl-button-text-s" autofocus>Cancel</button>
57
+ <button class="micl-button-text-s" value="save">Save</button>
58
58
  </form>
59
59
  </div>
60
60
  </dialog>
@@ -94,9 +94,9 @@ A dialog typically consists of three main sections to organize its content:
94
94
  A full-screen dialog covers the entire viewport, primarily on smaller screens. On screens wider than 560 pixels, a full-screen dialog behaves like a basic dialog. Use the `micl-dialog--fullscreen` modifier class for this variant:
95
95
 
96
96
  ```HTML
97
- <dialog id="mydialog" class="micl-dialog micl-dialog--fullscreen" closedby="none" popover aria-labelledby="mytitle" aria-describedby="mydesc">
97
+ <dialog id="mydialog" class="micl-dialog micl-dialog--fullscreen" closedby="none" aria-labelledby="mytitle" aria-describedby="mydesc">
98
98
  <form method="dialog" class="micl-dialog__headline">
99
- <button type="button" class="micl-dialog__fullscreen micl-iconbutton-s material-symbols-outlined" popovertarget="mydialog" aria-label="Close">close</button>
99
+ <button class="micl-dialog__fullscreen micl-iconbutton-standard-s material-symbols-outlined" aria-label="Close">close</button>
100
100
  <span class="micl-dialog__icon material-symbols-outlined" aria-hidden="true">person</span>
101
101
  <h2 id="mytitle">Full-screen dialog</h2>
102
102
  <button class="micl-dialog__fullscreen micl-button-text-s" value="dosave">Save</button>
@@ -105,12 +105,12 @@ A full-screen dialog covers the entire viewport, primarily on smaller screens. O
105
105
  <span id="mydesc" class="micl-dialog__supporting-text">This dialog covers the whole screen.</span>
106
106
  </div>
107
107
  <form method="dialog" class="micl-dialog__actions">
108
- <button type="button" class="micl-button-text-s" popovertarget="mydialog">Cancel</button>
108
+ <button class="micl-button-text-s" autofocus>Cancel</button>
109
109
  <button class="micl-button-text-s" value="dosave">Save</button>
110
110
  </form>
111
111
  </dialog>
112
112
 
113
- <button type="button" popovertarget="mydialog">Open Full-Screen Dialog</button>
113
+ <button type="button" command="show-modal" commandfor="mydialog">Open Full-Screen Dialog</button>
114
114
  ```
115
115
 
116
116
  - In full-screen mode, `micl-dialog__fullscreen` buttons placed directly within the `micl-dialog__headline` become visible, while the `micl-dialog__icon` and `micl-dialog__actions` at the bottom are hidden.
package/components/radio/index.scss CHANGED
@@ -137,3 +137,7 @@ input[type=radio].micl-radio + label,
137
137
  label:has(+ input[type=radio].micl-radio) {
138
138
  color: var(--md-sys-color-on-surface);
139
139
  }
140
+ input[type=radio].micl-radio:disabled + label,
141
+ label:has(+ input[type=radio].micl-radio:disabled) {
142
+ opacity: var(--md-sys-state-disabled-state-layer-opacity, 38%)
143
+ }
package/components/select/index.scss CHANGED
@@ -144,20 +144,20 @@
144
144
  }
145
145
  }
146
146
 
147
- dialog.micl-dialog:has(.micl-textfield-filled > select),
148
- dialog.micl-dialog:has(.micl-textfield-outlined > select),
149
- dialog.micl-dialog-fullscreen:has(.micl-textfield-filled > select),
150
- dialog.micl-dialog-fullscreen:has(.micl-textfield-outlined > select) {
151
- inset-block-start: 0;
152
- inset-inline-start: 0;
153
- margin: auto;
154
- transform: scale(50%);
155
-
156
- &:popover-open,
157
- &[open] {
158
- transform: scale(100%);
159
- }
160
- }
147
+ /* dialog.micl-dialog:has(.micl-textfield-filled > select), */
148
+ /* dialog.micl-dialog:has(.micl-textfield-outlined > select), */
149
+ /* dialog.micl-dialog-fullscreen:has(.micl-textfield-filled > select), */
150
+ /* dialog.micl-dialog-fullscreen:has(.micl-textfield-outlined > select) { */
151
+ /* inset-block-start: 0; */
152
+ /* inset-inline-start: 0; */
153
+ /* margin: auto; */
154
+ /* transform: scale(50%); */
155
+
156
+ /* &:popover-open, */
157
+ /* &[open] { */
158
+ /* transform: scale(100%); */
159
+ /* } */
160
+ /* } */
161
161
 
162
162
  [dir=rtl] {
163
163
  .micl-textfield-filled > select,
package/components/textfield/index.scss CHANGED
@@ -285,6 +285,9 @@
285
285
  border-block-end-color: var(--md-sys-color-primary);
286
286
  }
287
287
  }
288
+ &> input {
289
+ width: 100%;
290
+ }
288
291
  &> textarea {
289
292
  padding-block-start: 24px;
290
293
  }
@@ -352,6 +355,9 @@
352
355
  outline-color: var(--md-sys-color-primary);
353
356
  }
354
357
  }
358
+ &> input {
359
+ width: calc(100% - 3px - 3px);
360
+ }
355
361
  &:has(
356
362
  > input:focus,
357
363
  > input[value]:not([value='']):not([data-miclinitialized]),
package/dist/card.css CHANGED
@@ -1 +1 @@
1
- :root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-comp-card-gap: 8px;--md-comp-card-margin: 8px;--md-comp-card-padding-inline: 16px;--md-comp-card-content-padding-block: 16px}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-sys-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-card-motion-duration: 500ms;--_text-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords;border-radius:var(--_shape);background-color:var(--_color);box-shadow:var(--_elevation);border:var(--_border, none);opacity:var(--_opacity, 1);pointer-events:var(--_pointer-events, auto)}.micl-card-elevated:not(.micl-card--compact):not(:has(>summary)),.micl-card-filled:not(.micl-card--compact):not(:has(>summary)),.micl-card-outlined:not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated[tabindex="0"]:not([inert]),.micl-card-elevated:not([inert])>summary,.micl-card-filled[tabindex="0"]:not([inert]),.micl-card-filled:not([inert])>summary,.micl-card-outlined[tabindex="0"]:not([inert]),.micl-card-outlined:not([inert])>summary{--micl-ripple: 1;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) / 2)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([inert])>summary:hover,.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([inert])>summary:hover,.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([inert])>summary:hover{--statelayer-color: var(--_hover-state-color);--statelayer-opacity: var(--_hover-state-opacity);--_text-color: var(--md-sys-color-on-surface);cursor:pointer}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([inert])>summary:focus-visible,.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([inert])>summary:focus-visible,.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([inert])>summary:focus-visible{--statelayer-color: var(--_focus-state-color);--statelayer-opacity: var(--_focus-state-opacity);--_text-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([inert])>summary:active,.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([inert])>summary:active,.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([inert])>summary:active{--statelayer-color: var(--_pressed-state-color);--statelayer-opacity: var(--_pressed-state-opacity);--_text-color: var(--md-sys-color-on-surface);background-size:0%,100%;transition:background-size 0ms}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-elevated:not([inert])>summary.micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled:not([inert])>summary.micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined:not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_dragged-state-color);--statelayer-opacity: var(--_dragged-state-opacity);--_text-color: var(--md-sys-color-on-surface);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-elevated:not([inert])>summary .micl-card__content,.micl-card-filled[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-filled:not([inert])>summary .micl-card__content,.micl-card-outlined[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-outlined:not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:hover){box-shadow:var(--_hover-elevation);border-color:var(--_hover-border-color, var(--_border-color, transparent))}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:focus-visible){box-shadow:var(--_focus-elevation);border-width:var(--_focus-border-width, var(--_border-width, 0));border-color:var(--_focus-border-color, transparent);outline:var(--_focus-outline-thickness, 0px) solid var(--_focus-outline-color, transparent);outline-offset:var(--_focus-outline-offset, 0px)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:active){box-shadow:var(--_pressed-elevation);border-color:var(--_pressed-border-color, transparent)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging{box-shadow:var(--_dragged-elevation);border-color:var(--_dragged-border-color, transparent)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-sys-card-motion-duration) var(--md-sys-card-motion-spatial),content-visibility var(--md-sys-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{block-size:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-card-elevated>summary:not(.micl-card--compact),.micl-card-filled>summary:not(.micl-card--compact),.micl-card-outlined>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact,.micl-card-elevated summary.micl-card--compact,.micl-card-filled.micl-card--compact,.micl-card-filled summary.micl-card--compact,.micl-card-outlined.micl-card--compact,.micl-card-outlined summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card-elevated.micl-card--compact .micl-card__image,.micl-card-elevated summary.micl-card--compact .micl-card__image,.micl-card-filled.micl-card--compact .micl-card__image,.micl-card-filled summary.micl-card--compact .micl-card__image,.micl-card-outlined.micl-card--compact .micl-card__image,.micl-card-outlined summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/5;block-size:100%;background-size:cover}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card-elevated.micl-card--compact .micl-card__content,.micl-card-elevated summary.micl-card--compact .micl-card__content,.micl-card-filled.micl-card--compact .micl-card__content,.micl-card-filled summary.micl-card--compact .micl-card__content,.micl-card-outlined.micl-card--compact .micl-card__content,.micl-card-outlined summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card-elevated.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-elevated summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}.micl-card-elevated{--_shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card-filled{--_shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card-outlined{--_shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_border-width: var(--md-comp-outlined-card-outline-width, 1px);--_border: var(--_border-width) solid var(--_border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_focus-border-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-border-width: var(--md-comp-outlined-card-focus-indicator-thickness, --md-sys-state-focus-indicator-thickness);--_pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3));--_dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%));--_color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_shape)}.micl-card-elevated>.micl-card__headline-s:first-child,.micl-card-elevated>.micl-card__headline-m:first-child,.micl-card-elevated>.micl-card__headline-l:first-child,.micl-card-filled>.micl-card__headline-s:first-child,.micl-card-filled>.micl-card__headline-m:first-child,.micl-card-filled>.micl-card__headline-l:first-child,.micl-card-outlined>.micl-card__headline-s:first-child,.micl-card-outlined>.micl-card__headline-m:first-child,.micl-card-outlined>.micl-card__headline-l:first-child,.micl-card-elevated>summary>.micl-card__headline-s:first-child,.micl-card-elevated>summary>.micl-card__headline-m:first-child,.micl-card-elevated>summary>.micl-card__headline-l:first-child,.micl-card-filled>summary>.micl-card__headline-s:first-child,.micl-card-filled>summary>.micl-card__headline-m:first-child,.micl-card-filled>summary>.micl-card__headline-l:first-child,.micl-card-outlined>summary>.micl-card__headline-s:first-child,.micl-card-outlined>summary>.micl-card__headline-m:first-child,.micl-card-outlined>summary>.micl-card__headline-l:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_text-color)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:block;margin:calc(-1*var(--md-comp-card-gap, 8px)) 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--_text-color)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_text-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);background-color:inherit;overflow:clip visible}
1
+ :root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-comp-card-gap: 8px;--md-comp-card-margin: 8px;--md-comp-card-padding-inline: 16px;--md-comp-card-content-padding-block: 16px}.micl-card-elevated,.micl-card-filled,.micl-card-outlined{--md-sys-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-sys-card-motion-duration: 500ms;--_text-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords;border-radius:var(--_shape);background-color:var(--_color);box-shadow:var(--_elevation);border:var(--_border, none);opacity:var(--_opacity, 1);pointer-events:var(--_pointer-events, auto)}.micl-card-elevated:not(.micl-card--compact):not(:has(>summary)),.micl-card-filled:not(.micl-card--compact):not(:has(>summary)),.micl-card-outlined:not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated[tabindex="0"]:not([inert]),.micl-card-elevated:not([inert])>summary,.micl-card-filled[tabindex="0"]:not([inert]),.micl-card-filled:not([inert])>summary,.micl-card-outlined[tabindex="0"]:not([inert]),.micl-card-outlined:not([inert])>summary{--micl-ripple: 1;background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) / 2)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;transition:background-size 3000ms,--statelayer-opacity var(--md-sys-card-motion-duration) linear}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([inert])>summary:hover,.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([inert])>summary:hover,.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([inert])>summary:hover{--statelayer-color: var(--_hover-state-color);--statelayer-opacity: var(--_hover-state-opacity);--_text-color: var(--md-sys-color-on-surface);cursor:pointer}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([inert])>summary:focus-visible,.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([inert])>summary:focus-visible,.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([inert])>summary:focus-visible{--statelayer-color: var(--_focus-state-color);--statelayer-opacity: var(--_focus-state-opacity);--_text-color: var(--md-sys-color-on-surface)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([inert])>summary:active,.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([inert])>summary:active,.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([inert])>summary:active{--statelayer-color: var(--_pressed-state-color);--statelayer-opacity: var(--_pressed-state-opacity);--_text-color: var(--md-sys-color-on-surface);background-size:0%,100%;transition:background-size 0ms}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-elevated:not([inert])>summary.micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled:not([inert])>summary.micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined:not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_dragged-state-color);--statelayer-opacity: var(--_dragged-state-opacity);--_text-color: var(--md-sys-color-on-surface);cursor:grabbing}.micl-card-elevated[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-elevated:not([inert])>summary .micl-card__content,.micl-card-filled[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-filled:not([inert])>summary .micl-card__content,.micl-card-outlined[tabindex="0"]:not([inert]) .micl-card__content,.micl-card-outlined:not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}.micl-card-elevated[tabindex="0"]:not([inert]):hover,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-filled[tabindex="0"]:not([inert]):hover,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:hover),.micl-card-outlined[tabindex="0"]:not([inert]):hover,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:hover){box-shadow:var(--_hover-elevation);border-color:var(--_hover-border-color, var(--_border-color, transparent))}.micl-card-elevated[tabindex="0"]:not([inert]):focus-visible,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-filled[tabindex="0"]:not([inert]):focus-visible,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:focus-visible),.micl-card-outlined[tabindex="0"]:not([inert]):focus-visible,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:focus-visible){box-shadow:var(--_focus-elevation);border-width:var(--_focus-border-width, var(--_border-width, 0));border-color:var(--_focus-border-color, transparent);outline:var(--_focus-outline-thickness, 0px) solid var(--_focus-outline-color, transparent);outline-offset:var(--_focus-outline-offset, 0px)}.micl-card-elevated[tabindex="0"]:not([inert]):active,.micl-card-elevated:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-filled[tabindex="0"]:not([inert]):active,.micl-card-filled:not([tabindex="0"]):not([inert]):has(>summary:active),.micl-card-outlined[tabindex="0"]:not([inert]):active,.micl-card-outlined:not([tabindex="0"]):not([inert]):has(>summary:active){box-shadow:var(--_pressed-elevation);border-color:var(--_pressed-border-color, transparent)}.micl-card-elevated[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-filled[tabindex="0"]:not([inert]).micl-card--dragging,.micl-card-outlined[tabindex="0"]:not([inert]).micl-card--dragging{box-shadow:var(--_dragged-elevation);border-color:var(--_dragged-border-color, transparent)}.micl-card-elevated::details-content,.micl-card-filled::details-content,.micl-card-outlined::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-sys-card-motion-duration) var(--md-sys-card-motion-spatial),content-visibility var(--md-sys-card-motion-duration) linear allow-discrete}.micl-card-elevated[open]::details-content,.micl-card-filled[open]::details-content,.micl-card-outlined[open]::details-content{block-size:auto}.micl-card-elevated>summary,.micl-card-filled>summary,.micl-card-outlined>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-card-elevated>summary:not(.micl-card--compact),.micl-card-filled>summary:not(.micl-card--compact),.micl-card-outlined>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact,.micl-card-elevated summary.micl-card--compact,.micl-card-filled.micl-card--compact,.micl-card-filled summary.micl-card--compact,.micl-card-outlined.micl-card--compact,.micl-card-outlined summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card-elevated.micl-card--compact .micl-card__image,.micl-card-elevated summary.micl-card--compact .micl-card__image,.micl-card-filled.micl-card--compact .micl-card__image,.micl-card-filled summary.micl-card--compact .micl-card__image,.micl-card-outlined.micl-card--compact .micl-card__image,.micl-card-outlined summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/5;block-size:100%;background-size:cover}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card-elevated.micl-card--compact .micl-card__headline-s,.micl-card-elevated.micl-card--compact .micl-card__headline-m,.micl-card-elevated.micl-card--compact .micl-card__headline-l,.micl-card-elevated.micl-card--compact .micl-card__supporting-text,.micl-card-elevated summary.micl-card--compact .micl-card__headline-s,.micl-card-elevated summary.micl-card--compact .micl-card__headline-m,.micl-card-elevated summary.micl-card--compact .micl-card__headline-l,.micl-card-elevated summary.micl-card--compact .micl-card__supporting-text,.micl-card-filled.micl-card--compact .micl-card__headline-s,.micl-card-filled.micl-card--compact .micl-card__headline-m,.micl-card-filled.micl-card--compact .micl-card__headline-l,.micl-card-filled.micl-card--compact .micl-card__supporting-text,.micl-card-filled summary.micl-card--compact .micl-card__headline-s,.micl-card-filled summary.micl-card--compact .micl-card__headline-m,.micl-card-filled summary.micl-card--compact .micl-card__headline-l,.micl-card-filled summary.micl-card--compact .micl-card__supporting-text,.micl-card-outlined.micl-card--compact .micl-card__headline-s,.micl-card-outlined.micl-card--compact .micl-card__headline-m,.micl-card-outlined.micl-card--compact .micl-card__headline-l,.micl-card-outlined.micl-card--compact .micl-card__supporting-text,.micl-card-outlined summary.micl-card--compact .micl-card__headline-s,.micl-card-outlined summary.micl-card--compact .micl-card__headline-m,.micl-card-outlined summary.micl-card--compact .micl-card__headline-l,.micl-card-outlined summary.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card-elevated.micl-card--compact .micl-card__subhead,.micl-card-elevated summary.micl-card--compact .micl-card__subhead,.micl-card-filled.micl-card--compact .micl-card__subhead,.micl-card-filled summary.micl-card--compact .micl-card__subhead,.micl-card-outlined.micl-card--compact .micl-card__subhead,.micl-card-outlined summary.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card-elevated.micl-card--compact .micl-card__content,.micl-card-elevated summary.micl-card--compact .micl-card__content,.micl-card-filled.micl-card--compact .micl-card__content,.micl-card-filled summary.micl-card--compact .micl-card__content,.micl-card-outlined.micl-card--compact .micl-card__content,.micl-card-outlined summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card-elevated.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-elevated summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-filled summary.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined.micl-card--compact:not(:has(.micl-card__content))>:last-child,.micl-card-outlined summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}.micl-card-elevated{--_shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card-filled{--_shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card-outlined{--_shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_border-width: var(--md-comp-outlined-card-outline-width, 1px);--_border: var(--_border-width) solid var(--_border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_focus-border-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_focus-border-width: var(--md-comp-outlined-card-focus-indicator-thickness, --md-sys-state-focus-indicator-thickness);--_pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3));--_dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%));--_color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_pointer-events: none}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_shape)}.micl-card-elevated>.micl-card__headline-s:first-child,.micl-card-elevated>.micl-card__headline-m:first-child,.micl-card-elevated>.micl-card__headline-l:first-child,.micl-card-filled>.micl-card__headline-s:first-child,.micl-card-filled>.micl-card__headline-m:first-child,.micl-card-filled>.micl-card__headline-l:first-child,.micl-card-outlined>.micl-card__headline-s:first-child,.micl-card-outlined>.micl-card__headline-m:first-child,.micl-card-outlined>.micl-card__headline-l:first-child,.micl-card-elevated>summary>.micl-card__headline-s:first-child,.micl-card-elevated>summary>.micl-card__headline-m:first-child,.micl-card-elevated>summary>.micl-card__headline-l:first-child,.micl-card-filled>summary>.micl-card__headline-s:first-child,.micl-card-filled>summary>.micl-card__headline-m:first-child,.micl-card-filled>summary>.micl-card__headline-l:first-child,.micl-card-outlined>summary>.micl-card__headline-s:first-child,.micl-card-outlined>summary>.micl-card__headline-m:first-child,.micl-card-outlined>summary>.micl-card__headline-l:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_text-color)}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading,.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading,.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micl-card__headline-s h1:has(+button),.micl-card__headline-s h2:has(+button),.micl-card__headline-s h3:has(+button),.micl-card__headline-s h4:has(+button),.micl-card__headline-s h5:has(+button),.micl-card__headline-s h6:has(+button),.micl-card__headline-s .micl-heading:has(+button),.micl-card__headline-m h1:has(+button),.micl-card__headline-m h2:has(+button),.micl-card__headline-m h3:has(+button),.micl-card__headline-m h4:has(+button),.micl-card__headline-m h5:has(+button),.micl-card__headline-m h6:has(+button),.micl-card__headline-m .micl-heading:has(+button),.micl-card__headline-l h1:has(+button),.micl-card__headline-l h2:has(+button),.micl-card__headline-l h3:has(+button),.micl-card__headline-l h4:has(+button),.micl-card__headline-l h5:has(+button),.micl-card__headline-l h6:has(+button),.micl-card__headline-l .micl-heading:has(+button){padding-inline-end:0}.micl-card__headline-s:has(button),.micl-card__headline-m:has(button),.micl-card__headline-l:has(button){margin-block:0}.micl-card__headline-s h1,.micl-card__headline-s h2,.micl-card__headline-s h3,.micl-card__headline-s h4,.micl-card__headline-s h5,.micl-card__headline-s h6,.micl-card__headline-s .micl-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m h1,.micl-card__headline-m h2,.micl-card__headline-m h3,.micl-card__headline-m h4,.micl-card__headline-m h5,.micl-card__headline-m h6,.micl-card__headline-m .micl-heading{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l h1,.micl-card__headline-l h2,.micl-card__headline-l h3,.micl-card__headline-l h4,.micl-card__headline-l h5,.micl-card__headline-l h6,.micl-card__headline-l .micl-heading{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:block;margin:calc(-1*var(--md-comp-card-gap, 8px)) 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--_text-color)}.micl-card__supporting-text{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_text-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);background-color:inherit;overflow:clip visible}.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)}
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-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-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)}[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);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-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}:root{--md-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)}