material-inspired-component-library 3.0.0 → 3.0.2

package/components/textfield/index.scss

@@ -284,9 +284,6 @@
             border-block-end-color: var(--md-sys-color-primary);
         }
     }
-    &> select {
-        line-height: 28px;
-    }
     &> textarea {
         padding-block-start: 24px;
     }
@@ -300,7 +297,7 @@
         > input[type=time],
         > input[type=week],
         > select:focus,
-        > select[value]:not([value='']):not([data-miclinitialized]),
+        > select:not([data-miclinitialized]) option:checked:not([value='']),
         > select[data-miclvalue],
         > textarea:focus,
         > textarea:not(:empty):not([data-miclinitialized]),
@@ -324,7 +321,7 @@
     }
 }
 .micl-textfield-outlined {
-    margin-block-start: 0.375rem;
+    margin-block-start: calc(2px + var(--md-sys-typescale-body-small-line-height)/2);
 
     &:hover {
         &> label {
@@ -340,6 +337,7 @@
     &> input,
     &> select,
     &> textarea {
+        margin: 0px 3px 3px 3px;
         border: none;
         outline: 1px solid var(--md-sys-color-outline);
 
@@ -353,9 +351,6 @@
             outline-color: var(--md-sys-color-primary);
         }
     }
-    &> select {
-        line-height: var(--md-sys-textfield-height);
-    }
     &:has(
         > input:focus,
         > input[value]:not([value='']):not([data-miclinitialized]),
@@ -366,7 +361,7 @@
         > input[type=time],
         > input[type=week],
         > select:focus,
-        > select[value]:not([value='']):not([data-miclinitialized]),
+        > select:not([data-miclinitialized]) option:checked:not([value='']),
         > select[data-miclvalue],
         > textarea:focus,
         > textarea:not(:empty):not([data-miclinitialized]),

package/components/textfield/index.ts

@@ -20,45 +20,90 @@
 // SOFTWARE.
 
 export const textfieldSelector = '.micl-textfield-outlined > input,.micl-textfield-filled > input';
-export const selectSelector    = '.micl-textfield-outlined > select,.micl-textfield-filled > select';
 export const textareaSelector  = '.micl-textfield-outlined > textarea,.micl-textfield-filled > textarea';
+export const selectSelector = '.micl-textfield-filled > select,.micl-textfield-outlined > select';
 
 export default (() =>
 {
-    const counterSelector = '.micl-textfield__character-counter';
+    const isRequiredType = (
+        eventTarget: EventTarget | null
+    ): eventTarget is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement =>
+    {
+        return eventTarget instanceof HTMLInputElement ||
+               eventTarget instanceof HTMLSelectElement ||
+               eventTarget instanceof HTMLTextAreaElement;
+    };
+
+    const setCounter = (input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void =>
+    {
+        if (
+            !input.parentElement
+            || input instanceof HTMLSelectElement
+            || !input.maxLength
+        ) {
+            return;
+        }
+        const counter = input.parentElement.querySelector('.micl-textfield__character-counter');
+        if (counter) {
+            counter.textContent = `${input.value.length}/${input.maxLength}`;
+        }
+    };
+
+    const handleInvalid = (
+        input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement,
+        isValid?: boolean
+    ): void => {
+        if (input.required) {
+            input.parentElement?.classList.toggle('micl-textfield--error', !isValid);
+
+            const supporting = input.parentElement?.querySelector(
+                '.micl-textfield__supporting-text'
+            ) as HTMLElement;
+
+            if (supporting) {
+                if (!isValid && !('micltext' in supporting.dataset)) {
+                    supporting.dataset.micltext = supporting.textContent;
+                }
+                supporting.textContent = input.validationMessage || supporting.dataset.micltext || '';
+            }
+        }
+    };
 
     return {
-        initialize: (element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void =>
+        initialize: (input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void =>
         {
-            if (element.dataset.miclinitialized) {
+            if (input.dataset.miclinitialized) {
                 return;
             }
-            element.dataset.miclinitialized = '1';
+            input.dataset.miclinitialized = '1';
 
-            if (element.value) {
-                element.dataset.miclvalue = '1';
+            if (input.value) {
+                input.dataset.miclvalue = '1';
             }
 
-            if (
-                (element instanceof HTMLSelectElement)
-                || !element.maxLength
-            ) {
-                return;
-            }
+            if (input instanceof HTMLSelectElement) {
+                input.addEventListener('mousedown', () =>
+                {
+                    const
+                        rect      = input.getBoundingClientRect(),
+                        roomAbove = rect.top,
+                        roomBelow = window.innerHeight - rect.bottom;
 
-            const counter = element.parentElement?.querySelector(counterSelector);
-            if (counter) {
-                counter.textContent = `${element.value.length}/${element.maxLength}`;
+                    !input.matches(':open') && input.style.setProperty(
+                        '--md-sys-select-picker-origin',
+                        roomAbove > roomBelow ? 'left bottom' : 'left top'
+                    );
+                });
             }
+
+            setCounter(input);
         },
 
         input: (event: Event): void =>
         {
             if (
-                !(event.target as Element).matches(`${textfieldSelector},${selectSelector},${textareaSelector}`)
-                || !((event.target instanceof HTMLInputElement)
-                    || (event.target instanceof HTMLSelectElement)
-                    || (event.target instanceof HTMLTextAreaElement))
+                !isRequiredType(event.target)
+                || !event.target.matches(`${textfieldSelector},${selectSelector},${textareaSelector}`)
                 || !event.target.dataset.miclinitialized
                 || event.target.disabled
             ) {
@@ -72,17 +117,13 @@ export default (() =>
                 delete event.target.dataset.miclvalue;
             }
 
-            if (
-                (event.target instanceof HTMLSelectElement)
-                || !event.target.maxLength
-            ) {
-                return;
-            }
+            handleInvalid(event.target, true);
+            setCounter(event.target);
+        },
 
-            const counter = event.target.parentElement?.querySelector(counterSelector);
-            if (counter) {
-                counter.textContent = `${event.target.value.length}/${event.target.maxLength}`;
-            }
+        invalid: (event: Event): void =>
+        {
+            isRequiredType(event.target) && handleInvalid(event.target);
         }
     };
 })();

package/dist/appbar.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-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}}
+:root{--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-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;--md-sys-layout-icon-size: 24px}@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, 0px);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}@media(max-width: 599px){.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){.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){.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){.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}}.micl-hidden{display:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-iconfield{box-sizing:border-box;display:grid;grid-template-columns:48px 1fr;row-gap:var(--md-sys-layout-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}: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-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}: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 + var(--md-sys-layout-icon-size, 24px)/2 - 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 + var(--md-sys-layout-icon-size, 24px)/2 - 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/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{--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)}
+: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;--md-sys-badge-inline-offset: 0px;--md-sys-badge-block-offset: 0px}.micl-badge{box-sizing:border-box;position:fixed;inset:0;margin:0;overflow-x:hidden;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) - (var(--md-sys-badge-large-size) - 14px) + 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)}@supports not (top: anchor(bottom)){.micl-badge{position:absolute;inset:0 !important;margin-block:calc(12px + var(--md-sys-badge-block-offset)) auto}.micl-badge.micl-badge--small{margin-inline-start:calc(var(--md-sys-layout-icon-size) - var(--md-sys-badge-small-size) - var(--md-sys-badge-inline-offset))}.micl-badge:not(.micl-badge--small){margin-inline-start:calc(12px - var(--md-sys-badge-inline-offset))}}

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-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}}
+: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-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}}