: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.1/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.1/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.1/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.1/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;}.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;}.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) {display: none;}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;}:is(li, 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: 0.25rem;transform: scale(0.8) translateY(120%);transition: all var(--speed2), 0s background-color;justify-content: flex-start;padding: 0.5rem 0;}[dir=rtl] menu {inset: auto 0 0 auto;}menu.no-wrap {inline-size: max-content;white-space: nowrap !important;}menu.active,:not(menu, [data-ui]):focus-within > menu,menu > li:hover > menu,menu > li > menu:hover {opacity: 1;visibility: visible;transform: scale(1) translateY(100%);}menu.active.top,:not(menu, [data-ui]):focus-within > menu.top,menu > li:hover > menu.top,menu > li > menu.top:hover {transform: scale(1) translateY(-100%);}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: 3rem;flex: 1;margin: 0 !important;cursor: pointer;}menu > li:is(:hover, :focus, .active) {background-color: var(--active);}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: none !important;background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;padding: 0;}[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: none !important;background-color: var(--surface-variant) !important;color: var(--on-surface-variant) !important;border-radius: 0;}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.border > li:not(:last-child)::before {content: '';position: absolute;background-color: var(--outline-variant);inset: auto 0 0 0;block-size: 0.0625rem;inline-size: auto;}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;}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;transition: padding var(--speed1) linear;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.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);}: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);}nav.group.primary-container > button,nav:is(.max, .toolbar, .tabbed, .group).primary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).primary > a.active:not(.button, .chip) > i {background-color: var(--primary-container) !important;color: var(--on-primary-container) !important;}nav.group.primary > button,nav:is(.max, .toolbar, .tabbed, .group).primary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).primary-container > a.active:not(.button, .chip) > i {background-color: var(--primary) !important;color: var(--on-primary) !important;}nav.group.secondary-container > button,nav:is(.max, .toolbar, .tabbed, .group).secondary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).secondary > a.active:not(.button, .chip) > i {background-color: var(--secondary-container) !important;color: var(--on-secondary-container) !important;}nav.group.secondary > button,nav:is(.max, .toolbar, .tabbed, .group).secondary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).secondary-container > a.active:not(.button, .chip) > i {background-color: var(--secondary) !important;color: var(--on-secondary) !important;}nav.group.tertiary-container > button,nav:is(.max, .toolbar, .tabbed, .group).tertiary > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).tertiary > a.active:not(.button, .chip) > i {background-color: var(--tertiary-container) !important;color: var(--on-tertiary-container) !important;}nav.group.tertiary > button,nav:is(.max, .toolbar, .tabbed, .group).tertiary-container > :is(button, a).active,nav:not(.max, .toolbar, .tabbed, .group).tertiary-container > a.active:not(.button, .chip) > i {background-color: var(--tertiary) !important;color: var(--on-tertiary) !important;}@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);}}