material-inspired-component-library 6.0.2 → 6.0.4

package/components/snackbar/index.ts

@@ -0,0 +1,56 @@
+//
+// Copyright © 2025 Hermana AS
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+export const snackbarSelector = '.micl-snackbar';
+
+export default (() =>
+{
+    return {
+        initialize: (element: HTMLElement): void =>
+        {
+            if (
+                !element.matches(snackbarSelector)
+                || element.dataset.miclinitialized
+            ) {
+                return;
+            }
+            element.dataset.miclinitialized = '1';
+
+            const delay = parseInt(element.dataset.micldelay || '0', 10);
+            if (!isNaN(delay) && delay > 0) {
+                element.addEventListener('toggle', event =>
+                {
+                    let timeoutid = parseInt(element.dataset.micltimeoutid || '0', 10);
+                    if (timeoutid > 0) {
+                        clearTimeout(timeoutid);
+                        delete element.dataset.micltimeoutid;
+                    }
+
+                    if ((event as ToggleEvent).oldState === 'closed') {
+                        // The snackbar has just opened.
+                        timeoutid = window.setTimeout(() => { element.hidePopover(); }, delay);
+                        element.dataset.micltimeoutid = `${timeoutid}`;
+                    }
+                });
+            }
+        }
+    };
+})();

package/components/stepper/README.md

@@ -157,7 +157,7 @@ To enable built-in **form validation** for each step, use a `<form>` element as
 ```
 
 #### Step-Specific Action Buttons
-Action buttons can be made visible only on a specific step by using the `data-step` attribute, which specifies the step number (starting from 1). This is useful for replacing the default **Next** button with a content-specific action, like a **Submit** button on the final step.
+Action buttons can be made visible only on a specific step by using the `data-step` attribute, which specifies the step number starting from the first step (step 1) or starting from the last step (step -1). This is useful for replacing the default **Next** button with a content-specific action, like a **Submit** button on the final step.
 
 In this example for a three-step stepper, the **Next** button is hidden on step 3, and the **Submit** button is shown instead:
 

package/components/stepper/index.ts

@@ -112,12 +112,16 @@ export default (() =>
 
     const showHideElements = (stepper: HTMLElement, step: HTMLElement): void =>
     {
+        const nrsteps      = stepper.querySelectorAll(STEP_SELECTOR).length;
         const selectedStep = getStepNumber(stepper, step);
 
         stepper.querySelectorAll<HTMLElement>('[data-step]').forEach(element =>
         {
-            const shouldHide = element.dataset.step != `${selectedStep}`;
-            element.classList.toggle('micl-hidden', shouldHide);
+            const stepnr = parseInt(element.dataset.step || '0', 10);
+            element.classList.toggle(
+                'micl-hidden',
+                stepnr > 0 ? stepnr != selectedStep : nrsteps + stepnr + 1 != selectedStep
+            );
         });
     };
 

package/components/textfield/index.scss

@@ -51,7 +51,7 @@
         width: fit-content;
         padding-inline: 4px;
         margin-block-start: calc((var(--md-sys-textfield-height) - var(--md-sys-typescale-body-large-line-height)) / 2);
-        margin-inline-start: 12px;
+        margin-inline: 12px 4px;
         border-radius: 4px;
         background-color: inherit;
         color: var(--md-sys-color-on-surface-variant);

package/components/textfield/index.ts

@@ -97,6 +97,29 @@ export default (() =>
         }
     };
 
+    const refreshTextField = (event: Event): void =>
+    {
+        if (
+            !isTextFieldElement(event.target)
+            || !event.target.dataset.miclinitialized
+            || event.target.disabled
+        ) {
+            return;
+        }
+
+        if (event.target instanceof HTMLInputElement && event.target.dataset.micldateformat) {
+            formatAsDate(event.target, (event as InputEvent).inputType);
+        }
+        if (event.target.value) {
+            event.target.dataset.miclvalue = '1';
+        }
+        else {
+            delete event.target.dataset.miclvalue;
+        }
+
+        setCounter(event.target);
+    };
+
     return {
         initialize: (input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void =>
         {
@@ -153,27 +176,13 @@ export default (() =>
             setCounter(input);
         },
 
+        change: (event: Event): void =>
+        {
+            refreshTextField(event);
+        },
         input: (event: Event): void =>
         {
-            if (
-                !isTextFieldElement(event.target)
-                || !event.target.dataset.miclinitialized
-                || event.target.disabled
-            ) {
-                return;
-            }
-
-            if (event.target instanceof HTMLInputElement && event.target.dataset.micldateformat) {
-                formatAsDate(event.target, (event as InputEvent).inputType);
-            }
-            if (event.target.value) {
-                event.target.dataset.miclvalue = '1';
-            }
-            else {
-                delete event.target.dataset.miclvalue;
-            }
-
-            setCounter(event.target);
+            refreshTextField(event);
         }
     };
 })();

package/dist/button.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-l,button.micl-button-text-xl,button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl,button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-filled-xl,button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-tonal-xl,button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-outlined-xl{--md-sys-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-button-motion-duration: 350ms;--md-sys-button-motion-duration-reverse: 350ms;--micl-ripple: 1;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:border-radius var(--md-sys-button-motion-duration) var(--md-sys-button-motion-effects),background-size 3000ms,--statelayer-opacity var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs:disabled,a.micl-button-text-xs:disabled,button.micl-button-text-s:disabled,a.micl-button-text-s:disabled,button.micl-button-text-m:disabled,a.micl-button-text-m:disabled,button.micl-button-text-l:disabled,button.micl-button-text-l:disabled,button.micl-button-text-xl:disabled,button.micl-button-elevated-xs:disabled,button.micl-button-elevated-s:disabled,button.micl-button-elevated-m:disabled,button.micl-button-elevated-l:disabled,button.micl-button-elevated-xl:disabled,button.micl-button-filled-xs:disabled,button.micl-button-filled-s:disabled,button.micl-button-filled-m:disabled,button.micl-button-filled-l:disabled,button.micl-button-filled-xl:disabled,button.micl-button-tonal-xs:disabled,button.micl-button-tonal-s:disabled,button.micl-button-tonal-m:disabled,button.micl-button-tonal-l:disabled,button.micl-button-tonal-xl:disabled,button.micl-button-outlined-xs:disabled,button.micl-button-outlined-s:disabled,button.micl-button-outlined-m:disabled,button.micl-button-outlined-l:disabled,button.micl-button-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%));box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible,button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible,button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible,button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible,button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{background-size:0%,100%;transition:background-size 0ms}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon,button.micl-button-outlined-s .micl-button__icon,button.micl-button-outlined-m .micl-button__icon,button.micl-button-outlined-l .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-elevated-xs,button.micl-button-filled-xs,button.micl-button-tonal-xs,button.micl-button-outlined-xs{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;position:relative;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}button.micl-button-text-xs::before,a.micl-button-text-xs::before,button.micl-button-elevated-xs::before,button.micl-button-filled-xs::before,button.micl-button-tonal-xs::before,button.micl-button-outlined-xs::before{content:"";position:absolute;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-button-text-xs.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square,a.micl-button-text-xs.micl-button--square,button.micl-button-elevated-xs.micl-button--square,button.micl-button-filled-xs.micl-button--square,button.micl-button-tonal-xs.micl-button--square,button.micl-button-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-s,a.micl-button-text-s,button.micl-button-elevated-s,button.micl-button-filled-s,button.micl-button-tonal-s,button.micl-button-outlined-s{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 40px;--micl-height: 40px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:16px}button.micl-button-text-s::before,a.micl-button-text-s::before,button.micl-button-elevated-s::before,button.micl-button-filled-s::before,button.micl-button-tonal-s::before,button.micl-button-outlined-s::before{content:"";position:absolute;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-button-text-s.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square,a.micl-button-text-s.micl-button--square,button.micl-button-elevated-s.micl-button--square,button.micl-button-filled-s.micl-button--square,button.micl-button-tonal-s.micl-button--square,button.micl-button-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-outlined-s .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-m,a.micl-button-text-m,button.micl-button-elevated-m,button.micl-button-filled-m,button.micl-button-tonal-m,button.micl-button-outlined-m{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);--micl-width: 56px;--micl-height: 56px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:24px}button.micl-button-text-m.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square,a.micl-button-text-m.micl-button--square,button.micl-button-elevated-m.micl-button--square,button.micl-button-filled-m.micl-button--square,button.micl-button-tonal-m.micl-button--square,button.micl-button-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-outlined-m .micl-button__icon{font-size:var(--md-sys-icon-size, 24px);inline-size:var(--md-sys-icon-size, 24px)}button.micl-button-text-l,button.micl-button-elevated-l,button.micl-button-filled-l,button.micl-button-tonal-l,button.micl-button-outlined-l{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking);--micl-width: 96px;--micl-height: 96px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:12px;padding-inline:48px}button.micl-button-text-l.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square,button.micl-button-elevated-l.micl-button--square,button.micl-button-filled-l.micl-button--square,button.micl-button-tonal-l.micl-button--square,button.micl-button-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-l:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-l .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-outlined-l .micl-button__icon{font-size:32px;inline-size:32px}button.micl-button-text-xl,button.micl-button-elevated-xl,button.micl-button-filled-xl,button.micl-button-tonal-xl,button.micl-button-outlined-xl{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking);--micl-width: 136px;--micl-height: 136px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:16px;padding-inline:64px}button.micl-button-text-xl.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square,button.micl-button-elevated-xl.micl-button--square,button.micl-button-filled-xl.micl-button--square,button.micl-button-tonal-xl.micl-button--square,button.micl-button-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-size:40px;inline-size:40px}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-xl{--statelayer-color: var(--md-sys-color-primary);background-color:rgba(0,0,0,0);color:var(--md-sys-color-primary)}button.micl-button-text-xs:not(:disabled):hover,a.micl-button-text-xs:not(:disabled):hover,button.micl-button-text-s:not(:disabled):hover,a.micl-button-text-s:not(:disabled):hover,button.micl-button-text-m:not(:disabled):hover,a.micl-button-text-m:not(:disabled):hover,button.micl-button-text-l:not(:disabled):hover,button.micl-button-text-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-text-xs:not(:disabled):hover .micl-button__icon,a.micl-button-text-xs:not(:disabled):hover .micl-button__icon,button.micl-button-text-s:not(:disabled):hover .micl-button__icon,a.micl-button-text-s:not(:disabled):hover .micl-button__icon,button.micl-button-text-m:not(:disabled):hover .micl-button__icon,a.micl-button-text-m:not(:disabled):hover .micl-button__icon,button.micl-button-text-l:not(:disabled):hover .micl-button__icon,button.micl-button-text-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):hover,button.micl-button-elevated-s:not(:disabled):hover,button.micl-button-elevated-m:not(:disabled):hover,button.micl-button-elevated-l:not(:disabled):hover,button.micl-button-elevated-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-elevated-xs:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-s:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-m:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-l:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs{block-size:32px;border:none}button.micl-button-elevated-s{block-size:40px;border:none}button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-button-filled-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-button-filled-xs:not(:disabled):hover,button.micl-button-filled-s:not(:disabled):hover,button.micl-button-filled-m:not(:disabled):hover,button.micl-button-filled-l:not(:disabled):hover,button.micl-button-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-filled-xs:not(:disabled):hover .micl-button__icon,button.micl-button-filled-s:not(:disabled):hover .micl-button__icon,button.micl-button-filled-m:not(:disabled):hover .micl-button__icon,button.micl-button-filled-l:not(:disabled):hover .micl-button__icon,button.micl-button-filled-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):hover,button.micl-button-tonal-s:not(:disabled):hover,button.micl-button-tonal-m:not(:disabled):hover,button.micl-button-tonal-l:not(:disabled):hover,button.micl-button-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-tonal-xs:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-s:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-m:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-l:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):hover,button.micl-button-outlined-s:not(:disabled):hover,button.micl-button-outlined-m:not(:disabled):hover,button.micl-button-outlined-l:not(:disabled):hover,button.micl-button-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-outlined-xs:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-s:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-m:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-l:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}
+:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px);background-color:inherit}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-elevation-level0: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;--md-sys-elevation-level1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--md-sys-elevation-level2: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--md-sys-elevation-level3: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--md-sys-elevation-level4: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--md-sys-elevation-level5: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms;--md-sys-motion-path: linear}:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-extra-small-top: 4px 4px 0 0;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-large-end: 0 16px 16px 0;--md-sys-shape-corner-large-start: 16px 0 0 16px;--md-sys-shape-corner-large-top: 16px 16px 0 0;--md-sys-shape-corner-large-increased: 20px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-extra-large-top: 28px 28px 0 0;--md-sys-shape-corner-extra-large-increased: 32px;--md-sys-shape-corner-extra-extra-large: 48px;--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px;--md-sys-target-size: 48px;--md-sys-state-hover-state-layer-opacity: 8%;--md-sys-state-focus-state-layer-opacity: 10%;--md-sys-state-pressed-state-layer-opacity: 10%;--md-sys-state-dragged-state-layer-opacity: 16%;--md-sys-state-disabled-state-layer-opacity: 38%;--md-sys-state-backdrop-opacity: 32%;--md-sys-state-focus-indicator-inner-offset: -3px;--md-sys-state-focus-indicator-outer-offset: 2px;--md-sys-state-focus-indicator-thickness: 3px}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-large-tracking: -0.015625rem;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-medium-tracking: 0;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-display-small-tracking: 0;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-medium-tracking: 0;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0,009375rem;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-size: 0.875rem;--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-small-tracking: 0.00625rem;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.015625rem;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-size: 0.75rem;--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-small-tracking: 0.025rem;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-size: 0.75rem;--md-sys-typescale-label-medium-line-height: 1rem;--md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-medium-tracking: 0.03125rem;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-size: 0.6875rem;--md-sys-typescale-label-small-line-height: 1rem;--md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-small-tracking: 0.03125rem;--md-sys-typescale-emphasized-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-large-size: 3.5625rem;--md-sys-typescale-emphasized-display-large-line-height: 4rem;--md-sys-typescale-emphasized-display-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-large-tracking: -0.015625rem;--md-sys-typescale-emphasized-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-medium-size: 2.8125rem;--md-sys-typescale-emphasized-display-medium-line-height: 3.25rem;--md-sys-typescale-emphasized-display-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-medium-tracking: 0;--md-sys-typescale-emphasized-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-small-size: 2.25rem;--md-sys-typescale-emphasized-display-small-line-height: 2.75rem;--md-sys-typescale-emphasized-display-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-display-small-tracking: 0;--md-sys-typescale-emphasized-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-large-size: 2rem;--md-sys-typescale-emphasized-headline-large-line-height: 2.5rem;--md-sys-typescale-emphasized-headline-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-large-tracking: 0;--md-sys-typescale-emphasized-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-medium-size: 1.75rem;--md-sys-typescale-emphasized-headline-medium-line-height: 2.25rem;--md-sys-typescale-emphasized-headline-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-medium-tracking: 0;--md-sys-typescale-emphasized-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-small-size: 1.5rem;--md-sys-typescale-emphasized-headline-small-line-height: 2rem;--md-sys-typescale-emphasized-headline-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-headline-small-tracking: 0;--md-sys-typescale-emphasized-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-large-size: 1.375rem;--md-sys-typescale-emphasized-title-large-line-height: 1.75rem;--md-sys-typescale-emphasized-title-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-title-large-tracking: 0;--md-sys-typescale-emphasized-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-medium-size: 1rem;--md-sys-typescale-emphasized-title-medium-line-height: 1.5rem;--md-sys-typescale-emphasized-title-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-medium-tracking: 0,009375rem;--md-sys-typescale-emphasized-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-small-size: 0.875rem;--md-sys-typescale-emphasized-title-small-line-height: 1.25rem;--md-sys-typescale-emphasized-title-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-title-small-tracking: 0.00625rem;--md-sys-typescale-emphasized-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-large-size: 1rem;--md-sys-typescale-emphasized-body-large-line-height: 1.5rem;--md-sys-typescale-emphasized-body-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-large-tracking: 0.03125rem;--md-sys-typescale-emphasized-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-medium-size: 0.875rem;--md-sys-typescale-emphasized-body-medium-line-height: 1.25rem;--md-sys-typescale-emphasized-body-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-medium-tracking: 0.015625rem;--md-sys-typescale-emphasized-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-small-size: 0.75rem;--md-sys-typescale-emphasized-body-small-line-height: 1rem;--md-sys-typescale-emphasized-body-small-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-emphasized-body-small-tracking: 0.025rem;--md-sys-typescale-emphasized-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-large-size: 0.875rem;--md-sys-typescale-emphasized-label-large-line-height: 1.25rem;--md-sys-typescale-emphasized-label-large-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-large-tracking: 0.00625rem;--md-sys-typescale-emphasized-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-medium-size: 0.75rem;--md-sys-typescale-emphasized-label-medium-line-height: 1rem;--md-sys-typescale-emphasized-label-medium-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-medium-tracking: 0.03125rem;--md-sys-typescale-emphasized-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-small-size: 0.6875rem;--md-sys-typescale-emphasized-label-small-line-height: 1rem;--md-sys-typescale-emphasized-label-small-weight: var(--md-ref-typeface-weight-bold);--md-sys-typescale-emphasized-label-small-tracking: 0.03125rem}.md-sys-typescale-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking)}.md-sys-typescale-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);font-weight:var(--md-sys-typescale-display-medium-weight);letter-spacing:var(--md-sys-typescale-display-medium-tracking)}.md-sys-typescale-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);font-weight:var(--md-sys-typescale-display-small-weight);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.md-sys-typescale-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.md-sys-typescale-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.md-sys-typescale-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.md-sys-typescale-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.md-sys-typescale-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md-sys-typescale-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md-sys-typescale-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.md-sys-typescale-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.md-sys-typescale-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md-sys-typescale-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking)}.md-sys-typescale-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking)}.md-sys-typescale-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking)}.md-sys-typescale-emphasized-display-large{font-family:var(--md-sys-typescale-emphasized-display-large-font);font-size:var(--md-sys-typescale-emphasized-display-large-size);line-height:var(--md-sys-typescale-emphasized-display-large-line-height);font-weight:var(--md-sys-typescale-emphasized-display-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-large-tracking)}.md-sys-typescale-emphasized-display-medium{font-family:var(--md-sys-typescale-emphasized-display-medium-font);font-size:var(--md-sys-typescale-emphasized-display-medium-size);line-height:var(--md-sys-typescale-emphasized-display-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-display-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-medium-tracking)}.md-sys-typescale-emphasized-display-small{font-family:var(--md-sys-typescale-emphasized-display-small-font);font-size:var(--md-sys-typescale-emphasized-display-small-size);line-height:var(--md-sys-typescale-emphasized-display-small-line-height);font-weight:var(--md-sys-typescale-emphasized-display-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-display-small-tracking)}.md-sys-typescale-emphasized-headline-large{font-family:var(--md-sys-typescale-emphasized-headline-large-font);font-size:var(--md-sys-typescale-emphasized-headline-large-size);line-height:var(--md-sys-typescale-emphasized-headline-large-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-large-tracking)}.md-sys-typescale-emphasized-headline-medium{font-family:var(--md-sys-typescale-emphasized-headline-medium-font);font-size:var(--md-sys-typescale-emphasized-headline-medium-size);line-height:var(--md-sys-typescale-emphasized-headline-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-medium-tracking)}.md-sys-typescale-emphasized-headline-small{font-family:var(--md-sys-typescale-emphasized-headline-small-font);font-size:var(--md-sys-typescale-emphasized-headline-small-size);line-height:var(--md-sys-typescale-emphasized-headline-small-line-height);font-weight:var(--md-sys-typescale-emphasized-headline-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-headline-small-tracking)}.md-sys-typescale-emphasized-title-large{font-family:var(--md-sys-typescale-emphasized-title-large-font);font-size:var(--md-sys-typescale-emphasized-title-large-size);line-height:var(--md-sys-typescale-emphasized-title-large-line-height);font-weight:var(--md-sys-typescale-emphasized-title-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-large-tracking)}.md-sys-typescale-emphasized-title-medium{font-family:var(--md-sys-typescale-emphasized-title-medium-font);font-size:var(--md-sys-typescale-emphasized-title-medium-size);line-height:var(--md-sys-typescale-emphasized-title-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-title-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-medium-tracking)}.md-sys-typescale-emphasized-title-small{font-family:var(--md-sys-typescale-emphasized-title-small-font);font-size:var(--md-sys-typescale-emphasized-title-small-size);line-height:var(--md-sys-typescale-emphasized-title-small-line-height);font-weight:var(--md-sys-typescale-emphasized-title-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-title-small-tracking)}.md-sys-typescale-emphasized-body-large{font-family:var(--md-sys-typescale-emphasized-body-large-font);font-size:var(--md-sys-typescale-emphasized-body-large-size);line-height:var(--md-sys-typescale-emphasized-body-large-line-height);font-weight:var(--md-sys-typescale-emphasized-body-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-large-tracking)}.md-sys-typescale-emphasized-body-medium{font-family:var(--md-sys-typescale-emphasized-body-medium-font);font-size:var(--md-sys-typescale-emphasized-body-medium-size);line-height:var(--md-sys-typescale-emphasized-body-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-body-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-medium-tracking)}.md-sys-typescale-emphasized-body-small{font-family:var(--md-sys-typescale-emphasized-body-small-font);font-size:var(--md-sys-typescale-emphasized-body-small-size);line-height:var(--md-sys-typescale-emphasized-body-small-line-height);font-weight:var(--md-sys-typescale-emphasized-body-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-body-small-tracking)}.md-sys-typescale-emphasized-label-large{font-family:var(--md-sys-typescale-emphasized-label-large-font);font-size:var(--md-sys-typescale-emphasized-label-large-size);line-height:var(--md-sys-typescale-emphasized-label-large-line-height);font-weight:var(--md-sys-typescale-emphasized-label-large-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-large-tracking)}.md-sys-typescale-emphasized-label-medium{font-family:var(--md-sys-typescale-emphasized-label-medium-font);font-size:var(--md-sys-typescale-emphasized-label-medium-size);line-height:var(--md-sys-typescale-emphasized-label-medium-line-height);font-weight:var(--md-sys-typescale-emphasized-label-medium-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-medium-tracking)}.md-sys-typescale-emphasized-label-small{font-family:var(--md-sys-typescale-emphasized-label-small-font);font-size:var(--md-sys-typescale-emphasized-label-small-size);line-height:var(--md-sys-typescale-emphasized-label-small-line-height);font-weight:var(--md-sys-typescale-emphasized-label-small-weight);letter-spacing:var(--md-sys-typescale-emphasized-label-small-tracking)}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-l,button.micl-button-text-xl,button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl,button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-filled-xl,button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-tonal-xl,button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-outlined-xl{--md-sys-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-button-motion-duration: 350ms;--md-sys-button-motion-duration-reverse: 350ms;--micl-ripple: 1;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:10000%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:border-radius var(--md-sys-button-motion-duration) var(--md-sys-button-motion-effects),background-size 3000ms,--statelayer-opacity var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs:disabled,a.micl-button-text-xs:disabled,button.micl-button-text-s:disabled,a.micl-button-text-s:disabled,button.micl-button-text-m:disabled,a.micl-button-text-m:disabled,button.micl-button-text-l:disabled,button.micl-button-text-l:disabled,button.micl-button-text-xl:disabled,button.micl-button-elevated-xs:disabled,button.micl-button-elevated-s:disabled,button.micl-button-elevated-m:disabled,button.micl-button-elevated-l:disabled,button.micl-button-elevated-xl:disabled,button.micl-button-filled-xs:disabled,button.micl-button-filled-s:disabled,button.micl-button-filled-m:disabled,button.micl-button-filled-l:disabled,button.micl-button-filled-xl:disabled,button.micl-button-tonal-xs:disabled,button.micl-button-tonal-s:disabled,button.micl-button-tonal-m:disabled,button.micl-button-tonal-l:disabled,button.micl-button-tonal-xl:disabled,button.micl-button-outlined-xs:disabled,button.micl-button-outlined-s:disabled,button.micl-button-outlined-m:disabled,button.micl-button-outlined-l:disabled,button.micl-button-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%));box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible,button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible,button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible,button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible,button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{background-size:0%,100%;transition:background-size 0ms}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-l .micl-button__icon,button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon,button.micl-button-outlined-s .micl-button__icon,button.micl-button-outlined-m .micl-button__icon,button.micl-button-outlined-l .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--md-sys-button-motion-duration) linear}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-elevated-xs,button.micl-button-filled-xs,button.micl-button-tonal-xs,button.micl-button-outlined-xs{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;position:relative;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}button.micl-button-text-xs::before,a.micl-button-text-xs::before,button.micl-button-elevated-xs::before,button.micl-button-filled-xs::before,button.micl-button-tonal-xs::before,button.micl-button-outlined-xs::before{content:"";position:absolute;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-button-text-xs.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square,a.micl-button-text-xs.micl-button--square,button.micl-button-elevated-xs.micl-button--square,button.micl-button-filled-xs.micl-button--square,button.micl-button-tonal-xs.micl-button--square,button.micl-button-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-filled-xs:not(:disabled):active,button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-xs .micl-button__icon,a.micl-button-text-xs .micl-button__icon,button.micl-button-elevated-xs .micl-button__icon,button.micl-button-filled-xs .micl-button__icon,button.micl-button-tonal-xs .micl-button__icon,button.micl-button-outlined-xs .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-s,a.micl-button-text-s,button.micl-button-elevated-s,button.micl-button-filled-s,button.micl-button-tonal-s,button.micl-button-outlined-s{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 40px;--micl-height: 40px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:16px}button.micl-button-text-s::before,a.micl-button-text-s::before,button.micl-button-elevated-s::before,button.micl-button-filled-s::before,button.micl-button-tonal-s::before,button.micl-button-outlined-s::before{content:"";position:absolute;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-button-text-s.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square,a.micl-button-text-s.micl-button--square,button.micl-button-elevated-s.micl-button--square,button.micl-button-filled-s.micl-button--square,button.micl-button-tonal-s.micl-button--square,button.micl-button-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-button-text-s .micl-button__icon,a.micl-button-text-s .micl-button__icon,button.micl-button-elevated-s .micl-button__icon,button.micl-button-filled-s .micl-button__icon,button.micl-button-tonal-s .micl-button__icon,button.micl-button-outlined-s .micl-button__icon{font-size:20px;inline-size:20px}button.micl-button-text-m,a.micl-button-text-m,button.micl-button-elevated-m,button.micl-button-filled-m,button.micl-button-tonal-m,button.micl-button-outlined-m{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);--micl-width: 56px;--micl-height: 56px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:8px;padding-inline:24px}button.micl-button-text-m.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square,a.micl-button-text-m.micl-button--square,button.micl-button-elevated-m.micl-button--square,button.micl-button-filled-m.micl-button--square,button.micl-button-tonal-m.micl-button--square,button.micl-button-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-button-text-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-button-text-m .micl-button__icon,a.micl-button-text-m .micl-button__icon,button.micl-button-elevated-m .micl-button__icon,button.micl-button-filled-m .micl-button__icon,button.micl-button-tonal-m .micl-button__icon,button.micl-button-outlined-m .micl-button__icon{font-size:var(--md-sys-icon-size, 24px);inline-size:var(--md-sys-icon-size, 24px)}button.micl-button-text-l,button.micl-button-elevated-l,button.micl-button-filled-l,button.micl-button-tonal-l,button.micl-button-outlined-l{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking);--micl-width: 96px;--micl-height: 96px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:12px;padding-inline:48px}button.micl-button-text-l.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square,button.micl-button-elevated-l.micl-button--square,button.micl-button-filled-l.micl-button--square,button.micl-button-tonal-l.micl-button--square,button.micl-button-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-l:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-l .micl-button__icon,button.micl-button-elevated-l .micl-button__icon,button.micl-button-filled-l .micl-button__icon,button.micl-button-tonal-l .micl-button__icon,button.micl-button-outlined-l .micl-button__icon{font-size:32px;inline-size:32px}button.micl-button-text-xl,button.micl-button-elevated-xl,button.micl-button-filled-xl,button.micl-button-tonal-xl,button.micl-button-outlined-xl{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking);--micl-width: 136px;--micl-height: 136px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:16px;padding-inline:64px}button.micl-button-text-xl.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square,button.micl-button-elevated-xl.micl-button--square,button.micl-button-filled-xl.micl-button--square,button.micl-button-tonal-xl.micl-button--square,button.micl-button-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-button-text-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:calc(var(--micl-height)/2)}button.micl-button-text-xl:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-button-text-xl .micl-button__icon,button.micl-button-elevated-xl .micl-button__icon,button.micl-button-filled-xl .micl-button__icon,button.micl-button-tonal-xl .micl-button__icon,button.micl-button-outlined-xl .micl-button__icon{font-size:40px;inline-size:40px}button.micl-button-text-xs,a.micl-button-text-xs,button.micl-button-text-s,a.micl-button-text-s,button.micl-button-text-m,a.micl-button-text-m,button.micl-button-text-l,button.micl-button-text-xl{--statelayer-color: var(--md-sys-color-primary);background-color:rgba(0,0,0,0);color:var(--md-sys-color-primary);text-decoration:none}button.micl-button-text-xs:not(:disabled):hover,a.micl-button-text-xs:not(:disabled):hover,button.micl-button-text-s:not(:disabled):hover,a.micl-button-text-s:not(:disabled):hover,button.micl-button-text-m:not(:disabled):hover,a.micl-button-text-m:not(:disabled):hover,button.micl-button-text-l:not(:disabled):hover,button.micl-button-text-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-text-xs:not(:disabled):hover .micl-button__icon,a.micl-button-text-xs:not(:disabled):hover .micl-button__icon,button.micl-button-text-s:not(:disabled):hover .micl-button__icon,a.micl-button-text-s:not(:disabled):hover .micl-button__icon,button.micl-button-text-m:not(:disabled):hover .micl-button__icon,a.micl-button-text-m:not(:disabled):hover .micl-button__icon,button.micl-button-text-l:not(:disabled):hover .micl-button__icon,button.micl-button-text-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-text-xs:not(:disabled):focus-visible,a.micl-button-text-xs:not(:disabled):focus-visible,button.micl-button-text-s:not(:disabled):focus-visible,a.micl-button-text-s:not(:disabled):focus-visible,button.micl-button-text-m:not(:disabled):focus-visible,a.micl-button-text-m:not(:disabled):focus-visible,button.micl-button-text-l:not(:disabled):focus-visible,button.micl-button-text-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-text-xs:not(:disabled):active,a.micl-button-text-xs:not(:disabled):active,button.micl-button-text-s:not(:disabled):active,a.micl-button-text-s:not(:disabled):active,button.micl-button-text-m:not(:disabled):active,a.micl-button-text-m:not(:disabled):active,button.micl-button-text-l:not(:disabled):active,button.micl-button-text-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs,button.micl-button-elevated-s,button.micl-button-elevated-m,button.micl-button-elevated-l,button.micl-button-elevated-xl{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-button-elevated-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-elevated-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):hover,button.micl-button-elevated-s:not(:disabled):hover,button.micl-button-elevated-m:not(:disabled):hover,button.micl-button-elevated-l:not(:disabled):hover,button.micl-button-elevated-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-elevated-xs:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-s:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-m:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-l:not(:disabled):hover .micl-button__icon,button.micl-button-elevated-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-elevated-xs:not(:disabled):focus-visible,button.micl-button-elevated-s:not(:disabled):focus-visible,button.micl-button-elevated-m:not(:disabled):focus-visible,button.micl-button-elevated-l:not(:disabled):focus-visible,button.micl-button-elevated-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-elevated-xs:not(:disabled):active,button.micl-button-elevated-s:not(:disabled):active,button.micl-button-elevated-m:not(:disabled):active,button.micl-button-elevated-l:not(:disabled):active,button.micl-button-elevated-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-elevated-xs{block-size:32px;border:none}button.micl-button-elevated-s{block-size:40px;border:none}button.micl-button-filled-xs,button.micl-button-filled-s,button.micl-button-filled-m,button.micl-button-filled-l,button.micl-button-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-button-filled-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-filled-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-button-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-button-filled-xs:not(:disabled):hover,button.micl-button-filled-s:not(:disabled):hover,button.micl-button-filled-m:not(:disabled):hover,button.micl-button-filled-l:not(:disabled):hover,button.micl-button-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-filled-xs:not(:disabled):hover .micl-button__icon,button.micl-button-filled-s:not(:disabled):hover .micl-button__icon,button.micl-button-filled-m:not(:disabled):hover .micl-button__icon,button.micl-button-filled-l:not(:disabled):hover .micl-button__icon,button.micl-button-filled-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-filled-xs:not(:disabled):focus-visible,button.micl-button-filled-s:not(:disabled):focus-visible,button.micl-button-filled-m:not(:disabled):focus-visible,button.micl-button-filled-l:not(:disabled):focus-visible,button.micl-button-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-filled-xs:not(:disabled):active,button.micl-button-filled-s:not(:disabled):active,button.micl-button-filled-m:not(:disabled):active,button.micl-button-filled-l:not(:disabled):active,button.micl-button-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-tonal-xs,button.micl-button-tonal-s,button.micl-button-tonal-m,button.micl-button-tonal-l,button.micl-button-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-button-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):hover,button.micl-button-tonal-s:not(:disabled):hover,button.micl-button-tonal-m:not(:disabled):hover,button.micl-button-tonal-l:not(:disabled):hover,button.micl-button-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-tonal-xs:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-s:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-m:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-l:not(:disabled):hover .micl-button__icon,button.micl-button-tonal-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-tonal-xs:not(:disabled):focus-visible,button.micl-button-tonal-s:not(:disabled):focus-visible,button.micl-button-tonal-m:not(:disabled):focus-visible,button.micl-button-tonal-l:not(:disabled):focus-visible,button.micl-button-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-tonal-xs:not(:disabled):active,button.micl-button-tonal-s:not(:disabled):active,button.micl-button-tonal-m:not(:disabled):active,button.micl-button-tonal-l:not(:disabled):active,button.micl-button-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m,button.micl-button-outlined-l,button.micl-button-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-button-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-button-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon,button.micl-button-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):hover,button.micl-button-outlined-s:not(:disabled):hover,button.micl-button-outlined-m:not(:disabled):hover,button.micl-button-outlined-l:not(:disabled):hover,button.micl-button-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-button-outlined-xs:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-s:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-m:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-l:not(:disabled):hover .micl-button__icon,button.micl-button-outlined-xl:not(:disabled):hover .micl-button__icon{font-variation-settings:"FILL" 1}button.micl-button-outlined-xs:not(:disabled):focus-visible,button.micl-button-outlined-s:not(:disabled):focus-visible,button.micl-button-outlined-m:not(:disabled):focus-visible,button.micl-button-outlined-l:not(:disabled):focus-visible,button.micl-button-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-button-outlined-xs:not(:disabled):active,button.micl-button-outlined-s:not(:disabled):active,button.micl-button-outlined-m:not(:disabled):active,button.micl-button-outlined-l:not(:disabled):active,button.micl-button-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-button-outlined-xs,button.micl-button-outlined-s,button.micl-button-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-button-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}

package/dist/components/list/index.d.ts

@@ -1,5 +1,6 @@
-export declare const listSelector = ".micl-list-item-one,.micl-list-item-two,.micl-list-item-three";
+export declare const listSelector = ".micl-list";
 declare const _default: {
     keydown: (event: Event) => void;
+    initialize: (element: HTMLElement) => void;
 };
 export default _default;

package/dist/components/navigationrail/index.d.ts

@@ -1,5 +1,6 @@
-export declare const navigationrailSelector = ".micl-navigationrail__item[for]:not(.micl-navigationrail__item--disabled)";
+export declare const navigationrailSelector = ".micl-navigationrail";
 declare const _default: {
     keydown: (event: Event) => void;
+    initialize: (element: HTMLElement) => void;
 };
 export default _default;

package/dist/components/snackbar/index.d.ts

@@ -0,0 +1,5 @@
+export declare const snackbarSelector = ".micl-snackbar";
+declare const _default: {
+    initialize: (element: HTMLElement) => void;
+};
+export default _default;

package/dist/components/textfield/index.d.ts

@@ -3,6 +3,7 @@ export declare const textareaSelector = ".micl-textfield-outlined > textarea,.mi
 export declare const selectSelector = ".micl-textfield-filled > select,.micl-textfield-outlined > select";
 declare const _default: {
     initialize: (input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement) => void;
+    change: (event: Event) => void;
     input: (event: Event) => void;
 };
 export default _default;