material-inspired-component-library 2.0.0 → 3.0.0

package/components/sidesheet/index.scss

@@ -24,34 +24,34 @@
 @use '../../styles/shapes';
 @use '../../styles/typography';
 
-dialog.micl-sidesheet {
+:root {
     --md-sys-sidesheet-width: 256px;
     --md-sys-sidesheet-maxwidth: 400px;
     --md-sys-sidesheet-spring-buffer: 200px;
     --md-sys-sidesheet-padding-standard: 24px;
-    --md-sys-sidesheet-padding-modal: 16px;
     --md-sys-sidesheet-motion-spatial: #{motion.$md-sys-motion-expressive-slow-spatial};
     --md-sys-sidesheet-motion-duration: #{motion.$md-sys-motion-expressive-slow-spatial-duration};
     --md-sys-sidesheet-motion-duration-reverse: #{motion.$md-sys-motion-expressive-default-spatial-duration};
+}
 
+dialog.micl-sidesheet {
     box-sizing: border-box;
     display: none;
     flex-direction: column;
     justify-content: space-between;
-    min-width: calc(var(--md-sys-sidesheet-width) + var(--md-sys-sidesheet-spring-buffer));
-    max-width: calc(var(--md-sys-sidesheet-maxwidth) + var(--md-sys-sidesheet-spring-buffer));
-    height: 100%;
-    min-height: 100%;
-    margin-top: 0;
-    margin-bottom: 0;
+    min-inline-size: calc(var(--md-sys-sidesheet-width) + var(--md-sys-sidesheet-spring-buffer));
+    max-inline-size: calc(var(--md-sys-sidesheet-maxwidth) + var(--md-sys-sidesheet-spring-buffer));
+    block-size: 100vh;
+    max-block-size: 100%;
+    min-block-size: 100%;
+    margin-block: 0;
     margin-inline-start: auto;
     margin-inline-end: calc(-1 * (var(--md-sys-sidesheet-maxwidth) + var(--md-sys-sidesheet-spring-buffer)));
-    padding-top: 10px;
-    padding-bottom: var(--md-sys-sidesheet-padding-standard);
-    padding-inline-start: 0;
-    padding-inline-end: var(--md-sys-sidesheet-spring-buffer);
+    padding-block: 14px 0;
+    padding-inline: 0 var(--md-sys-sidesheet-spring-buffer);
     background-color: var(--md-sys-color-surface);
     border: none;
+    border-radius: var(--md-sys-shape-corner-none);
     box-shadow: var(--md-sys-elevation-level0);
     opacity: 0;
     overflow: hidden;
@@ -64,9 +64,8 @@ dialog.micl-sidesheet {
     .micl-sidesheet__headline {
         display: flex;
         align-items: center;
-        padding-inline-start: 24px;
-        padding-inline-end: 12px;
-        column-gap: 8px;
+        padding-inline: var(--md-sys-sidesheet-padding-standard);
+        column-gap: 12px;
         color: var(--md-sys-color-on-surface-variant);
 
         h1, h2, h3, h4, h5, h6, .micl-heading {
@@ -79,61 +78,51 @@ dialog.micl-sidesheet {
             white-space: nowrap;
             user-select: none;
         }
+        button {
+            margin-inline: -12px;
+        }
+        button:first-child {
+            margin-inline-start: -20px;
+        }
     }
     .micl-sidesheet__content {
         box-sizing: border-box;
         flex: 1 1 auto;
-        width: 100%;
-        max-width: 100%;
-        padding-inline-start: var(--md-sys-sidesheet-padding-standard);
-        padding-inline-end: var(--md-sys-sidesheet-padding-standard);
+        inline-size: 100%;
+        max-inline-size: 100%;
+        padding-inline: var(--md-sys-sidesheet-padding-standard);
         overflow: hidden auto;
     }
     .micl-sidesheet__actions {
         box-sizing: border-box;
         display: flex;
+        flex-shrink: 0;
         align-items: center;
         justify-content: start;
-        width: 100%;
-        max-width: 100%;
-        height: calc(72px - var(--md-sys-sidesheet-padding-standard));
-        margin: auto 0 0 0;
-        padding-top: 16px;
+        inline-size: 100%;
+        max-inline-size: 100%;
+        padding-block: 16px 24px;
+        padding-inline: var(--md-sys-sidesheet-padding-standard);
         overflow: hidden;
-        border-top: var(--md-sys-divider-thickness) solid var(--md-sys-divider-color);
-
-        button:active,
-        button:focus-visible,
-        button:hover {
-            color: var(--md-sys-color-primary);
-        }
+        border-block-start: var(--md-sys-divider-thickness) solid var(--md-sys-divider-color);
     }
 
-    &::backdrop {
-        background-color: rgba(0, 0, 0, 0);
-        transition:
-            background-color var(--md-sys-sidesheet-motion-duration) linear,
-            overlay var(--md-sys-sidesheet-motion-duration) linear allow-discrete,
-            display var(--md-sys-sidesheet-motion-duration) linear allow-discrete;
-    }
     &[open] {
         background-color: var(--md-sys-color-surface-container-low);
         border-start-start-radius: var(--md-sys-shape-corner-large);
         border-end-start-radius: var(--md-sys-shape-corner-large);
         box-shadow: var(--md-sys-elevation-level1);
-
-        .micl-sidesheet__headline {
-            padding-inline-start: 4px;
-        }
     }
     &:popover-open {
+        --md-sys-divider-color: var(--md-sys-color-outline);
+
         border-inline-start: var(--md-sys-divider-thickness) solid var(--md-sys-divider-color);
     }
     &:popover-open,
     &[open] {
         display: flex;
         margin-inline-end: calc(-1 * var(--md-sys-sidesheet-spring-buffer));
-        opacity: 1;
+        opacity: 100%;
         transition:
             opacity var(--md-sys-sidesheet-motion-duration) linear,
             margin-inline-end var(--md-sys-sidesheet-motion-duration) var(--md-sys-sidesheet-motion-spatial),
@@ -145,6 +134,13 @@ dialog.micl-sidesheet {
             opacity: 0;
         }
     }
+    &::backdrop {
+        background-color: rgba(0, 0, 0, 0);
+        transition:
+            background-color var(--md-sys-sidesheet-motion-duration) linear,
+            overlay var(--md-sys-sidesheet-motion-duration) linear allow-discrete,
+            display var(--md-sys-sidesheet-motion-duration) linear allow-discrete;
+    }
     &[open]::backdrop {
         background-color: rgba(0, 0, 0, 0.2);
 
@@ -156,11 +152,11 @@ dialog.micl-sidesheet {
 
 body:has(dialog.micl-sidesheet[popover]) {
     box-sizing: border-box;
-    max-width: 100%;
+    max-inline-size: 100%;
     margin: 0;
-    transition: max-width var(--md-sys-sidesheet-motion-duration-reverse);
+    transition: max-inline-size var(--md-sys-sidesheet-motion-duration-reverse);
 }
 body:has(dialog.micl-sidesheet:popover-open) {
-    max-width: calc(100vw - 400px);
-    transition: max-width var(--md-sys-sidesheet-motion-duration) var(--md-sys-sidesheet-motion-spatial);
+    max-inline-size: calc(100vw - var(--md-sys-sidesheet-maxwidth));
+    transition: max-inline-size var(--md-sys-sidesheet-motion-duration) var(--md-sys-sidesheet-motion-spatial);
 }

package/components/slider/README.md

@@ -68,8 +68,8 @@ This component uses the `color-mix` CSS functional notation, which might not be
 
 > [!NOTE]
 > **Gecko browsers** The Slider component uses the `::after` pseudo-element to display the value indicator. For this to work on **Gecko** browsers, like Mozilla Firefox, wrap the Slider component inside a slider container:
-```HTML
-<div class="micl-slider__container">
-  <input type="range" class="micl-slider-l" value="0">
-</div>
-```
+> ```HTML
+> <div class="micl-slider__container">
+>   <input type="range" class="micl-slider-l" value="0">
+> </div>
+> ```

package/dist/appbar.css

@@ -0,0 +1 @@
+: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}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--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-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--md-sys-iconbutton-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-iconbutton-motion-duration: 350ms;--md-sys-iconbutton-motion-duration-reverse: 350ms;--micl-ripple: 1;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-variation-settings:"FILL" 0;transition:border-radius var(--md-sys-iconbutton-motion-duration) var(--md-sys-iconbutton-motion-effects),font-variation-settings var(--md-sys-iconbutton-motion-duration) linear,background-size 3000ms,--statelayer-opacity var(--md-sys-iconbutton-motion-duration) linear}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/38%);box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{background-size:0%,100%;transition:background-size 0ms}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:hover:not(:disabled),a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:hover:not(:disabled),a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:hover:not(:disabled),a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{--micl-width: 32px;--micl-height: 32px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:20px}button.micl-iconbutton-standard-xs::before,a.micl-iconbutton-standard-xs::before,button.micl-iconbutton-filled-xs::before,button.micl-iconbutton-tonal-xs::before,button.micl-iconbutton-outlined-xs::before{content:"";position:absolute;block-size:var(--md-sys-target-size);inline-size:var(--md-sys-target-size);inset:calc((var(--micl-height) - var(--md-sys-target-size))/2) 0 0 calc((var(--micl-width) - var(--md-sys-target-size))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,a.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{--micl-width: 28px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,a.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{--micl-width: 40px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xs.micl-button--square,a.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{--micl-width: 40px;--micl-height: 40px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:24px}button.micl-iconbutton-standard-s::before,a.micl-iconbutton-standard-s::before,button.micl-iconbutton-filled-s::before,button.micl-iconbutton-tonal-s::before,button.micl-iconbutton-outlined-s::before{content:"";position:absolute;block-size:var(--md-sys-target-size);inline-size:var(--md-sys-target-size);inset:calc((var(--micl-height) - var(--md-sys-target-size))/2) 0 0 calc((var(--micl-width) - var(--md-sys-target-size))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,a.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{--micl-width: 32px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--wide,a.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{--micl-width: 52px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--wide::before,a.micl-iconbutton-standard-s.micl-iconbutton--wide::before,button.micl-iconbutton-filled-s.micl-iconbutton--wide::before,button.micl-iconbutton-tonal-s.micl-iconbutton--wide::before,button.micl-iconbutton-outlined-s.micl-iconbutton--wide::before{inline-size:var(--micl-width);inset:calc((40px - var(--md-sys-target-size))/2) 0 0 0}button.micl-iconbutton-standard-s.micl-button--square,a.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{--micl-width: 56px;--micl-height: 56px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:24px}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,a.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{--micl-width: 48px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,a.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{--micl-width: 72px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-m.micl-button--square,a.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{--micl-width: 96px;--micl-height: 96px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{--micl-width: 64px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{--micl-width: 128px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{--micl-width: 136px;--micl-height: 136px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{--micl-width: 104px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{--micl-width: 184px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl{--statelayer-color: var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,a.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,a.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,a.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-padding-xxs: 4px;--md-sys-layout-padding-xs: 8px;--md-sys-layout-padding-s: 12px;--md-sys-layout-padding-m: 16px;--md-sys-layout-padding-l: 20px;--md-sys-layout-padding-xl: 24px;--md-sys-layout-padding-xxl: 28px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 600px)and (max-width: 839px){:root{--md-sys-layout-window-margin: 24px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-window-margin: 24px}}@media(min-width: 1200px)and (max-width: 1599px){:root{--md-sys-layout-window-margin: 24px}}@media(min-width: 1600px){:root{--md-sys-layout-window-margin: 24px}}.micl-window{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-body .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-body .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-body{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-body{display:flex;flex-direction:row;gap:var(--md-sys-card-margin, 0px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-body.micl-body--split:has(>.micl-pane:nth-child(2)) .micl-pane{flex-basis:50%}.micl-body.micl-body--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-sys-card-margin, 0px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-sys-card-margin, 0px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-sys-card-margin, 0px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}.micl-body.micl-body--stacked-to-medium,.micl-body.micl-body--stacked-to-expanded,.micl-body.micl-body--stacked-to-large,.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-medium,.micl-pane.micl-pane--hidden-to-expanded,.micl-pane.micl-pane--hidden-to-large,.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium,.micl-pane__columns.micl-pane__columns--stacked-to-expanded,.micl-pane__columns.micl-pane__columns--stacked-to-large,.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 600px)and (max-width: 839px){:root{--md-sys-layout-window-margin: 24px}.micl-body.micl-body--stacked-to-expanded,.micl-body.micl-body--stacked-to-large,.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded,.micl-pane.micl-pane--hidden-to-large,.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded,.micl-pane__columns.micl-pane__columns--stacked-to-large,.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-window-margin: 24px}.micl-body.micl-body--stacked-to-large,.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-large,.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large,.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 1200px)and (max-width: 1599px){:root{--md-sys-layout-window-margin: 24px}.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 1600px){:root{--md-sys-layout-window-margin: 24px}}:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, 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)}.micl-appbar{--md-sys-appbar-height: 64px;--md-sys-appbar-padding-block-start: 0px;--md-sys-appbar-padding-block-end: 0px;--md-sys-appbar-padding-inline: 4px;box-sizing:border-box;display:grid;grid-template-areas:"appbar-leading appbar-middle appbar-trailing" "appbar-bottom appbar-bottom appbar-bottom";grid-template-columns:0fr 1fr max-content;column-gap:4px;align-items:center;min-block-size:var(--md-sys-appbar-height);padding-block:var(--md-sys-appbar-padding-block-start) var(--md-sys-appbar-padding-block-end);padding-inline:var(--md-sys-appbar-padding-inline);border-start-start-radius:inherit;border-start-end-radius:inherit;background-color:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level0);z-index:8}.micl-appbar.micl-appbar--sticky{position:sticky;inset:unset;inset-block-start:0;inset-inline-start:0;animation:1ms linear alternate appbar-background;animation-timeline:scroll(root)}.micl-appbar .micl-appbar__leading{grid-area:appbar-leading;margin-inline-start:calc(var(--md-sys-layout-window-margin) - var(--md-sys-appbar-padding-inline))}.micl-appbar .micl-appbar__leading-icon{grid-area:appbar-leading;margin-inline-start:calc(var(--md-sys-layout-window-margin) - var(--micl-width, 48px)/2 + 12px - var(--md-sys-appbar-padding-inline));color:var(--md-sys-color-on-surface)}.micl-appbar .micl-appbar__headline{display:flex;grid-area:appbar-middle;flex-direction:column;align-items:flex-start;margin:8px 0;border-radius:var(--md-sys-shape-corner-none);color:var(--md-sys-color-on-surface)}.micl-appbar .micl-appbar__headline.micl-appbar__headline--center{align-items:center;text-align:center}.micl-appbar .micl-appbar__headline h1,.micl-appbar .micl-appbar__headline h2,.micl-appbar .micl-appbar__headline h3,.micl-appbar .micl-appbar__headline h4,.micl-appbar .micl-appbar__headline h5,.micl-appbar .micl-appbar__headline h6,.micl-appbar .micl-appbar__headline .micl-heading{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);margin:0}.micl-appbar .micl-appbar__headline .micl-appbar__subtitle{margin:0;color:var(--md-sys-color-on-surface-variant)}.micl-appbar:has(.micl-appbar__subtitle) .micl-appbar__subtitle{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)}.micl-appbar .micl-appbar__trailing{grid-area:appbar-trailing;margin-inline-end:calc(var(--md-sys-layout-window-margin) - var(--md-sys-appbar-padding-inline))}.micl-appbar .micl-appbar__trailing-icon{grid-area:appbar-trailing;margin-inline-end:calc(var(--md-sys-layout-window-margin) - var(--micl-width, 48px)/2 + 12px - var(--md-sys-appbar-padding-inline));color:var(--md-sys-color-on-surface-variant)}.micl-appbar.micl-appbar--medium{--md-sys-appbar-height: 112px;--md-sys-appbar-padding-block-start: 4px;--md-sys-appbar-padding-block-end: 12px;padding-inline-start:0}.micl-appbar.micl-appbar--medium .micl-appbar__headline{grid-area:appbar-bottom;margin:0;padding-inline-start:var(--md-sys-layout-window-margin)}.micl-appbar.micl-appbar--medium .micl-appbar__headline h1,.micl-appbar.micl-appbar--medium .micl-appbar__headline h2,.micl-appbar.micl-appbar--medium .micl-appbar__headline h3,.micl-appbar.micl-appbar--medium .micl-appbar__headline h4,.micl-appbar.micl-appbar--medium .micl-appbar__headline h5,.micl-appbar.micl-appbar--medium .micl-appbar__headline h6,.micl-appbar.micl-appbar--medium .micl-appbar__headline .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-appbar.micl-appbar--medium:has(.micl-appbar__subtitle){--md-sys-appbar-height: 136px}.micl-appbar.micl-appbar--medium:has(.micl-appbar__subtitle) .micl-appbar__subtitle{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)}.micl-appbar.micl-appbar--large{--md-sys-appbar-height: 120px;--md-sys-appbar-padding-block-start: 4px;--md-sys-appbar-padding-block-end: 12px;padding-inline-start:0}.micl-appbar.micl-appbar--large .micl-appbar__headline{grid-area:appbar-bottom;margin:0;padding-inline-start:var(--md-sys-layout-window-margin)}.micl-appbar.micl-appbar--large .micl-appbar__headline h1,.micl-appbar.micl-appbar--large .micl-appbar__headline h2,.micl-appbar.micl-appbar--large .micl-appbar__headline h3,.micl-appbar.micl-appbar--large .micl-appbar__headline h4,.micl-appbar.micl-appbar--large .micl-appbar__headline h5,.micl-appbar.micl-appbar--large .micl-appbar__headline h6,.micl-appbar.micl-appbar--large .micl-appbar__headline .micl-heading{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)}.micl-appbar.micl-appbar--large:has(.micl-appbar__subtitle){--md-sys-appbar-height: 152px}.micl-appbar.micl-appbar--large:has(.micl-appbar__subtitle) .micl-appbar__subtitle{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.micl-body:not(:has(>.micl-pane:nth-child(2))) .micl-appbar:not(.micl-appbar--not-sticky){position:sticky;inset:unset;inset-block-start:0;inset-inline-start:0;animation:1ms linear alternate appbar-background;animation-timeline:scroll(root)}@media(max-width: 600px){.micl-body:has(>.micl-pane:nth-child(2)) .micl-appbar:not(.micl-appbar--not-sticky){position:sticky;inset:unset;inset-block-start:0;inset-inline-start:0;animation:1ms linear alternate appbar-background;animation-timeline:scroll(root)}}@media(min-width: 600px)and (max-width: 839px){.micl-body:has(>.micl-pane:nth-child(2)).micl-body--stacked-to-expanded .micl-appbar:not(.micl-appbar--not-sticky),.micl-body:has(>.micl-pane:nth-child(2)).micl-body--stacked-to-large .micl-appbar:not(.micl-appbar--not-sticky),.micl-body:has(>.micl-pane:nth-child(2)).micl-body--stacked-to-extralarge .micl-appbar:not(.micl-appbar--not-sticky){position:sticky;inset:unset;inset-block-start:0;inset-inline-start:0;animation:1ms linear alternate appbar-background;animation-timeline:scroll(root)}}@media(min-width: 840px)and (max-width: 1199px){.micl-body:has(>.micl-pane:nth-child(2)).micl-body--stacked-to-large .micl-appbar:not(.micl-appbar--not-sticky),.micl-body:has(>.micl-pane:nth-child(2)).micl-body--stacked-to-extralarge .micl-appbar:not(.micl-appbar--not-sticky){position:sticky;inset:unset;inset-block-start:0;inset-inline-start:0;animation:1ms linear alternate appbar-background;animation-timeline:scroll(root)}}@media(min-width: 1200px)and (max-width: 1599px){.micl-body:has(>.micl-pane:nth-child(2)).micl-body--stacked-to-extralarge .micl-appbar:not(.micl-appbar--not-sticky){position:sticky;inset:unset;inset-block-start:0;inset-inline-start:0;animation:1ms linear alternate appbar-background;animation-timeline:scroll(root)}}@keyframes appbar-background{0%{background-color:inherit;border-start-start-radius:inherit;border-start-end-radius:inherit}10%{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}50%{border-start-start-radius:0;border-start-end-radius:0}100%{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2);border-start-start-radius:0;border-start-end-radius:0}}

package/dist/appbar.js

@@ -0,0 +1 @@
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());

package/dist/badge.css

@@ -1 +1 @@
-:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, 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-badge-small-size: 6px;--md-sys-badge-large-size: 16px;--md-sys-badge-large-padding: 4px}.micl-badge-small{--md-sys-badge-inline-offset: 0px;--md-sys-badge-block-offset: 0px;box-sizing:border-box;position:fixed;inline-size:var(--md-sys-badge-small-size);block-size:var(--md-sys-badge-small-size);inset:unset;inset-block-start:calc(anchor(start) + var(--md-sys-badge-block-offset));inset-inline-start:calc(anchor(end) - var(--md-sys-badge-small-size) - var(--md-sys-badge-inline-offset));border-radius:calc(var(--md-sys-badge-small-size)/2);margin:0;padding:0;background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.micl-badge-large{--md-sys-badge-inline-offset: 0px;--md-sys-badge-block-offset: 0px;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);box-sizing:border-box;position:fixed;inline-size:fit-content;max-inline-size:34px;min-inline-size:var(--md-sys-badge-large-size);block-size:var(--md-sys-badge-large-size);inset:unset;inset-block-start:calc(anchor(start) - 2px + var(--md-sys-badge-block-offset));inset-inline-start:calc(anchor(end) - 12px - var(--md-sys-badge-inline-offset));margin:0;padding-inline:var(--md-sys-badge-large-padding);border-radius:calc(var(--md-sys-badge-large-size)/2);background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}
+:root{--md-ref-typeface-plain: Roboto, system-ui, sans-serif;--md-ref-typeface-brand: Roboto, 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-badge-small-size: 6px;--md-sys-badge-large-size: 16px;--md-sys-badge-large-padding: 4px}.micl-badge{--md-sys-badge-inline-offset: 0px;--md-sys-badge-block-offset: 0px;box-sizing:border-box;position:fixed;inset:unset;margin:0;background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.micl-badge.micl-badge--small{inline-size:var(--md-sys-badge-small-size);block-size:var(--md-sys-badge-small-size);inset-block-start:calc(anchor(start) + var(--md-sys-badge-block-offset));inset-inline-start:calc(anchor(end) - var(--md-sys-badge-small-size) - var(--md-sys-badge-inline-offset));padding:0;border-radius:calc(var(--md-sys-badge-small-size)/2)}.micl-badge:not(.micl-badge--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);inline-size:fit-content;max-inline-size:34px;min-inline-size:var(--md-sys-badge-large-size);block-size:var(--md-sys-badge-large-size);inset-block-start:calc(anchor(start) - 2px + var(--md-sys-badge-block-offset));inset-inline-start:calc(anchor(end) - 12px - var(--md-sys-badge-inline-offset));padding-inline:var(--md-sys-badge-large-padding);border-radius:calc(var(--md-sys-badge-large-size)/2)}

package/dist/bottomsheet.css

@@ -1 +1 @@
-: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}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--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-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-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}dialog.micl-bottomsheet{--md-sys-bottomsheet-height: max-content;--md-sys-bottomsheet-margin: 56px;--md-sys-bottomsheet-padding: 24px;--md-sys-bottomsheet-handle-width: 32px;--md-sys-bottomsheet-handle-height: 4px;--md-sys-bottomsheet-motion-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);--md-sys-bottomsheet-motion-duration: 650ms;--md-sys-bottomsheet-motion-duration-reverse: 500ms;box-sizing:border-box;position:fixed;top:auto;bottom:0;height:0;max-height:50vh;width:100%;min-width:100%;margin:72px 0 0 0;padding:0;border:none;border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;background-color:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);opacity:0;overflow-y:hidden;interpolate-size:allow-keywords}dialog.micl-bottomsheet:not(.micl-bottomsheet--resizing){transition:opacity var(--md-sys-bottomsheet-motion-duration-reverse) cubic-bezier(0.3, 0, 0.8, 0.15),height var(--md-sys-bottomsheet-motion-duration-reverse) var(--md-sys-bottomsheet-motion-spatial),overlay var(--md-sys-bottomsheet-motion-duration-reverse) linear allow-discrete,display var(--md-sys-bottomsheet-motion-duration-reverse) linear allow-discrete}dialog.micl-bottomsheet.micl-bottomsheet--resizing .micl-bottomsheet__headline{cursor:grabbing}dialog.micl-bottomsheet .micl-bottomsheet__headline{box-sizing:border-box;display:flex;align-items:center;width:100%;height:var(--md-sys-target-size);justify-content:center;cursor:grab}dialog.micl-bottomsheet .micl-bottomsheet__headline .micl-bottomsheet__draghandle{box-sizing:content-box;width:var(--md-sys-bottomsheet-handle-width);height:var(--md-sys-bottomsheet-handle-height);padding:16px calc((var(--md-sys-target-size) - var(--md-sys-bottomsheet-handle-width))/2);border:none;border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-on-surface-variant);background-clip:content-box;cursor:pointer}dialog.micl-bottomsheet .micl-bottomsheet__headline .micl-bottomsheet__draghandle:focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}dialog.micl-bottomsheet .micl-bottomsheet__content{padding:0 var(--md-sys-bottomsheet-padding) var(--md-sys-bottomsheet-padding) var(--md-sys-bottomsheet-padding)}dialog.micl-bottomsheet::backdrop{background-color:rgba(0,0,0,0);transition:overlay var(--md-sys-bottomsheet-motion-duration) linear allow-discrete,display var(--md-sys-bottomsheet-motion-duration) linear allow-discrete,background-color var(--md-sys-bottomsheet-motion-duration) linear}dialog.micl-bottomsheet:popover-open,dialog.micl-bottomsheet[open]{height:var(--md-sys-bottomsheet-height);opacity:1}dialog.micl-bottomsheet:popover-open:not(.micl-bottomsheet--resizing),dialog.micl-bottomsheet[open]:not(.micl-bottomsheet--resizing){transition:opacity var(--md-sys-bottomsheet-motion-duration) cubic-bezier(0.05, 0.7, 0.1, 1),height var(--md-sys-bottomsheet-motion-duration) var(--md-sys-bottomsheet-motion-spatial),overlay var(--md-sys-bottomsheet-motion-duration) linear allow-discrete,display var(--md-sys-bottomsheet-motion-duration) linear allow-discrete}@starting-style{dialog.micl-bottomsheet:popover-open,dialog.micl-bottomsheet[open]{height:0;opacity:0}}dialog.micl-bottomsheet[open]::backdrop{background-color:rgba(0,0,0,.2)}@starting-style{dialog.micl-bottomsheet[open]::backdrop{background-color:rgba(0,0,0,0)}}@media(min-width: 641px){dialog.micl-bottomsheet{width:min(100vw - 2*var(--md-sys-bottomsheet-margin),640px);max-width:640px;min-width:min(100vw - 2*var(--md-sys-bottomsheet-margin),640px);inset-inline-start:calc((100vw - min(100vw - 2*var(--md-sys-bottomsheet-margin),640px))/2 - var(--md-sys-bottomsheet-margin));margin:var(--md-sys-bottomsheet-margin);margin-bottom:0}}
+: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}:root{--md-sys-target-size: 48px;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--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-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}dialog.micl-bottomsheet{--md-sys-bottomsheet-height: max-content;--md-sys-bottomsheet-margin: 56px;--md-sys-bottomsheet-margin-top: 72px;--md-sys-bottomsheet-padding: 24px;--md-sys-bottomsheet-handle-width: 32px;--md-sys-bottomsheet-handle-height: 4px;--md-sys-bottomsheet-motion-spatial: cubic-bezier(0.39, 1.29, 0.35, 0.98);--md-sys-bottomsheet-motion-duration: 650ms;--md-sys-bottomsheet-motion-duration-reverse: 500ms;box-sizing:border-box;position:fixed;inset-block:auto 0;block-size:0;max-block-size:50vh;inline-size:100%;min-inline-size:100%;margin:var(--md-sys-bottomsheet-margin-top) 0 0 0;padding:0;border:none;border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;background-color:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);opacity:0;overflow-y:hidden;interpolate-size:allow-keywords}dialog.micl-bottomsheet:not(.micl-bottomsheet--resizing){transition:opacity var(--md-sys-bottomsheet-motion-duration-reverse) cubic-bezier(0.3, 0, 0.8, 0.15),block-size var(--md-sys-bottomsheet-motion-duration-reverse) var(--md-sys-bottomsheet-motion-spatial),overlay var(--md-sys-bottomsheet-motion-duration-reverse) linear allow-discrete,display var(--md-sys-bottomsheet-motion-duration-reverse) linear allow-discrete}dialog.micl-bottomsheet .micl-bottomsheet__headline{box-sizing:border-box;display:flex;align-items:center;inline-size:100%;block-size:var(--md-sys-target-size);justify-content:center;cursor:grab}dialog.micl-bottomsheet .micl-bottomsheet__headline .micl-bottomsheet__draghandle{box-sizing:content-box;inline-size:var(--md-sys-bottomsheet-handle-width);block-size:var(--md-sys-bottomsheet-handle-height);padding:16px calc((var(--md-sys-target-size) - var(--md-sys-bottomsheet-handle-width))/2);border:none;border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-on-surface-variant);background-clip:content-box;cursor:pointer}dialog.micl-bottomsheet .micl-bottomsheet__headline .micl-bottomsheet__draghandle:focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset)}dialog.micl-bottomsheet.micl-bottomsheet--resizing .micl-bottomsheet__headline{cursor:grabbing}dialog.micl-bottomsheet .micl-bottomsheet__content{padding:0 var(--md-sys-bottomsheet-padding) var(--md-sys-bottomsheet-padding) var(--md-sys-bottomsheet-padding)}dialog.micl-bottomsheet::backdrop{background-color:rgba(0,0,0,0);transition:overlay var(--md-sys-bottomsheet-motion-duration) linear allow-discrete,display var(--md-sys-bottomsheet-motion-duration) linear allow-discrete,background-color var(--md-sys-bottomsheet-motion-duration) linear}dialog.micl-bottomsheet:popover-open,dialog.micl-bottomsheet[open]{block-size:var(--md-sys-bottomsheet-height);opacity:100%}dialog.micl-bottomsheet:popover-open:not(.micl-bottomsheet--resizing),dialog.micl-bottomsheet[open]:not(.micl-bottomsheet--resizing){transition:opacity var(--md-sys-bottomsheet-motion-duration) cubic-bezier(0.05, 0.7, 0.1, 1),block-size var(--md-sys-bottomsheet-motion-duration) var(--md-sys-bottomsheet-motion-spatial),overlay var(--md-sys-bottomsheet-motion-duration) linear allow-discrete,display var(--md-sys-bottomsheet-motion-duration) linear allow-discrete}@starting-style{dialog.micl-bottomsheet:popover-open,dialog.micl-bottomsheet[open]{block-size:0;opacity:0}}dialog.micl-bottomsheet[open]::backdrop{background-color:rgba(0,0,0,.2)}@starting-style{dialog.micl-bottomsheet[open]::backdrop{background-color:rgba(0,0,0,0)}}@media(min-width: 641px){dialog.micl-bottomsheet{inline-size:min(100vw - 2*var(--md-sys-bottomsheet-margin),640px);max-inline-size:640px;min-inline-size:min(100vw - 2*var(--md-sys-bottomsheet-margin),640px);inset-inline-start:calc((100vw - min(100vw - 2*var(--md-sys-bottomsheet-margin),640px))/2 - var(--md-sys-bottomsheet-margin));margin:var(--md-sys-bottomsheet-margin);margin-block-end:0}}