beercss 4.0.3 → 4.0.4

package/README.md

@@ -4,7 +4,7 @@
 <p align="center">
     <a href="https://github.com/beercss/beercss/blob/main/LICENSE"><img src="https://img.shields.io/github/license/beercss/beercss" alt="license"></a>
     <a href="https://github.com/beercss/beercss"><img src="https://img.shields.io/jsdelivr/npm/hy/beercss" alt="downloads"></a>
-    <a><img src="https://img.shields.io/badge/brotli_size-14.6kb-green" alt="brotli size"></a>
+    <a><img src="https://img.shields.io/badge/brotli_size-14.5kb-green" alt="brotli size"></a>
     <a href="https://www.npmjs.com/package/beercss"><img src="https://img.shields.io/npm/v/beercss" alt="version"></a>
     <a href="https://github.com/beercss/beercss/pulls"><img src="https://img.shields.io/github/issues-pr/beercss/beercss" alt="pull Request"></a>
     <a href="https://github.com/beercss/beercss/issues"><img src="https://img.shields.io/github/issues/beercss/beercss" alt="issues"></a>
@@ -84,8 +84,8 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
 ### DEFAULT VERSION
 
 ```html
-<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.css" rel="stylesheet" />
-<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.css" rel="stylesheet" />
+<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js"></script>
 <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
 ```
 
@@ -103,8 +103,8 @@ import "material-dynamic-colors";
 Applied on child elements of `<* class="beer">...</*>`.
 
 ```html
-<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.scoped.min.css" rel="stylesheet" />
-<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.scoped.min.css" rel="stylesheet" />
+<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js"></script>
 <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
 ```
 
@@ -122,7 +122,7 @@ import "material-dynamic-colors";
 Applied on child elements of `<beer-css>...</beer-css>`.
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.custom-element.min.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.custom-element.min.js"></script>
 <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
 ```
 
@@ -138,7 +138,7 @@ import "material-dynamic-colors";
 
 ### LOCAL CDN VERSION
 
-Download all files from CDN https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/ and https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/. Now put the files inside a new folder in your project (like `/beercss` for example):
+Download all files from CDN https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/ and https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/. Now put the files inside a new folder in your project (like `/beercss` for example):
 
 ```html
 <link href="/beercss/beer.min.css" rel="stylesheet" />
@@ -159,8 +159,8 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="google" content="notranslate">
     <title>Hello world</title>
-    <link href="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.css" rel="stylesheet">
-    <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.css" rel="stylesheet">
+    <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
   </head>
   <body class="dark">

package/dist/cdn/beer.css

@@ -140,7 +140,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-outlined.woff2) format("woff2");
+  src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-outlined.woff2) format("woff2");
 }
 
 /* rounded icons */
@@ -150,7 +150,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-rounded.woff2) format("woff2");
+  src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-rounded.woff2) format("woff2");
 }
 
 /* sharp icons */
@@ -160,7 +160,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-sharp.woff2) format("woff2");
+  src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-sharp.woff2) format("woff2");
 }
 
 /* subset of only required icons */
@@ -170,7 +170,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-subset.woff2) format("woff2");
+  src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-subset.woff2) format("woff2");
 }
 
 /* begin scoped */
@@ -3598,7 +3598,7 @@ menu > li:last-child {
   border-bottom-right-radius: inherit;
 }
 
-menu > li:not(.none):hover {
+menu:not(.none) > li:not(.none):hover {
   background-color: color-mix(in srgb, currentColor 10%, transparent);
 }
 

package/dist/cdn/beer.custom-element.js

@@ -12,7 +12,7 @@ class BeerCssCustomElement extends HTMLElement {
     BeerCssCustomElement.isJsLoaded = true;
 
     if (window.ui) return;
-    return await import("https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.js");
+    return await import("https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js");
   }
   
   async addCss() {
@@ -23,7 +23,7 @@ class BeerCssCustomElement extends HTMLElement {
 
     const head = document.querySelector("head");
     const element = document.createElement("link");
-    element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.scoped.min.css");
+    element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.scoped.min.css");
     element.setAttribute("rel", "stylesheet");
     head.appendChild(element);
   }

package/dist/cdn/beer.custom-element.min.js

@@ -1 +1 @@
-class BeerCssCustomElement extends HTMLElement {static isCssLoaded = false;static isJsLoaded = false;constructor() {super();this.run();}async addJs() {if (BeerCssCustomElement.isJsLoaded) return;BeerCssCustomElement.isJsLoaded = true;if (window.ui) return;return await import("https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.js");}async addCss() {if (BeerCssCustomElement.isCssLoaded) return;BeerCssCustomElement.isCssLoaded = true;const isScoped = !!getComputedStyle(document.documentElement).getPropertyValue("--scoped");if (isScoped) return;const head = document.querySelector("head");const element = document.createElement("link");element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.scoped.min.css");element.setAttribute("rel", "stylesheet");head.appendChild(element);}async run() {await Promise.all([this.addJs(), this.addCss()]);ui();}}customElements.define("beer-css", BeerCssCustomElement);export default BeerCssCustomElement;
+class BeerCssCustomElement extends HTMLElement {static isCssLoaded = false;static isJsLoaded = false;constructor() {super();this.run();}async addJs() {if (BeerCssCustomElement.isJsLoaded) return;BeerCssCustomElement.isJsLoaded = true;if (window.ui) return;return await import("https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js");}async addCss() {if (BeerCssCustomElement.isCssLoaded) return;BeerCssCustomElement.isCssLoaded = true;const isScoped = !!getComputedStyle(document.documentElement).getPropertyValue("--scoped");if (isScoped) return;const head = document.querySelector("head");const element = document.createElement("link");element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.scoped.min.css");element.setAttribute("rel", "stylesheet");head.appendChild(element);}async run() {await Promise.all([this.addJs(), this.addCss()]);ui();}}customElements.define("beer-css", BeerCssCustomElement);export default BeerCssCustomElement;

package/dist/cdn/beer.min.css

@@ -1 +1 @@
-:root{--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: .1s;--speed2: .2s;--speed3: .3s;--speed4: .4s;--active: rgb(128 128 128 / .192);--overlay: rgb(0 0 0 / .5);--elevate1: 0 .125rem .125rem 0 rgb(0 0 0 / .32);--elevate2: 0 .25rem .5rem 0 rgb(0 0 0 / .4);--elevate3: 0 .375rem .75rem 0 rgb(0 0 0 / .48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right)}html{font-size:var(--size)}body{color:var(--on-surface);background-color:var(--surface);overflow-x:hidden;font-family:var(--font);font-size:.875rem;line-height:1.5rem;letter-spacing:.0313rem}@media(pointer:fine){body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button{background:none;inline-size:.4rem;block-size:.4rem}body :is(:focus,:hover)::-webkit-scrollbar-thumb,body :has(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}}@media(pointer:coarse){body:has(dialog[open],dialog.active),body:has(input[type=range]:focus){overflow:hidden}}:root,body.light{--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6}body.dark{--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-outlined.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-outlined.woff2) format("woff2")}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-rounded.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-rounded.woff2) format("woff2")}@font-face{font-family:Material Symbols Sharp;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-sharp.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-sharp.woff2) format("woff2")}@font-face{font-family:Material Symbols Subset;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-subset.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-subset.woff2) format("woff2")}*{-webkit-tap-highlight-color:transparent;position:relative;vertical-align:middle;color:inherit;margin:0;padding:0;border-radius:inherit;box-sizing:border-box}*:after,*:before{all:unset}label{font-size:.75rem;vertical-align:baseline}a,b,i,span,strong,em,code{vertical-align:baseline}a,button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border:none;font-family:inherit;outline:inherit;justify-content:center}:is(nav,.tabs,.field)>a,button,.button,.chip,i,label{-webkit-user-select:none;user-select:none}:not(.grid,nav,.row)>:not(progress.max)+:is(address,article,blockquote,code,.field,fieldset,form,.grid,h1,h2,h3,h4,h5,h6,nav,ol,p,pre,.row,section,aside,table,.tabs,ul):not([class*=margin],.right,.left,.top,.bottom){margin-block-start:1rem}:has(>[class*=margin]){padding:.1px}:is(a,button,.button,.chip,summary):focus-visible{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(nav,.row,li).group>:focus-visible{z-index:1}:is(button,.button,.chip)>:is(span,i,img,svg){pointer-events:none}div:is(:not([class]),[class=active]):has(>:not(.responsive)~:is(menu,.tooltip,input)){display:inline-flex}.middle-align{display:flex;align-items:center!important}.bottom-align{display:flex;align-items:flex-end!important}.top-align{display:flex;align-items:flex-start!important}.left-align{text-align:start;justify-content:flex-start!important}.right-align{text-align:end;justify-content:flex-end!important}.center-align{text-align:center;justify-content:center!important}[class*=blur],[class*=blur].light{--_blur: 1rem;-webkit-backdrop-filter:blur(var(--_blur));backdrop-filter:blur(var(--_blur));color:var(--on-surface);background-color:#ffffff80!important}.dark [class*=blur],[class*=blur].dark{background-color:#00000080!important}.small-blur{--_blur: .5rem}.large-blur{--_blur: 1.5rem}.red,.red6{background-color:#f44336!important}.red-border{border-color:#f44336!important}.red-text{color:#f44336!important}.red1{background-color:#ffebee!important}.red2{background-color:#ffcdd2!important}.red3{background-color:#ef9a9a!important}.red4{background-color:#e57373!important}.red5{background-color:#ef5350!important}.red7{background-color:#e53935!important}.red8{background-color:#d32f2f!important}.red9{background-color:#c62828!important}.red10{background-color:#b71c1c!important}.pink,.pink6{background-color:#e91e63!important}.pink-border{border-color:#e91e63!important}.pink-text{color:#e91e63!important}.pink1{background-color:#fce4ec!important}.pink2{background-color:#f8bbd0!important}.pink3{background-color:#f48fb1!important}.pink4{background-color:#f06292!important}.pink5{background-color:#ec407a!important}.pink7{background-color:#d81b60!important}.pink8{background-color:#c2185b!important}.pink9{background-color:#ad1457!important}.pink10{background-color:#880e4f!important}.purple,.purple6{background-color:#9c27b0!important}.purple-border{border-color:#9c27b0!important}.purple-text{color:#9c27b0!important}.purple1{background-color:#f3e5f5!important}.purple2{background-color:#e1bee7!important}.purple3{background-color:#ce93d8!important}.purple4{background-color:#ba68c8!important}.purple5{background-color:#ab47bc!important}.purple7{background-color:#8e24aa!important}.purple8{background-color:#7b1fa2!important}.purple9{background-color:#6a1b9a!important}.purple10{background-color:#4a148c!important}.deep-purple,.deep-purple6{background-color:#673ab7!important}.deep-purple-border{border-color:#673ab7!important}.deep-purple-text{color:#673ab7!important}.deep-purple1{background-color:#ede7f6!important}.deep-purple2{background-color:#d1c4e9!important}.deep-purple3{background-color:#b39ddb!important}.deep-purple4{background-color:#9575cd!important}.deep-purple5{background-color:#7e57c2!important}.deep-purple7{background-color:#5e35b1!important}.deep-purple8{background-color:#512da8!important}.deep-purple9{background-color:#4527a0!important}.deep-purple10{background-color:#311b92!important}.indigo,.indigo6{background-color:#3f51b5!important}.indigo-border{border-color:#3f51b5!important}.indigo-text{color:#3f51b5!important}.indigo1{background-color:#e8eaf6!important}.indigo2{background-color:#c5cae9!important}.indigo3{background-color:#9fa8da!important}.indigo4{background-color:#7986cb!important}.indigo5{background-color:#5c6bc0!important}.indigo7{background-color:#3949ab!important}.indigo8{background-color:#303f9f!important}.indigo9{background-color:#283593!important}.indigo10{background-color:#1a237e!important}.blue,.blue6{background-color:#2196f3!important}.blue-border{border-color:#2196f3!important}.blue-text{color:#2196f3!important}.blue1{background-color:#e3f2fd!important}.blue2{background-color:#bbdefb!important}.blue3{background-color:#90caf9!important}.blue4{background-color:#64b5f6!important}.blue5{background-color:#42a5f5!important}.blue7{background-color:#1e88e5!important}.blue8{background-color:#1976d2!important}.blue9{background-color:#1565c0!important}.blue10{background-color:#0d47a1!important}.light-blue,.light-blue6{background-color:#03a9f4!important}.light-blue-border{border-color:#03a9f4!important}.light-blue-text{color:#03a9f4!important}.light-blue1{background-color:#e1f5fe!important}.light-blue2{background-color:#b3e5fc!important}.light-blue3{background-color:#81d4fa!important}.light-blue4{background-color:#4fc3f7!important}.light-blue5{background-color:#29b6f6!important}.light-blue7{background-color:#039be5!important}.light-blue8{background-color:#0288d1!important}.light-blue9{background-color:#0277bd!important}.light-blue10{background-color:#01579b!important}.cyan,.cyan6{background-color:#00bcd4!important}.cyan-border{border-color:#00bcd4!important}.cyan-text{color:#00bcd4!important}.cyan1{background-color:#e0f7fa!important}.cyan2{background-color:#b2ebf2!important}.cyan3{background-color:#80deea!important}.cyan4{background-color:#4dd0e1!important}.cyan5{background-color:#26c6da!important}.cyan7{background-color:#00acc1!important}.cyan8{background-color:#0097a7!important}.cyan9{background-color:#00838f!important}.cyan10{background-color:#006064!important}.teal,.teal6{background-color:#009688!important}.teal-border{border-color:#009688!important}.teal-text{color:#009688!important}.teal1{background-color:#e0f2f1!important}.teal2{background-color:#b2dfdb!important}.teal3{background-color:#80cbc4!important}.teal4{background-color:#4db6ac!important}.teal5{background-color:#26a69a!important}.teal7{background-color:#00897b!important}.teal8{background-color:#00796b!important}.teal9{background-color:#00695c!important}.teal10{background-color:#004d40!important}.green,.green6{background-color:#4caf50!important}.green-border{border-color:#4caf50!important}.green-text{color:#4caf50!important}.green1{background-color:#e8f5e9!important}.green2{background-color:#c8e6c9!important}.green3{background-color:#a5d6a7!important}.green4{background-color:#81c784!important}.green5{background-color:#66bb6a!important}.green7{background-color:#43a047!important}.green8{background-color:#388e3c!important}.green9{background-color:#2e7d32!important}.green10{background-color:#1b5e20!important}.light-green,.light-green6{background-color:#8bc34a!important}.light-green-border{border-color:#8bc34a!important}.light-green-text{color:#8bc34a!important}.light-green1{background-color:#f1f8e9!important}.light-green2{background-color:#dcedc8!important}.light-green3{background-color:#c5e1a5!important}.light-green4{background-color:#aed581!important}.light-green5{background-color:#9ccc65!important}.light-green7{background-color:#7cb342!important}.light-green8{background-color:#689f38!important}.light-green9{background-color:#558b2f!important}.light-green10{background-color:#33691e!important}.lime,.lime6{background-color:#cddc39!important}.lime-border{border-color:#cddc39!important}.lime-text{color:#cddc39!important}.lime1{background-color:#f9fbe7!important}.lime2{background-color:#f0f4c3!important}.lime3{background-color:#e6ee9c!important}.lime4{background-color:#dce775!important}.lime5{background-color:#d4e157!important}.lime7{background-color:#c0ca33!important}.lime8{background-color:#afb42b!important}.lime9{background-color:#9e9d24!important}.lime10{background-color:#827717!important}.yellow,.yellow6{background-color:#ffeb3b!important}.yellow-border{border-color:#ffeb3b!important}.yellow-text{color:#ffeb3b!important}.yellow1{background-color:#fffde7!important}.yellow2{background-color:#fff9c4!important}.yellow3{background-color:#fff59d!important}.yellow4{background-color:#fff176!important}.yellow5{background-color:#ffee58!important}.yellow7{background-color:#fdd835!important}.yellow8{background-color:#fbc02d!important}.yellow9{background-color:#f9a825!important}.yellow10{background-color:#f57f17!important}.amber,.amber6{background-color:#ffc107!important}.amber-border{border-color:#ffc107!important}.amber-text{color:#ffc107!important}.amber1{background-color:#fff8e1!important}.amber2{background-color:#ffecb3!important}.amber3{background-color:#ffe082!important}.amber4{background-color:#ffd54f!important}.amber5{background-color:#ffca28!important}.amber7{background-color:#ffb300!important}.amber8{background-color:#ffa000!important}.amber9{background-color:#ff8f00!important}.amber10{background-color:#ff6f00!important}.orange,.orange6{background-color:#ff9800!important}.orange-border{border-color:#ff9800!important}.orange-text{color:#ff9800!important}.orange1{background-color:#fff3e0!important}.orange2{background-color:#ffe0b2!important}.orange3{background-color:#ffcc80!important}.orange4{background-color:#ffb74d!important}.orange5{background-color:#ffa726!important}.orange7{background-color:#fb8c00!important}.orange8{background-color:#f57c00!important}.orange9{background-color:#ef6c00!important}.orange10{background-color:#e65100!important}.deep-orange,.deep-orange6{background-color:#ff5722!important}.deep-orange-border{border-color:#ff5722!important}.deep-orange-text{color:#ff5722!important}.deep-orange1{background-color:#fbe9e7!important}.deep-orange2{background-color:#ffccbc!important}.deep-orange3{background-color:#ffab91!important}.deep-orange4{background-color:#ff8a65!important}.deep-orange5{background-color:#ff7043!important}.deep-orange7{background-color:#f4511e!important}.deep-orange8{background-color:#e64a19!important}.deep-orange9{background-color:#d84315!important}.deep-orange10{background-color:#bf360c!important}.brown,.brown6{background-color:#795548!important}.brown-border{border-color:#795548!important}.brown-text{color:#795548!important}.brown1{background-color:#efebe9!important}.brown2{background-color:#d7ccc8!important}.brown3{background-color:#bcaaa4!important}.brown4{background-color:#a1887f!important}.brown5{background-color:#8d6e63!important}.brown7{background-color:#6d4c41!important}.brown8{background-color:#5d4037!important}.brown9{background-color:#4e342e!important}.brown10{background-color:#3e2723!important}.blue-grey,.blue-grey6{background-color:#607d8b!important}.blue-grey-border{border-color:#607d8b!important}.blue-grey-text{color:#607d8b!important}.blue-grey1{background-color:#eceff1!important}.blue-grey2{background-color:#cfd8dc!important}.blue-grey3{background-color:#b0bec5!important}.blue-grey4{background-color:#90a4ae!important}.blue-grey5{background-color:#78909c!important}.blue-grey7{background-color:#546e7a!important}.blue-grey8{background-color:#455a64!important}.blue-grey9{background-color:#37474f!important}.blue-grey10{background-color:#263238!important}.grey,.grey6{background-color:#9e9e9e!important}.grey-border{border-color:#9e9e9e!important}.grey-text{color:#9e9e9e!important}.grey1{background-color:#fafafa!important}.grey2{background-color:#f5f5f5!important}.grey3{background-color:#eee!important}.grey4{background-color:#e0e0e0!important}.grey5{background-color:#bdbdbd!important}.grey7{background-color:#757575!important}.grey8{background-color:#616161!important}.grey9{background-color:#424242!important}.grey10{background-color:#212121!important}.horizontal{display:inline-flex;flex-direction:row!important;gap:1rem;inline-size:auto!important;max-inline-size:none!important}.horizontal>*{margin-block:0!important}.vertical{display:flex;flex-direction:column!important}:is(a,button,.button,.chip).vertical{display:inline-flex;gap:.25rem;block-size:auto!important;max-block-size:none!important;padding-block:.5rem}.vertical>*{margin-inline:0!important}.no-elevate{box-shadow:none!important}.small-elevate,.elevate{box-shadow:var(--elevate1)!important}.medium-elevate{box-shadow:var(--elevate2)!important}.large-elevate{box-shadow:var(--elevate3)!important}.round,[class*=-round]{--_round: 2rem;border-radius:var(--_round)!important}.small-round{--_round: .5rem}.large-round{--_round: 3.5rem}.no-round,.square,.top-round,.bottom-round,.left-round,.right-round{border-radius:.5rem!important}.top-round{border-start-start-radius:var(--_round)!important;border-start-end-radius:var(--_round)!important}.bottom-round{border-end-end-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}.left-round{border-start-start-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}.right-round{border-start-end-radius:var(--_round)!important;border-end-end-radius:var(--_round)!important}.circle:not(.extend){border-radius:50%}:is(.circle,.square):is(button,.button,.chip){padding:0;block-size:var(--_size);inline-size:var(--_size)}:is(.circle,.square)>span:not([class]){display:none}:is(.circle,.square).round{border-radius:1rem!important}.border:not(table,.field,.list,menu,article){box-sizing:border-box;border:.0625rem solid var(--outline);background-color:transparent;box-shadow:none}.no-border{border-color:transparent!important}.margin,[class*=-margin]:not(.left-margin,.right-margin,.top-margin,.bottom-margin,.horizontal-margin,.vertical-margin){margin:var(--_margin)!important}.margin,[class*=-margin]{--_margin: 1rem}.no-margin{--_margin: 0}.auto-margin{--_margin: auto}.tiny-margin{--_margin: .25rem}.small-margin{--_margin: .5rem}.large-margin{--_margin: 1.5rem}.left-margin,.horizontal-margin{margin-inline-start:var(--_margin)!important}.right-margin,.horizontal-margin{margin-inline-end:var(--_margin)!important}.top-margin,.vertical-margin{margin-block-start:var(--_margin)!important}.bottom-margin,.vertical-margin{margin-block-end:var(--_margin)!important}.no-opacity{opacity:1!important}.opacity{opacity:0!important}.small-opacity{opacity:.75!important}.medium-opacity{opacity:.5!important}.large-opacity{opacity:.25!important}.padding,[class*=-padding]:not(.left-padding,.right-padding,.top-padding,.bottom-padding,.horizontal-padding,.vertical-padding){padding:var(--_padding)!important}.padding,[class*=-padding]{--_padding: 1rem}.no-padding{--_padding: 0 !important}.tiny-padding{--_padding: .25rem !important}.small-padding{--_padding: .5rem !important}.large-padding{--_padding: 1.5rem !important}.left-padding,.horizontal-padding{padding-inline-start:var(--_padding)!important}.right-padding,.horizontal-padding{padding-inline-end:var(--_padding)!important}.top-padding,.vertical-padding{padding-block-start:var(--_padding)!important}.bottom-padding,.vertical-padding{padding-block-end:var(--_padding)!important}.front{z-index:10!important}.back{z-index:-10!important}.left{inset-inline-start:0}.right{inset-inline-end:0}.top{inset-block-start:0}.bottom{inset-block-end:0}.center{inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .center{transform:translate(50%)}.middle{inset-block-start:50%;transform:translateY(-50%)}.middle.center{transform:translate(-50%,-50%)}[dir=rtl] .middle.center{transform:translate(50%,-50%)}.ripple{--_duration: .6s}.fast-ripple{--_duration: .2s}.slow-ripple{--_duration: 1.8s}.ripple-js{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ripple-js>div{position:absolute;border-radius:50%;background:currentColor;opacity:.3;transform:scale(0);animation:to-ripple var(--_duration) linear}@keyframes to-ripple{to{transform:scale(4);opacity:0}}.scroll{overflow:auto}.no-scroll{overflow:hidden}.shadow{background-color:#00000050}:is(.left-shadow,.right-shadow,.top-shadow,.bottom-shadow){background-color:transparent!important}.left-shadow{background-image:linear-gradient(to right,black,transparent)!important}.right-shadow{background-image:linear-gradient(to left,black,transparent)!important}.bottom-shadow{background-image:linear-gradient(to top,black,transparent)!important}.top-shadow{background-image:linear-gradient(to bottom,black,transparent)!important}[class*=-width]{max-inline-size:100%}.auto-width{inline-size:auto}.small-width{inline-size:12rem!important}.medium-width{inline-size:24rem!important}.large-width{inline-size:36rem!important}.auto-height{block-size:auto}.small-height{block-size:12rem!important}.medium-height{block-size:24rem!important}.large-height{block-size:36rem!important}.wrap{display:block;white-space:normal}.no-wrap:not(menu){display:flex;white-space:nowrap}.tiny-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:.5rem}:is(.space,.small-space):not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:1rem}.medium-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:2rem}.large-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:3rem}.extra-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:4rem}.responsive{inline-size:-webkit-fill-available;inline-size:-moz-available}@media only screen and (max-width:600px){:is(.m,.l):not(.s){display:none!important}}@media only screen and (min-width:601px)and (max-width:992px){:is(.s,.l):not(.m){display:none!important}}@media only screen and (min-width:993px){:is(.m,.s):not(.l){display:none!important}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400;display:block;align-items:center;line-height:normal}h1,.h1{font-size:3.5625rem}h2,.h2{font-size:2.8125rem}h3,.h3{font-size:2.25rem}h4,.h4{font-size:2rem}h5,.h5{font-size:1.75rem}h6,.h6{font-size:1.5rem}:is(h1,.h1).small{font-size:3.0625rem}:is(h2,.h2).small{font-size:2.3125rem}:is(h3,.h3).small{font-size:1.75rem}:is(h4,.h4).small{font-size:1.5rem}:is(h5,.h5).small{font-size:1.25rem}:is(h6,.h6).small{font-size:1rem}:is(h1,.h1).large{font-size:4.0625rem}:is(h2,.h2).large{font-size:3.3125rem}:is(h3,.h3).large{font-size:2.75rem}:is(h4,.h4).large{font-size:2.5rem}:is(h5,.h5).large{font-size:2.25rem}:is(h6,.h6).large{font-size:2rem}.link{color:var(--primary)!important}.inverse-link{color:var(--inverse-primary)!important}.truncate{overflow:hidden;white-space:nowrap!important;text-overflow:ellipsis;flex:inherit}.truncate>*{white-space:nowrap!important}.small-text{font-size:.75rem}.medium-text{font-size:.875rem}.large-text{font-size:1rem}.upper{text-transform:uppercase}.lower{text-transform:lowercase}.capitalize{text-transform:capitalize}.bold{font-weight:700}.overline{text-decoration:line-through}.underline{text-decoration:underline}.italic{font-style:italic}p{margin:.5rem 0}.no-line{line-height:normal}.tiny-line{line-height:1.25rem}.small-line{line-height:1.5rem}.medium-line{line-height:1.75rem}.large-line{line-height:2rem}.extra-line{line-height:2.25rem}pre{border-radius:0;background-color:var(--surface-container);white-space:pre-wrap;padding:1rem;border-inline-start:.25rem solid var(--primary);font-family:inherit}blockquote{border-radius:0;padding:1rem;border-inline-start:.25rem solid var(--primary);font-family:inherit}code{border-radius:0;background-color:var(--surface-container);white-space:pre-wrap;padding:.25rem}pre>code,blockquote>code{padding:0}.scroll>code{white-space:pre}pre:has(>code){direction:ltr;text-align:start}sub{vertical-align:sub}sup{vertical-align:super}:is(.wave,.chip,.button,button,nav.tabbed>a,.tabs>a,nav.toolbar>a):not(.slow-ripple,.ripple,.fast-ripple):after,nav:is(.left,.right,.bottom,.top).max>a:after,nav:is(.left,.right,.bottom,.top).max>:is(ol,ul)>li>a:after,nav:is(.left,.right,.bottom,.top):not(.max)>a>i:after,nav:is(.left,.right,.bottom,.top):not(.max)>:is(ol,ul)>li>a>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;inline-size:100%;block-size:100%;background-position:center;background-image:radial-gradient(circle,currentColor 1%,transparent 1%);opacity:0;transition:none;pointer-events:none}:is(.wave,.chip,.button,button,nav.tabbed>a,.tabs>a,nav.toolbar>a):not(.slow-ripple,.ripple,.fast-ripple):is(:focus-visible,:hover):after,nav:is(.left,.right,.bottom,.top).max>a:not(.button,.chip):is(:focus-visible,:hover):after,nav:is(.left,.right,.bottom,.top).max>:is(ol,ul)>li>a:not(.button,.chip):is(:focus-visible,:hover):after,nav:is(.left,.right,.bottom,.top):not(.max)>a:not(.button,.chip):is(:focus-visible,:hover)>i:after,nav:is(.left,.right,.bottom,.top):not(.max)>:is(ol,ul)>li>a:not(.button,.chip):is(:focus-visible,:hover)>i:after{background-size:22500%;opacity:.1;transition:background-size var(--speed2) linear}:is(.wave,.chip,.button,button,nav.tabbed>a,.tabs>a,nav.toolbar>a,nav.max>a):not(.slow-ripple,.ripple,.fast-ripple):active:after,nav:is(.left,.right,.bottom,.top).max>a:active:after,nav:is(.left,.right,.bottom,.top).max>:is(ol,ul)>li>a:active:after,nav:is(.left,.right,.bottom,.top):not(.max)>a:active>i:after,nav:is(.left,.right,.bottom,.top):not(.max)>:is(ol,ul)>li>a:active>i:after{background-size:0%;opacity:0;transition:none}.no-wave:after,.no-wave:is(:hover,:active):after{display:none}.zoom,.tiny-zoom{zoom:2}.small-zoom{zoom:3}.medium-zoom{zoom:4}.large-zoom{zoom:5}.extra-zoom{zoom:6}.badge{--_x: 0;--_y: -100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;font-size:.6875rem;text-transform:none;z-index:2;padding:0 .25rem;min-block-size:1rem;min-inline-size:1rem;background-color:var(--error);color:var(--on-error);line-height:normal;border-radius:1rem;inset:50% auto auto 50%;transform:translate(var(--_x, 50%),var(--_y, -50%));font-family:var(--font)}.badge.top{--_y: -100%}.badge.bottom{--_y: 0}.badge.left{--_x: -100%}.badge.right{--_x: 0}.badge.border{border-color:var(--error);color:var(--error);background-color:var(--surface)}.badge:is(.circle,.square){text-align:center;inline-size:auto;block-size:auto;padding:0 .25rem;border-radius:1rem}.badge.square{border-radius:0}.badge.min>*{display:none}.badge.min{clip-path:circle(18.75% at 50% 50%)}nav:is(.left,.right,.top,.bottom)>a>.badge,nav:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a>.badge{inset:1rem auto auto 50%}.badge.none{inset:auto!important;transform:none;position:relative;margin:0 .125rem}header,footer{display:grid;align-content:center;border-radius:0;padding:0 1rem}:is(dialog,article)>:is(header,footer){padding-inline:0;top:0;right:0;bottom:0;left:0}header{min-block-size:4rem}footer{min-block-size:5rem}:is(header,footer,menu>*).fixed{position:sticky;top:0;right:0;bottom:0;left:0;z-index:11;background-color:inherit}header.fixed{inset:calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start:calc(-1 * var(--_padding, 0))}footer.fixed{inset:0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end:calc(-1 * var(--_padding, 0))}:is(header,footer).fixed.min{margin-inline:auto}dialog>:is(header,footer){background:none}dialog>:is(header,footer).fixed{background-color:inherit}:is(main,header,footer,section).responsive{max-inline-size:min(100vw,75rem);margin:0 auto}:is(main,header,footer,section).responsive.max{max-inline-size:none}:has(>main)>:is(header,footer).fixed{transform:none;box-sizing:content-box;position:sticky;top:0;right:0;bottom:0;left:0;z-index:12}:has(>main)>header{padding-block-start:var(--top, 0)}:has(>main)>footer{padding-block-end:var(--bottom, 0)}nav.top~header,nav.bottom~footer{padding-block:0}nav.top~header.fixed{inset-block:calc(var(--top, 0) + 4.5rem) 0}nav.bottom~footer.fixed{inset-block:0 calc(var(--bottom, 0) + 4.5rem)}:is(nav,.row)>header{background-color:inherit}.button,button{--_padding: 1rem;--_size: 2.5rem;box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);font-size:.875rem;font-weight:500;color:var(--on-primary);padding:0 var(--_padding);background-color:var(--primary);border-radius:var(--_size);transition:transform var(--speed3),border-radius var(--speed2),padding var(--speed3);-webkit-user-select:none;user-select:none;gap:.5rem;line-height:normal}:is(button,.button).small{--_size: 2rem;--_padding: .75rem}:is(button,.button).large{--_size: 3rem;--_padding: 1.25rem}:is(.button,button):is(.extra,.extend){--_size: 3.5rem;font-size:1rem;--_padding: 1.5rem}:is(button,.button):is(.square,.circle){--_padding: 0}:is(button,.button).border{border-color:var(--outline-variant);color:var(--primary)}.extend>span:not([class]){display:none}.extend:is(:hover,.active){inline-size:auto;--_padding: 1.5rem;padding:0 var(--_padding)}.extend:is(:hover,.active)>i+span{display:inherit;margin-inline-start:var(--_padding)}.extend:is(:hover,.active)>:is(img,svg)+span{display:inherit;margin-inline-start:calc(1rem + var(--_padding, 0))}:is(.button,button)[disabled]{opacity:.5;cursor:not-allowed}.button[disabled]{pointer-events:none}:is(.button,button)[disabled]:before,:is(.button,button)[disabled]:after{display:none}:is(.button,button):not(.chip,.extend).fill{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.button,button):not(.chip,.extend).active{background-color:var(--primary-container);color:var(--on-primary-container)}:is(.button,button):not(.chip,.extend).fill.active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.button,button):not(.chip,.extend).border.active{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important;border-color:var(--inverse-surface)!important}:is(.button,button):not(.chip):active,:is(.button,button):not(.chip).active{border-radius:.5rem!important}article{--_padding: 1rem;box-shadow:var(--elevate1);background-color:var(--surface-container-low);color:var(--on-surface);padding:var(--_padding);border-radius:.75rem;display:block;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3)}article.small{block-size:12rem}article.medium{block-size:20rem}article.large{block-size:32rem}article.border{box-shadow:none;border:.0625rem solid var(--outline-variant)}.chip{--_padding: .75rem;--_size: 2rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);min-inline-size:var(--_size);font-size:.875rem;font-weight:500;background-color:transparent;border:.0625rem solid var(--outline-variant);color:var(--on-surface-variant);padding:0 var(--_padding);text-transform:none;border-radius:.5rem;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);-webkit-user-select:none;user-select:none;gap:.5rem;line-height:normal;letter-spacing:normal}.chip.medium{--_size: 2.5rem;--_padding: 1rem}.chip.large{--_padding: 1.25rem;--_size: 3rem}.chip.fill{border:none}dialog{--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display:block;visibility:hidden;border:none;opacity:0;position:fixed;box-shadow:var(--elevate2);color:var(--on-surface);background-color:var(--surface-container-high);padding:var(--_padding);z-index:100;inset:10% auto auto 50%;min-inline-size:20rem;max-inline-size:100%;max-block-size:80%;overflow-x:hidden;overflow-y:auto;transition:all var(--speed3),0s background-color;border-radius:1.75rem;transform:translate(-50%,-4rem);outline:none}dialog.small{inline-size:25%;block-size:25%}dialog.medium{inline-size:50%;block-size:50%}dialog.large{inline-size:75%;block-size:75%}dialog:is(.active,[open]){visibility:visible;opacity:1;transform:translate(-50%)}dialog:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}dialog:is(.top,.right,.bottom,.left,.max){--_padding: 1rem}dialog:is(.top,.bottom){opacity:1;block-size:auto;inline-size:100%;min-inline-size:auto;max-block-size:100%}dialog.top{inset:0 auto auto 0;transform:translateY(-100%);border-radius:0 0 1rem 1rem;padding-block-start:var(--_top)}dialog.bottom{inset:auto auto 0 0;transform:translateY(100%);border-radius:1rem 1rem 0 0;padding-block-end:var(--_bottom)}dialog:is(.left,.right){opacity:1;inset:0 auto auto 0;inline-size:auto;block-size:100%;max-block-size:100%;background-color:var(--surface);padding-block:var(--_top) var(--_bottom)}[dir=rtl] dialog.right,dialog.left{inset:0 auto auto 0;border-radius:0 1rem 1rem 0;transform:translate(-100%)}[dir=rtl] dialog.left,dialog.right{inset:0 0 auto auto;border-radius:1rem 0 0 1rem;transform:translate(100%)}dialog.max{inset:0 auto auto 0;inline-size:100%;block-size:100%;max-inline-size:100%;max-block-size:100%;transform:translateY(4rem);background-color:var(--surface);border-radius:0;padding-block:var(--_top) var(--_bottom)}dialog:is(.active,[open]):is(.left,.right,.top,.bottom,.max){transform:translate(0)}dialog:popover-open:is(.left,.right,.top,.bottom,.max){transform:translate(0)}dialog.small:is(.left,.right){inline-size:20rem}dialog.medium:is(.left,.right){inline-size:32rem}dialog.large:is(.left,.right){inline-size:44rem}dialog.small:is(.top,.bottom){block-size:16rem}dialog.medium:is(.top,.bottom){block-size:24rem}dialog.large:is(.top,.bottom){block-size:32rem}hr,[class*=divider]{all:unset;inline-size:-webkit-fill-available;min-block-size:auto;block-size:.0625rem;background-color:var(--outline-variant);display:block}hr+*,[class*=divider]+*{margin:0!important}hr.medium,.medium-divider{margin:1rem 0!important}hr.large,.large-divider{margin:1.5rem 0!important}hr.small,.small-divider{margin:.5rem 0!important}li:has(>hr),li:has(>.divider){padding:0!important;align-self:normal!important;min-inline-size:auto!important;min-block-size:auto!important;inline-size:-webkit-fill-available}hr.vertical,.divider.vertical,li:has(>hr.vertical),li:has(>.divider.vertical){padding:0!important;align-self:center!important;min-inline-size:auto;min-block-size:1.5rem;inline-size:.0625rem}summary{list-style-type:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary>*{pointer-events:none;margin:0}li>details>summary+.list{margin:0!important}.field{--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius:.25rem .25rem 0 0;min-block-size:var(--_input);display:flex;flex-direction:column}.field.fill{--_background: var(--surface-variant);background-color:unset!important;color:unset!important}.field.fill>:is(input,select,textarea){background-color:var(--_background);z-index:0}.field.small{--_input: 2.5rem;--_start: 1rem}.field.large{--_input: 3.5rem;--_start: 1.4rem}.field.extra{--_input: 4rem;--_start: 1.6rem}.field.border{border-radius:.25rem}.field.round.small{border-radius:1.25rem}.field.round{border-radius:1.5rem}.field.round.large{border-radius:1.75rem}.field.round.extra{border-radius:2rem}.field>:is(i,img,svg,progress.circle,a){position:absolute;inset:calc((var(--_input, 0) / 2) - .75rem) auto auto auto;cursor:pointer;z-index:10;inline-size:1.5rem;block-size:1.5rem;margin:auto 0;pointer-events:none}.field>:is(a,.front){pointer-events:all!important}.field>a>:is(i,img,svg,progress.circle,a){inline-size:1.5rem;block-size:1.5rem}.field>:is(i,img,svg,progress.circle,a),[dir=rtl] .field>:is(i,img,svg,progress.circle,a):first-child{inset:calc(var(--_middle, 0) - .75rem) 1rem auto auto}.field>:is(i,img,svg,progress.circle,a):first-child,[dir=rtl] .field>:is(i,img,svg,progress.circle,a){inset:calc(var(--_middle, 0) - .75rem) auto auto 1rem}.field.invalid>i{color:var(--error)}.field>progress.circle{border-width:.1875rem}.field>:is(input,textarea,select){all:unset;position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:inherit;border:.0625rem solid transparent;padding:0 .9375rem;font-family:inherit;font-size:1rem;min-block-size:var(--_input);outline:none;z-index:1;background:none;resize:none;text-align:start;cursor:text}input::-webkit-date-and-time-value{text-align:start}:is(input,select,textarea):is(:-webkit-autofill,:autofill){-webkit-background-clip:text;-webkit-text-fill-color:var(--on-surface)}.field>:is(input,textarea,select):focus{border:.125rem solid transparent;padding-inline:.875rem}.field>textarea:not([rows]){field-sizing:content;max-block-size:12rem}input[type=file],input[type=color],:not(.field)>input[type^=date],:not(.field)>input[type^=time],input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;outline:0;z-index:2!important}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.field.border>:is(input,textarea,select){border-color:var(--outline)}.field.border>:is(input,textarea,select):focus{border-color:var(--primary)}.field.round>:is(input,textarea,select){padding-inline:1.4376rem}.field.round>:is(input,textarea,select):focus{padding-inline:1.375rem}.field.prefix>:is(input,textarea,select){padding-inline-start:2.9375rem}.field.prefix>.slider{margin-inline-start:3.5rem}.field.prefix>:is(input,textarea,select):focus{padding-inline-start:2.875rem}.field.suffix>:is(input,textarea,select){padding-inline-end:2.9375rem}.field.suffix>.slider{margin-inline-end:3.5rem}.field.suffix>:is(input,textarea,select):focus{padding-inline-end:2.875rem}.field:not(.border,.round)>:is(input,textarea,select){border-block-end-color:var(--outline)}.field:not(.border,.round)>:is(input,textarea,select):focus{border-block-end-color:var(--primary)}.field.round:not(.border,.fill)>:is(input,textarea,select),.field.round:not(.border)>:is(input,textarea,select):focus{box-shadow:var(--elevate1)}.field.round:not(.border,.fill)>:is(input,textarea,select):focus{box-shadow:var(--elevate2)}.field.invalid:not(.border,.round)>:is(input,textarea,select),.field.invalid:not(.border,.round)>:is(input,textarea,select):focus{border-block-end-color:var(--error)}.field.invalid.border>:is(input,textarea,select),.field.invalid.border>:is(input,textarea,select):focus{border-color:var(--error)}.field:has(>:disabled){opacity:.5;cursor:not-allowed}.field>:disabled{cursor:not-allowed}.field>select{-webkit-user-select:none;user-select:none}@-moz-document url-prefix(){.field>select:focus{background-color:var(--surface)}.field.fill>select:focus{background-color:var(--surface-variant)}.field>select:focus+label{z-index:1}}.field>select>option{background-color:var(--surface)}.field>:is(input,select){padding-block-start:1rem}.field:not(.label)>:is(input,select),.field.border:not(.fill)>:is(input,select){padding-block-start:0}.field>textarea{padding-block-start:var(--_start)!important}.field>textarea:focus{padding-block-start:calc(var(--_start, 0) - .01rem)!important}.field:not(.label)>textarea,.field.border:not(.fill)>textarea{padding-block-start:calc(var(--_start, 0) - .5rem)!important}.field:not(.label)>textarea:focus,.field.border:not(.fill)>textarea:focus{padding-block-start:calc(var(--_start, 0) - .51rem)!important}.field.label>label{--_start: 1rem;position:absolute;inset:-.5rem 1rem 0 var(--_start);display:flex;block-size:calc(var(--_input, 0) + 1rem);line-height:calc(var(--_input, 0) + 1rem);font-size:1rem;transition:all .2s;gap:.25rem;white-space:nowrap;pointer-events:none}[dir=rtl] .field.label>label{inset:-.5rem var(--_start) 0 1rem}.field.label.round>label{inset:-.5rem 1.75rem 0 var(--_start)}[dir=rtl] .field.label.round>label{inset:-.5rem 1.75rem 0 var(--_start)}.field.label.border.prefix:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start: 1rem}.field.label.round>label,.field.label.border.prefix.round:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start: 1.5rem}.field.label.prefix>label{--_start: 3rem}.field.label>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:2.5rem;line-height:2.5rem;font-size:.75rem}.field.label.border:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:1rem;line-height:1rem}.field.label.border:not(.fill)>label:after{content:"";display:block;margin:.5rem 0 0;border-block-start:.0625rem solid var(--outline);block-size:1rem;transition:none;flex:auto}.field.label.border:not(.fill)>:focus+label:after{border-block-start:.125rem solid var(--primary)}.field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),.field.label.border:not(.fill)>select{clip-path:polygon(-2% -2%,.75rem -2%,.75rem .5rem,calc(100% - 1rem) .5rem,calc(100% - 1rem) -2%,102% -2%,102% 102%,-2% 102%)}[dir=rtl] .field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),[dir=rtl] .field.label.border:not(.fill)>select{clip-path:polygon(-2% -2%,1rem -2%,1rem .5rem,calc(100% - .75rem) .5rem,calc(100% - .75rem) -2%,102% -2%,102% 102%,-2% 102%)}.field.label.border.round:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),.field.label.border.round:not(.fill)>select{clip-path:polygon(-2% -2%,1.25rem -2%,1.25rem .5rem,calc(100% - 1.75rem) .5rem,calc(100% - 1.75rem) -2%,102% -2%,102% 102%,-2% 102%)}[dir=rtl] .field.label.border.round:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),[dir=rtl] .field.label.border.round:not(.fill)>select{clip-path:polygon(-2% -2%,1.75rem -2%,1.75rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) -2%,102% -2%,102% 102%,-2% 102%)}.field.label>:focus+label{color:var(--primary)}.field.label.invalid>label,.field.label.invalid>label:after{color:var(--error)!important;border-color:var(--error)!important}.field.label>label>a{block-size:inherit;line-height:inherit;inline-size:1rem}.field.label>label>a>:is(i,img,svg){block-size:1rem;line-height:1rem;inline-size:1rem;font-size:1rem}.field>output{display:inline-block;font-size:.75rem;background:none!important;padding:.25rem 1rem;line-height:1.25rem;align-self:start}.field>output.invalid{color:var(--error)!important}.field.round>output{padding:.25rem 1.5rem}.field.invalid>output:not(.invalid),.field:not(.invalid)>output.invalid{display:none}.field.invalid>output.invalid~menu,.field:not(.invalid)>output:not(.invalid)~menu{inset:auto auto 1.75rem 0}table td>.field{margin:0}fieldset{border-radius:.25rem;padding:1rem;border:.0625rem solid var(--outline-variant)}fieldset>legend{margin:0 -.25rem;padding:0 .25rem}fieldset>legend+*{margin-block-start:0!important}.grid{--_gap: 1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--_gap);block-size:auto}.grid.no-space{--_gap: 0rem}.grid.medium-space{--_gap: 1.5rem}.grid.large-space{--_gap: 2rem}.grid>*{margin:0}.s1{grid-area:auto/span 1}.s2{grid-area:auto/span 2}.s3{grid-area:auto/span 3}.s4{grid-area:auto/span 4}.s5{grid-area:auto/span 5}.s6{grid-area:auto/span 6}.s7{grid-area:auto/span 7}.s8{grid-area:auto/span 8}.s9{grid-area:auto/span 9}.s10{grid-area:auto/span 10}.s11{grid-area:auto/span 11}.s12{grid-area:auto/span 12}@media only screen and (min-width:601px){.m1{grid-area:auto/span 1}.m2{grid-area:auto/span 2}.m3{grid-area:auto/span 3}.m4{grid-area:auto/span 4}.m5{grid-area:auto/span 5}.m6{grid-area:auto/span 6}.m7{grid-area:auto/span 7}.m8{grid-area:auto/span 8}.m9{grid-area:auto/span 9}.m10{grid-area:auto/span 10}.m11{grid-area:auto/span 11}.m12{grid-area:auto/span 12}}@media only screen and (min-width:993px){.l1{grid-area:auto/span 1}.l2{grid-area:auto/span 2}.l3{grid-area:auto/span 3}.l4{grid-area:auto/span 4}.l5{grid-area:auto/span 5}.l6{grid-area:auto/span 6}.l7{grid-area:auto/span 7}.l8{grid-area:auto/span 8}.l9{grid-area:auto/span 9}.l10{grid-area:auto/span 10}.l11{grid-area:auto/span 11}.l12{grid-area:auto/span 12}}i,:is(.checkbox,.radio,.switch)>span:before,:is(.checkbox,.radio,.switch)>span>i{--_size: 1.5rem;font-family:var(--font-icon);font-weight:400;font-style:normal;font-size:var(--_size);letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;text-align:center;overflow:hidden;inline-size:var(--_size);min-inline-size:var(--_size);block-size:var(--_size);min-block-size:var(--_size);box-sizing:content-box;line-height:normal;border-radius:0}i:has(.badge){overflow:unset}i.tiny{--_size: 1rem}.chip>i,i.small{--_size: 1.25rem}i.medium{--_size: 1.5rem}i.large{--_size: 1.75rem}i.extra{--_size: 2rem}i.fill,a.active>i,button.active>i{font-variation-settings:"FILL" 1}i>:is(img,svg){inline-size:100%;block-size:100%;background-size:100%;border-radius:inherit;position:absolute;inset:0 auto auto 0;padding:inherit}i[class*=fa-]{font-size:calc(var(--_size, 0) * .85);line-height:normal;block-size:auto;min-block-size:auto}.absolute{position:absolute}.fixed{position:fixed}:is(.absolute,.fixed).left.right{inline-size:auto}:is(.absolute,.fixed).left.right.small{block-size:20rem}:is(.absolute,.fixed).left.right.medium{block-size:28rem}:is(.absolute,.fixed).left.right.large{block-size:44rem}:is(.absolute,.fixed).top.bottom.small{inline-size:20rem}:is(.absolute,.fixed).top.bottom.medium{inline-size:28rem}:is(.absolute,.fixed).top.bottom.large{inline-size:44rem}.list{display:flex;flex-direction:column;padding:0;margin:0;flex:1}.list>li,.list>li>details>summary,.list>li>a:only-child{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;align-self:normal;text-align:start;justify-content:flex-start;white-space:nowrap;gap:1rem;min-block-size:3.5rem;padding:.5rem 1rem;cursor:pointer;flex:1}.list>li:has(ul,ol,details[open],a:only-child){padding:0}.list>li>.list{padding:0 0 0 1rem}.list>li>*,.list>li>a:only-child>*{margin:0}.list>li>:is(details,.max),.list>li>a:only-child>.max,.list>li>details>summary>.max{flex:1}.list.border>li:not(:last-child):before,.list.border>li>details[open]>summary:before{content:"";position:absolute;background-color:var(--outline-variant);inset:auto 0 0 0;block-size:.0625rem;inline-size:auto}.list.no-space>li,.list.no-space>li>details>summary{min-block-size:2.5rem}.list.medium-space>li,.list.medium-space>li>details>summary{min-block-size:4.5rem}.list.large-space>li,.list.large-space>li>details>summary{min-block-size:5.5rem}.list>li:focus-visible,.list>li>a:only-child:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.25rem}:has(>main){display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"left top right" "left header right" "left main right" "left footer right" "left bottom right";min-block-size:100dvh;box-sizing:border-box;background-color:var(--surface)}nav.left{grid-area:left}nav.right{grid-area:right}nav.top{grid-area:top}nav.bottom{grid-area:bottom}header{grid-area:header}footer{grid-area:footer}main{--_padding: .5rem;grid-area:main;padding:var(--_padding);overflow:hidden}aside{z-index:1}aside:not(.fixed,.absolute).right{float:right}aside:not(.fixed,.absolute).left{float:left}svg{fill:currentcolor}:is(img,svg,video):is(.small,.medium,.large,.tiny,.extra,.round,.circle,.square,.responsive){--_size: 3rem;object-fit:cover;object-position:center;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);block-size:var(--_size);inline-size:var(--_size)}:is(img,svg,video).round{--_round: .5rem}:is(img,svg,video).tiny{--_size: 2rem}:is(img,svg,video).small{--_size: 2.5rem}:is(img,svg,video).large{--_size: 3.5rem}:is(img,svg,video).extra{--_size: 4rem}:is(img,svg,video).responsive{--_size: 100%;margin:0 auto}:is(img,svg,video).responsive.tiny{inline-size:100%;block-size:4rem}:is(img,svg,video).responsive.small{inline-size:100%;block-size:8rem}:is(img,svg,video).responsive.medium{inline-size:100%;block-size:12rem}:is(img,svg,video).responsive.large{inline-size:100%;block-size:16rem}:is(img,svg,video).responsive.extra{inline-size:100%;block-size:20rem}:is(img,svg,video).responsive.round{--_round: 2rem}:is(img,svg,video).empty-state{max-inline-size:100%;inline-size:24rem}:is(button,.button,.chip):not(.transparent)>.responsive{border:.25rem solid transparent}:is(button,.button,.chip,.field)>:is(img,svg):not(.responsive),.tabs :is(img,svg):not(.responsive){min-inline-size:1.5rem;max-inline-size:1.5rem;min-block-size:1.5rem;max-block-size:1.5rem}:is(button,.button,.chip):not(.extend)>.responsive:first-child{margin-inline-start:calc(-1 * var(--_padding, 0))}:is(button,.button,.chip):not(.extend)>.responsive:not(:first-child){margin-inline-end:calc(-1 * var(--_padding, 0))}:is(button,.button,.chip,.circle,.square,.extend)>.responsive{--_size: inherit;margin:0 auto}.extend>:is(.responsive,i){margin:0;position:absolute;inset-inline:1rem;z-index:1}.extend>.responsive{inset-inline:0;inline-size:3.5rem}.extend.border>.responsive{inline-size:3.375rem}menu{opacity:0;visibility:hidden;position:absolute;box-shadow:var(--elevate2);background-color:var(--surface-container);z-index:11;inset:auto auto 0 0;inline-size:100%;max-block-size:50vh;max-inline-size:none!important;overflow-x:hidden;overflow-y:auto;font-size:.875rem;font-weight:400;text-transform:none;color:var(--on-surface);line-height:normal;text-align:start;border-radius:1rem;transform:scale(.8) translateY(120%);transition:all var(--speed2) var(--speed2),background-color 0s;justify-content:flex-start;padding:.125rem .25rem;display:flex;flex-direction:column;gap:.125rem}[dir=rtl] menu{inset:auto 0 0 auto}menu.no-wrap{inline-size:max-content;white-space:nowrap!important}menu.active,:not([data-ui]):focus-within>menu,menu>li:hover>menu,menu>li>menu:hover{opacity:1;visibility:visible;transform:scale(1) translateY(100%);transition:all var(--speed2),background-color 0s}menu.top.active,:not([data-ui]):focus-within>menu.top,menu>li:hover>menu.top,menu>li>menu.top:hover{transform:scale(1) translateY(-100%)}menu:is(.min,.max).active,:not([data-ui]):focus-within>menu:is(.min,.max){transform:scale(1)}menu *{white-space:inherit!important}menu>li,menu>li>a:only-child{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;align-self:normal;text-align:start;justify-content:inherit;white-space:nowrap;gap:1rem;padding:.5rem 1rem;min-block-size:2.75rem;flex:1;margin:0!important;cursor:pointer;border-radius:.25rem;transition:border-radius var(--speed2)}menu>li:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}menu>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}menu>li:not(.none):hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}menu>li.active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}menu>li:is(.active,:active){border-radius:inherit}menu>li.none{background:none;border-radius:0}menu>li>:is(.max,.field),menu>li>a:only-child>.max,menu>li:has(.field,a:only-child){flex:1;padding:0;margin:0}menu.min{inset:0 0 auto 0;transform:scale(.8)}[dir=rtl] menu.min.right,menu.min.left,menu.top.left{inset:0 0 auto auto}[dir=rtl] menu.min.left,menu.min.right,menu.top,menu.top.right{inset:0 auto auto 0}menu.max{position:fixed;top:0;right:0;bottom:0;left:0;block-size:100%;max-block-size:none;min-block-size:auto;z-index:100;transform:scale(.8);border-radius:0}menu.max>:is(li,li.none){flex:none}menu.no-wrap:is(.min,.max){min-inline-size:16rem}[dir=rtl] menu.right,[dir=rtl] menu.top.min.right,menu.left,menu.top.min.left{inset:auto 0 0 auto}[dir=rtl] menu.left,[dir=rtl] menu.top.min.left,menu.right,menu.top.min{inset:auto auto 0 0}menu.top{transform:scale(.8) translateY(-120%)}menu:has(menu){--_child: 1;--_type: 0;overflow:unset;white-space:nowrap;inline-size:auto;min-inline-size:12rem;max-block-size:none}menu>li>:is(menu,menu.right),[dir=rtl] menu>li>menu.left{inset:auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%}[dir=rtl] menu>li>:is(menu,menu.right),menu>li>menu.left{inset:auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto}menu>li>:is(menu.top,menu.top.right),[dir=rtl] menu>li>menu.top.left{inset:calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%}[dir=rtl] menu>li>:is(menu.top,menu.top.right),menu>li>menu.top.left{inset:calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto}menu.no-space>li{min-block-size:2.5rem}menu.medium-space>li{min-block-size:3.5rem}menu.large-space>li{min-block-size:4rem}menu.transparent{margin:0 -1rem!important;padding:.5rem}menu.transparent>li{background-color:inherit;box-shadow:none;padding:0}menu>li:nth-last-child(2){--_child: 2}menu>li:nth-last-child(3){--_child: 3}menu>li:nth-last-child(4){--_child: 4}menu>li:nth-last-child(5){--_child: 5}menu>li:nth-last-child(6){--_child: 6}menu>li:nth-last-child(7){--_child: 7}menu>li:nth-last-child(8){--_child: 8}menu>li:nth-last-child(9){--_child: 9}menu>li:nth-last-child(10){--_child: 10}menu>li:nth-last-child(11){--_child: 11}menu>li:nth-last-of-type(2){--_type: 1}menu>li:nth-last-of-type(3){--_type: 2}menu>li:nth-last-of-type(4){--_type: 3}menu>li:nth-last-of-type(5){--_type: 4}menu>li:nth-last-of-type(6){--_type: 5}menu>li:nth-last-of-type(7){--_type: 6}menu>li:nth-last-of-type(8){--_type: 7}menu>li:nth-last-of-type(9){--_type: 8}menu>li:nth-last-of-type(10){--_type: 9}menu>li:nth-last-of-type(11){--_type: 10}@media(pointer:coarse){:not(menu,[data-ui]):hover>menu{opacity:1;visibility:visible;transform:scale(1) translateY(100%)}:not(menu,[data-ui]):hover>menu.top{transform:scale(1) translateY(-100%)}}nav>:is(ol,ul),nav>:is(ol,ul)>li{all:unset}nav,.row,a.row{display:flex;align-items:center;align-self:normal;text-align:start;justify-content:flex-start;white-space:nowrap;gap:1rem;border-radius:0}a.row,nav.row{min-block-size:3rem;margin:0}:is(nav,.row,.max)>:only-child,:is(nav,.row,.max)>span>*,nav>:is(ol,ul)>li>:only-child,nav>:is(ol,ul)>li>span>*{margin:0}:is(nav,.row)>:not(ul,ol,header,footer){margin:0;white-space:normal;flex:none}:is(nav,.row).min{display:inline-flex}:is(nav,.row,li).no-space{gap:0}:is(nav,.row,li).tiny-space{gap:.5rem}:is(nav,.row,li).medium-space{gap:1.5rem}:is(nav,.row,li).large-space{gap:2rem}:is(nav,.row)>.max,:is(nav,.row)>:is(ol,ul)>.max{flex:1}:is(nav,.row).wrap{display:flex;flex-wrap:wrap}:is(header,footer)>:is(nav,.row){min-block-size:inherit}nav:is(.left,.right,.top,.bottom){--_padding: .5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position:sticky;top:0;right:0;bottom:0;left:0;border:0;color:var(--on-surface);transform:none;z-index:100;text-align:center;padding:var(--_padding);margin:0}nav:is(.left,.right){justify-content:flex-start;flex-direction:column;background-color:var(--surface);block-size:100dvh;min-inline-size:6rem;padding-block:var(--_top) var(--_bottom)}nav:is(.top,.bottom){position:sticky;top:0;right:0;bottom:0;left:0;padding:.5rem;justify-content:center;flex-direction:row;background-color:var(--surface-container);block-size:auto;min-block-size:4.5rem}nav.top{block-size:calc(var(--top, 0) + 4.5rem);padding-block-start:var(--_top)}nav.bottom{block-size:calc(var(--bottom, 0) + 4.5rem);padding-block-end:var(--_bottom)}nav>header{min-block-size:auto;padding:0;margin:0 0 1rem;align-items:flex-start;gap:1rem;background:none!important}nav:is(.top,.bottom)>header{flex-direction:row;align-items:center;margin:0 1rem 0 0}nav>header>*{margin:0;transition:none}nav.max>header>*{transition:all var(--speed1)}nav>header>.extend:hover{--_padding: 0;inline-size:var(--_size)}nav>header>.extend:hover>span:not([class]){display:none}nav>:is(ol,ul){all:inherit;min-inline-size:auto;margin:0;padding:0;flex:auto}nav.max:is(.left,.right,.top,.bottom){gap:0;inline-size:auto;align-items:flex-start;min-inline-size:12.75rem;padding:var(--_top) 1.25rem var(--_bottom) 1.25rem}nav.max>:is(ol,ul){padding:0}nav.max>header{margin:0 0 1.25rem}nav.max:is(.top,.bottom)>header{margin:0 1.25rem 0 0}nav.max>header>.extend{--_padding: 1.5rem;inline-size:auto;padding:0 var(--_padding)}nav.max>header>.extend>span:not([class]){display:block;margin-inline-start:var(--_padding)}nav.max>header>.extend>:is(img,svg)+span{margin-inline-start:calc(1rem + var(--_padding, 0))}nav.max:is(.top,.bottom){padding:0 .5rem;align-items:center;min-inline-size:auto;max-inline-size:none}nav:is(.left,.right,.top,.bottom)>a:not(.button,.chip),nav:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip){display:flex;flex-direction:column;gap:.25rem;line-height:normal;inline-size:3.5rem;font-size:.8rem}nav:not(.max):is(.left,.right,.top,.bottom)>a:not(.button,.chip)>i,nav:not(.max):is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip)>i{padding:.25rem 1rem;border-radius:2rem;margin:0 auto}nav.max:is(.left,.right,.top,.bottom)>a:not(.button,.chip),nav.max:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip){flex-direction:row;gap:.5rem;inline-size:auto;block-size:3.5rem;padding:0 1rem;border-radius:2rem;font-size:inherit}nav:is(.left,.right,.top,.bottom)>a.active:not(.button,.chip),nav:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a.active:not(.button,.chip){transition:padding var(--speed1) linear}nav.max:is(.top,.bottom)>a:not(.button,.chip),nav.max:is(.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip){gap:.25rem;block-size:2.5rem;font-size:.8rem}nav.max:is(.left,.right,.top,.bottom)>a.active:not(.button,.chip),nav.max:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a.active:not(.button,.chip),nav:is(.left,.right,.top,.bottom):not(.max)>a.active:not(.button,.chip)>i,nav:is(.left,.right,.top,.bottom):not(.max)>:is(ol,ul)>li>a.active:not(.button,.chip)>i{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.vertical>:is(ol,ul){align-items:normal}:is(nav,.row):is(.left-align,.top-align,.vertical){justify-content:flex-start}:is(nav,.row):is(.right-align,.bottom-align){justify-content:flex-end}:is(nav,.row):is(.center-align,.middle-align){justify-content:center}:is(nav,.row):is(.left-align,.top-align,.vertical).vertical{align-items:flex-start}:is(nav,.row):is(.right-align,.bottom-align).vertical{align-items:flex-end}:is(nav,.row):is(.center-align,.middle-align).vertical{align-items:center}nav:not(.left,.right)>.space{inline-size:.5rem}nav:not(.left,.right)>.medium-space{inline-size:1rem}nav:not(.left,.right)>.large-space{inline-size:1.5rem}nav.tabbed{background-color:var(--surface-container);border-radius:4rem!important;gap:0rem;block-size:4rem}nav.tabbed.small{block-size:3rem}nav.tabbed.large{block-size:5rem}nav.tabbed>a{border-radius:inherit;block-size:inherit;display:inline-flex;align-items:center;padding-inline:1rem;gap:.5rem;font-size:1rem;flex:1}nav.tabbed>a.active{background-color:var(--primary-container)}nav.toolbar{display:inline-flex;justify-content:space-around;border-radius:2rem;background-color:var(--surface-container);color:var(--on-surface);padding:0 1rem;gap:.5rem;min-block-size:4rem;min-inline-size:4rem}nav.toolbar>a{display:inline-flex;gap:.5rem;min-inline-size:2.5rem;min-block-size:2.5rem;border-radius:1.75rem}nav.toolbar>a:has(>:not(i)){padding:0 1rem}nav.toolbar>a.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.toolbar.fill{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}nav.toolbar.fill>a.active{background-color:var(--surface-container)!important;color:var(--on-surface)!important}nav.toolbar.vertical{flex-direction:column!important;min-inline-size:4rem;padding:1rem 0;align-self:center;align-items:center!important}nav.toolbar.vertical>a{inline-size:2.5rem;block-size:2.5rem}nav.toolbar.vertical>a>:is(div,span):not(.badge,.tooltip){display:none}nav.toolbar.max{border-radius:0;display:flex}nav.group{background:none!important}nav.group:is(.connected,.split){gap:.125rem}nav.group:not(.split)>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}nav.group:not(.split)>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}nav.group.connected>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}nav.group.connected>:is(.button,button).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.group:is(.connected,.split)>:is(.button,button).active,nav.split>:is(.button,button):active{border-radius:2rem!important}:not(nav)>:is(ul,ol){all:revert}:is(.scroll,.no-scroll,.no-space,.tabs,.tabbed)>:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.125rem}nav.split>:is(.button,button):not(.chip,.fill,.border){background-color:var(--primary);color:var(--on-primary)}@media only screen and (max-width:600px){nav.top,nav.bottom{justify-content:space-around}}.overlay,dialog::backdrop{display:block!important;opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;color:var(--on-surface);background-color:var(--overlay);z-index:100;transition:all var(--speed3),0s background-color;border-radius:0}.overlay.active{opacity:1;visibility:visible}dialog:popover-open::backdrop{opacity:1;visibility:visible}.overlay+dialog::backdrop,.snackbar::backdrop{display:none}[popover]{border:0}.page{--_transform: translate(0, 0);opacity:0;position:absolute;display:none}.page.active{opacity:1;position:inherit;display:inherit;animation:var(--speed4) to-page ease}.page.active.top{--_transform: translate(0, -4rem)}.page.active.bottom{--_transform: translate(0, 4rem)}.page.active.left{--_transform: translate(-4rem, 0)}.page.active.right{--_transform: translate(4rem, 0)}@keyframes to-page{0%{opacity:0;transform:var(--_transform)}to{opacity:1;transform:translate(0)}}progress{--_light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==);--_dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==);--_size: .25rem;position:relative;inline-size:100%;block-size:var(--_size);color:var(--primary);background:var(--_light);border-radius:1rem;flex:none;border:none;overflow:hidden;writing-mode:horizontal-tb;direction:ltr;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dark progress{background:var(--_dark)}progress.small{--_size: .25rem}progress.medium{--_size: .35rem}progress.large{--_size: .45rem}progress.indeterminate{--_value: 100;animation:3.2s to-indeterminate ease infinite}progress:not(.circle,[value]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;clip-path:none;background:currentcolor;animation:3.2s to-linear ease infinite}progress:not(.circle,[value])::-moz-progress-bar{animation:3.2s to-linear ease infinite}progress:not(.circle,[value])::-webkit-progress-value{animation:3.2s to-linear ease infinite}progress::-webkit-progress-bar{background:none}progress::-webkit-progress-value{background:currentColor}progress::-moz-progress-bar{background:currentColor}progress.wavy{block-size:calc(var(--_size, 0) * 2);background:none;background-image:var(--_light);background-repeat:repeat-x;background-position:0 50%;background-size:auto calc(var(--_size, 0) / 2)}.dark progress.wavy{background-image:var(--_dark)}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle,[value]):after{-webkit-mask-image:url(wavy.svg);mask-image:url(wavy.svg);-webkit-mask-position:0 50%;mask-position:0 50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}progress.wavy::-moz-progress-bar{-webkit-mask-image:url(wavy.svg);mask-image:url(wavy.svg);-webkit-mask-position:0 50%;mask-position:0 50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}progress.circle{--_value: attr(value type(<number>), 50);inline-size:2.5rem;block-size:2.5rem;background:conic-gradient(currentColor calc(var(--_value, 0) * 1%),var(--active) 0%);border-radius:50%;-webkit-mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%);mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%)}progress.circle::-webkit-progress-value{background:none}progress.circle::-moz-progress-bar{background:none}progress.circle.wavy{background:conic-gradient(currentColor calc(var(--_value, 0) * 1%),var(--active) 0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(wavy-circle.svg);mask-image:url(wavy-circle.svg)}progress.circle.small{inline-size:1.5rem;block-size:1.5rem}progress.circle.large{inline-size:3.5rem;block-size:3.5rem}progress.circle:not([value]),progress.circle.indeterminate{--_value: 50;animation:to-rotate 1s infinite linear}:is(nav,.row,.field)>progress:not(.circle,.small,.medium,.large){flex:auto}progress.max{display:unset;position:absolute;inline-size:100%!important;block-size:100%!important;color:currentColor;background:none;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:none;writing-mode:horizontal-tb;opacity:.33}progress.max[class*=-text]{opacity:1}progress.max+*{margin-block-start:0}:is(.button,button,.chip)>progress.circle{color:inherit}@keyframes to-linear{0%{margin:0 0 0 -100%}50%{margin:0}to{margin:0 0 0 100%}}@keyframes to-indeterminate{0%{padding:0 100% 0 0}50%{padding:0}to{padding:0 0 0 100%}}@keyframes to-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shape{display:flex;align-items:center;justify-content:center;color:var(--on-primary);background-color:var(--primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;border-radius:0;block-size:3.5rem;inline-size:3.5rem;margin:0!important;padding:0!important;border:0!important}.transparent>.shape>i{filter:invert(1)}.shape.tiny-space{-webkit-mask-size:90%;mask-size:90%}.shape.space,.shape.small-space{-webkit-mask-size:80%;mask-size:80%}.shape.medium-space{-webkit-mask-size:70%;mask-size:70%}.shape.large-space{-webkit-mask-size:60%;mask-size:60%}.shape.extra-space{-webkit-mask-size:50%;mask-size:50%}.shape.tiny{block-size:2.5rem;inline-size:2.5rem}.shape.medium{block-size:4.5rem;inline-size:4.5rem}.shape.large{block-size:5.5rem;inline-size:5.5rem}.shape.extra{block-size:6.5rem;inline-size:6.5rem}.shape.max,.shape>.responsive,.shape>.responsive>.responsive{position:absolute;top:0;right:0;bottom:0;left:0;block-size:100%;inline-size:100%;margin:0!important;padding:0!important;border:0!important}.shape>.responsive{background:inherit;color:inherit}.shape.rotate{animation:linear to-shape-rotate infinite 12s}.shape.rotate>*{animation:linear to-shape-rotate infinite 12s reverse}.shape.fast-rotate{animation:linear to-shape-rotate infinite 6s}.shape.fast-rotate>*{animation:linear to-shape-rotate infinite 6s reverse}.shape.slow-rotate{animation:linear to-shape-rotate infinite 24s}.shape.slow-rotate>*{animation:linear to-shape-rotate infinite 24s reverse}:is(button,.button,.chip):has(>.shape)>.responsive{border:none}.shape.arch{-webkit-mask-image:url(arch.svg);mask-image:url(arch.svg)}.shape.arrow{-webkit-mask-image:url(arrow.svg);mask-image:url(arrow.svg)}.shape.boom{-webkit-mask-image:url(boom.svg);mask-image:url(boom.svg)}.shape.bun{-webkit-mask-image:url(bun.svg);mask-image:url(bun.svg)}.shape.burst{-webkit-mask-image:url(burst.svg);mask-image:url(burst.svg)}.shape.circle{-webkit-mask-image:url(circle.svg);mask-image:url(circle.svg)}.shape.clamshell{-webkit-mask-image:url(clamshell.svg);mask-image:url(clamshell.svg)}.shape.diamond{-webkit-mask-image:url(diamond.svg);mask-image:url(diamond.svg)}.shape.fan{-webkit-mask-image:url(fan.svg);mask-image:url(fan.svg)}.shape.flower{-webkit-mask-image:url(flower.svg);mask-image:url(flower.svg)}.shape.gem{-webkit-mask-image:url(gem.svg);mask-image:url(gem.svg)}.shape.ghost-ish{-webkit-mask-image:url(ghost-ish.svg);mask-image:url(ghost-ish.svg)}.shape.heart{-webkit-mask-image:url(heart.svg);mask-image:url(heart.svg)}.shape.leaf-clover4{-webkit-mask-image:url(leaf-clover4.svg);mask-image:url(leaf-clover4.svg)}.shape.leaft-clover8{-webkit-mask-image:url(leaf-clover8.svg);mask-image:url(leaf-clover8.svg)}.shape.loading-indicator{-webkit-mask-image:url(loading-indicator.svg);mask-image:url(loading-indicator.svg)}.shape.oval{-webkit-mask-image:url(oval.svg);mask-image:url(oval.svg)}.shape.pentagon{-webkit-mask-image:url(pentagon.svg);mask-image:url(pentagon.svg)}.shape.pill{-webkit-mask-image:url(pill.svg);mask-image:url(pill.svg)}.shape.pixel-circle{-webkit-mask-image:url(pixel-circle.svg);mask-image:url(pixel-circle.svg)}.shape.pixel-triangle{-webkit-mask-image:url(pixel-triangle.svg);mask-image:url(pixel-triangle.svg)}.shape.puffy{-webkit-mask-image:url(puffy.svg);mask-image:url(puffy.svg)}.shape.puffy-diamond{-webkit-mask-image:url(puffy-diamond.svg);mask-image:url(puffy-diamond.svg)}.shape.semicircle{-webkit-mask-image:url(semicircle.svg);mask-image:url(semicircle.svg)}.shape.sided-cookie4{-webkit-mask-image:url(sided-cookie4.svg);mask-image:url(sided-cookie4.svg)}.shape.sided-cookie6{-webkit-mask-image:url(sided-cookie6.svg);mask-image:url(sided-cookie6.svg)}.shape.sided-cookie7{-webkit-mask-image:url(sided-cookie7.svg);mask-image:url(sided-cookie7.svg)}.shape.sided-cookie9{-webkit-mask-image:url(sided-cookie9.svg);mask-image:url(sided-cookie9.svg)}.shape.sided-cookie12{-webkit-mask-image:url(sided-cookie12.svg);mask-image:url(sided-cookie12.svg)}.shape.slanted{-webkit-mask-image:url(slanted.svg);mask-image:url(slanted.svg)}.shape.soft-boom{-webkit-mask-image:url(soft-boom.svg);mask-image:url(soft-boom.svg)}.shape.soft-burst{-webkit-mask-image:url(soft-burst.svg);mask-image:url(soft-burst.svg)}.shape.square{-webkit-mask-image:url(square.svg);mask-image:url(square.svg)}.shape.sunny{-webkit-mask-image:url(sunny.svg);mask-image:url(sunny.svg)}.shape.triangle{-webkit-mask-image:url(triangle.svg);mask-image:url(triangle.svg)}.shape.very-sunny{-webkit-mask-image:url(very-sunny.svg);mask-image:url(very-sunny.svg)}@keyframes to-shape-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkbox,.radio,.switch{--_size: 1.5rem;inline-size:auto;block-size:auto;line-height:normal;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}.switch{direction:ltr}:is(.checkbox,.radio,.switch).small{--_size: 1rem}:is(.checkbox,.radio,.switch).large{--_size: 2rem}:is(.checkbox,.radio,.switch).extra{--_size: 2.5rem}:is(.checkbox,.radio)>input{inline-size:var(--_size);block-size:var(--_size);opacity:0}.switch>input{inline-size:3.25rem;block-size:2rem;opacity:0}:is(.checkbox,.radio,.switch)>span{display:inline-flex;align-items:center;color:var(--on-surface);font-size:.875rem}:is(.checkbox,.radio)>span:not(:empty){padding-inline-start:.25rem}:is(.checkbox,.radio,.switch)>span:before,:is(.checkbox,.radio,.switch)>span>i,:is(.checkbox,.radio)>span:after{--_size: inherit;content:"";inline-size:var(--_size);block-size:var(--_size);box-sizing:border-box;margin:0 auto;outline:none;color:var(--primary);position:absolute;inset:auto auto auto calc(var(--_size, 0) * -1);border-radius:50%;-webkit-user-select:none;user-select:none;z-index:1}[dir=rtl] :is(.checkbox,.radio)>span:before,[dir=rtl] :is(.checkbox,.radio)>span>i,[dir=rtl] :is(.checkbox,.radio)>span:after{--_size: inherit;inset:auto calc(var(--_size, 0) * -1) auto auto}.switch>span:before,.switch.icon>span>i{position:absolute;inset:50% auto auto 0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--speed2);font-size:calc(var(--_size, 0) - .5rem);-webkit-user-select:none;user-select:none;min-inline-size:var(--_size);min-block-size:var(--_size);content:"";color:var(--surface-variant);background-color:var(--outline)}.switch>span:before,.switch.icon>span>i{transform:translate(-3rem,-50%) scale(.6)}.switch.icon>span>i{transform:translate(-3rem,-50%) scale(1)}.checkbox>span:before{content:"check_box_outline_blank"}.checkbox>input:checked+span:before{content:"check_box";font-variation-settings:"FILL" 1}.checkbox>input:indeterminate+span:before{content:"indeterminate_check_box"}.radio>span:before{content:"radio_button_unchecked"}.radio>input:checked+span:before{content:"radio_button_checked"}:is(.radio,.checkbox,.switch).icon>span:before{content:""!important;font-variation-settings:unset!important}:is(.checkbox,.radio)>span:after{transition:all var(--speed1);background-color:currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}:is(.checkbox,.radio):is(:hover)>input:not(:disabled)+span:after,:is(.checkbox,.radio)>input:not(:disabled):is(:focus)+span:after{box-shadow:0 0 0 .5rem currentColor;opacity:.1}.switch>input:not(:disabled):is(:focus,:hover)+span:before,.switch.icon>input:not(:disabled):is(:focus,:hover)+span>i{box-shadow:0 0 0 .5rem var(--active)}:is(.checkbox,.radio)>input:checked+span:before,:is(.checkbox,.radio).icon>input:checked+span>i{color:var(--primary)}.icon>input:checked+span>i:first-child,.icon>span>i:last-child{opacity:0}.icon>input:checked+span>i:last-child,.icon>span>i:first-child{opacity:1}.switch>input:checked+span:after{border:none;background-color:var(--primary)}.switch>input:checked+span:before,.switch.icon>input:checked+span>i{content:"check";color:var(--primary);background-color:var(--on-primary);transform:translate(-1.75rem,-50%) scale(1)}.switch>input:active:not(:disabled)+span:before,.switch.icon>input:active:not(:disabled)+span>i{transform:translate(-3rem,-50%) scale(1.2)}[dir=rtl] .switch>input:active:not(:disabled)+span:before,[dir=rtl] .switch.icon>input:active:not(:disabled)+span>i{transform:translate(-3rem,-50%) scale(-1.2)}.switch>input:active:checked:not(:disabled)+span:before,.switch.icon>input:active:checked:not(:disabled)+span>i{transform:translate(-1.75rem,-50%) scale(1.2)}[dir=rtl] .switch>input:active:checked:not(:disabled)+span:before,[dir=rtl] .switch.icon>input:active:checked:not(:disabled)+span>i{transform:translate(-1.75rem,-50%) scale(-1.2)}:is(.checkbox,.radio,.switch)>input:disabled+span{opacity:.5;cursor:not-allowed}.switch>span:after{content:"";position:absolute;inset:50% auto auto 0;background-color:var(--active);border:.125rem solid var(--outline);box-sizing:border-box;inline-size:3.25rem;block-size:2rem;border-radius:2rem;transform:translate(-3.25rem,-50%)}.field>:is(nav,.row){flex-grow:1;padding:0 1rem}.field.round>:is(nav,.row){flex-grow:1;padding:0 1.5rem}[dir=rtl] .switch{transform:scale(-1)}[dir=rtl] .switch>span:before,[dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%) scale(-.6)}[dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%) scale(-1)}[dir=rtl] .switch>input:checked+span:before,[dir=rtl] .switch.icon>input:checked+span>i{transform:translate(-1.75rem,-50%) scale(-1)}.switch>:focus-visible+span:after{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(.checkbox,.radio)>:focus-visible+span:before{outline:.125rem solid var(--primary);outline-offset:.375rem}.slider{--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + .5rem));display:flex;align-items:center!important;inline-size:auto;block-size:var(--_thumb);flex:none;direction:ltr;margin:0 1.25rem}[dir=rtl] .slider{transform:scaleX(-1)}.slider.vertical{flex-direction:row!important;margin:.5rem auto!important;padding:50% 0;transform:rotate(-90deg);inline-size:100%}.slider.tiny{--_track: 1rem}.slider.small{--_track: 1.5rem}.slider.medium{--_track: 2.5rem}.slider.large{--_track: 3.5rem}.slider.extra{--_track: 6rem}.slider>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:none;inline-size:100%;block-size:var(--_track);background:none;z-index:1;padding:0;margin:0;transform:rotate(0)}.slider>input:only-of-type{pointer-events:all}.slider>input~input{position:absolute}.slider>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:all;block-size:var(--_thumb);inline-size:.25rem;border-radius:.25rem;background:var(--primary);cursor:grab;margin:0;z-index:1}.slider>input::-webkit-slider-thumb:active{cursor:grabbing}.slider>input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:all;block-size:2.75rem;inline-size:.25rem;border-radius:.25rem;background:var(--primary);cursor:grab;margin:0}.slider>input::-moz-range-thumb:active{cursor:grabbing}.slider>input:not(:disabled):is(:focus)::-webkit-slider-thumb{transform:scaleX(.6)}.slider>input:not(:disabled):is(:focus)::-moz-range-thumb{transform:scaleX(.6)}.slider>input:disabled{cursor:not-allowed;opacity:1}.slider>input:disabled::-webkit-slider-thumb{background:var(--outline);cursor:not-allowed}.slider>input:disabled::-moz-range-thumb{background:var(--outline);cursor:not-allowed}.slider>input:disabled~span:not([class]){background:var(--outline)}.slider>span:not([class]){position:absolute;block-size:var(--_track);border-radius:1rem 0 0 1rem;background:var(--primary);color:var(--on-primary);z-index:0;inset:calc(50% - (var(--_track, 0) / 2)) var(--_end) auto var(--_start);clip-path:polygon(0 0,calc(100% - .5rem) 0,calc(100% - .5rem) 100%,0 100%)}.slider>input[type=range]+input[type=range]~span:not([class]){border-radius:0;clip-path:polygon(.5rem 0,max(.5rem,calc(100% - .5rem)) 0,max(.5rem,calc(100% - .5rem)) 100%,.5rem 100%)}.field>.slider{inline-size:100%}.slider:before{content:"";position:absolute;inline-size:100%;block-size:var(--_track);border-radius:1rem;background:var(--secondary-container);clip-path:polygon(calc(var(--_start, 0) - .5rem) 0,0 0,0 100%,calc(var(--_start, 0) - .5rem) 100%,calc(var(--_start, 0) - .5rem) 0,calc(100% - var(--_end, 0) + .5rem) 0,100% 0,100% 100%,calc(100% - var(--_end, 0) + .5rem) 100%,calc(100% - var(--_end, 0) + .5rem) 0)}.slider:has(>[disabled]):before{background:var(--outline-variant)}.slider:has([disabled]){opacity:.62}.slider>span>i{position:absolute;block-size:auto;inset:0 auto 0 .5rem;color:currentColor;z-index:1}.slider:not(.medium,.large,.extra)>span>i{display:none}.slider.vertical>i{transform:rotate(90deg)}.slider>.tooltip{visibility:hidden!important;opacity:0!important;inset:0 auto auto calc(100% - var(--_end, 0));border-radius:2rem;transition:top var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,-25%)!important;padding:.75rem 1rem}.slider>.tooltip.bottom{inset:auto auto 0 calc(100% - var(--_end, 0));transition:bottom var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,25%)!important}[dir=rtl] .slider>.tooltip{transform:translate(-50%,-25%) scaleX(-1)!important}[dir=rtl] .slider>.tooltip.bottom{transform:translate(-50%,25%) scaleX(-1)!important}.slider>.tooltip+.tooltip{inset:.25rem calc(100% - var(--_start, 0)) auto auto;transform:translate(50%,-25%)!important}.slider>.tooltip+.tooltip.bottom{inset:auto calc(100% - var(--_start, 0)) -.25rem auto;transform:translate(50%,25%)!important}[dir=rtl] .slider>.tooltip+.tooltip{transform:translate(50%,-25%) scaleX(-1)!important}[dir=rtl] .slider>.tooltip+.tooltip.bottom{transform:translate(50%,25%) scaleX(-1)!important}.slider>.tooltip:before{content:var(--_value1)}.slider>.tooltip+.tooltip:before{content:var(--_value2)}.slider>:focus~.tooltip{inset-block:-1rem auto;opacity:1!important;visibility:visible!important}.slider>:focus~.tooltip.bottom{inset-block:auto -1rem}.slider.vertical>.tooltip{inset-block:auto;block-size:2.5rem;inline-size:2.5rem;margin-block:calc(-1 * var(--_thumb, 0)) 0!important;transform:rotate(90deg) translate(-75%,50%)!important}.slider.vertical>.tooltip.bottom{inset-block:auto;margin-block:0 calc(-1 * var(--_thumb, 0))!important;transform:rotate(90deg) translate(75%,50%)!important}.slider.vertical>.tooltip+.tooltip{transform:rotate(90deg) translate(-75%,-50%)!important}.slider.vertical>.tooltip+.tooltip.bottom{transform:rotate(90deg) translate(75%,-50%)!important}:is(nav,.row,.field)>.slider:not(.circle,.small,.medium,.large){flex:auto}.slider.max,.slider.max.vertical,.slider.max>input,.slider.max.vertical>input{all:unset;margin:0!important;position:absolute;color:var(--primary);top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;z-index:2;cursor:grab;inline-size:100%;block-size:100%}.slider.max:before{display:none}.slider.max.vertical>input{writing-mode:vertical-lr;transform:rotate(-180deg)}.slider.max>input::-webkit-slider-thumb{opacity:0;inline-size:1rem;block-size:100vh;transform:none!important}.slider.max>input::-moz-range-thumb{opacity:0;inline-size:1rem;block-size:100vh;transform:none!important}.slider.max>span:not([class]){block-size:auto!important;inset:0 var(--_end) 0 var(--_start);clip-path:none;background:currentcolor;color:inherit;border-radius:0}.slider.max.vertical>span:not([class]){inset:var(--_end) 0 var(--_start) 0}.slider>input:focus-visible::-webkit-slider-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}.slider>input:focus-visible::-moz-range-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}.slider.max>input:focus-visible{outline:.1875rem solid var(--primary);outline-offset:-.125rem}@media(pointer:coarse){.slider>:hover~.tooltip{inset-block:-1rem auto!important;opacity:1!important;visibility:visible!important}.slider>:hover~.tooltip.bottom{inset-block:auto -1rem!important}}.snackbar{position:fixed;inset:auto auto 6rem 50%;inline-size:80%;block-size:auto;z-index:200;visibility:hidden;display:flex;box-shadow:var(--elevate2);color:var(--inverse-on-surface);background-color:var(--inverse-surface);padding:1rem;cursor:pointer;text-align:start;align-items:center;border-radius:.25rem;gap:.5rem;transition:all var(--speed2);transform:translate(-50%,1rem);opacity:0}.snackbar.top{inset:6rem auto auto 50%}.snackbar:is(.active){visibility:visible;transform:translate(-50%);opacity:1}.snackbar:popover-open{visibility:visible;transform:translate(-50%);opacity:1}.snackbar>.max{flex:auto}@media only screen and (min-width:993px){.snackbar{inline-size:40%}}table{inline-size:100%;border-spacing:0;font-size:.875rem;text-align:start}.scroll>table,table :is(thead,tbody,tfoot,tr,th,td){background-color:inherit;color:inherit}:is(th,td){inline-size:auto;text-align:inherit;padding:.5rem;border-radius:0}:is(th,td)>*{vertical-align:middle}table.border>tbody>tr:not(:last-child)>td,thead>tr>th{border-block-end:.0625rem solid var(--outline)}tfoot>tr>th{border-block-start:.0625rem solid var(--outline)}table.stripes>tbody>tr:nth-child(odd){background-color:var(--active)}table.no-space :is(th,td){padding:0}table.medium-space :is(th,td){padding:.75rem}table.large-space :is(th,td){padding:1rem}table>.fixed,th.fixed{position:sticky;z-index:1;inset-block-start:0}tfoot.fixed,tfoot th.fixed{inset-block-end:0}:is(td,th).min{inline-size:.1%;white-space:nowrap}.tabs{display:flex;white-space:nowrap;border-block-end:.0625rem solid var(--surface-variant);border-radius:0}.tabs:not(.left-align,.right-align,.center-align){justify-content:space-around}.tabs>a{display:flex;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);padding:.5rem 1rem;text-align:center;min-block-size:3rem;inline-size:100%;gap:.25rem}.tabs.small>a{min-block-size:2rem}.tabs.large>a{min-block-size:4rem}.tabs>a.active,.tabs>a.active>i{color:var(--primary)}.tabs>a.active:before{content:"";position:absolute;inset:auto 0 0 0;block-size:.125rem;background-color:var(--primary)}.tabs.min>a.active:before{margin:0 auto;max-inline-size:min(100%,4rem)}.tabs:is(.left-align,.center-align,.right-align)>a{inline-size:auto}.tooltip{--_space: -.5rem;visibility:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--inverse-surface);color:var(--inverse-on-surface);font-size:.75rem;text-align:center;border-radius:.25rem;padding:.5rem;position:absolute;z-index:200;inset:0 auto auto 50%;inline-size:auto;white-space:nowrap;font-weight:500;opacity:0;transition:all var(--speed2);line-height:normal;transform:translate(-50%,-100%) scale(.9)}.tooltip:not(.max):hover{visibility:hidden;opacity:0}.tooltip.left{inset:50% auto auto 0;transform:translate(-100%,-50%) scale(.9)}.tooltip.right{inset:50% 0 auto auto;transform:translate(100%,-50%) scale(.9)}.tooltip.bottom{inset:auto auto 0 50%;transform:translate(-50%,100%) scale(.9)}.tooltip.small{inline-size:8rem;white-space:normal}.tooltip.medium{inline-size:12rem;white-space:normal}.tooltip.large{inline-size:16rem;white-space:normal}:hover>.tooltip{visibility:visible;opacity:1;transform:translate(-50%,-100%) scale(1)}:hover>.tooltip.left{transform:translate(-100%,-50%) scale(1)}:hover>.tooltip.right{transform:translate(100%,-50%) scale(1)}:hover>.tooltip.bottom{transform:translate(-50%,100%) scale(1)}.tooltip.no-space{--_space: 0}.tooltip.medium-space{--_space: -1rem}.tooltip.large-space{--_space: -1.5rem}.tooltip:not(.left,.right,.bottom){margin-block-start:var(--_space)!important}.tooltip.left,.tooltip.right{margin-inline:var(--_space)!important}.tooltip.bottom{margin-block-end:var(--_space)!important}menu:active~.tooltip,:is(button,.button):focus>menu~.tooltip,.field>:focus~menu~.tooltip{visibility:hidden}.slider>.tooltip{--_space: -1.25rem}.slider.vertical>.tooltip{--_space: -.75rem}.slider.vertical>.tooltip:is(.left,.right){--_space: -.5rem}.tooltip.max{display:block;font-size:inherit;white-space:normal;text-align:start;inline-size:20rem;border-radius:.5rem;padding:1rem;box-shadow:var(--elevate2)}.transparent{background-color:transparent!important;box-shadow:none!important;color:inherit!important}.primary{background-color:var(--primary)!important;color:var(--on-primary)!important}.primary-text{color:var(--primary)!important}.primary-border{border-color:var(--primary)!important}.primary-container{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}.secondary{background-color:var(--secondary)!important;color:var(--on-secondary)!important}.secondary-text{color:var(--secondary)!important}.secondary-border{border-color:var(--secondary)!important}.secondary-container{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}.tertiary{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}.tertiary-text{color:var(--tertiary)!important}.tertiary-border{border-color:var(--tertiary)!important}.tertiary-container{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}.error{background-color:var(--error)!important;color:var(--on-error)!important}.error-text{color:var(--error)!important}.error-border{border-color:var(--error)!important}.error-container{background-color:var(--error-container)!important;color:var(--on-error-container)!important}.background{background-color:var(--background)!important;color:var(--on-background)!important}.surface,.surface-dim,.surface-bright,.surface-container-lowest,.surface-container-low,.surface-container,.surface-container-high,.surface-container-highest{background-color:var(--surface)!important;color:var(--on-surface)!important}.surface-variant{background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}.inverse-surface{background-color:var(--inverse-surface);color:var(--inverse-on-surface)}.inverse-primary{background-color:var(--inverse-primary);color:var(--primary)}.inverse-primary-text{color:var(--inverse-primary)!important}.inverse-primary-border{border-color:var(--inverse-primary)!important}.surface-dim{background-color:var(--surface-dim)!important}.surface-bright{background-color:var(--surface-bright)!important}.surface-container-lowest{background-color:var(--surface-container-lowest)!important}.surface-container{background-color:var(--surface-container)!important}.surface-container-high{background-color:var(--surface-container-high)!important}.surface-container-highest{background-color:var(--surface-container-highest)!important}.surface-container-low{background-color:var(--surface-container-low)!important}.black{background-color:#000!important}.black-border{border-color:#000!important}.black-text{color:#000!important}.white{background-color:#fff!important}.white-border{border-color:#fff!important}.white-text{color:#fff!important}.transparent-border{border-color:transparent!important}.transparent-text{color:transparent!important}.fill:not(i){background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}nav.primary>button,:is(nav,menu).primary>:is(button,a,li).active{background-color:var(--primary-container);color:var(--on-primary-container)}nav.primary-container>button,:is(nav,menu).primary-container>:is(button,a,li).active{background-color:var(--primary);color:var(--on-primary)}nav.secondary>button,:is(nav,menu).secondary>:is(button,a,li).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.secondary-container>button,:is(nav,menu).secondary-container>:is(button,a,li).active{background-color:var(--secondary);color:var(--on-secondary)}nav.tertiary>button,:is(nav,menu).tertiary>:is(button,a,li).active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}nav.tertiary-container>button,:is(nav,menu).tertiary-container>:is(button,a,li).active{background-color:var(--tertiary);color:var(--on-tertiary)}
+:root{--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: .1s;--speed2: .2s;--speed3: .3s;--speed4: .4s;--active: rgb(128 128 128 / .192);--overlay: rgb(0 0 0 / .5);--elevate1: 0 .125rem .125rem 0 rgb(0 0 0 / .32);--elevate2: 0 .25rem .5rem 0 rgb(0 0 0 / .4);--elevate3: 0 .375rem .75rem 0 rgb(0 0 0 / .48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right)}html{font-size:var(--size)}body{color:var(--on-surface);background-color:var(--surface);overflow-x:hidden;font-family:var(--font);font-size:.875rem;line-height:1.5rem;letter-spacing:.0313rem}@media(pointer:fine){body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button{background:none;inline-size:.4rem;block-size:.4rem}body :is(:focus,:hover)::-webkit-scrollbar-thumb,body :has(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}}@media(pointer:coarse){body:has(dialog[open],dialog.active),body:has(input[type=range]:focus){overflow:hidden}}:root,body.light{--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6}body.dark{--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-outlined.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-outlined.woff2) format("woff2")}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-rounded.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-rounded.woff2) format("woff2")}@font-face{font-family:Material Symbols Sharp;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-sharp.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-sharp.woff2) format("woff2")}@font-face{font-family:Material Symbols Subset;font-style:normal;font-weight:400;font-display:swap;src:url(material-symbols-subset.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-subset.woff2) format("woff2")}*{-webkit-tap-highlight-color:transparent;position:relative;vertical-align:middle;color:inherit;margin:0;padding:0;border-radius:inherit;box-sizing:border-box}*:after,*:before{all:unset}label{font-size:.75rem;vertical-align:baseline}a,b,i,span,strong,em,code{vertical-align:baseline}a,button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border:none;font-family:inherit;outline:inherit;justify-content:center}:is(nav,.tabs,.field)>a,button,.button,.chip,i,label{-webkit-user-select:none;user-select:none}:not(.grid,nav,.row)>:not(progress.max)+:is(address,article,blockquote,code,.field,fieldset,form,.grid,h1,h2,h3,h4,h5,h6,nav,ol,p,pre,.row,section,aside,table,.tabs,ul):not([class*=margin],.right,.left,.top,.bottom){margin-block-start:1rem}:has(>[class*=margin]){padding:.1px}:is(a,button,.button,.chip,summary):focus-visible{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(nav,.row,li).group>:focus-visible{z-index:1}:is(button,.button,.chip)>:is(span,i,img,svg){pointer-events:none}div:is(:not([class]),[class=active]):has(>:not(.responsive)~:is(menu,.tooltip,input)){display:inline-flex}.middle-align{display:flex;align-items:center!important}.bottom-align{display:flex;align-items:flex-end!important}.top-align{display:flex;align-items:flex-start!important}.left-align{text-align:start;justify-content:flex-start!important}.right-align{text-align:end;justify-content:flex-end!important}.center-align{text-align:center;justify-content:center!important}[class*=blur],[class*=blur].light{--_blur: 1rem;-webkit-backdrop-filter:blur(var(--_blur));backdrop-filter:blur(var(--_blur));color:var(--on-surface);background-color:#ffffff80!important}.dark [class*=blur],[class*=blur].dark{background-color:#00000080!important}.small-blur{--_blur: .5rem}.large-blur{--_blur: 1.5rem}.red,.red6{background-color:#f44336!important}.red-border{border-color:#f44336!important}.red-text{color:#f44336!important}.red1{background-color:#ffebee!important}.red2{background-color:#ffcdd2!important}.red3{background-color:#ef9a9a!important}.red4{background-color:#e57373!important}.red5{background-color:#ef5350!important}.red7{background-color:#e53935!important}.red8{background-color:#d32f2f!important}.red9{background-color:#c62828!important}.red10{background-color:#b71c1c!important}.pink,.pink6{background-color:#e91e63!important}.pink-border{border-color:#e91e63!important}.pink-text{color:#e91e63!important}.pink1{background-color:#fce4ec!important}.pink2{background-color:#f8bbd0!important}.pink3{background-color:#f48fb1!important}.pink4{background-color:#f06292!important}.pink5{background-color:#ec407a!important}.pink7{background-color:#d81b60!important}.pink8{background-color:#c2185b!important}.pink9{background-color:#ad1457!important}.pink10{background-color:#880e4f!important}.purple,.purple6{background-color:#9c27b0!important}.purple-border{border-color:#9c27b0!important}.purple-text{color:#9c27b0!important}.purple1{background-color:#f3e5f5!important}.purple2{background-color:#e1bee7!important}.purple3{background-color:#ce93d8!important}.purple4{background-color:#ba68c8!important}.purple5{background-color:#ab47bc!important}.purple7{background-color:#8e24aa!important}.purple8{background-color:#7b1fa2!important}.purple9{background-color:#6a1b9a!important}.purple10{background-color:#4a148c!important}.deep-purple,.deep-purple6{background-color:#673ab7!important}.deep-purple-border{border-color:#673ab7!important}.deep-purple-text{color:#673ab7!important}.deep-purple1{background-color:#ede7f6!important}.deep-purple2{background-color:#d1c4e9!important}.deep-purple3{background-color:#b39ddb!important}.deep-purple4{background-color:#9575cd!important}.deep-purple5{background-color:#7e57c2!important}.deep-purple7{background-color:#5e35b1!important}.deep-purple8{background-color:#512da8!important}.deep-purple9{background-color:#4527a0!important}.deep-purple10{background-color:#311b92!important}.indigo,.indigo6{background-color:#3f51b5!important}.indigo-border{border-color:#3f51b5!important}.indigo-text{color:#3f51b5!important}.indigo1{background-color:#e8eaf6!important}.indigo2{background-color:#c5cae9!important}.indigo3{background-color:#9fa8da!important}.indigo4{background-color:#7986cb!important}.indigo5{background-color:#5c6bc0!important}.indigo7{background-color:#3949ab!important}.indigo8{background-color:#303f9f!important}.indigo9{background-color:#283593!important}.indigo10{background-color:#1a237e!important}.blue,.blue6{background-color:#2196f3!important}.blue-border{border-color:#2196f3!important}.blue-text{color:#2196f3!important}.blue1{background-color:#e3f2fd!important}.blue2{background-color:#bbdefb!important}.blue3{background-color:#90caf9!important}.blue4{background-color:#64b5f6!important}.blue5{background-color:#42a5f5!important}.blue7{background-color:#1e88e5!important}.blue8{background-color:#1976d2!important}.blue9{background-color:#1565c0!important}.blue10{background-color:#0d47a1!important}.light-blue,.light-blue6{background-color:#03a9f4!important}.light-blue-border{border-color:#03a9f4!important}.light-blue-text{color:#03a9f4!important}.light-blue1{background-color:#e1f5fe!important}.light-blue2{background-color:#b3e5fc!important}.light-blue3{background-color:#81d4fa!important}.light-blue4{background-color:#4fc3f7!important}.light-blue5{background-color:#29b6f6!important}.light-blue7{background-color:#039be5!important}.light-blue8{background-color:#0288d1!important}.light-blue9{background-color:#0277bd!important}.light-blue10{background-color:#01579b!important}.cyan,.cyan6{background-color:#00bcd4!important}.cyan-border{border-color:#00bcd4!important}.cyan-text{color:#00bcd4!important}.cyan1{background-color:#e0f7fa!important}.cyan2{background-color:#b2ebf2!important}.cyan3{background-color:#80deea!important}.cyan4{background-color:#4dd0e1!important}.cyan5{background-color:#26c6da!important}.cyan7{background-color:#00acc1!important}.cyan8{background-color:#0097a7!important}.cyan9{background-color:#00838f!important}.cyan10{background-color:#006064!important}.teal,.teal6{background-color:#009688!important}.teal-border{border-color:#009688!important}.teal-text{color:#009688!important}.teal1{background-color:#e0f2f1!important}.teal2{background-color:#b2dfdb!important}.teal3{background-color:#80cbc4!important}.teal4{background-color:#4db6ac!important}.teal5{background-color:#26a69a!important}.teal7{background-color:#00897b!important}.teal8{background-color:#00796b!important}.teal9{background-color:#00695c!important}.teal10{background-color:#004d40!important}.green,.green6{background-color:#4caf50!important}.green-border{border-color:#4caf50!important}.green-text{color:#4caf50!important}.green1{background-color:#e8f5e9!important}.green2{background-color:#c8e6c9!important}.green3{background-color:#a5d6a7!important}.green4{background-color:#81c784!important}.green5{background-color:#66bb6a!important}.green7{background-color:#43a047!important}.green8{background-color:#388e3c!important}.green9{background-color:#2e7d32!important}.green10{background-color:#1b5e20!important}.light-green,.light-green6{background-color:#8bc34a!important}.light-green-border{border-color:#8bc34a!important}.light-green-text{color:#8bc34a!important}.light-green1{background-color:#f1f8e9!important}.light-green2{background-color:#dcedc8!important}.light-green3{background-color:#c5e1a5!important}.light-green4{background-color:#aed581!important}.light-green5{background-color:#9ccc65!important}.light-green7{background-color:#7cb342!important}.light-green8{background-color:#689f38!important}.light-green9{background-color:#558b2f!important}.light-green10{background-color:#33691e!important}.lime,.lime6{background-color:#cddc39!important}.lime-border{border-color:#cddc39!important}.lime-text{color:#cddc39!important}.lime1{background-color:#f9fbe7!important}.lime2{background-color:#f0f4c3!important}.lime3{background-color:#e6ee9c!important}.lime4{background-color:#dce775!important}.lime5{background-color:#d4e157!important}.lime7{background-color:#c0ca33!important}.lime8{background-color:#afb42b!important}.lime9{background-color:#9e9d24!important}.lime10{background-color:#827717!important}.yellow,.yellow6{background-color:#ffeb3b!important}.yellow-border{border-color:#ffeb3b!important}.yellow-text{color:#ffeb3b!important}.yellow1{background-color:#fffde7!important}.yellow2{background-color:#fff9c4!important}.yellow3{background-color:#fff59d!important}.yellow4{background-color:#fff176!important}.yellow5{background-color:#ffee58!important}.yellow7{background-color:#fdd835!important}.yellow8{background-color:#fbc02d!important}.yellow9{background-color:#f9a825!important}.yellow10{background-color:#f57f17!important}.amber,.amber6{background-color:#ffc107!important}.amber-border{border-color:#ffc107!important}.amber-text{color:#ffc107!important}.amber1{background-color:#fff8e1!important}.amber2{background-color:#ffecb3!important}.amber3{background-color:#ffe082!important}.amber4{background-color:#ffd54f!important}.amber5{background-color:#ffca28!important}.amber7{background-color:#ffb300!important}.amber8{background-color:#ffa000!important}.amber9{background-color:#ff8f00!important}.amber10{background-color:#ff6f00!important}.orange,.orange6{background-color:#ff9800!important}.orange-border{border-color:#ff9800!important}.orange-text{color:#ff9800!important}.orange1{background-color:#fff3e0!important}.orange2{background-color:#ffe0b2!important}.orange3{background-color:#ffcc80!important}.orange4{background-color:#ffb74d!important}.orange5{background-color:#ffa726!important}.orange7{background-color:#fb8c00!important}.orange8{background-color:#f57c00!important}.orange9{background-color:#ef6c00!important}.orange10{background-color:#e65100!important}.deep-orange,.deep-orange6{background-color:#ff5722!important}.deep-orange-border{border-color:#ff5722!important}.deep-orange-text{color:#ff5722!important}.deep-orange1{background-color:#fbe9e7!important}.deep-orange2{background-color:#ffccbc!important}.deep-orange3{background-color:#ffab91!important}.deep-orange4{background-color:#ff8a65!important}.deep-orange5{background-color:#ff7043!important}.deep-orange7{background-color:#f4511e!important}.deep-orange8{background-color:#e64a19!important}.deep-orange9{background-color:#d84315!important}.deep-orange10{background-color:#bf360c!important}.brown,.brown6{background-color:#795548!important}.brown-border{border-color:#795548!important}.brown-text{color:#795548!important}.brown1{background-color:#efebe9!important}.brown2{background-color:#d7ccc8!important}.brown3{background-color:#bcaaa4!important}.brown4{background-color:#a1887f!important}.brown5{background-color:#8d6e63!important}.brown7{background-color:#6d4c41!important}.brown8{background-color:#5d4037!important}.brown9{background-color:#4e342e!important}.brown10{background-color:#3e2723!important}.blue-grey,.blue-grey6{background-color:#607d8b!important}.blue-grey-border{border-color:#607d8b!important}.blue-grey-text{color:#607d8b!important}.blue-grey1{background-color:#eceff1!important}.blue-grey2{background-color:#cfd8dc!important}.blue-grey3{background-color:#b0bec5!important}.blue-grey4{background-color:#90a4ae!important}.blue-grey5{background-color:#78909c!important}.blue-grey7{background-color:#546e7a!important}.blue-grey8{background-color:#455a64!important}.blue-grey9{background-color:#37474f!important}.blue-grey10{background-color:#263238!important}.grey,.grey6{background-color:#9e9e9e!important}.grey-border{border-color:#9e9e9e!important}.grey-text{color:#9e9e9e!important}.grey1{background-color:#fafafa!important}.grey2{background-color:#f5f5f5!important}.grey3{background-color:#eee!important}.grey4{background-color:#e0e0e0!important}.grey5{background-color:#bdbdbd!important}.grey7{background-color:#757575!important}.grey8{background-color:#616161!important}.grey9{background-color:#424242!important}.grey10{background-color:#212121!important}.horizontal{display:inline-flex;flex-direction:row!important;gap:1rem;inline-size:auto!important;max-inline-size:none!important}.horizontal>*{margin-block:0!important}.vertical{display:flex;flex-direction:column!important}:is(a,button,.button,.chip).vertical{display:inline-flex;gap:.25rem;block-size:auto!important;max-block-size:none!important;padding-block:.5rem}.vertical>*{margin-inline:0!important}.no-elevate{box-shadow:none!important}.small-elevate,.elevate{box-shadow:var(--elevate1)!important}.medium-elevate{box-shadow:var(--elevate2)!important}.large-elevate{box-shadow:var(--elevate3)!important}.round,[class*=-round]{--_round: 2rem;border-radius:var(--_round)!important}.small-round{--_round: .5rem}.large-round{--_round: 3.5rem}.no-round,.square,.top-round,.bottom-round,.left-round,.right-round{border-radius:.5rem!important}.top-round{border-start-start-radius:var(--_round)!important;border-start-end-radius:var(--_round)!important}.bottom-round{border-end-end-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}.left-round{border-start-start-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}.right-round{border-start-end-radius:var(--_round)!important;border-end-end-radius:var(--_round)!important}.circle:not(.extend){border-radius:50%}:is(.circle,.square):is(button,.button,.chip){padding:0;block-size:var(--_size);inline-size:var(--_size)}:is(.circle,.square)>span:not([class]){display:none}:is(.circle,.square).round{border-radius:1rem!important}.border:not(table,.field,.list,menu,article){box-sizing:border-box;border:.0625rem solid var(--outline);background-color:transparent;box-shadow:none}.no-border{border-color:transparent!important}.margin,[class*=-margin]:not(.left-margin,.right-margin,.top-margin,.bottom-margin,.horizontal-margin,.vertical-margin){margin:var(--_margin)!important}.margin,[class*=-margin]{--_margin: 1rem}.no-margin{--_margin: 0}.auto-margin{--_margin: auto}.tiny-margin{--_margin: .25rem}.small-margin{--_margin: .5rem}.large-margin{--_margin: 1.5rem}.left-margin,.horizontal-margin{margin-inline-start:var(--_margin)!important}.right-margin,.horizontal-margin{margin-inline-end:var(--_margin)!important}.top-margin,.vertical-margin{margin-block-start:var(--_margin)!important}.bottom-margin,.vertical-margin{margin-block-end:var(--_margin)!important}.no-opacity{opacity:1!important}.opacity{opacity:0!important}.small-opacity{opacity:.75!important}.medium-opacity{opacity:.5!important}.large-opacity{opacity:.25!important}.padding,[class*=-padding]:not(.left-padding,.right-padding,.top-padding,.bottom-padding,.horizontal-padding,.vertical-padding){padding:var(--_padding)!important}.padding,[class*=-padding]{--_padding: 1rem}.no-padding{--_padding: 0 !important}.tiny-padding{--_padding: .25rem !important}.small-padding{--_padding: .5rem !important}.large-padding{--_padding: 1.5rem !important}.left-padding,.horizontal-padding{padding-inline-start:var(--_padding)!important}.right-padding,.horizontal-padding{padding-inline-end:var(--_padding)!important}.top-padding,.vertical-padding{padding-block-start:var(--_padding)!important}.bottom-padding,.vertical-padding{padding-block-end:var(--_padding)!important}.front{z-index:10!important}.back{z-index:-10!important}.left{inset-inline-start:0}.right{inset-inline-end:0}.top{inset-block-start:0}.bottom{inset-block-end:0}.center{inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .center{transform:translate(50%)}.middle{inset-block-start:50%;transform:translateY(-50%)}.middle.center{transform:translate(-50%,-50%)}[dir=rtl] .middle.center{transform:translate(50%,-50%)}.ripple{--_duration: .6s}.fast-ripple{--_duration: .2s}.slow-ripple{--_duration: 1.8s}.ripple-js{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ripple-js>div{position:absolute;border-radius:50%;background:currentColor;opacity:.3;transform:scale(0);animation:to-ripple var(--_duration) linear}@keyframes to-ripple{to{transform:scale(4);opacity:0}}.scroll{overflow:auto}.no-scroll{overflow:hidden}.shadow{background-color:#00000050}:is(.left-shadow,.right-shadow,.top-shadow,.bottom-shadow){background-color:transparent!important}.left-shadow{background-image:linear-gradient(to right,black,transparent)!important}.right-shadow{background-image:linear-gradient(to left,black,transparent)!important}.bottom-shadow{background-image:linear-gradient(to top,black,transparent)!important}.top-shadow{background-image:linear-gradient(to bottom,black,transparent)!important}[class*=-width]{max-inline-size:100%}.auto-width{inline-size:auto}.small-width{inline-size:12rem!important}.medium-width{inline-size:24rem!important}.large-width{inline-size:36rem!important}.auto-height{block-size:auto}.small-height{block-size:12rem!important}.medium-height{block-size:24rem!important}.large-height{block-size:36rem!important}.wrap{display:block;white-space:normal}.no-wrap:not(menu){display:flex;white-space:nowrap}.tiny-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:.5rem}:is(.space,.small-space):not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:1rem}.medium-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:2rem}.large-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:3rem}.extra-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:4rem}.responsive{inline-size:-webkit-fill-available;inline-size:-moz-available}@media only screen and (max-width:600px){:is(.m,.l):not(.s){display:none!important}}@media only screen and (min-width:601px)and (max-width:992px){:is(.s,.l):not(.m){display:none!important}}@media only screen and (min-width:993px){:is(.m,.s):not(.l){display:none!important}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400;display:block;align-items:center;line-height:normal}h1,.h1{font-size:3.5625rem}h2,.h2{font-size:2.8125rem}h3,.h3{font-size:2.25rem}h4,.h4{font-size:2rem}h5,.h5{font-size:1.75rem}h6,.h6{font-size:1.5rem}:is(h1,.h1).small{font-size:3.0625rem}:is(h2,.h2).small{font-size:2.3125rem}:is(h3,.h3).small{font-size:1.75rem}:is(h4,.h4).small{font-size:1.5rem}:is(h5,.h5).small{font-size:1.25rem}:is(h6,.h6).small{font-size:1rem}:is(h1,.h1).large{font-size:4.0625rem}:is(h2,.h2).large{font-size:3.3125rem}:is(h3,.h3).large{font-size:2.75rem}:is(h4,.h4).large{font-size:2.5rem}:is(h5,.h5).large{font-size:2.25rem}:is(h6,.h6).large{font-size:2rem}.link{color:var(--primary)!important}.inverse-link{color:var(--inverse-primary)!important}.truncate{overflow:hidden;white-space:nowrap!important;text-overflow:ellipsis;flex:inherit}.truncate>*{white-space:nowrap!important}.small-text{font-size:.75rem}.medium-text{font-size:.875rem}.large-text{font-size:1rem}.upper{text-transform:uppercase}.lower{text-transform:lowercase}.capitalize{text-transform:capitalize}.bold{font-weight:700}.overline{text-decoration:line-through}.underline{text-decoration:underline}.italic{font-style:italic}p{margin:.5rem 0}.no-line{line-height:normal}.tiny-line{line-height:1.25rem}.small-line{line-height:1.5rem}.medium-line{line-height:1.75rem}.large-line{line-height:2rem}.extra-line{line-height:2.25rem}pre{border-radius:0;background-color:var(--surface-container);white-space:pre-wrap;padding:1rem;border-inline-start:.25rem solid var(--primary);font-family:inherit}blockquote{border-radius:0;padding:1rem;border-inline-start:.25rem solid var(--primary);font-family:inherit}code{border-radius:0;background-color:var(--surface-container);white-space:pre-wrap;padding:.25rem}pre>code,blockquote>code{padding:0}.scroll>code{white-space:pre}pre:has(>code){direction:ltr;text-align:start}sub{vertical-align:sub}sup{vertical-align:super}:is(.wave,.chip,.button,button,nav.tabbed>a,.tabs>a,nav.toolbar>a):not(.slow-ripple,.ripple,.fast-ripple):after,nav:is(.left,.right,.bottom,.top).max>a:after,nav:is(.left,.right,.bottom,.top).max>:is(ol,ul)>li>a:after,nav:is(.left,.right,.bottom,.top):not(.max)>a>i:after,nav:is(.left,.right,.bottom,.top):not(.max)>:is(ol,ul)>li>a>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;inline-size:100%;block-size:100%;background-position:center;background-image:radial-gradient(circle,currentColor 1%,transparent 1%);opacity:0;transition:none;pointer-events:none}:is(.wave,.chip,.button,button,nav.tabbed>a,.tabs>a,nav.toolbar>a):not(.slow-ripple,.ripple,.fast-ripple):is(:focus-visible,:hover):after,nav:is(.left,.right,.bottom,.top).max>a:not(.button,.chip):is(:focus-visible,:hover):after,nav:is(.left,.right,.bottom,.top).max>:is(ol,ul)>li>a:not(.button,.chip):is(:focus-visible,:hover):after,nav:is(.left,.right,.bottom,.top):not(.max)>a:not(.button,.chip):is(:focus-visible,:hover)>i:after,nav:is(.left,.right,.bottom,.top):not(.max)>:is(ol,ul)>li>a:not(.button,.chip):is(:focus-visible,:hover)>i:after{background-size:22500%;opacity:.1;transition:background-size var(--speed2) linear}:is(.wave,.chip,.button,button,nav.tabbed>a,.tabs>a,nav.toolbar>a,nav.max>a):not(.slow-ripple,.ripple,.fast-ripple):active:after,nav:is(.left,.right,.bottom,.top).max>a:active:after,nav:is(.left,.right,.bottom,.top).max>:is(ol,ul)>li>a:active:after,nav:is(.left,.right,.bottom,.top):not(.max)>a:active>i:after,nav:is(.left,.right,.bottom,.top):not(.max)>:is(ol,ul)>li>a:active>i:after{background-size:0%;opacity:0;transition:none}.no-wave:after,.no-wave:is(:hover,:active):after{display:none}.zoom,.tiny-zoom{zoom:2}.small-zoom{zoom:3}.medium-zoom{zoom:4}.large-zoom{zoom:5}.extra-zoom{zoom:6}.badge{--_x: 0;--_y: -100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;font-size:.6875rem;text-transform:none;z-index:2;padding:0 .25rem;min-block-size:1rem;min-inline-size:1rem;background-color:var(--error);color:var(--on-error);line-height:normal;border-radius:1rem;inset:50% auto auto 50%;transform:translate(var(--_x, 50%),var(--_y, -50%));font-family:var(--font)}.badge.top{--_y: -100%}.badge.bottom{--_y: 0}.badge.left{--_x: -100%}.badge.right{--_x: 0}.badge.border{border-color:var(--error);color:var(--error);background-color:var(--surface)}.badge:is(.circle,.square){text-align:center;inline-size:auto;block-size:auto;padding:0 .25rem;border-radius:1rem}.badge.square{border-radius:0}.badge.min>*{display:none}.badge.min{clip-path:circle(18.75% at 50% 50%)}nav:is(.left,.right,.top,.bottom)>a>.badge,nav:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a>.badge{inset:1rem auto auto 50%}.badge.none{inset:auto!important;transform:none;position:relative;margin:0 .125rem}header,footer{display:grid;align-content:center;border-radius:0;padding:0 1rem}:is(dialog,article)>:is(header,footer){padding-inline:0;top:0;right:0;bottom:0;left:0}header{min-block-size:4rem}footer{min-block-size:5rem}:is(header,footer,menu>*).fixed{position:sticky;top:0;right:0;bottom:0;left:0;z-index:11;background-color:inherit}header.fixed{inset:calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start:calc(-1 * var(--_padding, 0))}footer.fixed{inset:0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end:calc(-1 * var(--_padding, 0))}:is(header,footer).fixed.min{margin-inline:auto}dialog>:is(header,footer){background:none}dialog>:is(header,footer).fixed{background-color:inherit}:is(main,header,footer,section).responsive{max-inline-size:min(100vw,75rem);margin:0 auto}:is(main,header,footer,section).responsive.max{max-inline-size:none}:has(>main)>:is(header,footer).fixed{transform:none;box-sizing:content-box;position:sticky;top:0;right:0;bottom:0;left:0;z-index:12}:has(>main)>header{padding-block-start:var(--top, 0)}:has(>main)>footer{padding-block-end:var(--bottom, 0)}nav.top~header,nav.bottom~footer{padding-block:0}nav.top~header.fixed{inset-block:calc(var(--top, 0) + 4.5rem) 0}nav.bottom~footer.fixed{inset-block:0 calc(var(--bottom, 0) + 4.5rem)}:is(nav,.row)>header{background-color:inherit}.button,button{--_padding: 1rem;--_size: 2.5rem;box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);font-size:.875rem;font-weight:500;color:var(--on-primary);padding:0 var(--_padding);background-color:var(--primary);border-radius:var(--_size);transition:transform var(--speed3),border-radius var(--speed2),padding var(--speed3);-webkit-user-select:none;user-select:none;gap:.5rem;line-height:normal}:is(button,.button).small{--_size: 2rem;--_padding: .75rem}:is(button,.button).large{--_size: 3rem;--_padding: 1.25rem}:is(.button,button):is(.extra,.extend){--_size: 3.5rem;font-size:1rem;--_padding: 1.5rem}:is(button,.button):is(.square,.circle){--_padding: 0}:is(button,.button).border{border-color:var(--outline-variant);color:var(--primary)}.extend>span:not([class]){display:none}.extend:is(:hover,.active){inline-size:auto;--_padding: 1.5rem;padding:0 var(--_padding)}.extend:is(:hover,.active)>i+span{display:inherit;margin-inline-start:var(--_padding)}.extend:is(:hover,.active)>:is(img,svg)+span{display:inherit;margin-inline-start:calc(1rem + var(--_padding, 0))}:is(.button,button)[disabled]{opacity:.5;cursor:not-allowed}.button[disabled]{pointer-events:none}:is(.button,button)[disabled]:before,:is(.button,button)[disabled]:after{display:none}:is(.button,button):not(.chip,.extend).fill{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.button,button):not(.chip,.extend).active{background-color:var(--primary-container);color:var(--on-primary-container)}:is(.button,button):not(.chip,.extend).fill.active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.button,button):not(.chip,.extend).border.active{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important;border-color:var(--inverse-surface)!important}:is(.button,button):not(.chip):active,:is(.button,button):not(.chip).active{border-radius:.5rem!important}article{--_padding: 1rem;box-shadow:var(--elevate1);background-color:var(--surface-container-low);color:var(--on-surface);padding:var(--_padding);border-radius:.75rem;display:block;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3)}article.small{block-size:12rem}article.medium{block-size:20rem}article.large{block-size:32rem}article.border{box-shadow:none;border:.0625rem solid var(--outline-variant)}.chip{--_padding: .75rem;--_size: 2rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);min-inline-size:var(--_size);font-size:.875rem;font-weight:500;background-color:transparent;border:.0625rem solid var(--outline-variant);color:var(--on-surface-variant);padding:0 var(--_padding);text-transform:none;border-radius:.5rem;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);-webkit-user-select:none;user-select:none;gap:.5rem;line-height:normal;letter-spacing:normal}.chip.medium{--_size: 2.5rem;--_padding: 1rem}.chip.large{--_padding: 1.25rem;--_size: 3rem}.chip.fill{border:none}dialog{--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display:block;visibility:hidden;border:none;opacity:0;position:fixed;box-shadow:var(--elevate2);color:var(--on-surface);background-color:var(--surface-container-high);padding:var(--_padding);z-index:100;inset:10% auto auto 50%;min-inline-size:20rem;max-inline-size:100%;max-block-size:80%;overflow-x:hidden;overflow-y:auto;transition:all var(--speed3),0s background-color;border-radius:1.75rem;transform:translate(-50%,-4rem);outline:none}dialog.small{inline-size:25%;block-size:25%}dialog.medium{inline-size:50%;block-size:50%}dialog.large{inline-size:75%;block-size:75%}dialog:is(.active,[open]){visibility:visible;opacity:1;transform:translate(-50%)}dialog:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}dialog:is(.top,.right,.bottom,.left,.max){--_padding: 1rem}dialog:is(.top,.bottom){opacity:1;block-size:auto;inline-size:100%;min-inline-size:auto;max-block-size:100%}dialog.top{inset:0 auto auto 0;transform:translateY(-100%);border-radius:0 0 1rem 1rem;padding-block-start:var(--_top)}dialog.bottom{inset:auto auto 0 0;transform:translateY(100%);border-radius:1rem 1rem 0 0;padding-block-end:var(--_bottom)}dialog:is(.left,.right){opacity:1;inset:0 auto auto 0;inline-size:auto;block-size:100%;max-block-size:100%;background-color:var(--surface);padding-block:var(--_top) var(--_bottom)}[dir=rtl] dialog.right,dialog.left{inset:0 auto auto 0;border-radius:0 1rem 1rem 0;transform:translate(-100%)}[dir=rtl] dialog.left,dialog.right{inset:0 0 auto auto;border-radius:1rem 0 0 1rem;transform:translate(100%)}dialog.max{inset:0 auto auto 0;inline-size:100%;block-size:100%;max-inline-size:100%;max-block-size:100%;transform:translateY(4rem);background-color:var(--surface);border-radius:0;padding-block:var(--_top) var(--_bottom)}dialog:is(.active,[open]):is(.left,.right,.top,.bottom,.max){transform:translate(0)}dialog:popover-open:is(.left,.right,.top,.bottom,.max){transform:translate(0)}dialog.small:is(.left,.right){inline-size:20rem}dialog.medium:is(.left,.right){inline-size:32rem}dialog.large:is(.left,.right){inline-size:44rem}dialog.small:is(.top,.bottom){block-size:16rem}dialog.medium:is(.top,.bottom){block-size:24rem}dialog.large:is(.top,.bottom){block-size:32rem}hr,[class*=divider]{all:unset;inline-size:-webkit-fill-available;min-block-size:auto;block-size:.0625rem;background-color:var(--outline-variant);display:block}hr+*,[class*=divider]+*{margin:0!important}hr.medium,.medium-divider{margin:1rem 0!important}hr.large,.large-divider{margin:1.5rem 0!important}hr.small,.small-divider{margin:.5rem 0!important}li:has(>hr),li:has(>.divider){padding:0!important;align-self:normal!important;min-inline-size:auto!important;min-block-size:auto!important;inline-size:-webkit-fill-available}hr.vertical,.divider.vertical,li:has(>hr.vertical),li:has(>.divider.vertical){padding:0!important;align-self:center!important;min-inline-size:auto;min-block-size:1.5rem;inline-size:.0625rem}summary{list-style-type:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary>*{pointer-events:none;margin:0}li>details>summary+.list{margin:0!important}.field{--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius:.25rem .25rem 0 0;min-block-size:var(--_input);display:flex;flex-direction:column}.field.fill{--_background: var(--surface-variant);background-color:unset!important;color:unset!important}.field.fill>:is(input,select,textarea){background-color:var(--_background);z-index:0}.field.small{--_input: 2.5rem;--_start: 1rem}.field.large{--_input: 3.5rem;--_start: 1.4rem}.field.extra{--_input: 4rem;--_start: 1.6rem}.field.border{border-radius:.25rem}.field.round.small{border-radius:1.25rem}.field.round{border-radius:1.5rem}.field.round.large{border-radius:1.75rem}.field.round.extra{border-radius:2rem}.field>:is(i,img,svg,progress.circle,a){position:absolute;inset:calc((var(--_input, 0) / 2) - .75rem) auto auto auto;cursor:pointer;z-index:10;inline-size:1.5rem;block-size:1.5rem;margin:auto 0;pointer-events:none}.field>:is(a,.front){pointer-events:all!important}.field>a>:is(i,img,svg,progress.circle,a){inline-size:1.5rem;block-size:1.5rem}.field>:is(i,img,svg,progress.circle,a),[dir=rtl] .field>:is(i,img,svg,progress.circle,a):first-child{inset:calc(var(--_middle, 0) - .75rem) 1rem auto auto}.field>:is(i,img,svg,progress.circle,a):first-child,[dir=rtl] .field>:is(i,img,svg,progress.circle,a){inset:calc(var(--_middle, 0) - .75rem) auto auto 1rem}.field.invalid>i{color:var(--error)}.field>progress.circle{border-width:.1875rem}.field>:is(input,textarea,select){all:unset;position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:inherit;border:.0625rem solid transparent;padding:0 .9375rem;font-family:inherit;font-size:1rem;min-block-size:var(--_input);outline:none;z-index:1;background:none;resize:none;text-align:start;cursor:text}input::-webkit-date-and-time-value{text-align:start}:is(input,select,textarea):is(:-webkit-autofill,:autofill){-webkit-background-clip:text;-webkit-text-fill-color:var(--on-surface)}.field>:is(input,textarea,select):focus{border:.125rem solid transparent;padding-inline:.875rem}.field>textarea:not([rows]){field-sizing:content;max-block-size:12rem}input[type=file],input[type=color],:not(.field)>input[type^=date],:not(.field)>input[type^=time],input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;outline:0;z-index:2!important}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.field.border>:is(input,textarea,select){border-color:var(--outline)}.field.border>:is(input,textarea,select):focus{border-color:var(--primary)}.field.round>:is(input,textarea,select){padding-inline:1.4376rem}.field.round>:is(input,textarea,select):focus{padding-inline:1.375rem}.field.prefix>:is(input,textarea,select){padding-inline-start:2.9375rem}.field.prefix>.slider{margin-inline-start:3.5rem}.field.prefix>:is(input,textarea,select):focus{padding-inline-start:2.875rem}.field.suffix>:is(input,textarea,select){padding-inline-end:2.9375rem}.field.suffix>.slider{margin-inline-end:3.5rem}.field.suffix>:is(input,textarea,select):focus{padding-inline-end:2.875rem}.field:not(.border,.round)>:is(input,textarea,select){border-block-end-color:var(--outline)}.field:not(.border,.round)>:is(input,textarea,select):focus{border-block-end-color:var(--primary)}.field.round:not(.border,.fill)>:is(input,textarea,select),.field.round:not(.border)>:is(input,textarea,select):focus{box-shadow:var(--elevate1)}.field.round:not(.border,.fill)>:is(input,textarea,select):focus{box-shadow:var(--elevate2)}.field.invalid:not(.border,.round)>:is(input,textarea,select),.field.invalid:not(.border,.round)>:is(input,textarea,select):focus{border-block-end-color:var(--error)}.field.invalid.border>:is(input,textarea,select),.field.invalid.border>:is(input,textarea,select):focus{border-color:var(--error)}.field:has(>:disabled){opacity:.5;cursor:not-allowed}.field>:disabled{cursor:not-allowed}.field>select{-webkit-user-select:none;user-select:none}@-moz-document url-prefix(){.field>select:focus{background-color:var(--surface)}.field.fill>select:focus{background-color:var(--surface-variant)}.field>select:focus+label{z-index:1}}.field>select>option{background-color:var(--surface)}.field>:is(input,select){padding-block-start:1rem}.field:not(.label)>:is(input,select),.field.border:not(.fill)>:is(input,select){padding-block-start:0}.field>textarea{padding-block-start:var(--_start)!important}.field>textarea:focus{padding-block-start:calc(var(--_start, 0) - .01rem)!important}.field:not(.label)>textarea,.field.border:not(.fill)>textarea{padding-block-start:calc(var(--_start, 0) - .5rem)!important}.field:not(.label)>textarea:focus,.field.border:not(.fill)>textarea:focus{padding-block-start:calc(var(--_start, 0) - .51rem)!important}.field.label>label{--_start: 1rem;position:absolute;inset:-.5rem 1rem 0 var(--_start);display:flex;block-size:calc(var(--_input, 0) + 1rem);line-height:calc(var(--_input, 0) + 1rem);font-size:1rem;transition:all .2s;gap:.25rem;white-space:nowrap;pointer-events:none}[dir=rtl] .field.label>label{inset:-.5rem var(--_start) 0 1rem}.field.label.round>label{inset:-.5rem 1.75rem 0 var(--_start)}[dir=rtl] .field.label.round>label{inset:-.5rem 1.75rem 0 var(--_start)}.field.label.border.prefix:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start: 1rem}.field.label.round>label,.field.label.border.prefix.round:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start: 1.5rem}.field.label.prefix>label{--_start: 3rem}.field.label>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:2.5rem;line-height:2.5rem;font-size:.75rem}.field.label.border:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:1rem;line-height:1rem}.field.label.border:not(.fill)>label:after{content:"";display:block;margin:.5rem 0 0;border-block-start:.0625rem solid var(--outline);block-size:1rem;transition:none;flex:auto}.field.label.border:not(.fill)>:focus+label:after{border-block-start:.125rem solid var(--primary)}.field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),.field.label.border:not(.fill)>select{clip-path:polygon(-2% -2%,.75rem -2%,.75rem .5rem,calc(100% - 1rem) .5rem,calc(100% - 1rem) -2%,102% -2%,102% 102%,-2% 102%)}[dir=rtl] .field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),[dir=rtl] .field.label.border:not(.fill)>select{clip-path:polygon(-2% -2%,1rem -2%,1rem .5rem,calc(100% - .75rem) .5rem,calc(100% - .75rem) -2%,102% -2%,102% 102%,-2% 102%)}.field.label.border.round:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),.field.label.border.round:not(.fill)>select{clip-path:polygon(-2% -2%,1.25rem -2%,1.25rem .5rem,calc(100% - 1.75rem) .5rem,calc(100% - 1.75rem) -2%,102% -2%,102% 102%,-2% 102%)}[dir=rtl] .field.label.border.round:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),[dir=rtl] .field.label.border.round:not(.fill)>select{clip-path:polygon(-2% -2%,1.75rem -2%,1.75rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) -2%,102% -2%,102% 102%,-2% 102%)}.field.label>:focus+label{color:var(--primary)}.field.label.invalid>label,.field.label.invalid>label:after{color:var(--error)!important;border-color:var(--error)!important}.field.label>label>a{block-size:inherit;line-height:inherit;inline-size:1rem}.field.label>label>a>:is(i,img,svg){block-size:1rem;line-height:1rem;inline-size:1rem;font-size:1rem}.field>output{display:inline-block;font-size:.75rem;background:none!important;padding:.25rem 1rem;line-height:1.25rem;align-self:start}.field>output.invalid{color:var(--error)!important}.field.round>output{padding:.25rem 1.5rem}.field.invalid>output:not(.invalid),.field:not(.invalid)>output.invalid{display:none}.field.invalid>output.invalid~menu,.field:not(.invalid)>output:not(.invalid)~menu{inset:auto auto 1.75rem 0}table td>.field{margin:0}fieldset{border-radius:.25rem;padding:1rem;border:.0625rem solid var(--outline-variant)}fieldset>legend{margin:0 -.25rem;padding:0 .25rem}fieldset>legend+*{margin-block-start:0!important}.grid{--_gap: 1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--_gap);block-size:auto}.grid.no-space{--_gap: 0rem}.grid.medium-space{--_gap: 1.5rem}.grid.large-space{--_gap: 2rem}.grid>*{margin:0}.s1{grid-area:auto/span 1}.s2{grid-area:auto/span 2}.s3{grid-area:auto/span 3}.s4{grid-area:auto/span 4}.s5{grid-area:auto/span 5}.s6{grid-area:auto/span 6}.s7{grid-area:auto/span 7}.s8{grid-area:auto/span 8}.s9{grid-area:auto/span 9}.s10{grid-area:auto/span 10}.s11{grid-area:auto/span 11}.s12{grid-area:auto/span 12}@media only screen and (min-width:601px){.m1{grid-area:auto/span 1}.m2{grid-area:auto/span 2}.m3{grid-area:auto/span 3}.m4{grid-area:auto/span 4}.m5{grid-area:auto/span 5}.m6{grid-area:auto/span 6}.m7{grid-area:auto/span 7}.m8{grid-area:auto/span 8}.m9{grid-area:auto/span 9}.m10{grid-area:auto/span 10}.m11{grid-area:auto/span 11}.m12{grid-area:auto/span 12}}@media only screen and (min-width:993px){.l1{grid-area:auto/span 1}.l2{grid-area:auto/span 2}.l3{grid-area:auto/span 3}.l4{grid-area:auto/span 4}.l5{grid-area:auto/span 5}.l6{grid-area:auto/span 6}.l7{grid-area:auto/span 7}.l8{grid-area:auto/span 8}.l9{grid-area:auto/span 9}.l10{grid-area:auto/span 10}.l11{grid-area:auto/span 11}.l12{grid-area:auto/span 12}}i,:is(.checkbox,.radio,.switch)>span:before,:is(.checkbox,.radio,.switch)>span>i{--_size: 1.5rem;font-family:var(--font-icon);font-weight:400;font-style:normal;font-size:var(--_size);letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;text-align:center;overflow:hidden;inline-size:var(--_size);min-inline-size:var(--_size);block-size:var(--_size);min-block-size:var(--_size);box-sizing:content-box;line-height:normal;border-radius:0}i:has(.badge){overflow:unset}i.tiny{--_size: 1rem}.chip>i,i.small{--_size: 1.25rem}i.medium{--_size: 1.5rem}i.large{--_size: 1.75rem}i.extra{--_size: 2rem}i.fill,a.active>i,button.active>i{font-variation-settings:"FILL" 1}i>:is(img,svg){inline-size:100%;block-size:100%;background-size:100%;border-radius:inherit;position:absolute;inset:0 auto auto 0;padding:inherit}i[class*=fa-]{font-size:calc(var(--_size, 0) * .85);line-height:normal;block-size:auto;min-block-size:auto}.absolute{position:absolute}.fixed{position:fixed}:is(.absolute,.fixed).left.right{inline-size:auto}:is(.absolute,.fixed).left.right.small{block-size:20rem}:is(.absolute,.fixed).left.right.medium{block-size:28rem}:is(.absolute,.fixed).left.right.large{block-size:44rem}:is(.absolute,.fixed).top.bottom.small{inline-size:20rem}:is(.absolute,.fixed).top.bottom.medium{inline-size:28rem}:is(.absolute,.fixed).top.bottom.large{inline-size:44rem}.list{display:flex;flex-direction:column;padding:0;margin:0;flex:1}.list>li,.list>li>details>summary,.list>li>a:only-child{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;align-self:normal;text-align:start;justify-content:flex-start;white-space:nowrap;gap:1rem;min-block-size:3.5rem;padding:.5rem 1rem;cursor:pointer;flex:1}.list>li:has(ul,ol,details[open],a:only-child){padding:0}.list>li>.list{padding:0 0 0 1rem}.list>li>*,.list>li>a:only-child>*{margin:0}.list>li>:is(details,.max),.list>li>a:only-child>.max,.list>li>details>summary>.max{flex:1}.list.border>li:not(:last-child):before,.list.border>li>details[open]>summary:before{content:"";position:absolute;background-color:var(--outline-variant);inset:auto 0 0 0;block-size:.0625rem;inline-size:auto}.list.no-space>li,.list.no-space>li>details>summary{min-block-size:2.5rem}.list.medium-space>li,.list.medium-space>li>details>summary{min-block-size:4.5rem}.list.large-space>li,.list.large-space>li>details>summary{min-block-size:5.5rem}.list>li:focus-visible,.list>li>a:only-child:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.25rem}:has(>main){display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"left top right" "left header right" "left main right" "left footer right" "left bottom right";min-block-size:100dvh;box-sizing:border-box;background-color:var(--surface)}nav.left{grid-area:left}nav.right{grid-area:right}nav.top{grid-area:top}nav.bottom{grid-area:bottom}header{grid-area:header}footer{grid-area:footer}main{--_padding: .5rem;grid-area:main;padding:var(--_padding);overflow:hidden}aside{z-index:1}aside:not(.fixed,.absolute).right{float:right}aside:not(.fixed,.absolute).left{float:left}svg{fill:currentcolor}:is(img,svg,video):is(.small,.medium,.large,.tiny,.extra,.round,.circle,.square,.responsive){--_size: 3rem;object-fit:cover;object-position:center;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);block-size:var(--_size);inline-size:var(--_size)}:is(img,svg,video).round{--_round: .5rem}:is(img,svg,video).tiny{--_size: 2rem}:is(img,svg,video).small{--_size: 2.5rem}:is(img,svg,video).large{--_size: 3.5rem}:is(img,svg,video).extra{--_size: 4rem}:is(img,svg,video).responsive{--_size: 100%;margin:0 auto}:is(img,svg,video).responsive.tiny{inline-size:100%;block-size:4rem}:is(img,svg,video).responsive.small{inline-size:100%;block-size:8rem}:is(img,svg,video).responsive.medium{inline-size:100%;block-size:12rem}:is(img,svg,video).responsive.large{inline-size:100%;block-size:16rem}:is(img,svg,video).responsive.extra{inline-size:100%;block-size:20rem}:is(img,svg,video).responsive.round{--_round: 2rem}:is(img,svg,video).empty-state{max-inline-size:100%;inline-size:24rem}:is(button,.button,.chip):not(.transparent)>.responsive{border:.25rem solid transparent}:is(button,.button,.chip,.field)>:is(img,svg):not(.responsive),.tabs :is(img,svg):not(.responsive){min-inline-size:1.5rem;max-inline-size:1.5rem;min-block-size:1.5rem;max-block-size:1.5rem}:is(button,.button,.chip):not(.extend)>.responsive:first-child{margin-inline-start:calc(-1 * var(--_padding, 0))}:is(button,.button,.chip):not(.extend)>.responsive:not(:first-child){margin-inline-end:calc(-1 * var(--_padding, 0))}:is(button,.button,.chip,.circle,.square,.extend)>.responsive{--_size: inherit;margin:0 auto}.extend>:is(.responsive,i){margin:0;position:absolute;inset-inline:1rem;z-index:1}.extend>.responsive{inset-inline:0;inline-size:3.5rem}.extend.border>.responsive{inline-size:3.375rem}menu{opacity:0;visibility:hidden;position:absolute;box-shadow:var(--elevate2);background-color:var(--surface-container);z-index:11;inset:auto auto 0 0;inline-size:100%;max-block-size:50vh;max-inline-size:none!important;overflow-x:hidden;overflow-y:auto;font-size:.875rem;font-weight:400;text-transform:none;color:var(--on-surface);line-height:normal;text-align:start;border-radius:1rem;transform:scale(.8) translateY(120%);transition:all var(--speed2) var(--speed2),background-color 0s;justify-content:flex-start;padding:.125rem .25rem;display:flex;flex-direction:column;gap:.125rem}[dir=rtl] menu{inset:auto 0 0 auto}menu.no-wrap{inline-size:max-content;white-space:nowrap!important}menu.active,:not([data-ui]):focus-within>menu,menu>li:hover>menu,menu>li>menu:hover{opacity:1;visibility:visible;transform:scale(1) translateY(100%);transition:all var(--speed2),background-color 0s}menu.top.active,:not([data-ui]):focus-within>menu.top,menu>li:hover>menu.top,menu>li>menu.top:hover{transform:scale(1) translateY(-100%)}menu:is(.min,.max).active,:not([data-ui]):focus-within>menu:is(.min,.max){transform:scale(1)}menu *{white-space:inherit!important}menu>li,menu>li>a:only-child{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;align-self:normal;text-align:start;justify-content:inherit;white-space:nowrap;gap:1rem;padding:.5rem 1rem;min-block-size:2.75rem;flex:1;margin:0!important;cursor:pointer;border-radius:.25rem;transition:border-radius var(--speed2)}menu>li:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}menu>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}menu:not(.none)>li:not(.none):hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}menu>li.active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}menu>li:is(.active,:active){border-radius:inherit}menu>li.none{background:none;border-radius:0}menu>li>:is(.max,.field),menu>li>a:only-child>.max,menu>li:has(.field,a:only-child){flex:1;padding:0;margin:0}menu.min{inset:0 0 auto 0;transform:scale(.8)}[dir=rtl] menu.min.right,menu.min.left,menu.top.left{inset:0 0 auto auto}[dir=rtl] menu.min.left,menu.min.right,menu.top,menu.top.right{inset:0 auto auto 0}menu.max{position:fixed;top:0;right:0;bottom:0;left:0;block-size:100%;max-block-size:none;min-block-size:auto;z-index:100;transform:scale(.8);border-radius:0}menu.max>:is(li,li.none){flex:none}menu.no-wrap:is(.min,.max){min-inline-size:16rem}[dir=rtl] menu.right,[dir=rtl] menu.top.min.right,menu.left,menu.top.min.left{inset:auto 0 0 auto}[dir=rtl] menu.left,[dir=rtl] menu.top.min.left,menu.right,menu.top.min{inset:auto auto 0 0}menu.top{transform:scale(.8) translateY(-120%)}menu:has(menu){--_child: 1;--_type: 0;overflow:unset;white-space:nowrap;inline-size:auto;min-inline-size:12rem;max-block-size:none}menu>li>:is(menu,menu.right),[dir=rtl] menu>li>menu.left{inset:auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%}[dir=rtl] menu>li>:is(menu,menu.right),menu>li>menu.left{inset:auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto}menu>li>:is(menu.top,menu.top.right),[dir=rtl] menu>li>menu.top.left{inset:calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%}[dir=rtl] menu>li>:is(menu.top,menu.top.right),menu>li>menu.top.left{inset:calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto}menu.no-space>li{min-block-size:2.5rem}menu.medium-space>li{min-block-size:3.5rem}menu.large-space>li{min-block-size:4rem}menu.transparent{margin:0 -1rem!important;padding:.5rem}menu.transparent>li{background-color:inherit;box-shadow:none;padding:0}menu>li:nth-last-child(2){--_child: 2}menu>li:nth-last-child(3){--_child: 3}menu>li:nth-last-child(4){--_child: 4}menu>li:nth-last-child(5){--_child: 5}menu>li:nth-last-child(6){--_child: 6}menu>li:nth-last-child(7){--_child: 7}menu>li:nth-last-child(8){--_child: 8}menu>li:nth-last-child(9){--_child: 9}menu>li:nth-last-child(10){--_child: 10}menu>li:nth-last-child(11){--_child: 11}menu>li:nth-last-of-type(2){--_type: 1}menu>li:nth-last-of-type(3){--_type: 2}menu>li:nth-last-of-type(4){--_type: 3}menu>li:nth-last-of-type(5){--_type: 4}menu>li:nth-last-of-type(6){--_type: 5}menu>li:nth-last-of-type(7){--_type: 6}menu>li:nth-last-of-type(8){--_type: 7}menu>li:nth-last-of-type(9){--_type: 8}menu>li:nth-last-of-type(10){--_type: 9}menu>li:nth-last-of-type(11){--_type: 10}@media(pointer:coarse){:not(menu,[data-ui]):hover>menu{opacity:1;visibility:visible;transform:scale(1) translateY(100%)}:not(menu,[data-ui]):hover>menu.top{transform:scale(1) translateY(-100%)}}nav>:is(ol,ul),nav>:is(ol,ul)>li{all:unset}nav,.row,a.row{display:flex;align-items:center;align-self:normal;text-align:start;justify-content:flex-start;white-space:nowrap;gap:1rem;border-radius:0}a.row,nav.row{min-block-size:3rem;margin:0}:is(nav,.row,.max)>:only-child,:is(nav,.row,.max)>span>*,nav>:is(ol,ul)>li>:only-child,nav>:is(ol,ul)>li>span>*{margin:0}:is(nav,.row)>:not(ul,ol,header,footer){margin:0;white-space:normal;flex:none}:is(nav,.row).min{display:inline-flex}:is(nav,.row,li).no-space{gap:0}:is(nav,.row,li).tiny-space{gap:.5rem}:is(nav,.row,li).medium-space{gap:1.5rem}:is(nav,.row,li).large-space{gap:2rem}:is(nav,.row)>.max,:is(nav,.row)>:is(ol,ul)>.max{flex:1}:is(nav,.row).wrap{display:flex;flex-wrap:wrap}:is(header,footer)>:is(nav,.row){min-block-size:inherit}nav:is(.left,.right,.top,.bottom){--_padding: .5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position:sticky;top:0;right:0;bottom:0;left:0;border:0;color:var(--on-surface);transform:none;z-index:100;text-align:center;padding:var(--_padding);margin:0}nav:is(.left,.right){justify-content:flex-start;flex-direction:column;background-color:var(--surface);block-size:100dvh;min-inline-size:6rem;padding-block:var(--_top) var(--_bottom)}nav:is(.top,.bottom){position:sticky;top:0;right:0;bottom:0;left:0;padding:.5rem;justify-content:center;flex-direction:row;background-color:var(--surface-container);block-size:auto;min-block-size:4.5rem}nav.top{block-size:calc(var(--top, 0) + 4.5rem);padding-block-start:var(--_top)}nav.bottom{block-size:calc(var(--bottom, 0) + 4.5rem);padding-block-end:var(--_bottom)}nav>header{min-block-size:auto;padding:0;margin:0 0 1rem;align-items:flex-start;gap:1rem;background:none!important}nav:is(.top,.bottom)>header{flex-direction:row;align-items:center;margin:0 1rem 0 0}nav>header>*{margin:0;transition:none}nav.max>header>*{transition:all var(--speed1)}nav>header>.extend:hover{--_padding: 0;inline-size:var(--_size)}nav>header>.extend:hover>span:not([class]){display:none}nav>:is(ol,ul){all:inherit;min-inline-size:auto;margin:0;padding:0;flex:auto}nav.max:is(.left,.right,.top,.bottom){gap:0;inline-size:auto;align-items:flex-start;min-inline-size:12.75rem;padding:var(--_top) 1.25rem var(--_bottom) 1.25rem}nav.max>:is(ol,ul){padding:0}nav.max>header{margin:0 0 1.25rem}nav.max:is(.top,.bottom)>header{margin:0 1.25rem 0 0}nav.max>header>.extend{--_padding: 1.5rem;inline-size:auto;padding:0 var(--_padding)}nav.max>header>.extend>span:not([class]){display:block;margin-inline-start:var(--_padding)}nav.max>header>.extend>:is(img,svg)+span{margin-inline-start:calc(1rem + var(--_padding, 0))}nav.max:is(.top,.bottom){padding:0 .5rem;align-items:center;min-inline-size:auto;max-inline-size:none}nav:is(.left,.right,.top,.bottom)>a:not(.button,.chip),nav:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip){display:flex;flex-direction:column;gap:.25rem;line-height:normal;inline-size:3.5rem;font-size:.8rem}nav:not(.max):is(.left,.right,.top,.bottom)>a:not(.button,.chip)>i,nav:not(.max):is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip)>i{padding:.25rem 1rem;border-radius:2rem;margin:0 auto}nav.max:is(.left,.right,.top,.bottom)>a:not(.button,.chip),nav.max:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip){flex-direction:row;gap:.5rem;inline-size:auto;block-size:3.5rem;padding:0 1rem;border-radius:2rem;font-size:inherit}nav:is(.left,.right,.top,.bottom)>a.active:not(.button,.chip),nav:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a.active:not(.button,.chip){transition:padding var(--speed1) linear}nav.max:is(.top,.bottom)>a:not(.button,.chip),nav.max:is(.top,.bottom)>:is(ol,ul)>li>a:not(.button,.chip){gap:.25rem;block-size:2.5rem;font-size:.8rem}nav.max:is(.left,.right,.top,.bottom)>a.active:not(.button,.chip),nav.max:is(.left,.right,.top,.bottom)>:is(ol,ul)>li>a.active:not(.button,.chip),nav:is(.left,.right,.top,.bottom):not(.max)>a.active:not(.button,.chip)>i,nav:is(.left,.right,.top,.bottom):not(.max)>:is(ol,ul)>li>a.active:not(.button,.chip)>i{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.vertical>:is(ol,ul){align-items:normal}:is(nav,.row):is(.left-align,.top-align,.vertical){justify-content:flex-start}:is(nav,.row):is(.right-align,.bottom-align){justify-content:flex-end}:is(nav,.row):is(.center-align,.middle-align){justify-content:center}:is(nav,.row):is(.left-align,.top-align,.vertical).vertical{align-items:flex-start}:is(nav,.row):is(.right-align,.bottom-align).vertical{align-items:flex-end}:is(nav,.row):is(.center-align,.middle-align).vertical{align-items:center}nav:not(.left,.right)>.space{inline-size:.5rem}nav:not(.left,.right)>.medium-space{inline-size:1rem}nav:not(.left,.right)>.large-space{inline-size:1.5rem}nav.tabbed{background-color:var(--surface-container);border-radius:4rem!important;gap:0rem;block-size:4rem}nav.tabbed.small{block-size:3rem}nav.tabbed.large{block-size:5rem}nav.tabbed>a{border-radius:inherit;block-size:inherit;display:inline-flex;align-items:center;padding-inline:1rem;gap:.5rem;font-size:1rem;flex:1}nav.tabbed>a.active{background-color:var(--primary-container)}nav.toolbar{display:inline-flex;justify-content:space-around;border-radius:2rem;background-color:var(--surface-container);color:var(--on-surface);padding:0 1rem;gap:.5rem;min-block-size:4rem;min-inline-size:4rem}nav.toolbar>a{display:inline-flex;gap:.5rem;min-inline-size:2.5rem;min-block-size:2.5rem;border-radius:1.75rem}nav.toolbar>a:has(>:not(i)){padding:0 1rem}nav.toolbar>a.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.toolbar.fill{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}nav.toolbar.fill>a.active{background-color:var(--surface-container)!important;color:var(--on-surface)!important}nav.toolbar.vertical{flex-direction:column!important;min-inline-size:4rem;padding:1rem 0;align-self:center;align-items:center!important}nav.toolbar.vertical>a{inline-size:2.5rem;block-size:2.5rem}nav.toolbar.vertical>a>:is(div,span):not(.badge,.tooltip){display:none}nav.toolbar.max{border-radius:0;display:flex}nav.group{background:none!important}nav.group:is(.connected,.split){gap:.125rem}nav.group:not(.split)>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}nav.group:not(.split)>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}nav.group.connected>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}nav.group.connected>:is(.button,button).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.group:is(.connected,.split)>:is(.button,button).active,nav.split>:is(.button,button):active{border-radius:2rem!important}:not(nav)>:is(ul,ol){all:revert}:is(.scroll,.no-scroll,.no-space,.tabs,.tabbed)>:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.125rem}nav.split>:is(.button,button):not(.chip,.fill,.border){background-color:var(--primary);color:var(--on-primary)}@media only screen and (max-width:600px){nav.top,nav.bottom{justify-content:space-around}}.overlay,dialog::backdrop{display:block!important;opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;color:var(--on-surface);background-color:var(--overlay);z-index:100;transition:all var(--speed3),0s background-color;border-radius:0}.overlay.active{opacity:1;visibility:visible}dialog:popover-open::backdrop{opacity:1;visibility:visible}.overlay+dialog::backdrop,.snackbar::backdrop{display:none}[popover]{border:0}.page{--_transform: translate(0, 0);opacity:0;position:absolute;display:none}.page.active{opacity:1;position:inherit;display:inherit;animation:var(--speed4) to-page ease}.page.active.top{--_transform: translate(0, -4rem)}.page.active.bottom{--_transform: translate(0, 4rem)}.page.active.left{--_transform: translate(-4rem, 0)}.page.active.right{--_transform: translate(4rem, 0)}@keyframes to-page{0%{opacity:0;transform:var(--_transform)}to{opacity:1;transform:translate(0)}}progress{--_light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==);--_dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==);--_size: .25rem;position:relative;inline-size:100%;block-size:var(--_size);color:var(--primary);background:var(--_light);border-radius:1rem;flex:none;border:none;overflow:hidden;writing-mode:horizontal-tb;direction:ltr;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dark progress{background:var(--_dark)}progress.small{--_size: .25rem}progress.medium{--_size: .35rem}progress.large{--_size: .45rem}progress.indeterminate{--_value: 100;animation:3.2s to-indeterminate ease infinite}progress:not(.circle,[value]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;clip-path:none;background:currentcolor;animation:3.2s to-linear ease infinite}progress:not(.circle,[value])::-moz-progress-bar{animation:3.2s to-linear ease infinite}progress:not(.circle,[value])::-webkit-progress-value{animation:3.2s to-linear ease infinite}progress::-webkit-progress-bar{background:none}progress::-webkit-progress-value{background:currentColor}progress::-moz-progress-bar{background:currentColor}progress.wavy{block-size:calc(var(--_size, 0) * 2);background:none;background-image:var(--_light);background-repeat:repeat-x;background-position:0 50%;background-size:auto calc(var(--_size, 0) / 2)}.dark progress.wavy{background-image:var(--_dark)}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle,[value]):after{-webkit-mask-image:url(wavy.svg);mask-image:url(wavy.svg);-webkit-mask-position:0 50%;mask-position:0 50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}progress.wavy::-moz-progress-bar{-webkit-mask-image:url(wavy.svg);mask-image:url(wavy.svg);-webkit-mask-position:0 50%;mask-position:0 50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}progress.circle{--_value: attr(value type(<number>), 50);inline-size:2.5rem;block-size:2.5rem;background:conic-gradient(currentColor calc(var(--_value, 0) * 1%),var(--active) 0%);border-radius:50%;-webkit-mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%);mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%)}progress.circle::-webkit-progress-value{background:none}progress.circle::-moz-progress-bar{background:none}progress.circle.wavy{background:conic-gradient(currentColor calc(var(--_value, 0) * 1%),var(--active) 0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(wavy-circle.svg);mask-image:url(wavy-circle.svg)}progress.circle.small{inline-size:1.5rem;block-size:1.5rem}progress.circle.large{inline-size:3.5rem;block-size:3.5rem}progress.circle:not([value]),progress.circle.indeterminate{--_value: 50;animation:to-rotate 1s infinite linear}:is(nav,.row,.field)>progress:not(.circle,.small,.medium,.large){flex:auto}progress.max{display:unset;position:absolute;inline-size:100%!important;block-size:100%!important;color:currentColor;background:none;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:none;writing-mode:horizontal-tb;opacity:.33}progress.max[class*=-text]{opacity:1}progress.max+*{margin-block-start:0}:is(.button,button,.chip)>progress.circle{color:inherit}@keyframes to-linear{0%{margin:0 0 0 -100%}50%{margin:0}to{margin:0 0 0 100%}}@keyframes to-indeterminate{0%{padding:0 100% 0 0}50%{padding:0}to{padding:0 0 0 100%}}@keyframes to-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shape{display:flex;align-items:center;justify-content:center;color:var(--on-primary);background-color:var(--primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;border-radius:0;block-size:3.5rem;inline-size:3.5rem;margin:0!important;padding:0!important;border:0!important}.transparent>.shape>i{filter:invert(1)}.shape.tiny-space{-webkit-mask-size:90%;mask-size:90%}.shape.space,.shape.small-space{-webkit-mask-size:80%;mask-size:80%}.shape.medium-space{-webkit-mask-size:70%;mask-size:70%}.shape.large-space{-webkit-mask-size:60%;mask-size:60%}.shape.extra-space{-webkit-mask-size:50%;mask-size:50%}.shape.tiny{block-size:2.5rem;inline-size:2.5rem}.shape.medium{block-size:4.5rem;inline-size:4.5rem}.shape.large{block-size:5.5rem;inline-size:5.5rem}.shape.extra{block-size:6.5rem;inline-size:6.5rem}.shape.max,.shape>.responsive,.shape>.responsive>.responsive{position:absolute;top:0;right:0;bottom:0;left:0;block-size:100%;inline-size:100%;margin:0!important;padding:0!important;border:0!important}.shape>.responsive{background:inherit;color:inherit}.shape.rotate{animation:linear to-shape-rotate infinite 12s}.shape.rotate>*{animation:linear to-shape-rotate infinite 12s reverse}.shape.fast-rotate{animation:linear to-shape-rotate infinite 6s}.shape.fast-rotate>*{animation:linear to-shape-rotate infinite 6s reverse}.shape.slow-rotate{animation:linear to-shape-rotate infinite 24s}.shape.slow-rotate>*{animation:linear to-shape-rotate infinite 24s reverse}:is(button,.button,.chip):has(>.shape)>.responsive{border:none}.shape.arch{-webkit-mask-image:url(arch.svg);mask-image:url(arch.svg)}.shape.arrow{-webkit-mask-image:url(arrow.svg);mask-image:url(arrow.svg)}.shape.boom{-webkit-mask-image:url(boom.svg);mask-image:url(boom.svg)}.shape.bun{-webkit-mask-image:url(bun.svg);mask-image:url(bun.svg)}.shape.burst{-webkit-mask-image:url(burst.svg);mask-image:url(burst.svg)}.shape.circle{-webkit-mask-image:url(circle.svg);mask-image:url(circle.svg)}.shape.clamshell{-webkit-mask-image:url(clamshell.svg);mask-image:url(clamshell.svg)}.shape.diamond{-webkit-mask-image:url(diamond.svg);mask-image:url(diamond.svg)}.shape.fan{-webkit-mask-image:url(fan.svg);mask-image:url(fan.svg)}.shape.flower{-webkit-mask-image:url(flower.svg);mask-image:url(flower.svg)}.shape.gem{-webkit-mask-image:url(gem.svg);mask-image:url(gem.svg)}.shape.ghost-ish{-webkit-mask-image:url(ghost-ish.svg);mask-image:url(ghost-ish.svg)}.shape.heart{-webkit-mask-image:url(heart.svg);mask-image:url(heart.svg)}.shape.leaf-clover4{-webkit-mask-image:url(leaf-clover4.svg);mask-image:url(leaf-clover4.svg)}.shape.leaft-clover8{-webkit-mask-image:url(leaf-clover8.svg);mask-image:url(leaf-clover8.svg)}.shape.loading-indicator{-webkit-mask-image:url(loading-indicator.svg);mask-image:url(loading-indicator.svg)}.shape.oval{-webkit-mask-image:url(oval.svg);mask-image:url(oval.svg)}.shape.pentagon{-webkit-mask-image:url(pentagon.svg);mask-image:url(pentagon.svg)}.shape.pill{-webkit-mask-image:url(pill.svg);mask-image:url(pill.svg)}.shape.pixel-circle{-webkit-mask-image:url(pixel-circle.svg);mask-image:url(pixel-circle.svg)}.shape.pixel-triangle{-webkit-mask-image:url(pixel-triangle.svg);mask-image:url(pixel-triangle.svg)}.shape.puffy{-webkit-mask-image:url(puffy.svg);mask-image:url(puffy.svg)}.shape.puffy-diamond{-webkit-mask-image:url(puffy-diamond.svg);mask-image:url(puffy-diamond.svg)}.shape.semicircle{-webkit-mask-image:url(semicircle.svg);mask-image:url(semicircle.svg)}.shape.sided-cookie4{-webkit-mask-image:url(sided-cookie4.svg);mask-image:url(sided-cookie4.svg)}.shape.sided-cookie6{-webkit-mask-image:url(sided-cookie6.svg);mask-image:url(sided-cookie6.svg)}.shape.sided-cookie7{-webkit-mask-image:url(sided-cookie7.svg);mask-image:url(sided-cookie7.svg)}.shape.sided-cookie9{-webkit-mask-image:url(sided-cookie9.svg);mask-image:url(sided-cookie9.svg)}.shape.sided-cookie12{-webkit-mask-image:url(sided-cookie12.svg);mask-image:url(sided-cookie12.svg)}.shape.slanted{-webkit-mask-image:url(slanted.svg);mask-image:url(slanted.svg)}.shape.soft-boom{-webkit-mask-image:url(soft-boom.svg);mask-image:url(soft-boom.svg)}.shape.soft-burst{-webkit-mask-image:url(soft-burst.svg);mask-image:url(soft-burst.svg)}.shape.square{-webkit-mask-image:url(square.svg);mask-image:url(square.svg)}.shape.sunny{-webkit-mask-image:url(sunny.svg);mask-image:url(sunny.svg)}.shape.triangle{-webkit-mask-image:url(triangle.svg);mask-image:url(triangle.svg)}.shape.very-sunny{-webkit-mask-image:url(very-sunny.svg);mask-image:url(very-sunny.svg)}@keyframes to-shape-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkbox,.radio,.switch{--_size: 1.5rem;inline-size:auto;block-size:auto;line-height:normal;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}.switch{direction:ltr}:is(.checkbox,.radio,.switch).small{--_size: 1rem}:is(.checkbox,.radio,.switch).large{--_size: 2rem}:is(.checkbox,.radio,.switch).extra{--_size: 2.5rem}:is(.checkbox,.radio)>input{inline-size:var(--_size);block-size:var(--_size);opacity:0}.switch>input{inline-size:3.25rem;block-size:2rem;opacity:0}:is(.checkbox,.radio,.switch)>span{display:inline-flex;align-items:center;color:var(--on-surface);font-size:.875rem}:is(.checkbox,.radio)>span:not(:empty){padding-inline-start:.25rem}:is(.checkbox,.radio,.switch)>span:before,:is(.checkbox,.radio,.switch)>span>i,:is(.checkbox,.radio)>span:after{--_size: inherit;content:"";inline-size:var(--_size);block-size:var(--_size);box-sizing:border-box;margin:0 auto;outline:none;color:var(--primary);position:absolute;inset:auto auto auto calc(var(--_size, 0) * -1);border-radius:50%;-webkit-user-select:none;user-select:none;z-index:1}[dir=rtl] :is(.checkbox,.radio)>span:before,[dir=rtl] :is(.checkbox,.radio)>span>i,[dir=rtl] :is(.checkbox,.radio)>span:after{--_size: inherit;inset:auto calc(var(--_size, 0) * -1) auto auto}.switch>span:before,.switch.icon>span>i{position:absolute;inset:50% auto auto 0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--speed2);font-size:calc(var(--_size, 0) - .5rem);-webkit-user-select:none;user-select:none;min-inline-size:var(--_size);min-block-size:var(--_size);content:"";color:var(--surface-variant);background-color:var(--outline)}.switch>span:before,.switch.icon>span>i{transform:translate(-3rem,-50%) scale(.6)}.switch.icon>span>i{transform:translate(-3rem,-50%) scale(1)}.checkbox>span:before{content:"check_box_outline_blank"}.checkbox>input:checked+span:before{content:"check_box";font-variation-settings:"FILL" 1}.checkbox>input:indeterminate+span:before{content:"indeterminate_check_box"}.radio>span:before{content:"radio_button_unchecked"}.radio>input:checked+span:before{content:"radio_button_checked"}:is(.radio,.checkbox,.switch).icon>span:before{content:""!important;font-variation-settings:unset!important}:is(.checkbox,.radio)>span:after{transition:all var(--speed1);background-color:currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}:is(.checkbox,.radio):is(:hover)>input:not(:disabled)+span:after,:is(.checkbox,.radio)>input:not(:disabled):is(:focus)+span:after{box-shadow:0 0 0 .5rem currentColor;opacity:.1}.switch>input:not(:disabled):is(:focus,:hover)+span:before,.switch.icon>input:not(:disabled):is(:focus,:hover)+span>i{box-shadow:0 0 0 .5rem var(--active)}:is(.checkbox,.radio)>input:checked+span:before,:is(.checkbox,.radio).icon>input:checked+span>i{color:var(--primary)}.icon>input:checked+span>i:first-child,.icon>span>i:last-child{opacity:0}.icon>input:checked+span>i:last-child,.icon>span>i:first-child{opacity:1}.switch>input:checked+span:after{border:none;background-color:var(--primary)}.switch>input:checked+span:before,.switch.icon>input:checked+span>i{content:"check";color:var(--primary);background-color:var(--on-primary);transform:translate(-1.75rem,-50%) scale(1)}.switch>input:active:not(:disabled)+span:before,.switch.icon>input:active:not(:disabled)+span>i{transform:translate(-3rem,-50%) scale(1.2)}[dir=rtl] .switch>input:active:not(:disabled)+span:before,[dir=rtl] .switch.icon>input:active:not(:disabled)+span>i{transform:translate(-3rem,-50%) scale(-1.2)}.switch>input:active:checked:not(:disabled)+span:before,.switch.icon>input:active:checked:not(:disabled)+span>i{transform:translate(-1.75rem,-50%) scale(1.2)}[dir=rtl] .switch>input:active:checked:not(:disabled)+span:before,[dir=rtl] .switch.icon>input:active:checked:not(:disabled)+span>i{transform:translate(-1.75rem,-50%) scale(-1.2)}:is(.checkbox,.radio,.switch)>input:disabled+span{opacity:.5;cursor:not-allowed}.switch>span:after{content:"";position:absolute;inset:50% auto auto 0;background-color:var(--active);border:.125rem solid var(--outline);box-sizing:border-box;inline-size:3.25rem;block-size:2rem;border-radius:2rem;transform:translate(-3.25rem,-50%)}.field>:is(nav,.row){flex-grow:1;padding:0 1rem}.field.round>:is(nav,.row){flex-grow:1;padding:0 1.5rem}[dir=rtl] .switch{transform:scale(-1)}[dir=rtl] .switch>span:before,[dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%) scale(-.6)}[dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%) scale(-1)}[dir=rtl] .switch>input:checked+span:before,[dir=rtl] .switch.icon>input:checked+span>i{transform:translate(-1.75rem,-50%) scale(-1)}.switch>:focus-visible+span:after{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(.checkbox,.radio)>:focus-visible+span:before{outline:.125rem solid var(--primary);outline-offset:.375rem}.slider{--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + .5rem));display:flex;align-items:center!important;inline-size:auto;block-size:var(--_thumb);flex:none;direction:ltr;margin:0 1.25rem}[dir=rtl] .slider{transform:scaleX(-1)}.slider.vertical{flex-direction:row!important;margin:.5rem auto!important;padding:50% 0;transform:rotate(-90deg);inline-size:100%}.slider.tiny{--_track: 1rem}.slider.small{--_track: 1.5rem}.slider.medium{--_track: 2.5rem}.slider.large{--_track: 3.5rem}.slider.extra{--_track: 6rem}.slider>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:none;inline-size:100%;block-size:var(--_track);background:none;z-index:1;padding:0;margin:0;transform:rotate(0)}.slider>input:only-of-type{pointer-events:all}.slider>input~input{position:absolute}.slider>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:all;block-size:var(--_thumb);inline-size:.25rem;border-radius:.25rem;background:var(--primary);cursor:grab;margin:0;z-index:1}.slider>input::-webkit-slider-thumb:active{cursor:grabbing}.slider>input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:all;block-size:2.75rem;inline-size:.25rem;border-radius:.25rem;background:var(--primary);cursor:grab;margin:0}.slider>input::-moz-range-thumb:active{cursor:grabbing}.slider>input:not(:disabled):is(:focus)::-webkit-slider-thumb{transform:scaleX(.6)}.slider>input:not(:disabled):is(:focus)::-moz-range-thumb{transform:scaleX(.6)}.slider>input:disabled{cursor:not-allowed;opacity:1}.slider>input:disabled::-webkit-slider-thumb{background:var(--outline);cursor:not-allowed}.slider>input:disabled::-moz-range-thumb{background:var(--outline);cursor:not-allowed}.slider>input:disabled~span:not([class]){background:var(--outline)}.slider>span:not([class]){position:absolute;block-size:var(--_track);border-radius:1rem 0 0 1rem;background:var(--primary);color:var(--on-primary);z-index:0;inset:calc(50% - (var(--_track, 0) / 2)) var(--_end) auto var(--_start);clip-path:polygon(0 0,calc(100% - .5rem) 0,calc(100% - .5rem) 100%,0 100%)}.slider>input[type=range]+input[type=range]~span:not([class]){border-radius:0;clip-path:polygon(.5rem 0,max(.5rem,calc(100% - .5rem)) 0,max(.5rem,calc(100% - .5rem)) 100%,.5rem 100%)}.field>.slider{inline-size:100%}.slider:before{content:"";position:absolute;inline-size:100%;block-size:var(--_track);border-radius:1rem;background:var(--secondary-container);clip-path:polygon(calc(var(--_start, 0) - .5rem) 0,0 0,0 100%,calc(var(--_start, 0) - .5rem) 100%,calc(var(--_start, 0) - .5rem) 0,calc(100% - var(--_end, 0) + .5rem) 0,100% 0,100% 100%,calc(100% - var(--_end, 0) + .5rem) 100%,calc(100% - var(--_end, 0) + .5rem) 0)}.slider:has(>[disabled]):before{background:var(--outline-variant)}.slider:has([disabled]){opacity:.62}.slider>span>i{position:absolute;block-size:auto;inset:0 auto 0 .5rem;color:currentColor;z-index:1}.slider:not(.medium,.large,.extra)>span>i{display:none}.slider.vertical>i{transform:rotate(90deg)}.slider>.tooltip{visibility:hidden!important;opacity:0!important;inset:0 auto auto calc(100% - var(--_end, 0));border-radius:2rem;transition:top var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,-25%)!important;padding:.75rem 1rem}.slider>.tooltip.bottom{inset:auto auto 0 calc(100% - var(--_end, 0));transition:bottom var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,25%)!important}[dir=rtl] .slider>.tooltip{transform:translate(-50%,-25%) scaleX(-1)!important}[dir=rtl] .slider>.tooltip.bottom{transform:translate(-50%,25%) scaleX(-1)!important}.slider>.tooltip+.tooltip{inset:.25rem calc(100% - var(--_start, 0)) auto auto;transform:translate(50%,-25%)!important}.slider>.tooltip+.tooltip.bottom{inset:auto calc(100% - var(--_start, 0)) -.25rem auto;transform:translate(50%,25%)!important}[dir=rtl] .slider>.tooltip+.tooltip{transform:translate(50%,-25%) scaleX(-1)!important}[dir=rtl] .slider>.tooltip+.tooltip.bottom{transform:translate(50%,25%) scaleX(-1)!important}.slider>.tooltip:before{content:var(--_value1)}.slider>.tooltip+.tooltip:before{content:var(--_value2)}.slider>:focus~.tooltip{inset-block:-1rem auto;opacity:1!important;visibility:visible!important}.slider>:focus~.tooltip.bottom{inset-block:auto -1rem}.slider.vertical>.tooltip{inset-block:auto;block-size:2.5rem;inline-size:2.5rem;margin-block:calc(-1 * var(--_thumb, 0)) 0!important;transform:rotate(90deg) translate(-75%,50%)!important}.slider.vertical>.tooltip.bottom{inset-block:auto;margin-block:0 calc(-1 * var(--_thumb, 0))!important;transform:rotate(90deg) translate(75%,50%)!important}.slider.vertical>.tooltip+.tooltip{transform:rotate(90deg) translate(-75%,-50%)!important}.slider.vertical>.tooltip+.tooltip.bottom{transform:rotate(90deg) translate(75%,-50%)!important}:is(nav,.row,.field)>.slider:not(.circle,.small,.medium,.large){flex:auto}.slider.max,.slider.max.vertical,.slider.max>input,.slider.max.vertical>input{all:unset;margin:0!important;position:absolute;color:var(--primary);top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;z-index:2;cursor:grab;inline-size:100%;block-size:100%}.slider.max:before{display:none}.slider.max.vertical>input{writing-mode:vertical-lr;transform:rotate(-180deg)}.slider.max>input::-webkit-slider-thumb{opacity:0;inline-size:1rem;block-size:100vh;transform:none!important}.slider.max>input::-moz-range-thumb{opacity:0;inline-size:1rem;block-size:100vh;transform:none!important}.slider.max>span:not([class]){block-size:auto!important;inset:0 var(--_end) 0 var(--_start);clip-path:none;background:currentcolor;color:inherit;border-radius:0}.slider.max.vertical>span:not([class]){inset:var(--_end) 0 var(--_start) 0}.slider>input:focus-visible::-webkit-slider-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}.slider>input:focus-visible::-moz-range-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}.slider.max>input:focus-visible{outline:.1875rem solid var(--primary);outline-offset:-.125rem}@media(pointer:coarse){.slider>:hover~.tooltip{inset-block:-1rem auto!important;opacity:1!important;visibility:visible!important}.slider>:hover~.tooltip.bottom{inset-block:auto -1rem!important}}.snackbar{position:fixed;inset:auto auto 6rem 50%;inline-size:80%;block-size:auto;z-index:200;visibility:hidden;display:flex;box-shadow:var(--elevate2);color:var(--inverse-on-surface);background-color:var(--inverse-surface);padding:1rem;cursor:pointer;text-align:start;align-items:center;border-radius:.25rem;gap:.5rem;transition:all var(--speed2);transform:translate(-50%,1rem);opacity:0}.snackbar.top{inset:6rem auto auto 50%}.snackbar:is(.active){visibility:visible;transform:translate(-50%);opacity:1}.snackbar:popover-open{visibility:visible;transform:translate(-50%);opacity:1}.snackbar>.max{flex:auto}@media only screen and (min-width:993px){.snackbar{inline-size:40%}}table{inline-size:100%;border-spacing:0;font-size:.875rem;text-align:start}.scroll>table,table :is(thead,tbody,tfoot,tr,th,td){background-color:inherit;color:inherit}:is(th,td){inline-size:auto;text-align:inherit;padding:.5rem;border-radius:0}:is(th,td)>*{vertical-align:middle}table.border>tbody>tr:not(:last-child)>td,thead>tr>th{border-block-end:.0625rem solid var(--outline)}tfoot>tr>th{border-block-start:.0625rem solid var(--outline)}table.stripes>tbody>tr:nth-child(odd){background-color:var(--active)}table.no-space :is(th,td){padding:0}table.medium-space :is(th,td){padding:.75rem}table.large-space :is(th,td){padding:1rem}table>.fixed,th.fixed{position:sticky;z-index:1;inset-block-start:0}tfoot.fixed,tfoot th.fixed{inset-block-end:0}:is(td,th).min{inline-size:.1%;white-space:nowrap}.tabs{display:flex;white-space:nowrap;border-block-end:.0625rem solid var(--surface-variant);border-radius:0}.tabs:not(.left-align,.right-align,.center-align){justify-content:space-around}.tabs>a{display:flex;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);padding:.5rem 1rem;text-align:center;min-block-size:3rem;inline-size:100%;gap:.25rem}.tabs.small>a{min-block-size:2rem}.tabs.large>a{min-block-size:4rem}.tabs>a.active,.tabs>a.active>i{color:var(--primary)}.tabs>a.active:before{content:"";position:absolute;inset:auto 0 0 0;block-size:.125rem;background-color:var(--primary)}.tabs.min>a.active:before{margin:0 auto;max-inline-size:min(100%,4rem)}.tabs:is(.left-align,.center-align,.right-align)>a{inline-size:auto}.tooltip{--_space: -.5rem;visibility:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--inverse-surface);color:var(--inverse-on-surface);font-size:.75rem;text-align:center;border-radius:.25rem;padding:.5rem;position:absolute;z-index:200;inset:0 auto auto 50%;inline-size:auto;white-space:nowrap;font-weight:500;opacity:0;transition:all var(--speed2);line-height:normal;transform:translate(-50%,-100%) scale(.9)}.tooltip:not(.max):hover{visibility:hidden;opacity:0}.tooltip.left{inset:50% auto auto 0;transform:translate(-100%,-50%) scale(.9)}.tooltip.right{inset:50% 0 auto auto;transform:translate(100%,-50%) scale(.9)}.tooltip.bottom{inset:auto auto 0 50%;transform:translate(-50%,100%) scale(.9)}.tooltip.small{inline-size:8rem;white-space:normal}.tooltip.medium{inline-size:12rem;white-space:normal}.tooltip.large{inline-size:16rem;white-space:normal}:hover>.tooltip{visibility:visible;opacity:1;transform:translate(-50%,-100%) scale(1)}:hover>.tooltip.left{transform:translate(-100%,-50%) scale(1)}:hover>.tooltip.right{transform:translate(100%,-50%) scale(1)}:hover>.tooltip.bottom{transform:translate(-50%,100%) scale(1)}.tooltip.no-space{--_space: 0}.tooltip.medium-space{--_space: -1rem}.tooltip.large-space{--_space: -1.5rem}.tooltip:not(.left,.right,.bottom){margin-block-start:var(--_space)!important}.tooltip.left,.tooltip.right{margin-inline:var(--_space)!important}.tooltip.bottom{margin-block-end:var(--_space)!important}menu:active~.tooltip,:is(button,.button):focus>menu~.tooltip,.field>:focus~menu~.tooltip{visibility:hidden}.slider>.tooltip{--_space: -1.25rem}.slider.vertical>.tooltip{--_space: -.75rem}.slider.vertical>.tooltip:is(.left,.right){--_space: -.5rem}.tooltip.max{display:block;font-size:inherit;white-space:normal;text-align:start;inline-size:20rem;border-radius:.5rem;padding:1rem;box-shadow:var(--elevate2)}.transparent{background-color:transparent!important;box-shadow:none!important;color:inherit!important}.primary{background-color:var(--primary)!important;color:var(--on-primary)!important}.primary-text{color:var(--primary)!important}.primary-border{border-color:var(--primary)!important}.primary-container{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}.secondary{background-color:var(--secondary)!important;color:var(--on-secondary)!important}.secondary-text{color:var(--secondary)!important}.secondary-border{border-color:var(--secondary)!important}.secondary-container{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}.tertiary{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}.tertiary-text{color:var(--tertiary)!important}.tertiary-border{border-color:var(--tertiary)!important}.tertiary-container{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}.error{background-color:var(--error)!important;color:var(--on-error)!important}.error-text{color:var(--error)!important}.error-border{border-color:var(--error)!important}.error-container{background-color:var(--error-container)!important;color:var(--on-error-container)!important}.background{background-color:var(--background)!important;color:var(--on-background)!important}.surface,.surface-dim,.surface-bright,.surface-container-lowest,.surface-container-low,.surface-container,.surface-container-high,.surface-container-highest{background-color:var(--surface)!important;color:var(--on-surface)!important}.surface-variant{background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}.inverse-surface{background-color:var(--inverse-surface);color:var(--inverse-on-surface)}.inverse-primary{background-color:var(--inverse-primary);color:var(--primary)}.inverse-primary-text{color:var(--inverse-primary)!important}.inverse-primary-border{border-color:var(--inverse-primary)!important}.surface-dim{background-color:var(--surface-dim)!important}.surface-bright{background-color:var(--surface-bright)!important}.surface-container-lowest{background-color:var(--surface-container-lowest)!important}.surface-container{background-color:var(--surface-container)!important}.surface-container-high{background-color:var(--surface-container-high)!important}.surface-container-highest{background-color:var(--surface-container-highest)!important}.surface-container-low{background-color:var(--surface-container-low)!important}.black{background-color:#000!important}.black-border{border-color:#000!important}.black-text{color:#000!important}.white{background-color:#fff!important}.white-border{border-color:#fff!important}.white-text{color:#fff!important}.transparent-border{border-color:transparent!important}.transparent-text{color:transparent!important}.fill:not(i){background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}nav.primary>button,:is(nav,menu).primary>:is(button,a,li).active{background-color:var(--primary-container);color:var(--on-primary-container)}nav.primary-container>button,:is(nav,menu).primary-container>:is(button,a,li).active{background-color:var(--primary);color:var(--on-primary)}nav.secondary>button,:is(nav,menu).secondary>:is(button,a,li).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.secondary-container>button,:is(nav,menu).secondary-container>:is(button,a,li).active{background-color:var(--secondary);color:var(--on-secondary)}nav.tertiary>button,:is(nav,menu).tertiary>:is(button,a,li).active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}nav.tertiary-container>button,:is(nav,menu).tertiary-container>:is(button,a,li).active{background-color:var(--tertiary);color:var(--on-tertiary)}

package/dist/cdn/beer.scoped.css

@@ -140,7 +140,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-outlined.woff2) format("woff2");
+  src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-outlined.woff2) format("woff2");
 }
 
 /* rounded icons */
@@ -150,7 +150,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-rounded.woff2) format("woff2");
+  src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-rounded.woff2) format("woff2");
 }
 
 /* sharp icons */
@@ -160,7 +160,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-sharp.woff2) format("woff2");
+  src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-sharp.woff2) format("woff2");
 }
 
 /* subset of only required icons */
@@ -170,7 +170,7 @@ body.dark {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-subset.woff2) format("woff2");
+  src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-subset.woff2) format("woff2");
 }
 
 /* begin scoped */
@@ -3601,7 +3601,7 @@ menu > li:last-child {
   border-bottom-right-radius: inherit;
 }
 
-menu > li:not(.none):hover {
+menu:not(.none) > li:not(.none):hover {
   background-color: color-mix(in srgb, currentColor 10%, transparent);
 }
 

package/dist/cdn/beer.scoped.min.css

@@ -1,2 +1,2 @@
-:root {--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: 0.1s;--speed2: 0.2s;--speed3: 0.3s;--speed4: 0.4s;--active: rgb(128 128 128 / 0.192);--overlay: rgb(0 0 0 / 0.5);--elevate1: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 0.32);--elevate2: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 0.4);--elevate3: 0 0.375rem 0.75rem 0 rgb(0 0 0 / 0.48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right);}html {font-size: var(--size);}body {color: var(--on-surface);background-color: var(--surface);overflow-x: hidden;font-family: var(--font);font-size: 0.875rem;line-height: 1.5rem;letter-spacing: 0.0313rem;}@media (pointer: fine) {body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button {background: none;inline-size: 0.4rem;block-size: 0.4rem;}body :is(:focus, :hover)::-webkit-scrollbar-thumb,body :has(:focus, :hover)::-webkit-scrollbar-thumb {background: var(--outline);border-radius: 1rem;}}@media (pointer: coarse) {body:has(dialog[open], dialog.active),body:has(input[type=range]:focus) {overflow: hidden;}}:root,body.light {--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6;}body.dark {--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438;}@font-face {font-family: "Material Symbols Outlined";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-outlined.woff2) format("woff2");}@font-face {font-family: "Material Symbols Rounded";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-rounded.woff2) format("woff2");}@font-face {font-family: "Material Symbols Sharp";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-sharp.woff2) format("woff2");}@font-face {font-family: "Material Symbols Subset";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-subset.woff2) format("woff2");}.beer,
-beer-css {* {-webkit-tap-highlight-color: transparent;position: relative;vertical-align: middle;color: inherit;margin: 0;padding: 0;border-radius: inherit;box-sizing: border-box;}*::after,*::before {all: unset;}label {font-size: 0.75rem;vertical-align: baseline;}a,b,i,span,strong,em,code {vertical-align: baseline;}a,button,.button {cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;border: none;font-family: inherit;outline: inherit;justify-content: center;}:is(nav, .tabs, .field) > a,button,.button,.chip,i,label {user-select: none;}:not(.grid, nav, .row) > :not(progress.max) + :is(address, article, blockquote, code, .field, fieldset, form, .grid, h1, h2, h3, h4, h5, h6, nav, ol, p, pre, .row, section, aside, table, .tabs, ul):not([class*='margin'], .right, .left, .top, .bottom) {margin-block-start: 1rem;}:has(> [class*='margin']) {padding: 0.1px;}:is(a, button, .button, .chip, summary):focus-visible {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(nav, .row, li).group > :focus-visible {z-index: 1;}:is(button, .button, .chip) > :is(span, i, img, svg) {pointer-events: none;}div:is(:not([class]), [class=active]):has(> :not(.responsive) ~ :is(menu, .tooltip, input)) {display: inline-flex;}.middle-align {display: flex;align-items: center !important;}.bottom-align {display: flex;align-items: flex-end !important;}.top-align {display: flex;align-items: flex-start !important;}.left-align {text-align: start;justify-content: flex-start !important;}.right-align {text-align: end;justify-content: flex-end !important;}.center-align {text-align: center;justify-content: center !important;}[class*=blur],[class*=blur].light {--_blur: 1rem;-webkit-backdrop-filter: blur(var(--_blur));backdrop-filter: blur(var(--_blur));color: var(--on-surface);background-color: rgb(255 255 255 / 0.5) !important;}.dark [class*=blur],[class*=blur].dark {background-color: rgb(0 0 0 / 0.5) !important;}.small-blur {--_blur: 0.5rem;}.large-blur {--_blur: 1.5rem;}.red,.red6 {background-color: #F44336 !important;}.red-border {border-color: #F44336 !important;}.red-text {color: #F44336 !important;}.red1 {background-color: #FFEBEE !important;}.red2 {background-color: #FFCDD2 !important;}.red3 {background-color: #EF9A9A !important;}.red4 {background-color: #E57373 !important;}.red5 {background-color: #EF5350 !important;}.red7 {background-color: #E53935 !important;}.red8 {background-color: #D32F2F !important;}.red9 {background-color: #C62828 !important;}.red10 {background-color: #B71C1C !important;}.pink,.pink6 {background-color: #E91E63 !important;}.pink-border {border-color: #E91E63 !important;}.pink-text {color: #E91E63 !important;}.pink1 {background-color: #FCE4EC !important;}.pink2 {background-color: #F8BBD0 !important;}.pink3 {background-color: #F48FB1 !important;}.pink4 {background-color: #F06292 !important;}.pink5 {background-color: #EC407A !important;}.pink7 {background-color: #D81B60 !important;}.pink8 {background-color: #C2185B !important;}.pink9 {background-color: #AD1457 !important;}.pink10 {background-color: #880E4F !important;}.purple,.purple6 {background-color: #9C27B0 !important;}.purple-border {border-color: #9C27B0 !important;}.purple-text {color: #9C27B0 !important;}.purple1 {background-color: #F3E5F5 !important;}.purple2 {background-color: #E1BEE7 !important;}.purple3 {background-color: #CE93D8 !important;}.purple4 {background-color: #BA68C8 !important;}.purple5 {background-color: #AB47BC !important;}.purple7 {background-color: #8E24AA !important;}.purple8 {background-color: #7B1FA2 !important;}.purple9 {background-color: #6A1B9A !important;}.purple10 {background-color: #4A148C !important;}.deep-purple,.deep-purple6 {background-color: #673AB7 !important;}.deep-purple-border {border-color: #673AB7 !important;}.deep-purple-text {color: #673AB7 !important;}.deep-purple1 {background-color: #EDE7F6 !important;}.deep-purple2 {background-color: #D1C4E9 !important;}.deep-purple3 {background-color: #B39DDB !important;}.deep-purple4 {background-color: #9575CD !important;}.deep-purple5 {background-color: #7E57C2 !important;}.deep-purple7 {background-color: #5E35B1 !important;}.deep-purple8 {background-color: #512DA8 !important;}.deep-purple9 {background-color: #4527A0 !important;}.deep-purple10 {background-color: #311B92 !important;}.indigo,.indigo6 {background-color: #3F51B5 !important;}.indigo-border {border-color: #3F51B5 !important;}.indigo-text {color: #3F51B5 !important;}.indigo1 {background-color: #E8EAF6 !important;}.indigo2 {background-color: #C5CAE9 !important;}.indigo3 {background-color: #9FA8DA !important;}.indigo4 {background-color: #7986CB !important;}.indigo5 {background-color: #5C6BC0 !important;}.indigo7 {background-color: #3949AB !important;}.indigo8 {background-color: #303F9F !important;}.indigo9 {background-color: #283593 !important;}.indigo10 {background-color: #1A237E !important;}.blue,.blue6 {background-color: #2196F3 !important;}.blue-border {border-color: #2196F3 !important;}.blue-text {color: #2196F3 !important;}.blue1 {background-color: #E3F2FD !important;}.blue2 {background-color: #BBDEFB !important;}.blue3 {background-color: #90CAF9 !important;}.blue4 {background-color: #64B5F6 !important;}.blue5 {background-color: #42A5F5 !important;}.blue7 {background-color: #1E88E5 !important;}.blue8 {background-color: #1976D2 !important;}.blue9 {background-color: #1565C0 !important;}.blue10 {background-color: #0D47A1 !important;}.light-blue,.light-blue6 {background-color: #03A9F4 !important;}.light-blue-border {border-color: #03A9F4 !important;}.light-blue-text {color: #03A9F4 !important;}.light-blue1 {background-color: #E1F5FE !important;}.light-blue2 {background-color: #B3E5FC !important;}.light-blue3 {background-color: #81D4FA !important;}.light-blue4 {background-color: #4FC3F7 !important;}.light-blue5 {background-color: #29B6F6 !important;}.light-blue7 {background-color: #039BE5 !important;}.light-blue8 {background-color: #0288D1 !important;}.light-blue9 {background-color: #0277BD !important;}.light-blue10 {background-color: #01579B !important;}.cyan,.cyan6 {background-color: #00BCD4 !important;}.cyan-border {border-color: #00BCD4 !important;}.cyan-text {color: #00BCD4 !important;}.cyan1 {background-color: #E0F7FA !important;}.cyan2 {background-color: #B2EBF2 !important;}.cyan3 {background-color: #80DEEA !important;}.cyan4 {background-color: #4DD0E1 !important;}.cyan5 {background-color: #26C6DA !important;}.cyan7 {background-color: #00ACC1 !important;}.cyan8 {background-color: #0097A7 !important;}.cyan9 {background-color: #00838F !important;}.cyan10 {background-color: #006064 !important;}.teal,.teal6 {background-color: #009688 !important;}.teal-border {border-color: #009688 !important;}.teal-text {color: #009688 !important;}.teal1 {background-color: #E0F2F1 !important;}.teal2 {background-color: #B2DFDB !important;}.teal3 {background-color: #80CBC4 !important;}.teal4 {background-color: #4DB6AC !important;}.teal5 {background-color: #26A69A !important;}.teal7 {background-color: #00897B !important;}.teal8 {background-color: #00796B !important;}.teal9 {background-color: #00695C !important;}.teal10 {background-color: #004D40 !important;}.green,.green6 {background-color: #4CAF50 !important;}.green-border {border-color: #4CAF50 !important;}.green-text {color: #4CAF50 !important;}.green1 {background-color: #E8F5E9 !important;}.green2 {background-color: #C8E6C9 !important;}.green3 {background-color: #A5D6A7 !important;}.green4 {background-color: #81C784 !important;}.green5 {background-color: #66BB6A !important;}.green7 {background-color: #43A047 !important;}.green8 {background-color: #388E3C !important;}.green9 {background-color: #2E7D32 !important;}.green10 {background-color: #1B5E20 !important;}.light-green,.light-green6 {background-color: #8BC34A !important;}.light-green-border {border-color: #8BC34A !important;}.light-green-text {color: #8BC34A !important;}.light-green1 {background-color: #F1F8E9 !important;}.light-green2 {background-color: #DCEDC8 !important;}.light-green3 {background-color: #C5E1A5 !important;}.light-green4 {background-color: #AED581 !important;}.light-green5 {background-color: #9CCC65 !important;}.light-green7 {background-color: #7CB342 !important;}.light-green8 {background-color: #689F38 !important;}.light-green9 {background-color: #558B2F !important;}.light-green10 {background-color: #33691E !important;}.lime,.lime6 {background-color: #CDDC39 !important;}.lime-border {border-color: #CDDC39 !important;}.lime-text {color: #CDDC39 !important;}.lime1 {background-color: #F9FBE7 !important;}.lime2 {background-color: #F0F4C3 !important;}.lime3 {background-color: #E6EE9C !important;}.lime4 {background-color: #DCE775 !important;}.lime5 {background-color: #D4E157 !important;}.lime7 {background-color: #C0CA33 !important;}.lime8 {background-color: #AFB42B !important;}.lime9 {background-color: #9E9D24 !important;}.lime10 {background-color: #827717 !important;}.yellow,.yellow6 {background-color: #FFEB3B !important;}.yellow-border {border-color: #FFEB3B !important;}.yellow-text {color: #FFEB3B !important;}.yellow1 {background-color: #FFFDE7 !important;}.yellow2 {background-color: #FFF9C4 !important;}.yellow3 {background-color: #FFF59D !important;}.yellow4 {background-color: #FFF176 !important;}.yellow5 {background-color: #FFEE58 !important;}.yellow7 {background-color: #FDD835 !important;}.yellow8 {background-color: #FBC02D !important;}.yellow9 {background-color: #F9A825 !important;}.yellow10 {background-color: #F57F17 !important;}.amber,.amber6 {background-color: #FFC107 !important;}.amber-border {border-color: #FFC107 !important;}.amber-text {color: #FFC107 !important;}.amber1 {background-color: #FFF8E1 !important;}.amber2 {background-color: #FFECB3 !important;}.amber3 {background-color: #FFE082 !important;}.amber4 {background-color: #FFD54F !important;}.amber5 {background-color: #FFCA28 !important;}.amber7 {background-color: #FFB300 !important;}.amber8 {background-color: #FFA000 !important;}.amber9 {background-color: #FF8F00 !important;}.amber10 {background-color: #FF6F00 !important;}.orange,.orange6 {background-color: #FF9800 !important;}.orange-border {border-color: #FF9800 !important;}.orange-text {color: #FF9800 !important;}.orange1 {background-color: #FFF3E0 !important;}.orange2 {background-color: #FFE0B2 !important;}.orange3 {background-color: #FFCC80 !important;}.orange4 {background-color: #FFB74D !important;}.orange5 {background-color: #FFA726 !important;}.orange7 {background-color: #FB8C00 !important;}.orange8 {background-color: #F57C00 !important;}.orange9 {background-color: #EF6C00 !important;}.orange10 {background-color: #E65100 !important;}.deep-orange,.deep-orange6 {background-color: #FF5722 !important;}.deep-orange-border {border-color: #FF5722 !important;}.deep-orange-text {color: #FF5722 !important;}.deep-orange1 {background-color: #FBE9E7 !important;}.deep-orange2 {background-color: #FFCCBC !important;}.deep-orange3 {background-color: #FFAB91 !important;}.deep-orange4 {background-color: #FF8A65 !important;}.deep-orange5 {background-color: #FF7043 !important;}.deep-orange7 {background-color: #F4511E !important;}.deep-orange8 {background-color: #E64A19 !important;}.deep-orange9 {background-color: #D84315 !important;}.deep-orange10 {background-color: #BF360C !important;}.brown,.brown6 {background-color: #795548 !important;}.brown-border {border-color: #795548 !important;}.brown-text {color: #795548 !important;}.brown1 {background-color: #EFEBE9 !important;}.brown2 {background-color: #D7CCC8 !important;}.brown3 {background-color: #BCAAA4 !important;}.brown4 {background-color: #A1887F !important;}.brown5 {background-color: #8D6E63 !important;}.brown7 {background-color: #6D4C41 !important;}.brown8 {background-color: #5D4037 !important;}.brown9 {background-color: #4E342E !important;}.brown10 {background-color: #3E2723 !important;}.blue-grey,.blue-grey6 {background-color: #607D8B !important;}.blue-grey-border {border-color: #607D8B !important;}.blue-grey-text {color: #607D8B !important;}.blue-grey1 {background-color: #ECEFF1 !important;}.blue-grey2 {background-color: #CFD8DC !important;}.blue-grey3 {background-color: #B0BEC5 !important;}.blue-grey4 {background-color: #90A4AE !important;}.blue-grey5 {background-color: #78909C !important;}.blue-grey7 {background-color: #546E7A !important;}.blue-grey8 {background-color: #455A64 !important;}.blue-grey9 {background-color: #37474F !important;}.blue-grey10 {background-color: #263238 !important;}.grey,.grey6 {background-color: #9E9E9E !important;}.grey-border {border-color: #9E9E9E !important;}.grey-text {color: #9E9E9E !important;}.grey1 {background-color: #FAFAFA !important;}.grey2 {background-color: #F5F5F5 !important;}.grey3 {background-color: #EEE !important;}.grey4 {background-color: #E0E0E0 !important;}.grey5 {background-color: #BDBDBD !important;}.grey7 {background-color: #757575 !important;}.grey8 {background-color: #616161 !important;}.grey9 {background-color: #424242 !important;}.grey10 {background-color: #212121 !important;}.horizontal {display: inline-flex;flex-direction: row !important;gap: 1rem;inline-size: auto !important;max-inline-size: none !important;}.horizontal > * {margin-block: 0 !important;}.vertical {display: flex;flex-direction: column !important;}:is(a, button, .button, .chip).vertical {display: inline-flex;gap: 0.25rem;block-size: auto !important;max-block-size: none !important;padding-block: 0.5rem;}.vertical > * {margin-inline: 0 !important;}.no-elevate {box-shadow: none !important;}.small-elevate,.elevate {box-shadow: var(--elevate1) !important;}.medium-elevate {box-shadow: var(--elevate2) !important;}.large-elevate {box-shadow: var(--elevate3) !important;}.round,[class*=-round] {--_round: 2rem;border-radius: var(--_round) !important;}.small-round {--_round: 0.5rem;}.large-round {--_round: 3.5rem;}.no-round,.square,.top-round,.bottom-round,.left-round,.right-round {border-radius: 0.5rem !important;}.top-round {border-start-start-radius: var(--_round) !important;border-start-end-radius: var(--_round) !important;}.bottom-round {border-end-end-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.left-round {border-start-start-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.right-round {border-start-end-radius: var(--_round) !important;border-end-end-radius: var(--_round) !important;}.circle:not(.extend) {border-radius: 50%;}:is(.circle, .square):is(button, .button, .chip) {padding: 0;block-size: var(--_size);inline-size: var(--_size);}:is(.circle, .square) > span:not([class]) {display: none;}:is(.circle, .square).round {border-radius: 1rem !important;}.border:not(table, .field, .list, menu, article) {box-sizing: border-box;border: 0.0625rem solid var(--outline);background-color: transparent;box-shadow: none;}.no-border {border-color: transparent !important;}.margin,[class*=-margin]:not(.left-margin, .right-margin, .top-margin, .bottom-margin, .horizontal-margin, .vertical-margin) {margin: var(--_margin) !important;}.margin,[class*=-margin] {--_margin: 1rem;}.no-margin {--_margin: 0;}.auto-margin {--_margin: auto;}.tiny-margin {--_margin: 0.25rem;}.small-margin {--_margin: 0.5rem;}.large-margin {--_margin: 1.5rem;}.left-margin,.horizontal-margin {margin-inline-start: var(--_margin) !important;}.right-margin,.horizontal-margin {margin-inline-end: var(--_margin) !important;}.top-margin,.vertical-margin {margin-block-start: var(--_margin) !important;}.bottom-margin,.vertical-margin {margin-block-end: var(--_margin) !important;}.no-opacity {opacity: 1 !important;}.opacity {opacity: 0 !important;}.small-opacity {opacity: 0.75 !important;}.medium-opacity {opacity: 0.5 !important;}.large-opacity {opacity: 0.25 !important;}.padding,[class*=-padding]:not(.left-padding, .right-padding, .top-padding, .bottom-padding, .horizontal-padding, .vertical-padding) {padding: var(--_padding) !important;}.padding,[class*=-padding] {--_padding: 1rem;}.no-padding {--_padding: 0 !important;}.tiny-padding {--_padding: 0.25rem !important;}.small-padding {--_padding: 0.5rem !important;}.large-padding {--_padding: 1.5rem !important;}.left-padding,.horizontal-padding {padding-inline-start: var(--_padding) !important;}.right-padding,.horizontal-padding {padding-inline-end: var(--_padding) !important;}.top-padding,.vertical-padding {padding-block-start: var(--_padding) !important;}.bottom-padding,.vertical-padding {padding-block-end: var(--_padding) !important;}.front {z-index: 10 !important;}.back {z-index: -10 !important;}.left {inset-inline-start: 0;}.right {inset-inline-end: 0;}.top {inset-block-start: 0;}.bottom {inset-block-end: 0;}.center {inset-inline-start: 50%;transform: translateX(-50%);}[dir=rtl] .center {transform: translateX(50%);}.middle {inset-block-start: 50%;transform: translateY(-50%);}.middle.center {transform: translate(-50%, -50%);}[dir=rtl] .middle.center {transform: translate(50%, -50%);}.ripple {--_duration: 600ms;}.fast-ripple {--_duration: 200ms;}.slow-ripple {--_duration: 1800ms;}.ripple-js {position: absolute;inset: 0;pointer-events: none;overflow: hidden;}.ripple-js > div {position: absolute;border-radius: 50%;background: currentColor;opacity: 0.3;transform: scale(0);animation: to-ripple var(--_duration) linear;}@keyframes to-ripple {to {transform: scale(4);opacity: 0;}}.scroll {overflow: auto;}.no-scroll {overflow: hidden;}.shadow {background-color: #00000050;}:is(.left-shadow, .right-shadow, .top-shadow, .bottom-shadow) {background-color: transparent !important;}.left-shadow {background-image: linear-gradient(to right, black, transparent) !important;}.right-shadow {background-image: linear-gradient(to left, black, transparent) !important;}.bottom-shadow {background-image: linear-gradient(to top, black, transparent) !important;}.top-shadow {background-image: linear-gradient(to bottom, black, transparent) !important;}[class*=-width] {max-inline-size: 100%;}.auto-width {inline-size: auto;}.small-width {inline-size: 12rem !important;}.medium-width {inline-size: 24rem !important;}.large-width {inline-size: 36rem !important;}.auto-height {block-size: auto;}.small-height {block-size: 12rem !important;}.medium-height {block-size: 24rem !important;}.large-height {block-size: 36rem !important;}.wrap {display: block;white-space: normal;}.no-wrap:not(menu) {display: flex;white-space: nowrap;}.tiny-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 0.5rem;}:is(.space, .small-space):not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 1rem;}.medium-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 2rem;}.large-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 3rem;}.extra-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 4rem;}.responsive {inline-size: -webkit-fill-available;inline-size: -moz-available;}@media only screen and (max-width: 600px) {:is(.m, .l):not(.s) {display: none !important;}}@media only screen and (min-width: 601px) and (max-width: 992px) {:is(.s, .l):not(.m) {display: none !important;}}@media only screen and (min-width: 993px) {:is(.m, .s):not(.l) {display: none !important;}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 400;display: block;align-items: center;line-height: normal;}h1,.h1 {font-size: 3.5625rem;}h2,.h2 {font-size: 2.8125rem;}h3,.h3 {font-size: 2.25rem;}h4,.h4 {font-size: 2rem;}h5,.h5 {font-size: 1.75rem;}h6,.h6 {font-size: 1.5rem;}:is(h1, .h1).small {font-size: 3.0625rem;}:is(h2, .h2).small {font-size: 2.3125rem;}:is(h3, .h3).small {font-size: 1.75rem;}:is(h4, .h4).small {font-size: 1.5rem;}:is(h5, .h5).small {font-size: 1.25rem;}:is(h6, .h6).small {font-size: 1rem;}:is(h1, .h1).large {font-size: 4.0625rem;}:is(h2, .h2).large {font-size: 3.3125rem;}:is(h3, .h3).large {font-size: 2.75rem;}:is(h4, .h4).large {font-size: 2.5rem;}:is(h5, .h5).large {font-size: 2.25rem;}:is(h6, .h6).large {font-size: 2rem;}.link {color: var(--primary) !important;}.inverse-link {color: var(--inverse-primary) !important;}.truncate {overflow: hidden;white-space: nowrap !important;text-overflow: ellipsis;flex: inherit;}.truncate > * {white-space: nowrap !important;}.small-text {font-size: 0.75rem;}.medium-text {font-size: 0.875rem;}.large-text {font-size: 1rem;}.upper {text-transform: uppercase;}.lower {text-transform: lowercase;}.capitalize {text-transform: capitalize;}.bold {font-weight: bold;}.overline {text-decoration: line-through;}.underline {text-decoration: underline;}.italic {font-style: italic;}p {margin: 0.5rem 0;}.no-line {line-height: normal;}.tiny-line {line-height: 1.25rem;}.small-line {line-height: 1.5rem;}.medium-line {line-height: 1.75rem;}.large-line {line-height: 2rem;}.extra-line {line-height: 2.25rem;}pre {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}blockquote {border-radius: 0;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}code {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 0.25rem;}pre > code,blockquote > code {padding: 0;}.scroll > code {white-space: pre;}pre:has(> code){direction: ltr;text-align: start;}sub {vertical-align: sub;}sup {vertical-align: super;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple)::after,nav:is(.left, .right, .bottom, .top).max > a::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a::after,nav:is(.left, .right, .bottom, .top):not(.max) > a > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a > i::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;inline-size: 100%;block-size: 100%;background-position: center;background-image: radial-gradient(circle, currentColor 1%, transparent 1%);opacity: 0;transition: none;pointer-events: none;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:not(.button, .chip):is(:focus-visible, :hover) > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover) > i::after {background-size: 22500%;opacity: 0.1;transition: background-size var(--speed2) linear;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a, nav.max > a):not(.slow-ripple, .ripple, .fast-ripple):active::after,nav:is(.left, .right, .bottom, .top).max > a:active::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:active::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:active > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:active > i::after {background-size: 0%;opacity: 0;transition: none;}.no-wave::after,.no-wave:is(:hover, :active)::after {display: none;}.zoom,.tiny-zoom {zoom: 2;}.small-zoom {zoom: 3;}.medium-zoom {zoom: 4;}.large-zoom {zoom: 5;}.extra-zoom {zoom: 6;}.badge {--_x: 0;--_y: -100%;display: inline-flex;align-items: center;justify-content: center;position: absolute;font-size: 0.6875rem;text-transform: none;z-index: 2;padding: 0 0.25rem;min-block-size: 1rem;min-inline-size: 1rem;background-color: var(--error);color: var(--on-error);line-height: normal;border-radius: 1rem;inset: 50% auto auto 50%;transform: translate(var(--_x, 50%), var(--_y, -50%));font-family: var(--font);}.badge.top {--_y: -100%;}.badge.bottom {--_y: 0;}.badge.left {--_x: -100%;}.badge.right {--_x: 0;}.badge.border {border-color: var(--error);color: var(--error);background-color: var(--surface);}.badge:is(.circle, .square) {text-align: center;inline-size: auto;block-size: auto;padding: 0 0.25rem;border-radius: 1rem;}.badge.square {border-radius: 0;}.badge.min > * {display: none;}.badge.min {clip-path: circle(18.75% at 50% 50%);}nav:is(.left, .right, .top, .bottom) > a > .badge,nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a > .badge {inset: 1rem auto auto 50%;}.badge.none {inset: auto !important;transform: none;position: relative;margin: 0 0.125rem;}header,footer {display: grid;align-content: center;border-radius: 0;padding: 0 1rem;}:is(dialog, article) > :is(header, footer) {padding-inline: 0;inset: 0;}header {min-block-size: 4rem;}footer {min-block-size: 5rem;}:is(header, footer, menu > *).fixed {position: sticky;inset: 0;z-index: 11;background-color: inherit;}header.fixed {inset: calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start: calc(-1 * var(--_padding, 0));}footer.fixed {inset: 0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end: calc(-1 * var(--_padding, 0));}:is(header, footer).fixed.min {margin-inline: auto;}dialog > :is(header, footer) {background: none;}dialog > :is(header, footer).fixed {background-color: inherit;}:is(main, header, footer, section).responsive {max-inline-size: min(100vw, 75rem);margin: 0 auto;}:is(main, header, footer, section).responsive.max {max-inline-size: none;}:has(> main) > :is(header, footer).fixed {transform: none;box-sizing: content-box;position: sticky;inset: 0;z-index: 12;}:has(> main) > header {padding-block-start: var(--top, 0);}:has(> main) > footer {padding-block-end: var(--bottom, 0);}nav.top ~ header,nav.bottom ~ footer {padding-block: 0;}nav.top ~ header.fixed {inset-block: calc(var(--top, 0) + 4.5rem) 0;}nav.bottom ~ footer.fixed {inset-block: 0 calc(var(--bottom, 0) + 4.5rem);}:is(nav, .row) > header {background-color: inherit;}.button,button {--_padding: 1rem;--_size: 2.5rem;box-sizing: content-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);font-size: 0.875rem;font-weight: 500;color: var(--on-primary);padding: 0 var(--_padding);background-color: var(--primary);border-radius: var(--_size);transition: transform var(--speed3), border-radius var(--speed2), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;}:is(button, .button).small {--_size: 2rem;--_padding: 0.75rem;}:is(button, .button).large {--_size: 3rem;--_padding: 1.25rem;}:is(.button, button):is(.extra, .extend) {--_size: 3.5rem;font-size: 1rem;--_padding: 1.5rem;}:is(button, .button):is(.square, .circle) {--_padding: 0;}:is(button, .button).border {border-color: var(--outline-variant);color: var(--primary);}.extend > span:not([class]) {display: none;}.extend:is(:hover, .active) {inline-size: auto;--_padding: 1.5rem;padding: 0 var(--_padding);}.extend:is(:hover, .active) > i + span {display: inherit;margin-inline-start: var(--_padding);}.extend:is(:hover, .active) > :is(img, svg) + span {display: inherit;margin-inline-start: calc(1rem + var(--_padding, 0));}:is(.button, button)[disabled] {opacity: 0.5;cursor: not-allowed;}.button[disabled] {pointer-events: none;}:is(.button, button)[disabled]::before,:is(.button, button)[disabled]::after {display: none;}:is(.button, button):not(.chip, .extend).fill {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}:is(.button, button):not(.chip, .extend).active {background-color: var(--primary-container);color: var(--on-primary-container);}:is(.button, button):not(.chip, .extend).fill.active {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}:is(.button, button):not(.chip, .extend).border.active {background-color: var(--inverse-surface) !important;color: var(--inverse-on-surface) !important;border-color: var(--inverse-surface) !important;}:is(.button, button):not(.chip):active,:is(.button, button):not(.chip).active {border-radius: 0.5rem !important;}article {--_padding: 1rem;box-shadow: var(--elevate1);background-color: var(--surface-container-low);color: var(--on-surface);padding: var(--_padding);border-radius: 0.75rem;display: block;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);}article.small {block-size: 12rem;}article.medium {block-size: 20rem;}article.large {block-size: 32rem;}article.border {box-shadow: none;border: 0.0625rem solid var(--outline-variant);}.chip {--_padding: 0.75rem;--_size: 2rem;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);min-inline-size: var(--_size);font-size: 0.875rem;font-weight: 500;background-color: transparent;border: 0.0625rem solid var(--outline-variant);color: var(--on-surface-variant);padding: 0 var(--_padding);text-transform: none;border-radius: 0.5rem;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;letter-spacing: normal;}.chip.medium {--_size: 2.5rem;--_padding: 1rem;}.chip.large {--_padding: 1.25rem;--_size: 3rem;}.chip.fill {border: none;}dialog {--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display: block;visibility: hidden;border: none;opacity: 0;position: fixed;box-shadow: var(--elevate2);color: var(--on-surface);background-color: var(--surface-container-high);padding: var(--_padding);z-index: 100;inset: 10% auto auto 50%;min-inline-size: 20rem;max-inline-size: 100%;max-block-size: 80%;overflow-x: hidden;overflow-y: auto;transition: all var(--speed3), 0s background-color;border-radius: 1.75rem;transform: translate(-50%, -4rem);outline: none;}dialog.small {inline-size: 25%;block-size: 25%;}dialog.medium {inline-size: 50%;block-size: 50%;}dialog.large {inline-size: 75%;block-size: 75%;}dialog:is(.active, [open]) {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:popover-open {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:is(.top, .right, .bottom, .left, .max) {--_padding: 1rem;}dialog:is(.top, .bottom) {opacity: 1;block-size: auto;inline-size: 100%;min-inline-size: auto;max-block-size: 100%;}dialog.top {inset: 0 auto auto 0;transform: translateY(-100%);border-radius: 0 0 1rem 1rem;padding-block-start: var(--_top);}dialog.bottom {inset: auto auto 0 0;transform: translateY(100%);border-radius: 1rem 1rem 0 0;padding-block-end: var(--_bottom);}dialog:is(.left, .right) {opacity: 1;inset: 0 auto auto 0;inline-size: auto;block-size: 100%;max-block-size: 100%;background-color: var(--surface);padding-block: var(--_top) var(--_bottom);}[dir=rtl] dialog.right,dialog.left {inset: 0 auto auto 0;border-radius: 0 1rem 1rem 0;transform: translateX(-100%);}[dir=rtl] dialog.left,dialog.right {inset: 0 0 auto auto;border-radius: 1rem 0 0 1rem;transform: translateX(100%);}dialog.max {inset: 0 auto auto 0;inline-size: 100%;block-size: 100%;max-inline-size: 100%;max-block-size: 100%;transform: translateY(4rem);background-color: var(--surface);border-radius: 0;padding-block: var(--_top) var(--_bottom);}dialog:is(.active, [open]):is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog:popover-open:is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog.small:is(.left, .right) {inline-size: 20rem;}dialog.medium:is(.left, .right) {inline-size: 32rem;}dialog.large:is(.left, .right) {inline-size: 44rem;}dialog.small:is(.top, .bottom) {block-size: 16rem;}dialog.medium:is(.top, .bottom) {block-size: 24rem;}dialog.large:is(.top, .bottom) {block-size: 32rem;}hr,[class*=divider] {all: unset;inline-size: -webkit-fill-available;min-block-size: auto;block-size: 0.0625rem;background-color: var(--outline-variant);display: block;}hr + *,[class*=divider] + * {margin: 0 !important;}hr.medium,.medium-divider {margin: 1rem 0 !important;}hr.large,.large-divider {margin: 1.5rem 0 !important;}hr.small,.small-divider {margin: 0.5rem 0 !important;}li:has(> hr),li:has(> .divider) {padding: 0 !important;align-self: normal !important;min-inline-size: auto !important;min-block-size: auto !important;inline-size: -webkit-fill-available;}hr.vertical,.divider.vertical,li:has(> hr.vertical),li:has(> .divider.vertical) {padding: 0 !important;align-self: center !important;min-inline-size: auto;min-block-size: 1.5rem;inline-size: 0.0625rem;}summary {list-style-type: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}summary > * {pointer-events: none;margin: 0;}li > details > summary + .list {margin: 0 !important;}.field {--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius: 0.25rem 0.25rem 0 0;min-block-size: var(--_input);display: flex;flex-direction: column;}.field.fill {--_background: var(--surface-variant);background-color: unset !important;color: unset !important;}.field.fill > :is(input, select, textarea) {background-color: var(--_background);z-index: 0;}.field.small {--_input: 2.5rem;--_start: 1rem;}.field.large {--_input: 3.5rem;--_start: 1.4rem;}.field.extra {--_input: 4rem;--_start: 1.6rem;}.field.border {border-radius: 0.25rem;}.field.round.small {border-radius: 1.25rem;}.field.round {border-radius: 1.5rem;}.field.round.large {border-radius: 1.75rem;}.field.round.extra {border-radius: 2rem;}.field > :is(i, img, svg, progress.circle, a) {position: absolute;inset: calc((var(--_input, 0) / 2) - 0.75rem) auto auto auto;cursor: pointer;z-index: 10;inline-size: 1.5rem;block-size: 1.5rem;margin: auto 0;pointer-events: none;}.field > :is(a, .front) {pointer-events: all !important;}.field > a > :is(i, img, svg, progress.circle, a) {inline-size: 1.5rem;block-size: 1.5rem;}.field > :is(i, img, svg, progress.circle, a),[dir=rtl] .field > :is(i, img, svg, progress.circle, a):first-child {inset: calc(var(--_middle, 0) - 0.75rem) 1rem auto auto;}.field > :is(i, img, svg, progress.circle, a):first-child,[dir=rtl] .field > :is(i, img, svg, progress.circle, a) {inset: calc(var(--_middle, 0) - 0.75rem) auto auto 1rem;}.field.invalid > i {color: var(--error);}.field > progress.circle {border-width: 0.1875rem;}.field > :is(input, textarea, select) {all: unset;position: relative;display: flex;align-items: center;box-sizing: border-box;border-radius: inherit;border: 0.0625rem solid transparent;padding: 0 0.9375rem;font-family: inherit;font-size: 1rem;min-block-size: var(--_input);outline: none;z-index: 1;background: none;resize: none;text-align: start;cursor: text;}input::-webkit-date-and-time-value {text-align: start;}:is(input, select, textarea):is(:-webkit-autofill, :autofill) {-webkit-background-clip: text;-webkit-text-fill-color: var(--on-surface);}.field > :is(input, textarea, select):focus {border: 0.125rem solid transparent;padding-inline: 0.875rem;}.field > textarea:not([rows]) {field-sizing: content;max-block-size: 12rem;}input[type=file],input[type=color],:not(.field) > input[type^=date],:not(.field) > input[type^=time],input::-webkit-calendar-picker-indicator {opacity: 0;position: absolute;inset: 0;inline-size: 100%;block-size: 100%;margin: 0;padding: 0;border: 0;outline: 0;z-index: 2 !important;}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {display: none;}input[type=number] {appearance: textfield;}.field.border > :is(input, textarea, select) {border-color: var(--outline);}.field.border > :is(input, textarea, select):focus {border-color: var(--primary);}.field.round > :is(input, textarea, select) {padding-inline: 1.4376rem;}.field.round > :is(input, textarea, select):focus {padding-inline: 1.375rem;}.field.prefix > :is(input, textarea, select) {padding-inline-start: 2.9375rem;}.field.prefix > .slider {margin-inline-start: 3.5rem;}.field.prefix > :is(input, textarea, select):focus {padding-inline-start: 2.875rem;}.field.suffix > :is(input, textarea, select) {padding-inline-end: 2.9375rem;}.field.suffix > .slider {margin-inline-end: 3.5rem;}.field.suffix > :is(input, textarea, select):focus {padding-inline-end: 2.875rem;}.field:not(.border, .round) > :is(input, textarea, select) {border-block-end-color: var(--outline);}.field:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--primary);}.field.round:not(.border, .fill) > :is(input, textarea, select),.field.round:not(.border) > :is(input, textarea, select):focus {box-shadow: var(--elevate1);}.field.round:not(.border, .fill) > :is(input, textarea, select):focus {box-shadow: var(--elevate2);}.field.invalid:not(.border, .round) > :is(input, textarea, select),.field.invalid:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--error);}.field.invalid.border > :is(input, textarea, select),.field.invalid.border > :is(input, textarea, select):focus {border-color: var(--error);}.field:has(> :disabled) {opacity: 0.5;cursor: not-allowed;}.field > :disabled {cursor: not-allowed;}.field > select {user-select: none;}@-moz-document url-prefix() {.field > select:focus {background-color: var(--surface);}.field.fill > select:focus {background-color: var(--surface-variant);}.field > select:focus + label {z-index: 1;}}.field > select > option {background-color: var(--surface);}.field > :is(input, select) {padding-block-start: 1rem;}.field:not(.label) > :is(input, select),.field.border:not(.fill) > :is(input, select) {padding-block-start: 0;}.field > textarea {padding-block-start: var(--_start) !important;}.field > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.01rem) !important;}.field:not(.label) > textarea,.field.border:not(.fill) > textarea {padding-block-start: calc(var(--_start, 0) - 0.5rem) !important;}.field:not(.label) > textarea:focus,.field.border:not(.fill) > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.51rem) !important;}.field.label > label {--_start: 1rem;position: absolute;inset: -0.5rem 1rem 0 var(--_start);display: flex;block-size: calc(var(--_input, 0) + 1rem);line-height: calc(var(--_input, 0) + 1rem);font-size: 1rem;transition: all 0.2s;gap: 0.25rem;white-space: nowrap;pointer-events: none;}[dir=rtl] .field.label > label {inset: -0.5rem var(--_start) 0 1rem;}.field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}[dir=rtl] .field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}.field.label.border.prefix:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1rem;}.field.label.round > label,.field.label.border.prefix.round:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1.5rem;}.field.label.prefix > label {--_start: 3rem;}.field.label > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 2.5rem;line-height: 2.5rem;font-size: 0.75rem;}.field.label.border:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 1rem;line-height: 1rem;}.field.label.border:not(.fill) > label::after {content: "";display: block;margin: 0.5rem 0 0 0;border-block-start: 0.0625rem solid var(--outline);block-size: 1rem;transition: none;flex: auto;}.field.label.border:not(.fill) > :focus + label::after {border-block-start: 0.125rem solid var(--primary);}.field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 0.75rem -2%, 0.75rem 0.5rem, calc(100% - 1rem) 0.5rem, calc(100% - 1rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 1rem -2%, 1rem 0.5rem, calc(100% - 0.75rem) 0.5rem, calc(100% - 0.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.25rem -2%, 1.25rem 0.5rem, calc(100% - 1.75rem) 0.5rem, calc(100% - 1.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.75rem -2%, 1.75rem 0.5rem, calc(100% - 1.25rem) 0.5rem, calc(100% - 1.25rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label > :focus + label {color: var(--primary);}.field.label.invalid > label,.field.label.invalid > label::after {color: var(--error) !important;border-color: var(--error) !important;}.field.label > label > a {block-size: inherit;line-height: inherit;inline-size: 1rem;}.field.label > label > a > :is(i, img, svg) {block-size: 1rem;line-height: 1rem;inline-size: 1rem;font-size: 1rem;}.field > output {display: inline-block;font-size: 0.75rem;background: none !important;padding: 0.25rem 1rem;line-height: 1.25rem;align-self: start;}.field > output.invalid {color: var(--error) !important;}.field.round > output {padding: 0.25rem 1.5rem;}.field.invalid > output:not(.invalid),.field:not(.invalid) > output.invalid {display: none;}.field.invalid > output.invalid ~ menu,.field:not(.invalid) > output:not(.invalid) ~ menu {inset: auto auto 1.75rem 0;}table td > .field {margin: 0;}fieldset {border-radius: 0.25rem;padding: 1rem;border: 0.0625rem solid var(--outline-variant);}fieldset > legend {margin: 0 -0.25rem;padding: 0 0.25rem;}fieldset > legend + * {margin-block-start: 0 !important;}.grid {--_gap: 1rem;display: grid;grid-template-columns: repeat(12, 1fr);gap: var(--_gap);block-size: auto;}.grid.no-space {--_gap: 0rem;}.grid.medium-space {--_gap: 1.5rem;}.grid.large-space {--_gap: 2rem;}.grid > * {margin: 0;}.s1 {grid-area: auto/span 1;}.s2 {grid-area: auto/span 2;}.s3 {grid-area: auto/span 3;}.s4 {grid-area: auto/span 4;}.s5 {grid-area: auto/span 5;}.s6 {grid-area: auto/span 6;}.s7 {grid-area: auto/span 7;}.s8 {grid-area: auto/span 8;}.s9 {grid-area: auto/span 9;}.s10 {grid-area: auto/span 10;}.s11 {grid-area: auto/span 11;}.s12 {grid-area: auto/span 12;}@media only screen and (min-width: 601px) {.m1 {grid-area: auto/span 1;}.m2 {grid-area: auto/span 2;}.m3 {grid-area: auto/span 3;}.m4 {grid-area: auto/span 4;}.m5 {grid-area: auto/span 5;}.m6 {grid-area: auto/span 6;}.m7 {grid-area: auto/span 7;}.m8 {grid-area: auto/span 8;}.m9 {grid-area: auto/span 9;}.m10 {grid-area: auto/span 10;}.m11 {grid-area: auto/span 11;}.m12 {grid-area: auto/span 12;}}@media only screen and (min-width: 993px) {.l1 {grid-area: auto/span 1;}.l2 {grid-area: auto/span 2;}.l3 {grid-area: auto/span 3;}.l4 {grid-area: auto/span 4;}.l5 {grid-area: auto/span 5;}.l6 {grid-area: auto/span 6;}.l7 {grid-area: auto/span 7;}.l8 {grid-area: auto/span 8;}.l9 {grid-area: auto/span 9;}.l10 {grid-area: auto/span 10;}.l11 {grid-area: auto/span 11;}.l12 {grid-area: auto/span 12;}}i,:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i {--_size: 1.5rem;font-family: var(--font-icon);font-weight: normal;font-style: normal;font-size: var(--_size);letter-spacing: normal;text-transform: none;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: "liga";-webkit-font-smoothing: antialiased;vertical-align: middle;text-align: center;overflow: hidden;inline-size: var(--_size);min-inline-size: var(--_size);block-size: var(--_size);min-block-size: var(--_size);box-sizing: content-box;line-height: normal;border-radius: 0;}i:has(.badge) {overflow: unset;}i.tiny {--_size: 1rem;}.chip > i,i.small {--_size: 1.25rem;}i.medium {--_size: 1.5rem;}i.large {--_size: 1.75rem;}i.extra {--_size: 2rem;}i.fill,a.active > i,button.active > i {font-variation-settings: "FILL" 1;}i > :is(img, svg) {inline-size: 100%;block-size: 100%;background-size: 100%;border-radius: inherit;position: absolute;inset: 0 auto auto 0;padding: inherit;}i[class*=fa-] {font-size: calc(var(--_size, 0) * 0.85);line-height: normal;block-size: auto;min-block-size: auto;}.absolute {position: absolute;}.fixed {position: fixed;}:is(.absolute, .fixed).left.right {inline-size: auto;}:is(.absolute, .fixed).left.right.small {block-size: 20rem;}:is(.absolute, .fixed).left.right.medium {block-size: 28rem;}:is(.absolute, .fixed).left.right.large {block-size: 44rem;}:is(.absolute, .fixed).top.bottom.small {inline-size: 20rem;}:is(.absolute, .fixed).top.bottom.medium {inline-size: 28rem;}:is(.absolute, .fixed).top.bottom.large {inline-size: 44rem;}.list {display: flex;flex-direction: column;padding: 0;margin: 0;flex: 1;}.list > li,.list > li > details > summary,.list > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;min-block-size: 3.5rem;padding: 0.5rem 1rem;cursor: pointer;flex: 1;}.list > li:has(ul, ol, details[open], a:only-child) {padding: 0;}.list > li > .list {padding: 0 0 0 1rem;}.list > li > *,.list > li > a:only-child > * {margin: 0;}.list > li > :is(details, .max),.list > li > a:only-child > .max,.list > li > details > summary > .max {flex: 1;}.list.border > li:not(:last-child)::before,.list.border > li > details[open] > summary::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}.list.no-space > li,.list.no-space > li > details > summary {min-block-size: 2.5rem;}.list.medium-space > li,.list.medium-space > li > details > summary {min-block-size: 4.5rem;}.list.large-space > li,.list.large-space > li > details > summary {min-block-size: 5.5rem;}.list > li:focus-visible,.list > li > a:only-child:focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.25rem;}:has(> main) {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;grid-template-rows: auto auto minmax(0, 1fr) auto auto;grid-template-areas:"left top right""left header right""left main right""left footer right""left bottom right";min-block-size: 100dvh;box-sizing: border-box;background-color: var(--surface);}nav.left {grid-area: left;}nav.right {grid-area: right;}nav.top {grid-area: top;}nav.bottom {grid-area: bottom;}header {grid-area: header;}footer {grid-area: footer;}main {--_padding: 0.5rem;grid-area: main;padding: var(--_padding);overflow: hidden;}aside {z-index: 1;}aside:not(.fixed, .absolute).right {float: right;}aside:not(.fixed, .absolute).left {float: left;}svg {fill: currentcolor;}:is(img, svg, video):is(.small, .medium, .large, .tiny, .extra, .round, .circle, .square, .responsive) {--_size: 3rem;object-fit: cover;object-position: center;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);block-size: var(--_size);inline-size: var(--_size);}:is(img, svg, video).round {--_round: 0.5rem;}:is(img, svg, video).tiny {--_size: 2rem;}:is(img, svg, video).small {--_size: 2.5rem;}:is(img, svg, video).large {--_size: 3.5rem;}:is(img, svg, video).extra {--_size: 4rem;}:is(img, svg, video).responsive {--_size: 100%;margin: 0 auto;}:is(img, svg, video).responsive.tiny {inline-size: 100%;block-size: 4rem;}:is(img, svg, video).responsive.small {inline-size: 100%;block-size: 8rem;}:is(img, svg, video).responsive.medium {inline-size: 100%;block-size: 12rem;}:is(img, svg, video).responsive.large {inline-size: 100%;block-size: 16rem;}:is(img, svg, video).responsive.extra {inline-size: 100%;block-size: 20rem;}:is(img, svg, video).responsive.round {--_round: 2rem;}:is(img, svg, video).empty-state {max-inline-size: 100%;inline-size: 24rem;}:is(button, .button, .chip):not(.transparent) > .responsive {border: 0.25rem solid transparent;}:is(button, .button, .chip, .field) > :is(img, svg):not(.responsive),.tabs :is(img, svg):not(.responsive) {min-inline-size: 1.5rem;max-inline-size: 1.5rem;min-block-size: 1.5rem;max-block-size: 1.5rem;}:is(button, .button, .chip):not(.extend) > .responsive:first-child {margin-inline-start: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip):not(.extend) > .responsive:not(:first-child) {margin-inline-end: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip, .circle, .square, .extend) > .responsive {--_size: inherit;margin: 0 auto;}.extend > :is(.responsive, i) {margin: 0;position: absolute;inset-inline: 1rem;z-index: 1;}.extend > .responsive {inset-inline: 0;inline-size: 3.5rem;}.extend.border > .responsive {inline-size: 3.375rem;}menu {opacity: 0;visibility: hidden;position: absolute;box-shadow: var(--elevate2);background-color: var(--surface-container);z-index: 11;inset: auto auto 0 0;inline-size: 100%;max-block-size: 50vh;max-inline-size: none !important;overflow-x: hidden;overflow-y: auto;font-size: 0.875rem;font-weight: normal;text-transform: none;color: var(--on-surface);line-height: normal;text-align: start;border-radius: 1rem;transform: scale(0.8) translateY(120%);transition: all var(--speed2) var(--speed2), background-color 0s;justify-content: flex-start;padding: 0.125rem 0.25rem;display: flex;flex-direction: column;gap: 0.125rem;}[dir=rtl] menu {inset: auto 0 0 auto;}menu.no-wrap {inline-size: max-content;white-space: nowrap !important;}menu.active,:not([data-ui]):focus-within > menu,menu > li:hover > menu,menu > li > menu:hover {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);transition: all var(--speed2), background-color 0s;}menu.top.active,:not([data-ui]):focus-within > menu.top,menu > li:hover > menu.top,menu > li > menu.top:hover {transform: scale(1) translateY(-100%);}menu:is(.min, .max).active,:not([data-ui]):focus-within > menu:is(.min, .max) {transform: scale(1);}menu * {white-space: inherit !important;}menu > li,menu > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: inherit;white-space: nowrap;gap: 1rem;padding: 0.5rem 1rem;min-block-size: 2.75rem;flex: 1;margin: 0 !important;cursor: pointer;border-radius: 0.25rem;transition: border-radius var(--speed2);}menu > li:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}menu > li:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}menu > li:not(.none):hover {background-color: color-mix(in srgb, currentColor 10%, transparent);}menu > li.active {background-color: var(--tertiary-container);color: var(--on-tertiary-container);}menu > li:is(.active, :active) {border-radius: inherit;}menu > li.none {background: none;border-radius: 0;}menu > li > :is(.max, .field),menu > li > a:only-child > .max,menu > li:has(.field, a:only-child) {flex: 1;padding: 0;margin: 0;}menu.min {inset: 0 0 auto 0;transform: scale(0.8);}[dir=rtl] menu.min.right,menu.min.left,menu.top.left {inset: 0 0 auto auto;}[dir=rtl] menu.min.left,menu.min.right,menu.top,menu.top.right {inset: 0 auto auto 0;}menu.max {position: fixed;inset: 0;block-size: 100%;max-block-size: none;min-block-size: auto;z-index: 100;transform: scale(0.8);border-radius: 0;}menu.max > :is(li, li.none) {flex: none;}menu.no-wrap:is(.min, .max) {min-inline-size: 16rem;}[dir=rtl] menu.right,[dir=rtl] menu.top.min.right,menu.left,menu.top.min.left {inset: auto 0 0 auto;}[dir=rtl] menu.left,[dir=rtl] menu.top.min.left,menu.right,menu.top.min {inset: auto auto 0 0;}menu.top {transform: scale(0.8) translateY(-120%);}menu:has(menu) {--_child: 1;--_type: 0;overflow: unset;white-space: nowrap;inline-size: auto;min-inline-size: 12rem;max-block-size: none;}menu > li > :is(menu, menu.right),[dir=rtl] menu > li > menu.left {inset: auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%;}[dir=rtl] menu > li > :is(menu, menu.right),menu > li > menu.left {inset: auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto;}menu > li > :is(menu.top, menu.top.right),[dir=rtl] menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%;}[dir=rtl] menu > li > :is(menu.top, menu.top.right),menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto;}menu.no-space > li {min-block-size: 2.5rem;}menu.medium-space > li {min-block-size: 3.5rem;}menu.large-space > li {min-block-size: 4rem;}menu.transparent {margin: 0 -1rem !important;padding: 0.5rem;}menu.transparent > li {background-color: inherit;box-shadow: none;padding: 0;}menu > li:nth-last-child(2) {--_child: 2;}menu > li:nth-last-child(3) {--_child: 3;}menu > li:nth-last-child(4) {--_child: 4;}menu > li:nth-last-child(5) {--_child: 5;}menu > li:nth-last-child(6) {--_child: 6;}menu > li:nth-last-child(7) {--_child: 7;}menu > li:nth-last-child(8) {--_child: 8;}menu > li:nth-last-child(9) {--_child: 9;}menu > li:nth-last-child(10) {--_child: 10;}menu > li:nth-last-child(11) {--_child: 11;}menu > li:nth-last-of-type(2) {--_type: 1;}menu > li:nth-last-of-type(3) {--_type: 2;}menu > li:nth-last-of-type(4) {--_type: 3;}menu > li:nth-last-of-type(5) {--_type: 4;}menu > li:nth-last-of-type(6) {--_type: 5;}menu > li:nth-last-of-type(7) {--_type: 6;}menu > li:nth-last-of-type(8) {--_type: 7;}menu > li:nth-last-of-type(9) {--_type: 8;}menu > li:nth-last-of-type(10) {--_type: 9;}menu > li:nth-last-of-type(11) {--_type: 10;}@media (pointer: coarse) {:not(menu, [data-ui]):hover > menu {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}:not(menu, [data-ui]):hover > menu.top {transform: scale(1) translateY(-100%);}}nav > :is(ol, ul),nav > :is(ol, ul) > li {all: unset;}nav,.row,a.row {display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;border-radius: 0;}a.row,nav.row {min-block-size: 3rem;margin: 0;}:is(nav, .row, .max) > :only-child,:is(nav, .row, .max) > span > *,nav > :is(ol, ul) > li > :only-child,nav > :is(ol, ul) > li > span > * {margin: 0;}:is(nav, .row) > :not(ul, ol, header, footer) {margin: 0;white-space: normal;flex: none;}:is(nav, .row).min {display: inline-flex;}:is(nav, .row, li).no-space {gap: 0;}:is(nav, .row, li).tiny-space {gap: 0.5rem;}:is(nav, .row, li).medium-space {gap: 1.5rem;}:is(nav, .row, li).large-space {gap: 2rem;}:is(nav, .row) > .max,:is(nav, .row) > :is(ol, ul) > .max {flex: 1;}:is(nav, .row).wrap {display: flex;flex-wrap: wrap;}:is(header, footer) > :is(nav, .row) {min-block-size: inherit;}nav:is(.left, .right, .top, .bottom) {--_padding: 0.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position: sticky;inset: 0;border: 0;color: var(--on-surface);transform: none;z-index: 100;text-align: center;padding: var(--_padding);margin: 0;}nav:is(.left, .right) {justify-content: flex-start;flex-direction: column;background-color: var(--surface);block-size: 100dvh;min-inline-size: 6rem;padding-block: var(--_top) var(--_bottom);}nav:is(.top, .bottom) {position: sticky;inset: 0;padding: 0.5rem;justify-content: center;flex-direction: row;background-color: var(--surface-container);block-size: auto;min-block-size: 4.5rem;}nav.top {block-size: calc(var(--top, 0) + 4.5rem);padding-block-start: var(--_top);}nav.bottom {block-size: calc(var(--bottom, 0) + 4.5rem);padding-block-end: var(--_bottom);}nav > header {min-block-size: auto;padding: 0;margin: 0 0 1rem 0;align-items: flex-start;gap: 1rem;background: none !important;}nav:is(.top, .bottom) > header {flex-direction: row;align-items: center;margin: 0 1rem 0 0;}nav > header > * {margin: 0;transition: none;}nav.max > header > * {transition: all var(--speed1);}nav > header > .extend:hover {--_padding: 0;inline-size: var(--_size);}nav > header > .extend:hover > span:not([class]) {display: none;}nav > :is(ol, ul) {all: inherit;min-inline-size: auto;margin: 0;padding: 0;flex: auto;}nav.max:is(.left, .right, .top, .bottom) {gap: 0;inline-size: auto;align-items: flex-start;min-inline-size: 12.75rem;padding: var(--_top) 1.25rem var(--_bottom) 1.25rem;}nav.max > :is(ol, ul) {padding: 0;}nav.max > header {margin: 0 0 1.25rem 0;}nav.max:is(.top, .bottom) > header {margin: 0 1.25rem 0 0;}nav.max > header > .extend {--_padding: 1.5rem;inline-size: auto;padding: 0 var(--_padding);}nav.max > header > .extend > span:not([class]) {display: block;margin-inline-start: var(--_padding);}nav.max > header > .extend > :is(img, svg) + span {margin-inline-start: calc(1rem + var(--_padding, 0));}nav.max:is(.top, .bottom) {padding: 0 0.5rem;align-items: center;min-inline-size: auto;max-inline-size: none;}nav:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {display: flex;flex-direction: column;gap: 0.25rem;line-height: normal;inline-size: 3.5rem;font-size: 0.8rem;}nav:not(.max):is(.left, .right, .top, .bottom) > a:not(.button, .chip) > i,nav:not(.max):is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) > i {padding: 0.25rem 1rem;border-radius: 2rem;margin: 0 auto;}nav.max:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {flex-direction: row;gap: 0.5rem;inline-size: auto;block-size: 3.5rem;padding: 0 1rem;border-radius: 2rem;font-size: inherit;}nav:is(.left, .right, .top, .bottom) > a.active:not(.button, .chip),nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a.active:not(.button, .chip) {transition: padding var(--speed1) linear;}nav.max:is(.top, .bottom) > a:not(.button, .chip),nav.max:is(.top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {gap: 0.25rem;block-size: 2.5rem;font-size: 0.8rem;}nav.max:is(.left, .right, .top, .bottom) > a.active:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a.active:not(.button, .chip),nav:is(.left, .right, .top, .bottom):not(.max) > a.active:not(.button, .chip) > i,nav:is(.left, .right, .top, .bottom):not(.max) > :is(ol, ul) > li > a.active:not(.button, .chip) > i {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.vertical > :is(ol, ul) {align-items: normal;}:is(nav, .row):is(.left-align, .top-align, .vertical) {justify-content: flex-start;}:is(nav, .row):is(.right-align, .bottom-align) {justify-content: flex-end;}:is(nav, .row):is(.center-align, .middle-align) {justify-content: center;}:is(nav, .row):is(.left-align, .top-align, .vertical).vertical {align-items: flex-start;}:is(nav, .row):is(.right-align, .bottom-align).vertical {align-items: flex-end;}:is(nav, .row):is(.center-align, .middle-align).vertical {align-items: center;}nav:not(.left, .right) > .space {inline-size: 0.5rem;}nav:not(.left, .right) > .medium-space {inline-size: 1rem;}nav:not(.left, .right) > .large-space {inline-size: 1.5rem;}nav.tabbed {background-color: var(--surface-container);border-radius: 4rem !important;gap: 0rem;block-size: 4rem;}nav.tabbed.small {block-size: 3rem;}nav.tabbed.large {block-size: 5rem;}nav.tabbed > a {border-radius: inherit;block-size: inherit;display: inline-flex;align-items: center;padding-inline: 1rem;gap: 0.5rem;font-size: 1rem;flex: 1;}nav.tabbed > a.active {background-color: var(--primary-container);}nav.toolbar {display: inline-flex;justify-content: space-around;border-radius: 2rem;background-color: var(--surface-container);color: var(--on-surface);padding: 0 1rem;gap: 0.5rem;min-block-size: 4rem;min-inline-size: 4rem;}nav.toolbar > a {display: inline-flex;gap: 0.5rem;min-inline-size: 2.5rem;min-block-size: 2.5rem;border-radius: 1.75rem;}nav.toolbar > a:has(> :not(i)) {padding: 0 1rem;}nav.toolbar > a.active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.toolbar.fill {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.toolbar.fill > a.active {background-color: var(--surface-container) !important;color: var(--on-surface) !important;}nav.toolbar.vertical {flex-direction: column !important;min-inline-size: 4rem;padding: 1rem 0;align-self: center;align-items: center !important;}nav.toolbar.vertical > a {inline-size: 2.5rem;block-size: 2.5rem;}nav.toolbar.vertical > a > :is(div, span):not(.badge, .tooltip) {display: none;}nav.toolbar.max {border-radius: 0;display: flex;}nav.group {background: none !important;}nav.group:is(.connected, .split) {gap: 0.125rem;}nav.group:not(.split) > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group:not(.split) > :is(.button, button).active {background-color: var(--primary);color: var(--on-primary);}nav.group.connected > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group.connected > :is(.button, button).active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.group:is(.connected, .split) > :is(.button, button).active,nav.split > :is(.button, button):active {border-radius: 2rem !important;}:not(nav) > :is(ul, ol) {all: revert;}:is(.scroll, .no-scroll, .no-space, .tabs, .tabbed) > :focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.125rem;}nav.split > :is(.button, button):not(.chip, .fill, .border) {background-color: var(--primary);color: var(--on-primary);}@media only screen and (max-width: 600px) {nav.top,nav.bottom {justify-content: space-around;}}.overlay,dialog::backdrop {display: block !important;opacity: 0;visibility: hidden;position: fixed;inset: 0;color: var(--on-surface);background-color: var(--overlay);z-index: 100;transition: all var(--speed3), 0s background-color;border-radius: 0;}.overlay.active {opacity: 1;visibility: visible;}dialog:popover-open::backdrop {opacity: 1;visibility: visible;}.overlay + dialog::backdrop,.snackbar::backdrop {display: none;}[popover] {border: 0;}.page {--_transform: translate(0, 0);opacity: 0;position: absolute;display: none;}.page.active {opacity: 1;position: inherit;display: inherit;animation: var(--speed4) to-page ease;}.page.active.top {--_transform: translate(0, -4rem);}.page.active.bottom {--_transform: translate(0, 4rem);}.page.active.left {--_transform: translate(-4rem, 0);}.page.active.right {--_transform: translate(4rem, 0);}@keyframes to-page {from {opacity: 0;transform: var(--_transform);}to {opacity: 1;transform: translate(0, 0);}}progress {--_light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==);--_dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==);--_size: 0.25rem;position: relative;inline-size: 100%;block-size: var(--_size);color: var(--primary);background: var(--_light);border-radius: 1rem;flex: none;border: none;overflow: hidden;writing-mode: horizontal-tb;direction: ltr;-webkit-appearance: none;appearance: none;}.dark progress {background: var(--_dark);}progress.small {--_size: 0.25rem;}progress.medium {--_size: 0.35rem;}progress.large {--_size: 0.45rem;}progress.indeterminate {--_value: 100;animation: 3.2s to-indeterminate ease infinite;}progress:not(.circle, [value])::after {content: "";position: absolute;inset: 0;inline-size: 100%;block-size: 100%;clip-path: none;background: currentcolor;animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-moz-progress-bar {animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-webkit-progress-value {animation: 3.2s to-linear ease infinite;}progress::-webkit-progress-bar {background: none;}progress::-webkit-progress-value {background: currentColor;}progress::-moz-progress-bar {background: currentColor;}progress.wavy {block-size: calc(var(--_size, 0) * 2);background: none;background-image: var(--_light);background-repeat: repeat-x;background-position: 0 50%;background-size: auto calc(var(--_size, 0) / 2);}.dark progress.wavy {background-image: var(--_dark);}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle, [value])::after {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.wavy::-moz-progress-bar {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.circle {--_value: attr(value type(<number>), 50);inline-size: 2.5rem;block-size: 2.5rem;background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0%);border-radius: 50%;mask-image: radial-gradient(circle at center, transparent 57%, currentColor 60%);}progress.circle::-webkit-progress-value {background: none;}progress.circle::-moz-progress-bar {background: none;}progress.circle.wavy {background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0);mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(wavy-circle.svg);}progress.circle.small {inline-size: 1.5rem;block-size: 1.5rem;}progress.circle.large {inline-size: 3.5rem;block-size: 3.5rem;}progress.circle:not([value]),progress.circle.indeterminate {--_value: 50;animation: to-rotate 1s infinite linear;}:is(nav, .row, .field) > progress:not(.circle, .small, .medium, .large) {flex: auto;}progress.max {display: unset;position: absolute;inline-size: 100% !important;block-size: 100% !important;color: currentColor;background: none;inset: 0;border-radius: inherit;animation: none;writing-mode: horizontal-tb;opacity: 0.33;}progress.max[class*='-text'] {opacity: 1;}progress.max + * {margin-block-start: 0;}:is(.button, button, .chip) > progress.circle {color: inherit;}@keyframes to-linear {0% {margin: 0 0 0 -100%;}50% {margin: 0 0 0 0;}100% {margin: 0 0 0 100%;}}@keyframes to-indeterminate {0% {padding: 0 100% 0 0;}50% {padding: 0 0 0 0;}100% {padding: 0 0 0 100%;}}@keyframes to-rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.shape {display: flex;align-items: center;justify-content: center;color: var(--on-primary);background-color: var(--primary);mask-repeat: no-repeat;mask-position: center;mask-size: contain;border-radius: 0;block-size: 3.5rem;inline-size: 3.5rem;margin: 0 !important;padding: 0 !important;border: 0 !important;}.transparent > .shape > i {filter: invert(1);}.shape.tiny-space {mask-size: 90%;}.shape.space,.shape.small-space {mask-size: 80%;}.shape.medium-space {mask-size: 70%;}.shape.large-space {mask-size: 60%;}.shape.extra-space {mask-size: 50%;}.shape.tiny {block-size: 2.5rem;inline-size: 2.5rem;}.shape.medium {block-size: 4.5rem;inline-size: 4.5rem;}.shape.large {block-size: 5.5rem;inline-size: 5.5rem;}.shape.extra {block-size: 6.5rem;inline-size: 6.5rem;}.shape.max,.shape > .responsive,.shape > .responsive > .responsive {position: absolute;inset: 0;block-size: 100%;inline-size: 100%;margin: 0 !important;padding: 0 !important;border: 0 !important;}.shape > .responsive {background: inherit;color: inherit;}.shape.rotate {animation: linear to-shape-rotate infinite 12s;}.shape.rotate > * {animation: linear to-shape-rotate infinite 12s reverse;}.shape.fast-rotate {animation: linear to-shape-rotate infinite 6s;}.shape.fast-rotate > * {animation: linear to-shape-rotate infinite 6s reverse;}.shape.slow-rotate {animation: linear to-shape-rotate infinite 24s;}.shape.slow-rotate > * {animation: linear to-shape-rotate infinite 24s reverse;}:is(button, .button, .chip):has(> .shape) > .responsive {border: none;}.shape.arch {mask-image: url(arch.svg);}.shape.arrow {mask-image: url(arrow.svg);}.shape.boom {mask-image: url(boom.svg);}.shape.bun {mask-image: url(bun.svg);}.shape.burst {mask-image: url(burst.svg);}.shape.circle {mask-image: url(circle.svg);}.shape.clamshell {mask-image: url(clamshell.svg);}.shape.diamond {mask-image: url(diamond.svg);}.shape.fan {mask-image: url(fan.svg);}.shape.flower {mask-image: url(flower.svg);}.shape.gem {mask-image: url(gem.svg);}.shape.ghost-ish {mask-image: url(ghost-ish.svg);}.shape.heart {mask-image: url(heart.svg);}.shape.leaf-clover4 {mask-image: url(leaf-clover4.svg);}.shape.leaft-clover8 {mask-image: url(leaf-clover8.svg);}.shape.loading-indicator {mask-image: url(loading-indicator.svg);}.shape.oval {mask-image: url(oval.svg);}.shape.pentagon {mask-image: url(pentagon.svg);}.shape.pill {mask-image: url(pill.svg);}.shape.pixel-circle {mask-image: url(pixel-circle.svg);}.shape.pixel-triangle {mask-image: url(pixel-triangle.svg);}.shape.puffy {mask-image: url(puffy.svg);}.shape.puffy-diamond {mask-image: url(puffy-diamond.svg);}.shape.semicircle {mask-image: url(semicircle.svg);}.shape.sided-cookie4 {mask-image: url(sided-cookie4.svg);}.shape.sided-cookie6 {mask-image: url(sided-cookie6.svg);}.shape.sided-cookie7 {mask-image: url(sided-cookie7.svg);}.shape.sided-cookie9 {mask-image: url(sided-cookie9.svg);}.shape.sided-cookie12 {mask-image: url(sided-cookie12.svg);}.shape.slanted {mask-image: url(slanted.svg);}.shape.soft-boom {mask-image: url(soft-boom.svg);}.shape.soft-burst {mask-image: url(soft-burst.svg);}.shape.square {mask-image: url(square.svg);}.shape.sunny {mask-image: url(sunny.svg);}.shape.triangle {mask-image: url(triangle.svg);}.shape.very-sunny {mask-image: url(very-sunny.svg);}@keyframes to-shape-rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.checkbox,.radio,.switch {--_size: 1.5rem;inline-size: auto;block-size: auto;line-height: normal;white-space: nowrap;cursor: pointer;display: inline-flex;align-items: center;}.switch {direction: ltr;}:is(.checkbox, .radio, .switch).small {--_size: 1rem;}:is(.checkbox, .radio, .switch).large {--_size: 2rem;}:is(.checkbox, .radio, .switch).extra {--_size: 2.5rem;}:is(.checkbox, .radio) > input {inline-size: var(--_size);block-size: var(--_size);opacity: 0;}.switch > input {inline-size: 3.25rem;block-size: 2rem;opacity: 0;}:is(.checkbox, .radio, .switch) > span {display: inline-flex;align-items: center;color: var(--on-surface);font-size: 0.875rem;}:is(.checkbox, .radio) > span:not(:empty) {padding-inline-start: 0.25rem;}:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i,:is(.checkbox, .radio) > span::after {--_size: inherit;content: '';inline-size: var(--_size);block-size: var(--_size);box-sizing: border-box;margin: 0 auto;outline: none;color: var(--primary);position: absolute;inset: auto auto auto calc(var(--_size, 0) * -1);border-radius: 50%;user-select: none;z-index: 1;}[dir=rtl] :is(.checkbox, .radio) > span::before,[dir=rtl] :is(.checkbox, .radio) > span > i,[dir=rtl] :is(.checkbox, .radio) > span::after {--_size: inherit;inset: auto calc(var(--_size, 0) * -1) auto auto;}.switch > span::before,.switch.icon > span > i {position: absolute;inset: 50% auto auto 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all var(--speed2);font-size: calc(var(--_size, 0) - 0.5rem);user-select: none;min-inline-size: var(--_size);min-block-size: var(--_size);content: "";color: var(--surface-variant);background-color: var(--outline);}.switch > span::before,.switch.icon > span > i {transform: translate(-3rem, -50%) scale(0.6);}.switch.icon > span > i {transform: translate(-3rem, -50%) scale(1);}.checkbox > span::before {content: "check_box_outline_blank";}.checkbox > input:checked + span::before {content: "check_box";font-variation-settings: "FILL" 1;}.checkbox > input:indeterminate + span::before {content: "indeterminate_check_box";}.radio > span::before {content: "radio_button_unchecked";}.radio > input:checked + span::before {content: "radio_button_checked";}:is(.radio, .checkbox, .switch).icon > span::before {content: "" !important;font-variation-settings: unset !important;}:is(.checkbox, .radio) > span::after {transition: all var(--speed1);background-color: currentColor;box-shadow: 0 0 0 0 currentColor;opacity: 0;}:is(.checkbox, .radio):is(:hover) > input:not(:disabled) + span::after,:is(.checkbox, .radio) > input:not(:disabled):is(:focus) + span::after {box-shadow: 0 0 0 0.5rem currentColor;opacity: 0.1;}.switch > input:not(:disabled):is(:focus, :hover) + span::before,.switch.icon > input:not(:disabled):is(:focus, :hover) + span > i {box-shadow: 0 0 0 0.5rem var(--active);}:is(.checkbox, .radio) > input:checked + span::before,:is(.checkbox, .radio).icon > input:checked + span > i {color: var(--primary);}.icon > input:checked + span > i:first-child,.icon > span > i:last-child {opacity: 0;}.icon > input:checked + span > i:last-child,.icon > span > i:first-child {opacity: 1;}.switch > input:checked + span::after {border: none;background-color: var(--primary);}.switch > input:checked + span::before,.switch.icon > input:checked + span > i {content: "check";color: var(--primary);background-color: var(--on-primary);transform: translate(-1.75rem, -50%) scale(1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > input:active:not(:disabled) + span::before,.switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(-1.2);}.switch > input:active:checked:not(:disabled) + span::before,.switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:checked:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(-1.2);}:is(.checkbox, .radio, .switch) > input:disabled + span {opacity: 0.5;cursor: not-allowed;}.switch > span::after {content: "";position: absolute;inset: 50% auto auto 0;background-color: var(--active);border: 0.125rem solid var(--outline);box-sizing: border-box;inline-size: 3.25rem;block-size: 2rem;border-radius: 2rem;transform: translate(-3.25rem, -50%);}.field > :is(nav, .row) {flex-grow: 1;padding: 0 1rem;}.field.round > :is(nav, .row) {flex-grow: 1;padding: 0 1.5rem;}[dir=rtl] .switch {transform: scale(-1);}[dir=rtl] .switch > span::before,[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-0.6);}[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > :focus-visible + span::after {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(.checkbox, .radio) > :focus-visible + span::before {outline: 0.125rem solid var(--primary);outline-offset: 0.375rem;}.slider {--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + 0.5rem));display: flex;align-items: center !important;inline-size: auto;block-size: var(--_thumb);flex: none;direction: ltr;margin: 0 1.25rem;}[dir=rtl] .slider {transform: scaleX(-1);}.slider.vertical {flex-direction: row !important;margin: 0.5rem auto !important;padding: 50% 0;transform: rotate(-90deg);inline-size: 100%;}.slider.tiny {--_track: 1rem;}.slider.small {--_track: 1.5rem;}.slider.medium {--_track: 2.5rem;}.slider.large {--_track: 3.5rem;}.slider.extra {--_track: 6rem;}.slider > input {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: none;inline-size: 100%;block-size: var(--_track);background: none;z-index: 1;padding: 0;margin: 0;transform: rotate(0deg);}.slider > input:only-of-type {pointer-events: all;}.slider > input ~ input {position: absolute;}.slider > input::-webkit-slider-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: var(--_thumb);inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;z-index: 1;}.slider > input::-webkit-slider-thumb:active {cursor: grabbing;}.slider > input::-moz-range-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: 2.75rem;inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;}.slider > input::-moz-range-thumb:active {cursor: grabbing;}.slider > input:not(:disabled):is(:focus)::-webkit-slider-thumb {transform: scaleX(0.6);}.slider > input:not(:disabled):is(:focus)::-moz-range-thumb {transform: scaleX(0.6);}.slider > input:disabled {cursor: not-allowed;opacity: 1;}.slider > input:disabled::-webkit-slider-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled::-moz-range-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled ~ span:not([class]) {background: var(--outline);}.slider > span:not([class]) {position: absolute;block-size: var(--_track);border-radius: 1rem 0 0 1rem;background: var(--primary);color: var(--on-primary);z-index: 0;inset: calc(50% - (var(--_track, 0) / 2)) var(--_end) auto var(--_start);clip-path: polygon(0 0, calc(100% - 0.5rem) 0, calc(100% - 0.5rem) 100%, 0 100%);}.slider > input[type=range] + input[type=range] ~ span:not([class]) {border-radius: 0;clip-path: polygon(0.5rem 0, max(0.5rem, calc(100% - 0.5rem)) 0, max(0.5rem, calc(100% - 0.5rem)) 100%, 0.5rem 100%);}.field > .slider {inline-size: 100%;}.slider::before {content: "";position: absolute;inline-size: 100%;block-size: var(--_track);border-radius: 1rem;background: var(--secondary-container);clip-path: polygon(calc(var(--_start, 0) - 0.5rem) 0, 0 0, 0 100%, calc(var(--_start, 0) - 0.5rem) 100%, calc(var(--_start, 0) - 0.5rem) 0, calc(100% - var(--_end, 0) + 0.5rem) 0, 100% 0, 100% 100%, calc(100% - var(--_end, 0) + 0.5rem) 100%, calc(100% - var(--_end, 0) + 0.5rem) 0);}.slider:has(> [disabled])::before {background: var(--outline-variant);}.slider:has([disabled]) {opacity: 0.62;}.slider > span > i {position: absolute;block-size: auto;inset: 0 auto 0 0.5rem;color: currentColor;z-index: 1;}.slider:not(.medium, .large, .extra) > span > i {display: none;}.slider.vertical > i {transform: rotate(90deg);}.slider > .tooltip {visibility: hidden !important;opacity: 0 !important;inset: 0 auto auto calc(100% - var(--_end, 0));border-radius: 2rem;transition: top var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, -25%) !important;padding: 0.75rem 1rem;}.slider > .tooltip.bottom {inset: auto auto 0 calc(100% - var(--_end, 0));transition: bottom var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, 25%) !important;}[dir=rtl] .slider > .tooltip {transform: translate(-50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip.bottom {transform: translate(-50%, 25%) scaleX(-1) !important;}.slider > .tooltip + .tooltip {inset: 0.25rem calc(100% - var(--_start, 0)) auto auto;transform: translate(50%, -25%) !important;}.slider > .tooltip + .tooltip.bottom {inset: auto calc(100% - var(--_start, 0)) -0.25rem auto;transform: translate(50%, 25%) !important;}[dir=rtl] .slider > .tooltip + .tooltip {transform: translate(50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip + .tooltip.bottom {transform: translate(50%, 25%) scaleX(-1) !important;}.slider > .tooltip::before {content: var(--_value1);}.slider > .tooltip + .tooltip::before {content: var(--_value2);}.slider > :focus ~ .tooltip {inset-block: -1rem auto;opacity: 1 !important;visibility: visible !important;}.slider > :focus ~ .tooltip.bottom {inset-block: auto -1rem;}.slider.vertical > .tooltip {inset-block: auto;block-size: 2.5rem;inline-size: 2.5rem;margin-block: calc(-1 * var(--_thumb, 0)) 0 !important;transform: rotate(90deg) translate(-75%, 50%) !important;}.slider.vertical > .tooltip.bottom {inset-block: auto;margin-block: 0 calc(-1 * var(--_thumb, 0)) !important;transform: rotate(90deg) translate(75%, 50%) !important;}.slider.vertical > .tooltip + .tooltip {transform: rotate(90deg) translate(-75%, -50%) !important;}.slider.vertical > .tooltip + .tooltip.bottom {transform: rotate(90deg) translate(75%, -50%) !important;}:is(nav, .row, .field) > .slider:not(.circle, .small, .medium, .large) {flex: auto;}.slider.max,.slider.max.vertical,.slider.max > input,.slider.max.vertical > input {all: unset;margin: 0 !important;position: absolute;color: var(--primary);inset: 0;border-radius: inherit;overflow: hidden;z-index: 2;cursor: grab;inline-size: 100%;block-size: 100%;}.slider.max::before {display: none;}.slider.max.vertical > input {writing-mode: vertical-lr;transform: rotate(-180deg);}.slider.max > input::-webkit-slider-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > input::-moz-range-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > span:not([class]) {block-size: auto !important;inset: 0 var(--_end) 0 var(--_start);clip-path: none;background: currentcolor;color: inherit;border-radius: 0;}.slider.max.vertical > span:not([class]) {inset: var(--_end) 0 var(--_start) 0;}.slider > input:focus-visible::-webkit-slider-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider > input:focus-visible::-moz-range-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider.max > input:focus-visible {outline: 0.1875rem solid var(--primary);outline-offset: -0.125rem;}@media (pointer: coarse) {.slider > :hover ~ .tooltip {inset-block: -1rem auto !important;opacity: 1 !important;visibility: visible !important;}.slider > :hover ~ .tooltip.bottom {inset-block: auto -1rem !important;}}.snackbar {position: fixed;inset: auto auto 6rem 50%;inline-size: 80%;block-size: auto;z-index: 200;visibility: hidden;display: flex;box-shadow: var(--elevate2);color: var(--inverse-on-surface);background-color: var(--inverse-surface);padding: 1rem;cursor: pointer;text-align: start;align-items: center;border-radius: 0.25rem;gap: 0.5rem;transition: all var(--speed2);transform: translate(-50%, 1rem);opacity: 0;}.snackbar.top {inset: 6rem auto auto 50%;}.snackbar:is(.active) {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar:popover-open {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar > .max {flex: auto;}@media only screen and (min-width: 993px) {.snackbar {inline-size: 40%;}}table {inline-size: 100%;border-spacing: 0;font-size: 0.875rem;text-align: start;}.scroll > table,table :is(thead, tbody, tfoot, tr, th, td) {background-color: inherit;color: inherit;}:is(th, td) {inline-size: auto;text-align: inherit;padding: 0.5rem;border-radius: 0;}:is(th, td) > * {vertical-align: middle;}table.border > tbody > tr:not(:last-child) > td,thead > tr > th {border-block-end: 0.0625rem solid var(--outline);}tfoot > tr > th {border-block-start: 0.0625rem solid var(--outline);}table.stripes > tbody > tr:nth-child(odd) {background-color: var(--active);}table.no-space :is(th, td) {padding: 0;}table.medium-space :is(th, td) {padding: 0.75rem;}table.large-space :is(th, td) {padding: 1rem;}table > .fixed,th.fixed {position: sticky;z-index: 1;inset-block-start: 0;}tfoot.fixed,tfoot th.fixed {inset-block-end: 0;}:is(td, th).min {inline-size: 0.1%;white-space: nowrap;}.tabs {display: flex;white-space: nowrap;border-block-end: 0.0625rem solid var(--surface-variant);border-radius: 0;}.tabs:not(.left-align, .right-align, .center-align) {justify-content: space-around;}.tabs > a {display: flex;font-size: 0.875rem;font-weight: 500;color: var(--on-surface-variant);padding: 0.5rem 1rem;text-align: center;min-block-size: 3rem;inline-size: 100%;gap: 0.25rem;}.tabs.small > a {min-block-size: 2rem;}.tabs.large > a {min-block-size: 4rem;}.tabs > a.active,.tabs > a.active > i {color: var(--primary);}.tabs > a.active::before {content: '';position: absolute;inset: auto 0 0 0;block-size: 0.125rem;background-color: var(--primary);}.tabs.min > a.active::before {margin: 0 auto;max-inline-size: min(100%, 4rem);}.tabs:is(.left-align, .center-align, .right-align) > a {inline-size: auto;}.tooltip {--_space: -0.5rem;visibility: hidden;display: flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: var(--inverse-surface);color: var(--inverse-on-surface);font-size: 0.75rem;text-align: center;border-radius: 0.25rem;padding: 0.5rem;position: absolute;z-index: 200;inset: 0 auto auto 50%;inline-size: auto;white-space: nowrap;font-weight: 500;opacity: 0;transition: all var(--speed2);line-height: normal;transform: translate(-50%, -100%) scale(0.9);}.tooltip:not(.max):hover {visibility: hidden;opacity: 0;}.tooltip.left {inset: 50% auto auto 0;transform: translate(-100%, -50%) scale(0.9);}.tooltip.right {inset: 50% 0 auto auto;transform: translate(100%, -50%) scale(0.9);}.tooltip.bottom {inset: auto auto 0 50%;transform: translate(-50%, 100%) scale(0.9);}.tooltip.small {inline-size: 8rem;white-space: normal;}.tooltip.medium {inline-size: 12rem;white-space: normal;}.tooltip.large {inline-size: 16rem;white-space: normal;}:hover > .tooltip {visibility: visible;opacity: 1;transform: translate(-50%, -100%) scale(1);}:hover > .tooltip.left {transform: translate(-100%, -50%) scale(1);}:hover > .tooltip.right {transform: translate(100%, -50%) scale(1);}:hover > .tooltip.bottom {transform: translate(-50%, 100%) scale(1);}.tooltip.no-space {--_space: 0;}.tooltip.medium-space {--_space: -1rem;}.tooltip.large-space {--_space: -1.5rem;}.tooltip:not(.left, .right, .bottom) {margin-block-start: var(--_space) !important;}.tooltip.left,.tooltip.right {margin-inline: var(--_space) !important;}.tooltip.bottom {margin-block-end: var(--_space) !important;}menu:active ~ .tooltip,:is(button, .button):focus > menu ~ .tooltip,.field > :focus ~ menu ~ .tooltip {visibility: hidden;}.slider > .tooltip {--_space: -1.25rem;}.slider.vertical > .tooltip {--_space: -0.75rem;}.slider.vertical > .tooltip:is(.left, .right) {--_space: -0.5rem;}.tooltip.max {display: block;font-size: inherit;white-space: normal;text-align: start;inline-size: 20rem;border-radius: 0.5rem;padding: 1rem;box-shadow: var(--elevate2);}.transparent {background-color: transparent !important;box-shadow: none !important;color: inherit !important;}.primary {background-color: var(--primary) !important;color: var(--on-primary) !important;}.primary-text {color: var(--primary) !important;}.primary-border {border-color: var(--primary) !important;}.primary-container {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}.secondary {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}.secondary-text {color: var(--secondary) !important;}.secondary-border {border-color: var(--secondary) !important;}.secondary-container {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}.tertiary {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}.tertiary-text {color: var(--tertiary) !important;}.tertiary-border {border-color: var(--tertiary) !important;}.tertiary-container {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}.error {background-color: var(--error) !important;color: var(--on-error) !important;}.error-text {color: var(--error) !important;}.error-border {border-color: var(--error) !important;}.error-container {background-color: var(--error-container) !important;color: var(--on-error-container) !important;}.background {background-color: var(--background) !important;color: var(--on-background) !important;}.surface,.surface-dim,.surface-bright,.surface-container-lowest,.surface-container-low,.surface-container,.surface-container-high,.surface-container-highest {background-color: var(--surface) !important;color: var(--on-surface) !important;}.surface-variant {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}.inverse-surface {background-color: var(--inverse-surface);color: var(--inverse-on-surface);}.inverse-primary {background-color: var(--inverse-primary);color: var(--primary);}.inverse-primary-text {color: var(--inverse-primary) !important;}.inverse-primary-border {border-color: var(--inverse-primary) !important;}.surface-dim {background-color: var(--surface-dim) !important;}.surface-bright {background-color: var(--surface-bright) !important;}.surface-container-lowest {background-color: var(--surface-container-lowest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.surface-container {background-color: var(--surface-container) !important;}.surface-container-high {background-color: var(--surface-container-high) !important;}.surface-container-highest {background-color: var(--surface-container-highest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.black {background-color: #000 !important;}.black-border {border-color: #000 !important;}.black-text {color: #000 !important;}.white {background-color: #FFF !important;}.white-border {border-color: #FFF !important;}.white-text {color: #FFF !important;}.transparent-border {border-color: transparent !important;}.transparent-text {color: transparent !important;}.fill:not(i) {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}nav.primary > button,:is(nav, menu).primary > :is(button, a, li).active {background-color: var(--primary-container);color: var(--on-primary-container);}nav.primary-container > button,:is(nav, menu).primary-container > :is(button, a, li).active {background-color: var(--primary);color: var(--on-primary);}nav.secondary > button,:is(nav, menu).secondary > :is(button, a, li).active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.secondary-container > button,:is(nav, menu).secondary-container > :is(button, a, li).active {background-color: var(--secondary);color: var(--on-secondary);}nav.tertiary > button,:is(nav, menu).tertiary > :is(button, a, li).active {background-color: var(--tertiary-container);color: var(--on-tertiary-container);}nav.tertiary-container > button,:is(nav, menu).tertiary-container > :is(button, a, li).active {background-color: var(--tertiary);color: var(--on-tertiary);}}
+:root {--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: 0.1s;--speed2: 0.2s;--speed3: 0.3s;--speed4: 0.4s;--active: rgb(128 128 128 / 0.192);--overlay: rgb(0 0 0 / 0.5);--elevate1: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 0.32);--elevate2: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 0.4);--elevate3: 0 0.375rem 0.75rem 0 rgb(0 0 0 / 0.48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right);}html {font-size: var(--size);}body {color: var(--on-surface);background-color: var(--surface);overflow-x: hidden;font-family: var(--font);font-size: 0.875rem;line-height: 1.5rem;letter-spacing: 0.0313rem;}@media (pointer: fine) {body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button {background: none;inline-size: 0.4rem;block-size: 0.4rem;}body :is(:focus, :hover)::-webkit-scrollbar-thumb,body :has(:focus, :hover)::-webkit-scrollbar-thumb {background: var(--outline);border-radius: 1rem;}}@media (pointer: coarse) {body:has(dialog[open], dialog.active),body:has(input[type=range]:focus) {overflow: hidden;}}:root,body.light {--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6;}body.dark {--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438;}@font-face {font-family: "Material Symbols Outlined";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-outlined.woff2) format("woff2");}@font-face {font-family: "Material Symbols Rounded";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-rounded.woff2) format("woff2");}@font-face {font-family: "Material Symbols Sharp";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-sharp.woff2) format("woff2");}@font-face {font-family: "Material Symbols Subset";font-style: normal;font-weight: 400;font-display: swap;src: url(material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-subset.woff2) format("woff2");}.beer,
+beer-css {* {-webkit-tap-highlight-color: transparent;position: relative;vertical-align: middle;color: inherit;margin: 0;padding: 0;border-radius: inherit;box-sizing: border-box;}*::after,*::before {all: unset;}label {font-size: 0.75rem;vertical-align: baseline;}a,b,i,span,strong,em,code {vertical-align: baseline;}a,button,.button {cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;border: none;font-family: inherit;outline: inherit;justify-content: center;}:is(nav, .tabs, .field) > a,button,.button,.chip,i,label {user-select: none;}:not(.grid, nav, .row) > :not(progress.max) + :is(address, article, blockquote, code, .field, fieldset, form, .grid, h1, h2, h3, h4, h5, h6, nav, ol, p, pre, .row, section, aside, table, .tabs, ul):not([class*='margin'], .right, .left, .top, .bottom) {margin-block-start: 1rem;}:has(> [class*='margin']) {padding: 0.1px;}:is(a, button, .button, .chip, summary):focus-visible {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(nav, .row, li).group > :focus-visible {z-index: 1;}:is(button, .button, .chip) > :is(span, i, img, svg) {pointer-events: none;}div:is(:not([class]), [class=active]):has(> :not(.responsive) ~ :is(menu, .tooltip, input)) {display: inline-flex;}.middle-align {display: flex;align-items: center !important;}.bottom-align {display: flex;align-items: flex-end !important;}.top-align {display: flex;align-items: flex-start !important;}.left-align {text-align: start;justify-content: flex-start !important;}.right-align {text-align: end;justify-content: flex-end !important;}.center-align {text-align: center;justify-content: center !important;}[class*=blur],[class*=blur].light {--_blur: 1rem;-webkit-backdrop-filter: blur(var(--_blur));backdrop-filter: blur(var(--_blur));color: var(--on-surface);background-color: rgb(255 255 255 / 0.5) !important;}.dark [class*=blur],[class*=blur].dark {background-color: rgb(0 0 0 / 0.5) !important;}.small-blur {--_blur: 0.5rem;}.large-blur {--_blur: 1.5rem;}.red,.red6 {background-color: #F44336 !important;}.red-border {border-color: #F44336 !important;}.red-text {color: #F44336 !important;}.red1 {background-color: #FFEBEE !important;}.red2 {background-color: #FFCDD2 !important;}.red3 {background-color: #EF9A9A !important;}.red4 {background-color: #E57373 !important;}.red5 {background-color: #EF5350 !important;}.red7 {background-color: #E53935 !important;}.red8 {background-color: #D32F2F !important;}.red9 {background-color: #C62828 !important;}.red10 {background-color: #B71C1C !important;}.pink,.pink6 {background-color: #E91E63 !important;}.pink-border {border-color: #E91E63 !important;}.pink-text {color: #E91E63 !important;}.pink1 {background-color: #FCE4EC !important;}.pink2 {background-color: #F8BBD0 !important;}.pink3 {background-color: #F48FB1 !important;}.pink4 {background-color: #F06292 !important;}.pink5 {background-color: #EC407A !important;}.pink7 {background-color: #D81B60 !important;}.pink8 {background-color: #C2185B !important;}.pink9 {background-color: #AD1457 !important;}.pink10 {background-color: #880E4F !important;}.purple,.purple6 {background-color: #9C27B0 !important;}.purple-border {border-color: #9C27B0 !important;}.purple-text {color: #9C27B0 !important;}.purple1 {background-color: #F3E5F5 !important;}.purple2 {background-color: #E1BEE7 !important;}.purple3 {background-color: #CE93D8 !important;}.purple4 {background-color: #BA68C8 !important;}.purple5 {background-color: #AB47BC !important;}.purple7 {background-color: #8E24AA !important;}.purple8 {background-color: #7B1FA2 !important;}.purple9 {background-color: #6A1B9A !important;}.purple10 {background-color: #4A148C !important;}.deep-purple,.deep-purple6 {background-color: #673AB7 !important;}.deep-purple-border {border-color: #673AB7 !important;}.deep-purple-text {color: #673AB7 !important;}.deep-purple1 {background-color: #EDE7F6 !important;}.deep-purple2 {background-color: #D1C4E9 !important;}.deep-purple3 {background-color: #B39DDB !important;}.deep-purple4 {background-color: #9575CD !important;}.deep-purple5 {background-color: #7E57C2 !important;}.deep-purple7 {background-color: #5E35B1 !important;}.deep-purple8 {background-color: #512DA8 !important;}.deep-purple9 {background-color: #4527A0 !important;}.deep-purple10 {background-color: #311B92 !important;}.indigo,.indigo6 {background-color: #3F51B5 !important;}.indigo-border {border-color: #3F51B5 !important;}.indigo-text {color: #3F51B5 !important;}.indigo1 {background-color: #E8EAF6 !important;}.indigo2 {background-color: #C5CAE9 !important;}.indigo3 {background-color: #9FA8DA !important;}.indigo4 {background-color: #7986CB !important;}.indigo5 {background-color: #5C6BC0 !important;}.indigo7 {background-color: #3949AB !important;}.indigo8 {background-color: #303F9F !important;}.indigo9 {background-color: #283593 !important;}.indigo10 {background-color: #1A237E !important;}.blue,.blue6 {background-color: #2196F3 !important;}.blue-border {border-color: #2196F3 !important;}.blue-text {color: #2196F3 !important;}.blue1 {background-color: #E3F2FD !important;}.blue2 {background-color: #BBDEFB !important;}.blue3 {background-color: #90CAF9 !important;}.blue4 {background-color: #64B5F6 !important;}.blue5 {background-color: #42A5F5 !important;}.blue7 {background-color: #1E88E5 !important;}.blue8 {background-color: #1976D2 !important;}.blue9 {background-color: #1565C0 !important;}.blue10 {background-color: #0D47A1 !important;}.light-blue,.light-blue6 {background-color: #03A9F4 !important;}.light-blue-border {border-color: #03A9F4 !important;}.light-blue-text {color: #03A9F4 !important;}.light-blue1 {background-color: #E1F5FE !important;}.light-blue2 {background-color: #B3E5FC !important;}.light-blue3 {background-color: #81D4FA !important;}.light-blue4 {background-color: #4FC3F7 !important;}.light-blue5 {background-color: #29B6F6 !important;}.light-blue7 {background-color: #039BE5 !important;}.light-blue8 {background-color: #0288D1 !important;}.light-blue9 {background-color: #0277BD !important;}.light-blue10 {background-color: #01579B !important;}.cyan,.cyan6 {background-color: #00BCD4 !important;}.cyan-border {border-color: #00BCD4 !important;}.cyan-text {color: #00BCD4 !important;}.cyan1 {background-color: #E0F7FA !important;}.cyan2 {background-color: #B2EBF2 !important;}.cyan3 {background-color: #80DEEA !important;}.cyan4 {background-color: #4DD0E1 !important;}.cyan5 {background-color: #26C6DA !important;}.cyan7 {background-color: #00ACC1 !important;}.cyan8 {background-color: #0097A7 !important;}.cyan9 {background-color: #00838F !important;}.cyan10 {background-color: #006064 !important;}.teal,.teal6 {background-color: #009688 !important;}.teal-border {border-color: #009688 !important;}.teal-text {color: #009688 !important;}.teal1 {background-color: #E0F2F1 !important;}.teal2 {background-color: #B2DFDB !important;}.teal3 {background-color: #80CBC4 !important;}.teal4 {background-color: #4DB6AC !important;}.teal5 {background-color: #26A69A !important;}.teal7 {background-color: #00897B !important;}.teal8 {background-color: #00796B !important;}.teal9 {background-color: #00695C !important;}.teal10 {background-color: #004D40 !important;}.green,.green6 {background-color: #4CAF50 !important;}.green-border {border-color: #4CAF50 !important;}.green-text {color: #4CAF50 !important;}.green1 {background-color: #E8F5E9 !important;}.green2 {background-color: #C8E6C9 !important;}.green3 {background-color: #A5D6A7 !important;}.green4 {background-color: #81C784 !important;}.green5 {background-color: #66BB6A !important;}.green7 {background-color: #43A047 !important;}.green8 {background-color: #388E3C !important;}.green9 {background-color: #2E7D32 !important;}.green10 {background-color: #1B5E20 !important;}.light-green,.light-green6 {background-color: #8BC34A !important;}.light-green-border {border-color: #8BC34A !important;}.light-green-text {color: #8BC34A !important;}.light-green1 {background-color: #F1F8E9 !important;}.light-green2 {background-color: #DCEDC8 !important;}.light-green3 {background-color: #C5E1A5 !important;}.light-green4 {background-color: #AED581 !important;}.light-green5 {background-color: #9CCC65 !important;}.light-green7 {background-color: #7CB342 !important;}.light-green8 {background-color: #689F38 !important;}.light-green9 {background-color: #558B2F !important;}.light-green10 {background-color: #33691E !important;}.lime,.lime6 {background-color: #CDDC39 !important;}.lime-border {border-color: #CDDC39 !important;}.lime-text {color: #CDDC39 !important;}.lime1 {background-color: #F9FBE7 !important;}.lime2 {background-color: #F0F4C3 !important;}.lime3 {background-color: #E6EE9C !important;}.lime4 {background-color: #DCE775 !important;}.lime5 {background-color: #D4E157 !important;}.lime7 {background-color: #C0CA33 !important;}.lime8 {background-color: #AFB42B !important;}.lime9 {background-color: #9E9D24 !important;}.lime10 {background-color: #827717 !important;}.yellow,.yellow6 {background-color: #FFEB3B !important;}.yellow-border {border-color: #FFEB3B !important;}.yellow-text {color: #FFEB3B !important;}.yellow1 {background-color: #FFFDE7 !important;}.yellow2 {background-color: #FFF9C4 !important;}.yellow3 {background-color: #FFF59D !important;}.yellow4 {background-color: #FFF176 !important;}.yellow5 {background-color: #FFEE58 !important;}.yellow7 {background-color: #FDD835 !important;}.yellow8 {background-color: #FBC02D !important;}.yellow9 {background-color: #F9A825 !important;}.yellow10 {background-color: #F57F17 !important;}.amber,.amber6 {background-color: #FFC107 !important;}.amber-border {border-color: #FFC107 !important;}.amber-text {color: #FFC107 !important;}.amber1 {background-color: #FFF8E1 !important;}.amber2 {background-color: #FFECB3 !important;}.amber3 {background-color: #FFE082 !important;}.amber4 {background-color: #FFD54F !important;}.amber5 {background-color: #FFCA28 !important;}.amber7 {background-color: #FFB300 !important;}.amber8 {background-color: #FFA000 !important;}.amber9 {background-color: #FF8F00 !important;}.amber10 {background-color: #FF6F00 !important;}.orange,.orange6 {background-color: #FF9800 !important;}.orange-border {border-color: #FF9800 !important;}.orange-text {color: #FF9800 !important;}.orange1 {background-color: #FFF3E0 !important;}.orange2 {background-color: #FFE0B2 !important;}.orange3 {background-color: #FFCC80 !important;}.orange4 {background-color: #FFB74D !important;}.orange5 {background-color: #FFA726 !important;}.orange7 {background-color: #FB8C00 !important;}.orange8 {background-color: #F57C00 !important;}.orange9 {background-color: #EF6C00 !important;}.orange10 {background-color: #E65100 !important;}.deep-orange,.deep-orange6 {background-color: #FF5722 !important;}.deep-orange-border {border-color: #FF5722 !important;}.deep-orange-text {color: #FF5722 !important;}.deep-orange1 {background-color: #FBE9E7 !important;}.deep-orange2 {background-color: #FFCCBC !important;}.deep-orange3 {background-color: #FFAB91 !important;}.deep-orange4 {background-color: #FF8A65 !important;}.deep-orange5 {background-color: #FF7043 !important;}.deep-orange7 {background-color: #F4511E !important;}.deep-orange8 {background-color: #E64A19 !important;}.deep-orange9 {background-color: #D84315 !important;}.deep-orange10 {background-color: #BF360C !important;}.brown,.brown6 {background-color: #795548 !important;}.brown-border {border-color: #795548 !important;}.brown-text {color: #795548 !important;}.brown1 {background-color: #EFEBE9 !important;}.brown2 {background-color: #D7CCC8 !important;}.brown3 {background-color: #BCAAA4 !important;}.brown4 {background-color: #A1887F !important;}.brown5 {background-color: #8D6E63 !important;}.brown7 {background-color: #6D4C41 !important;}.brown8 {background-color: #5D4037 !important;}.brown9 {background-color: #4E342E !important;}.brown10 {background-color: #3E2723 !important;}.blue-grey,.blue-grey6 {background-color: #607D8B !important;}.blue-grey-border {border-color: #607D8B !important;}.blue-grey-text {color: #607D8B !important;}.blue-grey1 {background-color: #ECEFF1 !important;}.blue-grey2 {background-color: #CFD8DC !important;}.blue-grey3 {background-color: #B0BEC5 !important;}.blue-grey4 {background-color: #90A4AE !important;}.blue-grey5 {background-color: #78909C !important;}.blue-grey7 {background-color: #546E7A !important;}.blue-grey8 {background-color: #455A64 !important;}.blue-grey9 {background-color: #37474F !important;}.blue-grey10 {background-color: #263238 !important;}.grey,.grey6 {background-color: #9E9E9E !important;}.grey-border {border-color: #9E9E9E !important;}.grey-text {color: #9E9E9E !important;}.grey1 {background-color: #FAFAFA !important;}.grey2 {background-color: #F5F5F5 !important;}.grey3 {background-color: #EEE !important;}.grey4 {background-color: #E0E0E0 !important;}.grey5 {background-color: #BDBDBD !important;}.grey7 {background-color: #757575 !important;}.grey8 {background-color: #616161 !important;}.grey9 {background-color: #424242 !important;}.grey10 {background-color: #212121 !important;}.horizontal {display: inline-flex;flex-direction: row !important;gap: 1rem;inline-size: auto !important;max-inline-size: none !important;}.horizontal > * {margin-block: 0 !important;}.vertical {display: flex;flex-direction: column !important;}:is(a, button, .button, .chip).vertical {display: inline-flex;gap: 0.25rem;block-size: auto !important;max-block-size: none !important;padding-block: 0.5rem;}.vertical > * {margin-inline: 0 !important;}.no-elevate {box-shadow: none !important;}.small-elevate,.elevate {box-shadow: var(--elevate1) !important;}.medium-elevate {box-shadow: var(--elevate2) !important;}.large-elevate {box-shadow: var(--elevate3) !important;}.round,[class*=-round] {--_round: 2rem;border-radius: var(--_round) !important;}.small-round {--_round: 0.5rem;}.large-round {--_round: 3.5rem;}.no-round,.square,.top-round,.bottom-round,.left-round,.right-round {border-radius: 0.5rem !important;}.top-round {border-start-start-radius: var(--_round) !important;border-start-end-radius: var(--_round) !important;}.bottom-round {border-end-end-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.left-round {border-start-start-radius: var(--_round) !important;border-end-start-radius: var(--_round) !important;}.right-round {border-start-end-radius: var(--_round) !important;border-end-end-radius: var(--_round) !important;}.circle:not(.extend) {border-radius: 50%;}:is(.circle, .square):is(button, .button, .chip) {padding: 0;block-size: var(--_size);inline-size: var(--_size);}:is(.circle, .square) > span:not([class]) {display: none;}:is(.circle, .square).round {border-radius: 1rem !important;}.border:not(table, .field, .list, menu, article) {box-sizing: border-box;border: 0.0625rem solid var(--outline);background-color: transparent;box-shadow: none;}.no-border {border-color: transparent !important;}.margin,[class*=-margin]:not(.left-margin, .right-margin, .top-margin, .bottom-margin, .horizontal-margin, .vertical-margin) {margin: var(--_margin) !important;}.margin,[class*=-margin] {--_margin: 1rem;}.no-margin {--_margin: 0;}.auto-margin {--_margin: auto;}.tiny-margin {--_margin: 0.25rem;}.small-margin {--_margin: 0.5rem;}.large-margin {--_margin: 1.5rem;}.left-margin,.horizontal-margin {margin-inline-start: var(--_margin) !important;}.right-margin,.horizontal-margin {margin-inline-end: var(--_margin) !important;}.top-margin,.vertical-margin {margin-block-start: var(--_margin) !important;}.bottom-margin,.vertical-margin {margin-block-end: var(--_margin) !important;}.no-opacity {opacity: 1 !important;}.opacity {opacity: 0 !important;}.small-opacity {opacity: 0.75 !important;}.medium-opacity {opacity: 0.5 !important;}.large-opacity {opacity: 0.25 !important;}.padding,[class*=-padding]:not(.left-padding, .right-padding, .top-padding, .bottom-padding, .horizontal-padding, .vertical-padding) {padding: var(--_padding) !important;}.padding,[class*=-padding] {--_padding: 1rem;}.no-padding {--_padding: 0 !important;}.tiny-padding {--_padding: 0.25rem !important;}.small-padding {--_padding: 0.5rem !important;}.large-padding {--_padding: 1.5rem !important;}.left-padding,.horizontal-padding {padding-inline-start: var(--_padding) !important;}.right-padding,.horizontal-padding {padding-inline-end: var(--_padding) !important;}.top-padding,.vertical-padding {padding-block-start: var(--_padding) !important;}.bottom-padding,.vertical-padding {padding-block-end: var(--_padding) !important;}.front {z-index: 10 !important;}.back {z-index: -10 !important;}.left {inset-inline-start: 0;}.right {inset-inline-end: 0;}.top {inset-block-start: 0;}.bottom {inset-block-end: 0;}.center {inset-inline-start: 50%;transform: translateX(-50%);}[dir=rtl] .center {transform: translateX(50%);}.middle {inset-block-start: 50%;transform: translateY(-50%);}.middle.center {transform: translate(-50%, -50%);}[dir=rtl] .middle.center {transform: translate(50%, -50%);}.ripple {--_duration: 600ms;}.fast-ripple {--_duration: 200ms;}.slow-ripple {--_duration: 1800ms;}.ripple-js {position: absolute;inset: 0;pointer-events: none;overflow: hidden;}.ripple-js > div {position: absolute;border-radius: 50%;background: currentColor;opacity: 0.3;transform: scale(0);animation: to-ripple var(--_duration) linear;}@keyframes to-ripple {to {transform: scale(4);opacity: 0;}}.scroll {overflow: auto;}.no-scroll {overflow: hidden;}.shadow {background-color: #00000050;}:is(.left-shadow, .right-shadow, .top-shadow, .bottom-shadow) {background-color: transparent !important;}.left-shadow {background-image: linear-gradient(to right, black, transparent) !important;}.right-shadow {background-image: linear-gradient(to left, black, transparent) !important;}.bottom-shadow {background-image: linear-gradient(to top, black, transparent) !important;}.top-shadow {background-image: linear-gradient(to bottom, black, transparent) !important;}[class*=-width] {max-inline-size: 100%;}.auto-width {inline-size: auto;}.small-width {inline-size: 12rem !important;}.medium-width {inline-size: 24rem !important;}.large-width {inline-size: 36rem !important;}.auto-height {block-size: auto;}.small-height {block-size: 12rem !important;}.medium-height {block-size: 24rem !important;}.large-height {block-size: 36rem !important;}.wrap {display: block;white-space: normal;}.no-wrap:not(menu) {display: flex;white-space: nowrap;}.tiny-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 0.5rem;}:is(.space, .small-space):not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 1rem;}.medium-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 2rem;}.large-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 3rem;}.extra-space:not(nav, .row, .grid, table, .tooltip, .list, menu, .shape) {block-size: 4rem;}.responsive {inline-size: -webkit-fill-available;inline-size: -moz-available;}@media only screen and (max-width: 600px) {:is(.m, .l):not(.s) {display: none !important;}}@media only screen and (min-width: 601px) and (max-width: 992px) {:is(.s, .l):not(.m) {display: none !important;}}@media only screen and (min-width: 993px) {:is(.m, .s):not(.l) {display: none !important;}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 400;display: block;align-items: center;line-height: normal;}h1,.h1 {font-size: 3.5625rem;}h2,.h2 {font-size: 2.8125rem;}h3,.h3 {font-size: 2.25rem;}h4,.h4 {font-size: 2rem;}h5,.h5 {font-size: 1.75rem;}h6,.h6 {font-size: 1.5rem;}:is(h1, .h1).small {font-size: 3.0625rem;}:is(h2, .h2).small {font-size: 2.3125rem;}:is(h3, .h3).small {font-size: 1.75rem;}:is(h4, .h4).small {font-size: 1.5rem;}:is(h5, .h5).small {font-size: 1.25rem;}:is(h6, .h6).small {font-size: 1rem;}:is(h1, .h1).large {font-size: 4.0625rem;}:is(h2, .h2).large {font-size: 3.3125rem;}:is(h3, .h3).large {font-size: 2.75rem;}:is(h4, .h4).large {font-size: 2.5rem;}:is(h5, .h5).large {font-size: 2.25rem;}:is(h6, .h6).large {font-size: 2rem;}.link {color: var(--primary) !important;}.inverse-link {color: var(--inverse-primary) !important;}.truncate {overflow: hidden;white-space: nowrap !important;text-overflow: ellipsis;flex: inherit;}.truncate > * {white-space: nowrap !important;}.small-text {font-size: 0.75rem;}.medium-text {font-size: 0.875rem;}.large-text {font-size: 1rem;}.upper {text-transform: uppercase;}.lower {text-transform: lowercase;}.capitalize {text-transform: capitalize;}.bold {font-weight: bold;}.overline {text-decoration: line-through;}.underline {text-decoration: underline;}.italic {font-style: italic;}p {margin: 0.5rem 0;}.no-line {line-height: normal;}.tiny-line {line-height: 1.25rem;}.small-line {line-height: 1.5rem;}.medium-line {line-height: 1.75rem;}.large-line {line-height: 2rem;}.extra-line {line-height: 2.25rem;}pre {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}blockquote {border-radius: 0;padding: 1rem;border-inline-start: 0.25rem solid var(--primary);font-family: inherit;}code {border-radius: 0;background-color: var(--surface-container);white-space: pre-wrap;padding: 0.25rem;}pre > code,blockquote > code {padding: 0;}.scroll > code {white-space: pre;}pre:has(> code){direction: ltr;text-align: start;}sub {vertical-align: sub;}sup {vertical-align: super;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple)::after,nav:is(.left, .right, .bottom, .top).max > a::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a::after,nav:is(.left, .right, .bottom, .top):not(.max) > a > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a > i::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;inline-size: 100%;block-size: 100%;background-position: center;background-image: radial-gradient(circle, currentColor 1%, transparent 1%);opacity: 0;transition: none;pointer-events: none;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a):not(.slow-ripple, .ripple, .fast-ripple):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover)::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:not(.button, .chip):is(:focus-visible, :hover) > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:not(.button, .chip):is(:focus-visible, :hover) > i::after {background-size: 22500%;opacity: 0.1;transition: background-size var(--speed2) linear;}:is(.wave, .chip, .button, button, nav.tabbed > a, .tabs > a, nav.toolbar > a, nav.max > a):not(.slow-ripple, .ripple, .fast-ripple):active::after,nav:is(.left, .right, .bottom, .top).max > a:active::after,nav:is(.left, .right, .bottom, .top).max > :is(ol, ul) > li > a:active::after,nav:is(.left, .right, .bottom, .top):not(.max) > a:active > i::after,nav:is(.left, .right, .bottom, .top):not(.max) > :is(ol, ul) > li > a:active > i::after {background-size: 0%;opacity: 0;transition: none;}.no-wave::after,.no-wave:is(:hover, :active)::after {display: none;}.zoom,.tiny-zoom {zoom: 2;}.small-zoom {zoom: 3;}.medium-zoom {zoom: 4;}.large-zoom {zoom: 5;}.extra-zoom {zoom: 6;}.badge {--_x: 0;--_y: -100%;display: inline-flex;align-items: center;justify-content: center;position: absolute;font-size: 0.6875rem;text-transform: none;z-index: 2;padding: 0 0.25rem;min-block-size: 1rem;min-inline-size: 1rem;background-color: var(--error);color: var(--on-error);line-height: normal;border-radius: 1rem;inset: 50% auto auto 50%;transform: translate(var(--_x, 50%), var(--_y, -50%));font-family: var(--font);}.badge.top {--_y: -100%;}.badge.bottom {--_y: 0;}.badge.left {--_x: -100%;}.badge.right {--_x: 0;}.badge.border {border-color: var(--error);color: var(--error);background-color: var(--surface);}.badge:is(.circle, .square) {text-align: center;inline-size: auto;block-size: auto;padding: 0 0.25rem;border-radius: 1rem;}.badge.square {border-radius: 0;}.badge.min > * {display: none;}.badge.min {clip-path: circle(18.75% at 50% 50%);}nav:is(.left, .right, .top, .bottom) > a > .badge,nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a > .badge {inset: 1rem auto auto 50%;}.badge.none {inset: auto !important;transform: none;position: relative;margin: 0 0.125rem;}header,footer {display: grid;align-content: center;border-radius: 0;padding: 0 1rem;}:is(dialog, article) > :is(header, footer) {padding-inline: 0;inset: 0;}header {min-block-size: 4rem;}footer {min-block-size: 5rem;}:is(header, footer, menu > *).fixed {position: sticky;inset: 0;z-index: 11;background-color: inherit;}header.fixed {inset: calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start: calc(-1 * var(--_padding, 0));}footer.fixed {inset: 0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end: calc(-1 * var(--_padding, 0));}:is(header, footer).fixed.min {margin-inline: auto;}dialog > :is(header, footer) {background: none;}dialog > :is(header, footer).fixed {background-color: inherit;}:is(main, header, footer, section).responsive {max-inline-size: min(100vw, 75rem);margin: 0 auto;}:is(main, header, footer, section).responsive.max {max-inline-size: none;}:has(> main) > :is(header, footer).fixed {transform: none;box-sizing: content-box;position: sticky;inset: 0;z-index: 12;}:has(> main) > header {padding-block-start: var(--top, 0);}:has(> main) > footer {padding-block-end: var(--bottom, 0);}nav.top ~ header,nav.bottom ~ footer {padding-block: 0;}nav.top ~ header.fixed {inset-block: calc(var(--top, 0) + 4.5rem) 0;}nav.bottom ~ footer.fixed {inset-block: 0 calc(var(--bottom, 0) + 4.5rem);}:is(nav, .row) > header {background-color: inherit;}.button,button {--_padding: 1rem;--_size: 2.5rem;box-sizing: content-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);font-size: 0.875rem;font-weight: 500;color: var(--on-primary);padding: 0 var(--_padding);background-color: var(--primary);border-radius: var(--_size);transition: transform var(--speed3), border-radius var(--speed2), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;}:is(button, .button).small {--_size: 2rem;--_padding: 0.75rem;}:is(button, .button).large {--_size: 3rem;--_padding: 1.25rem;}:is(.button, button):is(.extra, .extend) {--_size: 3.5rem;font-size: 1rem;--_padding: 1.5rem;}:is(button, .button):is(.square, .circle) {--_padding: 0;}:is(button, .button).border {border-color: var(--outline-variant);color: var(--primary);}.extend > span:not([class]) {display: none;}.extend:is(:hover, .active) {inline-size: auto;--_padding: 1.5rem;padding: 0 var(--_padding);}.extend:is(:hover, .active) > i + span {display: inherit;margin-inline-start: var(--_padding);}.extend:is(:hover, .active) > :is(img, svg) + span {display: inherit;margin-inline-start: calc(1rem + var(--_padding, 0));}:is(.button, button)[disabled] {opacity: 0.5;cursor: not-allowed;}.button[disabled] {pointer-events: none;}:is(.button, button)[disabled]::before,:is(.button, button)[disabled]::after {display: none;}:is(.button, button):not(.chip, .extend).fill {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}:is(.button, button):not(.chip, .extend).active {background-color: var(--primary-container);color: var(--on-primary-container);}:is(.button, button):not(.chip, .extend).fill.active {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}:is(.button, button):not(.chip, .extend).border.active {background-color: var(--inverse-surface) !important;color: var(--inverse-on-surface) !important;border-color: var(--inverse-surface) !important;}:is(.button, button):not(.chip):active,:is(.button, button):not(.chip).active {border-radius: 0.5rem !important;}article {--_padding: 1rem;box-shadow: var(--elevate1);background-color: var(--surface-container-low);color: var(--on-surface);padding: var(--_padding);border-radius: 0.75rem;display: block;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);}article.small {block-size: 12rem;}article.medium {block-size: 20rem;}article.large {block-size: 32rem;}article.border {box-shadow: none;border: 0.0625rem solid var(--outline-variant);}.chip {--_padding: 0.75rem;--_size: 2rem;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;block-size: var(--_size);min-inline-size: var(--_size);font-size: 0.875rem;font-weight: 500;background-color: transparent;border: 0.0625rem solid var(--outline-variant);color: var(--on-surface-variant);padding: 0 var(--_padding);text-transform: none;border-radius: 0.5rem;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);user-select: none;gap: 0.5rem;line-height: normal;letter-spacing: normal;}.chip.medium {--_size: 2.5rem;--_padding: 1rem;}.chip.large {--_padding: 1.25rem;--_size: 3rem;}.chip.fill {border: none;}dialog {--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display: block;visibility: hidden;border: none;opacity: 0;position: fixed;box-shadow: var(--elevate2);color: var(--on-surface);background-color: var(--surface-container-high);padding: var(--_padding);z-index: 100;inset: 10% auto auto 50%;min-inline-size: 20rem;max-inline-size: 100%;max-block-size: 80%;overflow-x: hidden;overflow-y: auto;transition: all var(--speed3), 0s background-color;border-radius: 1.75rem;transform: translate(-50%, -4rem);outline: none;}dialog.small {inline-size: 25%;block-size: 25%;}dialog.medium {inline-size: 50%;block-size: 50%;}dialog.large {inline-size: 75%;block-size: 75%;}dialog:is(.active, [open]) {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:popover-open {visibility: visible;opacity: 1;transform: translate(-50%, 0);}dialog:is(.top, .right, .bottom, .left, .max) {--_padding: 1rem;}dialog:is(.top, .bottom) {opacity: 1;block-size: auto;inline-size: 100%;min-inline-size: auto;max-block-size: 100%;}dialog.top {inset: 0 auto auto 0;transform: translateY(-100%);border-radius: 0 0 1rem 1rem;padding-block-start: var(--_top);}dialog.bottom {inset: auto auto 0 0;transform: translateY(100%);border-radius: 1rem 1rem 0 0;padding-block-end: var(--_bottom);}dialog:is(.left, .right) {opacity: 1;inset: 0 auto auto 0;inline-size: auto;block-size: 100%;max-block-size: 100%;background-color: var(--surface);padding-block: var(--_top) var(--_bottom);}[dir=rtl] dialog.right,dialog.left {inset: 0 auto auto 0;border-radius: 0 1rem 1rem 0;transform: translateX(-100%);}[dir=rtl] dialog.left,dialog.right {inset: 0 0 auto auto;border-radius: 1rem 0 0 1rem;transform: translateX(100%);}dialog.max {inset: 0 auto auto 0;inline-size: 100%;block-size: 100%;max-inline-size: 100%;max-block-size: 100%;transform: translateY(4rem);background-color: var(--surface);border-radius: 0;padding-block: var(--_top) var(--_bottom);}dialog:is(.active, [open]):is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog:popover-open:is(.left, .right, .top, .bottom, .max) {transform: translate(0, 0);}dialog.small:is(.left, .right) {inline-size: 20rem;}dialog.medium:is(.left, .right) {inline-size: 32rem;}dialog.large:is(.left, .right) {inline-size: 44rem;}dialog.small:is(.top, .bottom) {block-size: 16rem;}dialog.medium:is(.top, .bottom) {block-size: 24rem;}dialog.large:is(.top, .bottom) {block-size: 32rem;}hr,[class*=divider] {all: unset;inline-size: -webkit-fill-available;min-block-size: auto;block-size: 0.0625rem;background-color: var(--outline-variant);display: block;}hr + *,[class*=divider] + * {margin: 0 !important;}hr.medium,.medium-divider {margin: 1rem 0 !important;}hr.large,.large-divider {margin: 1.5rem 0 !important;}hr.small,.small-divider {margin: 0.5rem 0 !important;}li:has(> hr),li:has(> .divider) {padding: 0 !important;align-self: normal !important;min-inline-size: auto !important;min-block-size: auto !important;inline-size: -webkit-fill-available;}hr.vertical,.divider.vertical,li:has(> hr.vertical),li:has(> .divider.vertical) {padding: 0 !important;align-self: center !important;min-inline-size: auto;min-block-size: 1.5rem;inline-size: 0.0625rem;}summary {list-style-type: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}summary > * {pointer-events: none;margin: 0;}li > details > summary + .list {margin: 0 !important;}.field {--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius: 0.25rem 0.25rem 0 0;min-block-size: var(--_input);display: flex;flex-direction: column;}.field.fill {--_background: var(--surface-variant);background-color: unset !important;color: unset !important;}.field.fill > :is(input, select, textarea) {background-color: var(--_background);z-index: 0;}.field.small {--_input: 2.5rem;--_start: 1rem;}.field.large {--_input: 3.5rem;--_start: 1.4rem;}.field.extra {--_input: 4rem;--_start: 1.6rem;}.field.border {border-radius: 0.25rem;}.field.round.small {border-radius: 1.25rem;}.field.round {border-radius: 1.5rem;}.field.round.large {border-radius: 1.75rem;}.field.round.extra {border-radius: 2rem;}.field > :is(i, img, svg, progress.circle, a) {position: absolute;inset: calc((var(--_input, 0) / 2) - 0.75rem) auto auto auto;cursor: pointer;z-index: 10;inline-size: 1.5rem;block-size: 1.5rem;margin: auto 0;pointer-events: none;}.field > :is(a, .front) {pointer-events: all !important;}.field > a > :is(i, img, svg, progress.circle, a) {inline-size: 1.5rem;block-size: 1.5rem;}.field > :is(i, img, svg, progress.circle, a),[dir=rtl] .field > :is(i, img, svg, progress.circle, a):first-child {inset: calc(var(--_middle, 0) - 0.75rem) 1rem auto auto;}.field > :is(i, img, svg, progress.circle, a):first-child,[dir=rtl] .field > :is(i, img, svg, progress.circle, a) {inset: calc(var(--_middle, 0) - 0.75rem) auto auto 1rem;}.field.invalid > i {color: var(--error);}.field > progress.circle {border-width: 0.1875rem;}.field > :is(input, textarea, select) {all: unset;position: relative;display: flex;align-items: center;box-sizing: border-box;border-radius: inherit;border: 0.0625rem solid transparent;padding: 0 0.9375rem;font-family: inherit;font-size: 1rem;min-block-size: var(--_input);outline: none;z-index: 1;background: none;resize: none;text-align: start;cursor: text;}input::-webkit-date-and-time-value {text-align: start;}:is(input, select, textarea):is(:-webkit-autofill, :autofill) {-webkit-background-clip: text;-webkit-text-fill-color: var(--on-surface);}.field > :is(input, textarea, select):focus {border: 0.125rem solid transparent;padding-inline: 0.875rem;}.field > textarea:not([rows]) {field-sizing: content;max-block-size: 12rem;}input[type=file],input[type=color],:not(.field) > input[type^=date],:not(.field) > input[type^=time],input::-webkit-calendar-picker-indicator {opacity: 0;position: absolute;inset: 0;inline-size: 100%;block-size: 100%;margin: 0;padding: 0;border: 0;outline: 0;z-index: 2 !important;}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {display: none;}input[type=number] {appearance: textfield;}.field.border > :is(input, textarea, select) {border-color: var(--outline);}.field.border > :is(input, textarea, select):focus {border-color: var(--primary);}.field.round > :is(input, textarea, select) {padding-inline: 1.4376rem;}.field.round > :is(input, textarea, select):focus {padding-inline: 1.375rem;}.field.prefix > :is(input, textarea, select) {padding-inline-start: 2.9375rem;}.field.prefix > .slider {margin-inline-start: 3.5rem;}.field.prefix > :is(input, textarea, select):focus {padding-inline-start: 2.875rem;}.field.suffix > :is(input, textarea, select) {padding-inline-end: 2.9375rem;}.field.suffix > .slider {margin-inline-end: 3.5rem;}.field.suffix > :is(input, textarea, select):focus {padding-inline-end: 2.875rem;}.field:not(.border, .round) > :is(input, textarea, select) {border-block-end-color: var(--outline);}.field:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--primary);}.field.round:not(.border, .fill) > :is(input, textarea, select),.field.round:not(.border) > :is(input, textarea, select):focus {box-shadow: var(--elevate1);}.field.round:not(.border, .fill) > :is(input, textarea, select):focus {box-shadow: var(--elevate2);}.field.invalid:not(.border, .round) > :is(input, textarea, select),.field.invalid:not(.border, .round) > :is(input, textarea, select):focus {border-block-end-color: var(--error);}.field.invalid.border > :is(input, textarea, select),.field.invalid.border > :is(input, textarea, select):focus {border-color: var(--error);}.field:has(> :disabled) {opacity: 0.5;cursor: not-allowed;}.field > :disabled {cursor: not-allowed;}.field > select {user-select: none;}@-moz-document url-prefix() {.field > select:focus {background-color: var(--surface);}.field.fill > select:focus {background-color: var(--surface-variant);}.field > select:focus + label {z-index: 1;}}.field > select > option {background-color: var(--surface);}.field > :is(input, select) {padding-block-start: 1rem;}.field:not(.label) > :is(input, select),.field.border:not(.fill) > :is(input, select) {padding-block-start: 0;}.field > textarea {padding-block-start: var(--_start) !important;}.field > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.01rem) !important;}.field:not(.label) > textarea,.field.border:not(.fill) > textarea {padding-block-start: calc(var(--_start, 0) - 0.5rem) !important;}.field:not(.label) > textarea:focus,.field.border:not(.fill) > textarea:focus {padding-block-start: calc(var(--_start, 0) - 0.51rem) !important;}.field.label > label {--_start: 1rem;position: absolute;inset: -0.5rem 1rem 0 var(--_start);display: flex;block-size: calc(var(--_input, 0) + 1rem);line-height: calc(var(--_input, 0) + 1rem);font-size: 1rem;transition: all 0.2s;gap: 0.25rem;white-space: nowrap;pointer-events: none;}[dir=rtl] .field.label > label {inset: -0.5rem var(--_start) 0 1rem;}.field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}[dir=rtl] .field.label.round > label {inset: -0.5rem 1.75rem 0 var(--_start);}.field.label.border.prefix:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1rem;}.field.label.round > label,.field.label.border.prefix.round:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {--_start: 1.5rem;}.field.label.prefix > label {--_start: 3rem;}.field.label > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 2.5rem;line-height: 2.5rem;font-size: 0.75rem;}.field.label.border:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label, select + label) {block-size: 1rem;line-height: 1rem;}.field.label.border:not(.fill) > label::after {content: "";display: block;margin: 0.5rem 0 0 0;border-block-start: 0.0625rem solid var(--outline);block-size: 1rem;transition: none;flex: auto;}.field.label.border:not(.fill) > :focus + label::after {border-block-start: 0.125rem solid var(--primary);}.field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 0.75rem -2%, 0.75rem 0.5rem, calc(100% - 1rem) 0.5rem, calc(100% - 1rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border:not(.fill) > select {clip-path: polygon(-2% -2%, 1rem -2%, 1rem 0.5rem, calc(100% - 0.75rem) 0.5rem, calc(100% - 0.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),.field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.25rem -2%, 1.25rem 0.5rem, calc(100% - 1.75rem) 0.5rem, calc(100% - 1.75rem) -2%, 102% -2%, 102% 102%, -2% 102%);}[dir=rtl] .field.label.border.round:not(.fill) > :is(input, textarea):is(:focus, [placeholder]:not(:placeholder-shown), .active),[dir=rtl] .field.label.border.round:not(.fill) > select {clip-path: polygon(-2% -2%, 1.75rem -2%, 1.75rem 0.5rem, calc(100% - 1.25rem) 0.5rem, calc(100% - 1.25rem) -2%, 102% -2%, 102% 102%, -2% 102%);}.field.label > :focus + label {color: var(--primary);}.field.label.invalid > label,.field.label.invalid > label::after {color: var(--error) !important;border-color: var(--error) !important;}.field.label > label > a {block-size: inherit;line-height: inherit;inline-size: 1rem;}.field.label > label > a > :is(i, img, svg) {block-size: 1rem;line-height: 1rem;inline-size: 1rem;font-size: 1rem;}.field > output {display: inline-block;font-size: 0.75rem;background: none !important;padding: 0.25rem 1rem;line-height: 1.25rem;align-self: start;}.field > output.invalid {color: var(--error) !important;}.field.round > output {padding: 0.25rem 1.5rem;}.field.invalid > output:not(.invalid),.field:not(.invalid) > output.invalid {display: none;}.field.invalid > output.invalid ~ menu,.field:not(.invalid) > output:not(.invalid) ~ menu {inset: auto auto 1.75rem 0;}table td > .field {margin: 0;}fieldset {border-radius: 0.25rem;padding: 1rem;border: 0.0625rem solid var(--outline-variant);}fieldset > legend {margin: 0 -0.25rem;padding: 0 0.25rem;}fieldset > legend + * {margin-block-start: 0 !important;}.grid {--_gap: 1rem;display: grid;grid-template-columns: repeat(12, 1fr);gap: var(--_gap);block-size: auto;}.grid.no-space {--_gap: 0rem;}.grid.medium-space {--_gap: 1.5rem;}.grid.large-space {--_gap: 2rem;}.grid > * {margin: 0;}.s1 {grid-area: auto/span 1;}.s2 {grid-area: auto/span 2;}.s3 {grid-area: auto/span 3;}.s4 {grid-area: auto/span 4;}.s5 {grid-area: auto/span 5;}.s6 {grid-area: auto/span 6;}.s7 {grid-area: auto/span 7;}.s8 {grid-area: auto/span 8;}.s9 {grid-area: auto/span 9;}.s10 {grid-area: auto/span 10;}.s11 {grid-area: auto/span 11;}.s12 {grid-area: auto/span 12;}@media only screen and (min-width: 601px) {.m1 {grid-area: auto/span 1;}.m2 {grid-area: auto/span 2;}.m3 {grid-area: auto/span 3;}.m4 {grid-area: auto/span 4;}.m5 {grid-area: auto/span 5;}.m6 {grid-area: auto/span 6;}.m7 {grid-area: auto/span 7;}.m8 {grid-area: auto/span 8;}.m9 {grid-area: auto/span 9;}.m10 {grid-area: auto/span 10;}.m11 {grid-area: auto/span 11;}.m12 {grid-area: auto/span 12;}}@media only screen and (min-width: 993px) {.l1 {grid-area: auto/span 1;}.l2 {grid-area: auto/span 2;}.l3 {grid-area: auto/span 3;}.l4 {grid-area: auto/span 4;}.l5 {grid-area: auto/span 5;}.l6 {grid-area: auto/span 6;}.l7 {grid-area: auto/span 7;}.l8 {grid-area: auto/span 8;}.l9 {grid-area: auto/span 9;}.l10 {grid-area: auto/span 10;}.l11 {grid-area: auto/span 11;}.l12 {grid-area: auto/span 12;}}i,:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i {--_size: 1.5rem;font-family: var(--font-icon);font-weight: normal;font-style: normal;font-size: var(--_size);letter-spacing: normal;text-transform: none;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: "liga";-webkit-font-smoothing: antialiased;vertical-align: middle;text-align: center;overflow: hidden;inline-size: var(--_size);min-inline-size: var(--_size);block-size: var(--_size);min-block-size: var(--_size);box-sizing: content-box;line-height: normal;border-radius: 0;}i:has(.badge) {overflow: unset;}i.tiny {--_size: 1rem;}.chip > i,i.small {--_size: 1.25rem;}i.medium {--_size: 1.5rem;}i.large {--_size: 1.75rem;}i.extra {--_size: 2rem;}i.fill,a.active > i,button.active > i {font-variation-settings: "FILL" 1;}i > :is(img, svg) {inline-size: 100%;block-size: 100%;background-size: 100%;border-radius: inherit;position: absolute;inset: 0 auto auto 0;padding: inherit;}i[class*=fa-] {font-size: calc(var(--_size, 0) * 0.85);line-height: normal;block-size: auto;min-block-size: auto;}.absolute {position: absolute;}.fixed {position: fixed;}:is(.absolute, .fixed).left.right {inline-size: auto;}:is(.absolute, .fixed).left.right.small {block-size: 20rem;}:is(.absolute, .fixed).left.right.medium {block-size: 28rem;}:is(.absolute, .fixed).left.right.large {block-size: 44rem;}:is(.absolute, .fixed).top.bottom.small {inline-size: 20rem;}:is(.absolute, .fixed).top.bottom.medium {inline-size: 28rem;}:is(.absolute, .fixed).top.bottom.large {inline-size: 44rem;}.list {display: flex;flex-direction: column;padding: 0;margin: 0;flex: 1;}.list > li,.list > li > details > summary,.list > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;min-block-size: 3.5rem;padding: 0.5rem 1rem;cursor: pointer;flex: 1;}.list > li:has(ul, ol, details[open], a:only-child) {padding: 0;}.list > li > .list {padding: 0 0 0 1rem;}.list > li > *,.list > li > a:only-child > * {margin: 0;}.list > li > :is(details, .max),.list > li > a:only-child > .max,.list > li > details > summary > .max {flex: 1;}.list.border > li:not(:last-child)::before,.list.border > li > details[open] > summary::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}.list.no-space > li,.list.no-space > li > details > summary {min-block-size: 2.5rem;}.list.medium-space > li,.list.medium-space > li > details > summary {min-block-size: 4.5rem;}.list.large-space > li,.list.large-space > li > details > summary {min-block-size: 5.5rem;}.list > li:focus-visible,.list > li > a:only-child:focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.25rem;}:has(> main) {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;grid-template-rows: auto auto minmax(0, 1fr) auto auto;grid-template-areas:"left top right""left header right""left main right""left footer right""left bottom right";min-block-size: 100dvh;box-sizing: border-box;background-color: var(--surface);}nav.left {grid-area: left;}nav.right {grid-area: right;}nav.top {grid-area: top;}nav.bottom {grid-area: bottom;}header {grid-area: header;}footer {grid-area: footer;}main {--_padding: 0.5rem;grid-area: main;padding: var(--_padding);overflow: hidden;}aside {z-index: 1;}aside:not(.fixed, .absolute).right {float: right;}aside:not(.fixed, .absolute).left {float: left;}svg {fill: currentcolor;}:is(img, svg, video):is(.small, .medium, .large, .tiny, .extra, .round, .circle, .square, .responsive) {--_size: 3rem;object-fit: cover;object-position: center;transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);block-size: var(--_size);inline-size: var(--_size);}:is(img, svg, video).round {--_round: 0.5rem;}:is(img, svg, video).tiny {--_size: 2rem;}:is(img, svg, video).small {--_size: 2.5rem;}:is(img, svg, video).large {--_size: 3.5rem;}:is(img, svg, video).extra {--_size: 4rem;}:is(img, svg, video).responsive {--_size: 100%;margin: 0 auto;}:is(img, svg, video).responsive.tiny {inline-size: 100%;block-size: 4rem;}:is(img, svg, video).responsive.small {inline-size: 100%;block-size: 8rem;}:is(img, svg, video).responsive.medium {inline-size: 100%;block-size: 12rem;}:is(img, svg, video).responsive.large {inline-size: 100%;block-size: 16rem;}:is(img, svg, video).responsive.extra {inline-size: 100%;block-size: 20rem;}:is(img, svg, video).responsive.round {--_round: 2rem;}:is(img, svg, video).empty-state {max-inline-size: 100%;inline-size: 24rem;}:is(button, .button, .chip):not(.transparent) > .responsive {border: 0.25rem solid transparent;}:is(button, .button, .chip, .field) > :is(img, svg):not(.responsive),.tabs :is(img, svg):not(.responsive) {min-inline-size: 1.5rem;max-inline-size: 1.5rem;min-block-size: 1.5rem;max-block-size: 1.5rem;}:is(button, .button, .chip):not(.extend) > .responsive:first-child {margin-inline-start: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip):not(.extend) > .responsive:not(:first-child) {margin-inline-end: calc(-1 * var(--_padding, 0));}:is(button, .button, .chip, .circle, .square, .extend) > .responsive {--_size: inherit;margin: 0 auto;}.extend > :is(.responsive, i) {margin: 0;position: absolute;inset-inline: 1rem;z-index: 1;}.extend > .responsive {inset-inline: 0;inline-size: 3.5rem;}.extend.border > .responsive {inline-size: 3.375rem;}menu {opacity: 0;visibility: hidden;position: absolute;box-shadow: var(--elevate2);background-color: var(--surface-container);z-index: 11;inset: auto auto 0 0;inline-size: 100%;max-block-size: 50vh;max-inline-size: none !important;overflow-x: hidden;overflow-y: auto;font-size: 0.875rem;font-weight: normal;text-transform: none;color: var(--on-surface);line-height: normal;text-align: start;border-radius: 1rem;transform: scale(0.8) translateY(120%);transition: all var(--speed2) var(--speed2), background-color 0s;justify-content: flex-start;padding: 0.125rem 0.25rem;display: flex;flex-direction: column;gap: 0.125rem;}[dir=rtl] menu {inset: auto 0 0 auto;}menu.no-wrap {inline-size: max-content;white-space: nowrap !important;}menu.active,:not([data-ui]):focus-within > menu,menu > li:hover > menu,menu > li > menu:hover {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);transition: all var(--speed2), background-color 0s;}menu.top.active,:not([data-ui]):focus-within > menu.top,menu > li:hover > menu.top,menu > li > menu.top:hover {transform: scale(1) translateY(-100%);}menu:is(.min, .max).active,:not([data-ui]):focus-within > menu:is(.min, .max) {transform: scale(1);}menu * {white-space: inherit !important;}menu > li,menu > li > a:only-child {all: unset;box-sizing: border-box;position: relative;display: flex;align-items: center;align-self: normal;text-align: start;justify-content: inherit;white-space: nowrap;gap: 1rem;padding: 0.5rem 1rem;min-block-size: 2.75rem;flex: 1;margin: 0 !important;cursor: pointer;border-radius: 0.25rem;transition: border-radius var(--speed2);}menu > li:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}menu > li:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}menu:not(.none) > li:not(.none):hover {background-color: color-mix(in srgb, currentColor 10%, transparent);}menu > li.active {background-color: var(--tertiary-container);color: var(--on-tertiary-container);}menu > li:is(.active, :active) {border-radius: inherit;}menu > li.none {background: none;border-radius: 0;}menu > li > :is(.max, .field),menu > li > a:only-child > .max,menu > li:has(.field, a:only-child) {flex: 1;padding: 0;margin: 0;}menu.min {inset: 0 0 auto 0;transform: scale(0.8);}[dir=rtl] menu.min.right,menu.min.left,menu.top.left {inset: 0 0 auto auto;}[dir=rtl] menu.min.left,menu.min.right,menu.top,menu.top.right {inset: 0 auto auto 0;}menu.max {position: fixed;inset: 0;block-size: 100%;max-block-size: none;min-block-size: auto;z-index: 100;transform: scale(0.8);border-radius: 0;}menu.max > :is(li, li.none) {flex: none;}menu.no-wrap:is(.min, .max) {min-inline-size: 16rem;}[dir=rtl] menu.right,[dir=rtl] menu.top.min.right,menu.left,menu.top.min.left {inset: auto 0 0 auto;}[dir=rtl] menu.left,[dir=rtl] menu.top.min.left,menu.right,menu.top.min {inset: auto auto 0 0;}menu.top {transform: scale(0.8) translateY(-120%);}menu:has(menu) {--_child: 1;--_type: 0;overflow: unset;white-space: nowrap;inline-size: auto;min-inline-size: 12rem;max-block-size: none;}menu > li > :is(menu, menu.right),[dir=rtl] menu > li > menu.left {inset: auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%;}[dir=rtl] menu > li > :is(menu, menu.right),menu > li > menu.left {inset: auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto;}menu > li > :is(menu.top, menu.top.right),[dir=rtl] menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%;}[dir=rtl] menu > li > :is(menu.top, menu.top.right),menu > li > menu.top.left {inset: calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto;}menu.no-space > li {min-block-size: 2.5rem;}menu.medium-space > li {min-block-size: 3.5rem;}menu.large-space > li {min-block-size: 4rem;}menu.transparent {margin: 0 -1rem !important;padding: 0.5rem;}menu.transparent > li {background-color: inherit;box-shadow: none;padding: 0;}menu > li:nth-last-child(2) {--_child: 2;}menu > li:nth-last-child(3) {--_child: 3;}menu > li:nth-last-child(4) {--_child: 4;}menu > li:nth-last-child(5) {--_child: 5;}menu > li:nth-last-child(6) {--_child: 6;}menu > li:nth-last-child(7) {--_child: 7;}menu > li:nth-last-child(8) {--_child: 8;}menu > li:nth-last-child(9) {--_child: 9;}menu > li:nth-last-child(10) {--_child: 10;}menu > li:nth-last-child(11) {--_child: 11;}menu > li:nth-last-of-type(2) {--_type: 1;}menu > li:nth-last-of-type(3) {--_type: 2;}menu > li:nth-last-of-type(4) {--_type: 3;}menu > li:nth-last-of-type(5) {--_type: 4;}menu > li:nth-last-of-type(6) {--_type: 5;}menu > li:nth-last-of-type(7) {--_type: 6;}menu > li:nth-last-of-type(8) {--_type: 7;}menu > li:nth-last-of-type(9) {--_type: 8;}menu > li:nth-last-of-type(10) {--_type: 9;}menu > li:nth-last-of-type(11) {--_type: 10;}@media (pointer: coarse) {:not(menu, [data-ui]):hover > menu {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}:not(menu, [data-ui]):hover > menu.top {transform: scale(1) translateY(-100%);}}nav > :is(ol, ul),nav > :is(ol, ul) > li {all: unset;}nav,.row,a.row {display: flex;align-items: center;align-self: normal;text-align: start;justify-content: flex-start;white-space: nowrap;gap: 1rem;border-radius: 0;}a.row,nav.row {min-block-size: 3rem;margin: 0;}:is(nav, .row, .max) > :only-child,:is(nav, .row, .max) > span > *,nav > :is(ol, ul) > li > :only-child,nav > :is(ol, ul) > li > span > * {margin: 0;}:is(nav, .row) > :not(ul, ol, header, footer) {margin: 0;white-space: normal;flex: none;}:is(nav, .row).min {display: inline-flex;}:is(nav, .row, li).no-space {gap: 0;}:is(nav, .row, li).tiny-space {gap: 0.5rem;}:is(nav, .row, li).medium-space {gap: 1.5rem;}:is(nav, .row, li).large-space {gap: 2rem;}:is(nav, .row) > .max,:is(nav, .row) > :is(ol, ul) > .max {flex: 1;}:is(nav, .row).wrap {display: flex;flex-wrap: wrap;}:is(header, footer) > :is(nav, .row) {min-block-size: inherit;}nav:is(.left, .right, .top, .bottom) {--_padding: 0.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position: sticky;inset: 0;border: 0;color: var(--on-surface);transform: none;z-index: 100;text-align: center;padding: var(--_padding);margin: 0;}nav:is(.left, .right) {justify-content: flex-start;flex-direction: column;background-color: var(--surface);block-size: 100dvh;min-inline-size: 6rem;padding-block: var(--_top) var(--_bottom);}nav:is(.top, .bottom) {position: sticky;inset: 0;padding: 0.5rem;justify-content: center;flex-direction: row;background-color: var(--surface-container);block-size: auto;min-block-size: 4.5rem;}nav.top {block-size: calc(var(--top, 0) + 4.5rem);padding-block-start: var(--_top);}nav.bottom {block-size: calc(var(--bottom, 0) + 4.5rem);padding-block-end: var(--_bottom);}nav > header {min-block-size: auto;padding: 0;margin: 0 0 1rem 0;align-items: flex-start;gap: 1rem;background: none !important;}nav:is(.top, .bottom) > header {flex-direction: row;align-items: center;margin: 0 1rem 0 0;}nav > header > * {margin: 0;transition: none;}nav.max > header > * {transition: all var(--speed1);}nav > header > .extend:hover {--_padding: 0;inline-size: var(--_size);}nav > header > .extend:hover > span:not([class]) {display: none;}nav > :is(ol, ul) {all: inherit;min-inline-size: auto;margin: 0;padding: 0;flex: auto;}nav.max:is(.left, .right, .top, .bottom) {gap: 0;inline-size: auto;align-items: flex-start;min-inline-size: 12.75rem;padding: var(--_top) 1.25rem var(--_bottom) 1.25rem;}nav.max > :is(ol, ul) {padding: 0;}nav.max > header {margin: 0 0 1.25rem 0;}nav.max:is(.top, .bottom) > header {margin: 0 1.25rem 0 0;}nav.max > header > .extend {--_padding: 1.5rem;inline-size: auto;padding: 0 var(--_padding);}nav.max > header > .extend > span:not([class]) {display: block;margin-inline-start: var(--_padding);}nav.max > header > .extend > :is(img, svg) + span {margin-inline-start: calc(1rem + var(--_padding, 0));}nav.max:is(.top, .bottom) {padding: 0 0.5rem;align-items: center;min-inline-size: auto;max-inline-size: none;}nav:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {display: flex;flex-direction: column;gap: 0.25rem;line-height: normal;inline-size: 3.5rem;font-size: 0.8rem;}nav:not(.max):is(.left, .right, .top, .bottom) > a:not(.button, .chip) > i,nav:not(.max):is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) > i {padding: 0.25rem 1rem;border-radius: 2rem;margin: 0 auto;}nav.max:is(.left, .right, .top, .bottom) > a:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {flex-direction: row;gap: 0.5rem;inline-size: auto;block-size: 3.5rem;padding: 0 1rem;border-radius: 2rem;font-size: inherit;}nav:is(.left, .right, .top, .bottom) > a.active:not(.button, .chip),nav:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a.active:not(.button, .chip) {transition: padding var(--speed1) linear;}nav.max:is(.top, .bottom) > a:not(.button, .chip),nav.max:is(.top, .bottom) > :is(ol, ul) > li > a:not(.button, .chip) {gap: 0.25rem;block-size: 2.5rem;font-size: 0.8rem;}nav.max:is(.left, .right, .top, .bottom) > a.active:not(.button, .chip),nav.max:is(.left, .right, .top, .bottom) > :is(ol, ul) > li > a.active:not(.button, .chip),nav:is(.left, .right, .top, .bottom):not(.max) > a.active:not(.button, .chip) > i,nav:is(.left, .right, .top, .bottom):not(.max) > :is(ol, ul) > li > a.active:not(.button, .chip) > i {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.vertical > :is(ol, ul) {align-items: normal;}:is(nav, .row):is(.left-align, .top-align, .vertical) {justify-content: flex-start;}:is(nav, .row):is(.right-align, .bottom-align) {justify-content: flex-end;}:is(nav, .row):is(.center-align, .middle-align) {justify-content: center;}:is(nav, .row):is(.left-align, .top-align, .vertical).vertical {align-items: flex-start;}:is(nav, .row):is(.right-align, .bottom-align).vertical {align-items: flex-end;}:is(nav, .row):is(.center-align, .middle-align).vertical {align-items: center;}nav:not(.left, .right) > .space {inline-size: 0.5rem;}nav:not(.left, .right) > .medium-space {inline-size: 1rem;}nav:not(.left, .right) > .large-space {inline-size: 1.5rem;}nav.tabbed {background-color: var(--surface-container);border-radius: 4rem !important;gap: 0rem;block-size: 4rem;}nav.tabbed.small {block-size: 3rem;}nav.tabbed.large {block-size: 5rem;}nav.tabbed > a {border-radius: inherit;block-size: inherit;display: inline-flex;align-items: center;padding-inline: 1rem;gap: 0.5rem;font-size: 1rem;flex: 1;}nav.tabbed > a.active {background-color: var(--primary-container);}nav.toolbar {display: inline-flex;justify-content: space-around;border-radius: 2rem;background-color: var(--surface-container);color: var(--on-surface);padding: 0 1rem;gap: 0.5rem;min-block-size: 4rem;min-inline-size: 4rem;}nav.toolbar > a {display: inline-flex;gap: 0.5rem;min-inline-size: 2.5rem;min-block-size: 2.5rem;border-radius: 1.75rem;}nav.toolbar > a:has(> :not(i)) {padding: 0 1rem;}nav.toolbar > a.active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.toolbar.fill {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.toolbar.fill > a.active {background-color: var(--surface-container) !important;color: var(--on-surface) !important;}nav.toolbar.vertical {flex-direction: column !important;min-inline-size: 4rem;padding: 1rem 0;align-self: center;align-items: center !important;}nav.toolbar.vertical > a {inline-size: 2.5rem;block-size: 2.5rem;}nav.toolbar.vertical > a > :is(div, span):not(.badge, .tooltip) {display: none;}nav.toolbar.max {border-radius: 0;display: flex;}nav.group {background: none !important;}nav.group:is(.connected, .split) {gap: 0.125rem;}nav.group:not(.split) > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group:not(.split) > :is(.button, button).active {background-color: var(--primary);color: var(--on-primary);}nav.group.connected > :is(.button, button):not(.border) {background-color: var(--surface-container);color: var(--on-surface-container);}nav.group.connected > :is(.button, button).active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.group:is(.connected, .split) > :is(.button, button).active,nav.split > :is(.button, button):active {border-radius: 2rem !important;}:not(nav) > :is(ul, ol) {all: revert;}:is(.scroll, .no-scroll, .no-space, .tabs, .tabbed) > :focus-visible {outline: 0.125rem solid var(--primary);outline-offset: -0.125rem;}nav.split > :is(.button, button):not(.chip, .fill, .border) {background-color: var(--primary);color: var(--on-primary);}@media only screen and (max-width: 600px) {nav.top,nav.bottom {justify-content: space-around;}}.overlay,dialog::backdrop {display: block !important;opacity: 0;visibility: hidden;position: fixed;inset: 0;color: var(--on-surface);background-color: var(--overlay);z-index: 100;transition: all var(--speed3), 0s background-color;border-radius: 0;}.overlay.active {opacity: 1;visibility: visible;}dialog:popover-open::backdrop {opacity: 1;visibility: visible;}.overlay + dialog::backdrop,.snackbar::backdrop {display: none;}[popover] {border: 0;}.page {--_transform: translate(0, 0);opacity: 0;position: absolute;display: none;}.page.active {opacity: 1;position: inherit;display: inherit;animation: var(--speed4) to-page ease;}.page.active.top {--_transform: translate(0, -4rem);}.page.active.bottom {--_transform: translate(0, 4rem);}.page.active.left {--_transform: translate(-4rem, 0);}.page.active.right {--_transform: translate(4rem, 0);}@keyframes to-page {from {opacity: 0;transform: var(--_transform);}to {opacity: 1;transform: translate(0, 0);}}progress {--_light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==);--_dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==);--_size: 0.25rem;position: relative;inline-size: 100%;block-size: var(--_size);color: var(--primary);background: var(--_light);border-radius: 1rem;flex: none;border: none;overflow: hidden;writing-mode: horizontal-tb;direction: ltr;-webkit-appearance: none;appearance: none;}.dark progress {background: var(--_dark);}progress.small {--_size: 0.25rem;}progress.medium {--_size: 0.35rem;}progress.large {--_size: 0.45rem;}progress.indeterminate {--_value: 100;animation: 3.2s to-indeterminate ease infinite;}progress:not(.circle, [value])::after {content: "";position: absolute;inset: 0;inline-size: 100%;block-size: 100%;clip-path: none;background: currentcolor;animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-moz-progress-bar {animation: 3.2s to-linear ease infinite;}progress:not(.circle, [value])::-webkit-progress-value {animation: 3.2s to-linear ease infinite;}progress::-webkit-progress-bar {background: none;}progress::-webkit-progress-value {background: currentColor;}progress::-moz-progress-bar {background: currentColor;}progress.wavy {block-size: calc(var(--_size, 0) * 2);background: none;background-image: var(--_light);background-repeat: repeat-x;background-position: 0 50%;background-size: auto calc(var(--_size, 0) / 2);}.dark progress.wavy {background-image: var(--_dark);}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle, [value])::after {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.wavy::-moz-progress-bar {mask-image: url(wavy.svg);mask-position: 0 50%;mask-repeat: repeat-x;mask-size: auto 100%;}progress.circle {--_value: attr(value type(<number>), 50);inline-size: 2.5rem;block-size: 2.5rem;background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0%);border-radius: 50%;mask-image: radial-gradient(circle at center, transparent 57%, currentColor 60%);}progress.circle::-webkit-progress-value {background: none;}progress.circle::-moz-progress-bar {background: none;}progress.circle.wavy {background: conic-gradient(currentColor calc(var(--_value, 0) * 1%), var(--active) 0);mask-repeat: no-repeat;mask-position: center;mask-size: contain;mask-image: url(wavy-circle.svg);}progress.circle.small {inline-size: 1.5rem;block-size: 1.5rem;}progress.circle.large {inline-size: 3.5rem;block-size: 3.5rem;}progress.circle:not([value]),progress.circle.indeterminate {--_value: 50;animation: to-rotate 1s infinite linear;}:is(nav, .row, .field) > progress:not(.circle, .small, .medium, .large) {flex: auto;}progress.max {display: unset;position: absolute;inline-size: 100% !important;block-size: 100% !important;color: currentColor;background: none;inset: 0;border-radius: inherit;animation: none;writing-mode: horizontal-tb;opacity: 0.33;}progress.max[class*='-text'] {opacity: 1;}progress.max + * {margin-block-start: 0;}:is(.button, button, .chip) > progress.circle {color: inherit;}@keyframes to-linear {0% {margin: 0 0 0 -100%;}50% {margin: 0 0 0 0;}100% {margin: 0 0 0 100%;}}@keyframes to-indeterminate {0% {padding: 0 100% 0 0;}50% {padding: 0 0 0 0;}100% {padding: 0 0 0 100%;}}@keyframes to-rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.shape {display: flex;align-items: center;justify-content: center;color: var(--on-primary);background-color: var(--primary);mask-repeat: no-repeat;mask-position: center;mask-size: contain;border-radius: 0;block-size: 3.5rem;inline-size: 3.5rem;margin: 0 !important;padding: 0 !important;border: 0 !important;}.transparent > .shape > i {filter: invert(1);}.shape.tiny-space {mask-size: 90%;}.shape.space,.shape.small-space {mask-size: 80%;}.shape.medium-space {mask-size: 70%;}.shape.large-space {mask-size: 60%;}.shape.extra-space {mask-size: 50%;}.shape.tiny {block-size: 2.5rem;inline-size: 2.5rem;}.shape.medium {block-size: 4.5rem;inline-size: 4.5rem;}.shape.large {block-size: 5.5rem;inline-size: 5.5rem;}.shape.extra {block-size: 6.5rem;inline-size: 6.5rem;}.shape.max,.shape > .responsive,.shape > .responsive > .responsive {position: absolute;inset: 0;block-size: 100%;inline-size: 100%;margin: 0 !important;padding: 0 !important;border: 0 !important;}.shape > .responsive {background: inherit;color: inherit;}.shape.rotate {animation: linear to-shape-rotate infinite 12s;}.shape.rotate > * {animation: linear to-shape-rotate infinite 12s reverse;}.shape.fast-rotate {animation: linear to-shape-rotate infinite 6s;}.shape.fast-rotate > * {animation: linear to-shape-rotate infinite 6s reverse;}.shape.slow-rotate {animation: linear to-shape-rotate infinite 24s;}.shape.slow-rotate > * {animation: linear to-shape-rotate infinite 24s reverse;}:is(button, .button, .chip):has(> .shape) > .responsive {border: none;}.shape.arch {mask-image: url(arch.svg);}.shape.arrow {mask-image: url(arrow.svg);}.shape.boom {mask-image: url(boom.svg);}.shape.bun {mask-image: url(bun.svg);}.shape.burst {mask-image: url(burst.svg);}.shape.circle {mask-image: url(circle.svg);}.shape.clamshell {mask-image: url(clamshell.svg);}.shape.diamond {mask-image: url(diamond.svg);}.shape.fan {mask-image: url(fan.svg);}.shape.flower {mask-image: url(flower.svg);}.shape.gem {mask-image: url(gem.svg);}.shape.ghost-ish {mask-image: url(ghost-ish.svg);}.shape.heart {mask-image: url(heart.svg);}.shape.leaf-clover4 {mask-image: url(leaf-clover4.svg);}.shape.leaft-clover8 {mask-image: url(leaf-clover8.svg);}.shape.loading-indicator {mask-image: url(loading-indicator.svg);}.shape.oval {mask-image: url(oval.svg);}.shape.pentagon {mask-image: url(pentagon.svg);}.shape.pill {mask-image: url(pill.svg);}.shape.pixel-circle {mask-image: url(pixel-circle.svg);}.shape.pixel-triangle {mask-image: url(pixel-triangle.svg);}.shape.puffy {mask-image: url(puffy.svg);}.shape.puffy-diamond {mask-image: url(puffy-diamond.svg);}.shape.semicircle {mask-image: url(semicircle.svg);}.shape.sided-cookie4 {mask-image: url(sided-cookie4.svg);}.shape.sided-cookie6 {mask-image: url(sided-cookie6.svg);}.shape.sided-cookie7 {mask-image: url(sided-cookie7.svg);}.shape.sided-cookie9 {mask-image: url(sided-cookie9.svg);}.shape.sided-cookie12 {mask-image: url(sided-cookie12.svg);}.shape.slanted {mask-image: url(slanted.svg);}.shape.soft-boom {mask-image: url(soft-boom.svg);}.shape.soft-burst {mask-image: url(soft-burst.svg);}.shape.square {mask-image: url(square.svg);}.shape.sunny {mask-image: url(sunny.svg);}.shape.triangle {mask-image: url(triangle.svg);}.shape.very-sunny {mask-image: url(very-sunny.svg);}@keyframes to-shape-rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.checkbox,.radio,.switch {--_size: 1.5rem;inline-size: auto;block-size: auto;line-height: normal;white-space: nowrap;cursor: pointer;display: inline-flex;align-items: center;}.switch {direction: ltr;}:is(.checkbox, .radio, .switch).small {--_size: 1rem;}:is(.checkbox, .radio, .switch).large {--_size: 2rem;}:is(.checkbox, .radio, .switch).extra {--_size: 2.5rem;}:is(.checkbox, .radio) > input {inline-size: var(--_size);block-size: var(--_size);opacity: 0;}.switch > input {inline-size: 3.25rem;block-size: 2rem;opacity: 0;}:is(.checkbox, .radio, .switch) > span {display: inline-flex;align-items: center;color: var(--on-surface);font-size: 0.875rem;}:is(.checkbox, .radio) > span:not(:empty) {padding-inline-start: 0.25rem;}:is(.checkbox, .radio, .switch) > span::before,:is(.checkbox, .radio, .switch) > span > i,:is(.checkbox, .radio) > span::after {--_size: inherit;content: '';inline-size: var(--_size);block-size: var(--_size);box-sizing: border-box;margin: 0 auto;outline: none;color: var(--primary);position: absolute;inset: auto auto auto calc(var(--_size, 0) * -1);border-radius: 50%;user-select: none;z-index: 1;}[dir=rtl] :is(.checkbox, .radio) > span::before,[dir=rtl] :is(.checkbox, .radio) > span > i,[dir=rtl] :is(.checkbox, .radio) > span::after {--_size: inherit;inset: auto calc(var(--_size, 0) * -1) auto auto;}.switch > span::before,.switch.icon > span > i {position: absolute;inset: 50% auto auto 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all var(--speed2);font-size: calc(var(--_size, 0) - 0.5rem);user-select: none;min-inline-size: var(--_size);min-block-size: var(--_size);content: "";color: var(--surface-variant);background-color: var(--outline);}.switch > span::before,.switch.icon > span > i {transform: translate(-3rem, -50%) scale(0.6);}.switch.icon > span > i {transform: translate(-3rem, -50%) scale(1);}.checkbox > span::before {content: "check_box_outline_blank";}.checkbox > input:checked + span::before {content: "check_box";font-variation-settings: "FILL" 1;}.checkbox > input:indeterminate + span::before {content: "indeterminate_check_box";}.radio > span::before {content: "radio_button_unchecked";}.radio > input:checked + span::before {content: "radio_button_checked";}:is(.radio, .checkbox, .switch).icon > span::before {content: "" !important;font-variation-settings: unset !important;}:is(.checkbox, .radio) > span::after {transition: all var(--speed1);background-color: currentColor;box-shadow: 0 0 0 0 currentColor;opacity: 0;}:is(.checkbox, .radio):is(:hover) > input:not(:disabled) + span::after,:is(.checkbox, .radio) > input:not(:disabled):is(:focus) + span::after {box-shadow: 0 0 0 0.5rem currentColor;opacity: 0.1;}.switch > input:not(:disabled):is(:focus, :hover) + span::before,.switch.icon > input:not(:disabled):is(:focus, :hover) + span > i {box-shadow: 0 0 0 0.5rem var(--active);}:is(.checkbox, .radio) > input:checked + span::before,:is(.checkbox, .radio).icon > input:checked + span > i {color: var(--primary);}.icon > input:checked + span > i:first-child,.icon > span > i:last-child {opacity: 0;}.icon > input:checked + span > i:last-child,.icon > span > i:first-child {opacity: 1;}.switch > input:checked + span::after {border: none;background-color: var(--primary);}.switch > input:checked + span::before,.switch.icon > input:checked + span > i {content: "check";color: var(--primary);background-color: var(--on-primary);transform: translate(-1.75rem, -50%) scale(1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > input:active:not(:disabled) + span::before,.switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:not(:disabled) + span > i {transform: translate(-3rem, -50%) scale(-1.2);}.switch > input:active:checked:not(:disabled) + span::before,.switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(1.2);}[dir=rtl] .switch > input:active:checked:not(:disabled) + span::before,[dir=rtl] .switch.icon > input:active:checked:not(:disabled) + span > i {transform: translate(-1.75rem, -50%) scale(-1.2);}:is(.checkbox, .radio, .switch) > input:disabled + span {opacity: 0.5;cursor: not-allowed;}.switch > span::after {content: "";position: absolute;inset: 50% auto auto 0;background-color: var(--active);border: 0.125rem solid var(--outline);box-sizing: border-box;inline-size: 3.25rem;block-size: 2rem;border-radius: 2rem;transform: translate(-3.25rem, -50%);}.field > :is(nav, .row) {flex-grow: 1;padding: 0 1rem;}.field.round > :is(nav, .row) {flex-grow: 1;padding: 0 1.5rem;}[dir=rtl] .switch {transform: scale(-1);}[dir=rtl] .switch > span::before,[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-0.6);}[dir=rtl] .switch.icon > span > i {transform: translate(-3rem, -50%) scale(-1);}[dir=rtl] .switch > input:checked + span::before,[dir=rtl] .switch.icon > input:checked + span > i {transform: translate(-1.75rem, -50%) scale(-1);}.switch > :focus-visible + span::after {outline: 0.125rem solid var(--primary);outline-offset: 0.25rem;}:is(.checkbox, .radio) > :focus-visible + span::before {outline: 0.125rem solid var(--primary);outline-offset: 0.375rem;}.slider {--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + 0.5rem));display: flex;align-items: center !important;inline-size: auto;block-size: var(--_thumb);flex: none;direction: ltr;margin: 0 1.25rem;}[dir=rtl] .slider {transform: scaleX(-1);}.slider.vertical {flex-direction: row !important;margin: 0.5rem auto !important;padding: 50% 0;transform: rotate(-90deg);inline-size: 100%;}.slider.tiny {--_track: 1rem;}.slider.small {--_track: 1.5rem;}.slider.medium {--_track: 2.5rem;}.slider.large {--_track: 3.5rem;}.slider.extra {--_track: 6rem;}.slider > input {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: none;inline-size: 100%;block-size: var(--_track);background: none;z-index: 1;padding: 0;margin: 0;transform: rotate(0deg);}.slider > input:only-of-type {pointer-events: all;}.slider > input ~ input {position: absolute;}.slider > input::-webkit-slider-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: var(--_thumb);inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;z-index: 1;}.slider > input::-webkit-slider-thumb:active {cursor: grabbing;}.slider > input::-moz-range-thumb {appearance: none;box-shadow: none;border: none;outline: none;pointer-events: all;block-size: 2.75rem;inline-size: 0.25rem;border-radius: 0.25rem;background: var(--primary);cursor: grab;margin: 0;}.slider > input::-moz-range-thumb:active {cursor: grabbing;}.slider > input:not(:disabled):is(:focus)::-webkit-slider-thumb {transform: scaleX(0.6);}.slider > input:not(:disabled):is(:focus)::-moz-range-thumb {transform: scaleX(0.6);}.slider > input:disabled {cursor: not-allowed;opacity: 1;}.slider > input:disabled::-webkit-slider-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled::-moz-range-thumb {background: var(--outline);cursor: not-allowed;}.slider > input:disabled ~ span:not([class]) {background: var(--outline);}.slider > span:not([class]) {position: absolute;block-size: var(--_track);border-radius: 1rem 0 0 1rem;background: var(--primary);color: var(--on-primary);z-index: 0;inset: calc(50% - (var(--_track, 0) / 2)) var(--_end) auto var(--_start);clip-path: polygon(0 0, calc(100% - 0.5rem) 0, calc(100% - 0.5rem) 100%, 0 100%);}.slider > input[type=range] + input[type=range] ~ span:not([class]) {border-radius: 0;clip-path: polygon(0.5rem 0, max(0.5rem, calc(100% - 0.5rem)) 0, max(0.5rem, calc(100% - 0.5rem)) 100%, 0.5rem 100%);}.field > .slider {inline-size: 100%;}.slider::before {content: "";position: absolute;inline-size: 100%;block-size: var(--_track);border-radius: 1rem;background: var(--secondary-container);clip-path: polygon(calc(var(--_start, 0) - 0.5rem) 0, 0 0, 0 100%, calc(var(--_start, 0) - 0.5rem) 100%, calc(var(--_start, 0) - 0.5rem) 0, calc(100% - var(--_end, 0) + 0.5rem) 0, 100% 0, 100% 100%, calc(100% - var(--_end, 0) + 0.5rem) 100%, calc(100% - var(--_end, 0) + 0.5rem) 0);}.slider:has(> [disabled])::before {background: var(--outline-variant);}.slider:has([disabled]) {opacity: 0.62;}.slider > span > i {position: absolute;block-size: auto;inset: 0 auto 0 0.5rem;color: currentColor;z-index: 1;}.slider:not(.medium, .large, .extra) > span > i {display: none;}.slider.vertical > i {transform: rotate(90deg);}.slider > .tooltip {visibility: hidden !important;opacity: 0 !important;inset: 0 auto auto calc(100% - var(--_end, 0));border-radius: 2rem;transition: top var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, -25%) !important;padding: 0.75rem 1rem;}.slider > .tooltip.bottom {inset: auto auto 0 calc(100% - var(--_end, 0));transition: bottom var(--speed2) ease, opacity var(--speed2) ease;transform: translate(-50%, 25%) !important;}[dir=rtl] .slider > .tooltip {transform: translate(-50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip.bottom {transform: translate(-50%, 25%) scaleX(-1) !important;}.slider > .tooltip + .tooltip {inset: 0.25rem calc(100% - var(--_start, 0)) auto auto;transform: translate(50%, -25%) !important;}.slider > .tooltip + .tooltip.bottom {inset: auto calc(100% - var(--_start, 0)) -0.25rem auto;transform: translate(50%, 25%) !important;}[dir=rtl] .slider > .tooltip + .tooltip {transform: translate(50%, -25%) scaleX(-1) !important;}[dir=rtl] .slider > .tooltip + .tooltip.bottom {transform: translate(50%, 25%) scaleX(-1) !important;}.slider > .tooltip::before {content: var(--_value1);}.slider > .tooltip + .tooltip::before {content: var(--_value2);}.slider > :focus ~ .tooltip {inset-block: -1rem auto;opacity: 1 !important;visibility: visible !important;}.slider > :focus ~ .tooltip.bottom {inset-block: auto -1rem;}.slider.vertical > .tooltip {inset-block: auto;block-size: 2.5rem;inline-size: 2.5rem;margin-block: calc(-1 * var(--_thumb, 0)) 0 !important;transform: rotate(90deg) translate(-75%, 50%) !important;}.slider.vertical > .tooltip.bottom {inset-block: auto;margin-block: 0 calc(-1 * var(--_thumb, 0)) !important;transform: rotate(90deg) translate(75%, 50%) !important;}.slider.vertical > .tooltip + .tooltip {transform: rotate(90deg) translate(-75%, -50%) !important;}.slider.vertical > .tooltip + .tooltip.bottom {transform: rotate(90deg) translate(75%, -50%) !important;}:is(nav, .row, .field) > .slider:not(.circle, .small, .medium, .large) {flex: auto;}.slider.max,.slider.max.vertical,.slider.max > input,.slider.max.vertical > input {all: unset;margin: 0 !important;position: absolute;color: var(--primary);inset: 0;border-radius: inherit;overflow: hidden;z-index: 2;cursor: grab;inline-size: 100%;block-size: 100%;}.slider.max::before {display: none;}.slider.max.vertical > input {writing-mode: vertical-lr;transform: rotate(-180deg);}.slider.max > input::-webkit-slider-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > input::-moz-range-thumb {opacity: 0;inline-size: 1rem;block-size: 100vh;transform: none !important;}.slider.max > span:not([class]) {block-size: auto !important;inset: 0 var(--_end) 0 var(--_start);clip-path: none;background: currentcolor;color: inherit;border-radius: 0;}.slider.max.vertical > span:not([class]) {inset: var(--_end) 0 var(--_start) 0;}.slider > input:focus-visible::-webkit-slider-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider > input:focus-visible::-moz-range-thumb {outline: 0.1875rem solid var(--primary);outline-offset: 0.25rem;}.slider.max > input:focus-visible {outline: 0.1875rem solid var(--primary);outline-offset: -0.125rem;}@media (pointer: coarse) {.slider > :hover ~ .tooltip {inset-block: -1rem auto !important;opacity: 1 !important;visibility: visible !important;}.slider > :hover ~ .tooltip.bottom {inset-block: auto -1rem !important;}}.snackbar {position: fixed;inset: auto auto 6rem 50%;inline-size: 80%;block-size: auto;z-index: 200;visibility: hidden;display: flex;box-shadow: var(--elevate2);color: var(--inverse-on-surface);background-color: var(--inverse-surface);padding: 1rem;cursor: pointer;text-align: start;align-items: center;border-radius: 0.25rem;gap: 0.5rem;transition: all var(--speed2);transform: translate(-50%, 1rem);opacity: 0;}.snackbar.top {inset: 6rem auto auto 50%;}.snackbar:is(.active) {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar:popover-open {visibility: visible;transform: translate(-50%, 0);opacity: 1;}.snackbar > .max {flex: auto;}@media only screen and (min-width: 993px) {.snackbar {inline-size: 40%;}}table {inline-size: 100%;border-spacing: 0;font-size: 0.875rem;text-align: start;}.scroll > table,table :is(thead, tbody, tfoot, tr, th, td) {background-color: inherit;color: inherit;}:is(th, td) {inline-size: auto;text-align: inherit;padding: 0.5rem;border-radius: 0;}:is(th, td) > * {vertical-align: middle;}table.border > tbody > tr:not(:last-child) > td,thead > tr > th {border-block-end: 0.0625rem solid var(--outline);}tfoot > tr > th {border-block-start: 0.0625rem solid var(--outline);}table.stripes > tbody > tr:nth-child(odd) {background-color: var(--active);}table.no-space :is(th, td) {padding: 0;}table.medium-space :is(th, td) {padding: 0.75rem;}table.large-space :is(th, td) {padding: 1rem;}table > .fixed,th.fixed {position: sticky;z-index: 1;inset-block-start: 0;}tfoot.fixed,tfoot th.fixed {inset-block-end: 0;}:is(td, th).min {inline-size: 0.1%;white-space: nowrap;}.tabs {display: flex;white-space: nowrap;border-block-end: 0.0625rem solid var(--surface-variant);border-radius: 0;}.tabs:not(.left-align, .right-align, .center-align) {justify-content: space-around;}.tabs > a {display: flex;font-size: 0.875rem;font-weight: 500;color: var(--on-surface-variant);padding: 0.5rem 1rem;text-align: center;min-block-size: 3rem;inline-size: 100%;gap: 0.25rem;}.tabs.small > a {min-block-size: 2rem;}.tabs.large > a {min-block-size: 4rem;}.tabs > a.active,.tabs > a.active > i {color: var(--primary);}.tabs > a.active::before {content: '';position: absolute;inset: auto 0 0 0;block-size: 0.125rem;background-color: var(--primary);}.tabs.min > a.active::before {margin: 0 auto;max-inline-size: min(100%, 4rem);}.tabs:is(.left-align, .center-align, .right-align) > a {inline-size: auto;}.tooltip {--_space: -0.5rem;visibility: hidden;display: flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: var(--inverse-surface);color: var(--inverse-on-surface);font-size: 0.75rem;text-align: center;border-radius: 0.25rem;padding: 0.5rem;position: absolute;z-index: 200;inset: 0 auto auto 50%;inline-size: auto;white-space: nowrap;font-weight: 500;opacity: 0;transition: all var(--speed2);line-height: normal;transform: translate(-50%, -100%) scale(0.9);}.tooltip:not(.max):hover {visibility: hidden;opacity: 0;}.tooltip.left {inset: 50% auto auto 0;transform: translate(-100%, -50%) scale(0.9);}.tooltip.right {inset: 50% 0 auto auto;transform: translate(100%, -50%) scale(0.9);}.tooltip.bottom {inset: auto auto 0 50%;transform: translate(-50%, 100%) scale(0.9);}.tooltip.small {inline-size: 8rem;white-space: normal;}.tooltip.medium {inline-size: 12rem;white-space: normal;}.tooltip.large {inline-size: 16rem;white-space: normal;}:hover > .tooltip {visibility: visible;opacity: 1;transform: translate(-50%, -100%) scale(1);}:hover > .tooltip.left {transform: translate(-100%, -50%) scale(1);}:hover > .tooltip.right {transform: translate(100%, -50%) scale(1);}:hover > .tooltip.bottom {transform: translate(-50%, 100%) scale(1);}.tooltip.no-space {--_space: 0;}.tooltip.medium-space {--_space: -1rem;}.tooltip.large-space {--_space: -1.5rem;}.tooltip:not(.left, .right, .bottom) {margin-block-start: var(--_space) !important;}.tooltip.left,.tooltip.right {margin-inline: var(--_space) !important;}.tooltip.bottom {margin-block-end: var(--_space) !important;}menu:active ~ .tooltip,:is(button, .button):focus > menu ~ .tooltip,.field > :focus ~ menu ~ .tooltip {visibility: hidden;}.slider > .tooltip {--_space: -1.25rem;}.slider.vertical > .tooltip {--_space: -0.75rem;}.slider.vertical > .tooltip:is(.left, .right) {--_space: -0.5rem;}.tooltip.max {display: block;font-size: inherit;white-space: normal;text-align: start;inline-size: 20rem;border-radius: 0.5rem;padding: 1rem;box-shadow: var(--elevate2);}.transparent {background-color: transparent !important;box-shadow: none !important;color: inherit !important;}.primary {background-color: var(--primary) !important;color: var(--on-primary) !important;}.primary-text {color: var(--primary) !important;}.primary-border {border-color: var(--primary) !important;}.primary-container {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}.secondary {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}.secondary-text {color: var(--secondary) !important;}.secondary-border {border-color: var(--secondary) !important;}.secondary-container {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}.tertiary {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}.tertiary-text {color: var(--tertiary) !important;}.tertiary-border {border-color: var(--tertiary) !important;}.tertiary-container {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}.error {background-color: var(--error) !important;color: var(--on-error) !important;}.error-text {color: var(--error) !important;}.error-border {border-color: var(--error) !important;}.error-container {background-color: var(--error-container) !important;color: var(--on-error-container) !important;}.background {background-color: var(--background) !important;color: var(--on-background) !important;}.surface,.surface-dim,.surface-bright,.surface-container-lowest,.surface-container-low,.surface-container,.surface-container-high,.surface-container-highest {background-color: var(--surface) !important;color: var(--on-surface) !important;}.surface-variant {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}.inverse-surface {background-color: var(--inverse-surface);color: var(--inverse-on-surface);}.inverse-primary {background-color: var(--inverse-primary);color: var(--primary);}.inverse-primary-text {color: var(--inverse-primary) !important;}.inverse-primary-border {border-color: var(--inverse-primary) !important;}.surface-dim {background-color: var(--surface-dim) !important;}.surface-bright {background-color: var(--surface-bright) !important;}.surface-container-lowest {background-color: var(--surface-container-lowest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.surface-container {background-color: var(--surface-container) !important;}.surface-container-high {background-color: var(--surface-container-high) !important;}.surface-container-highest {background-color: var(--surface-container-highest) !important;}.surface-container-low {background-color: var(--surface-container-low) !important;}.black {background-color: #000 !important;}.black-border {border-color: #000 !important;}.black-text {color: #000 !important;}.white {background-color: #FFF !important;}.white-border {border-color: #FFF !important;}.white-text {color: #FFF !important;}.transparent-border {border-color: transparent !important;}.transparent-text {color: transparent !important;}.fill:not(i) {background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;}nav.primary > button,:is(nav, menu).primary > :is(button, a, li).active {background-color: var(--primary-container);color: var(--on-primary-container);}nav.primary-container > button,:is(nav, menu).primary-container > :is(button, a, li).active {background-color: var(--primary);color: var(--on-primary);}nav.secondary > button,:is(nav, menu).secondary > :is(button, a, li).active {background-color: var(--secondary-container);color: var(--on-secondary-container);}nav.secondary-container > button,:is(nav, menu).secondary-container > :is(button, a, li).active {background-color: var(--secondary);color: var(--on-secondary);}nav.tertiary > button,:is(nav, menu).tertiary > :is(button, a, li).active {background-color: var(--tertiary-container);color: var(--on-tertiary-container);}nav.tertiary-container > button,:is(nav, menu).tertiary-container > :is(button, a, li).active {background-color: var(--tertiary);color: var(--on-tertiary);}}

package/package.json

@@ -2,7 +2,7 @@
   "author": "Everton and Leonardo",
   "description": "Build material design interfaces in record time... without stress for devs.",
   "homepage": "https://www.beercss.com/",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "name": "beercss",
   "license": "MIT",
   "type": "module",

package/src/cdn/customElement.js

@@ -12,7 +12,7 @@ class BeerCssCustomElement extends HTMLElement {
     BeerCssCustomElement.isJsLoaded = true;
 
     if (window.ui) return;
-    return await import("https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.min.js");
+    return await import("https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js");
   }
   
   async addCss() {
@@ -23,7 +23,7 @@ class BeerCssCustomElement extends HTMLElement {
 
     const head = document.querySelector("head");
     const element = document.createElement("link");
-    element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/beer.scoped.min.css");
+    element.setAttribute("href", "https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.scoped.min.css");
     element.setAttribute("rel", "stylesheet");
     head.appendChild(element);
   }

package/src/cdn/elements/menus.css

@@ -93,7 +93,7 @@ menu > li:last-child {
   border-bottom-right-radius: inherit;
 }
 
-menu > li:not(.none):hover {
+menu:not(.none) > li:not(.none):hover {
   background-color: color-mix(in srgb, currentColor 10%, transparent);
 }
 

package/src/cdn/settings/fonts.css

@@ -4,7 +4,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(../fonts/material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-outlined.woff2) format("woff2");
+  src: url(../fonts/material-symbols-outlined.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-outlined.woff2) format("woff2");
 }
 
 /* rounded icons */
@@ -13,7 +13,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(../fonts/material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-rounded.woff2) format("woff2");
+  src: url(../fonts/material-symbols-rounded.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-rounded.woff2) format("woff2");
 }
 
 /* sharp icons */
@@ -22,7 +22,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(../fonts/material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-sharp.woff2) format("woff2");
+  src: url(../fonts/material-symbols-sharp.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-sharp.woff2) format("woff2");
 }
 
 /* subset of only required icons */
@@ -31,5 +31,5 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(../fonts/material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.3/dist/cdn/material-symbols-subset.woff2) format("woff2");
+  src: url(../fonts/material-symbols-subset.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/material-symbols-subset.woff2) format("woff2");
 }