@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Space+Grotesk:wght@300..700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-optical-sizing:auto}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Manrope,system-ui,sans-serif;font-weight:700}:root{--md-sys-color-primary: #83468f;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #fed6ff;--md-sys-color-on-primary-container: #350041;--md-sys-color-secondary: #6b596b;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #f4dbf2;--md-sys-color-on-secondary-container: #251726;--md-sys-color-tertiary: #82524c;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #ffdad5;--md-sys-color-on-tertiary-container: #33110d;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #fffbff;--md-sys-color-on-surface: #1e1a1e;--md-sys-color-surface-variant: #ecdfe9;--md-sys-color-on-surface-variant: #4d444c;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #faf1f6;--md-sys-color-surface-container: #f4ecf0;--md-sys-color-surface-container-high: #eee6ea;--md-sys-color-surface-container-highest: #e9e0e4;--md-sys-color-outline: #7e747d;--md-sys-color-outline-variant: #cfc3cd;--md-sys-color-background: #fffbff;--md-sys-color-on-background: #1e1a1e;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #332f32;--md-sys-color-inverse-on-surface: #f7eef3;--md-sys-color-inverse-primary: #f5adfe}[data-theme=dark]{--md-sys-color-primary: #f5adfe;--md-sys-color-on-primary: #4f155c;--md-sys-color-primary-container: #692e75;--md-sys-color-on-primary-container: #fed6ff;--md-sys-color-secondary: #d7bfd5;--md-sys-color-on-secondary: #3b2b3c;--md-sys-color-secondary-container: #524153;--md-sys-color-on-secondary-container: #f4dbf2;--md-sys-color-tertiary: #f5b8af;--md-sys-color-on-tertiary: #4c2520;--md-sys-color-tertiary-container: #673b35;--md-sys-color-on-tertiary-container: #ffdad5;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffb4ab;--md-sys-color-surface: #1e1a1e;--md-sys-color-on-surface: #e9e0e4;--md-sys-color-surface-variant: #4d444c;--md-sys-color-on-surface-variant: #cfc3cd;--md-sys-color-surface-container-lowest: #100d10;--md-sys-color-surface-container-low: #1e1a1e;--md-sys-color-surface-container: #221e22;--md-sys-color-surface-container-high: #2d292c;--md-sys-color-surface-container-highest: #383337;--md-sys-color-outline: #988d97;--md-sys-color-outline-variant: #4d444c;--md-sys-color-background: #1e1a1e;--md-sys-color-on-background: #e9e0e4;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #e9e0e4;--md-sys-color-inverse-on-surface: #332f32;--md-sys-color-inverse-primary: #83468f;--casys-gradient-start: #fac2ff;--casys-gradient-mid: #c8b2c7;--casys-gradient-end: #ffc7c0;--casys-text-primary: #f7eef3;--casys-text-secondary: #cfc3cd;--casys-text-tertiary: #988d97;--casys-surface-elevated: #282528;--casys-surface-elevated-hover: #2f2b2e;--casys-surface-violet-container: #350041;--casys-background-dark: #000000;--casys-border-subtle: rgba(250, 194, 255, .08);--casys-border-medium: rgba(250, 194, 255, .15);--casys-border-strong: rgba(250, 194, 255, .25)}[data-theme=dark] .gradient-text-enhanced{background:linear-gradient(135deg,var(--casys-gradient-start) 0%,var(--casys-gradient-mid) 50%,var(--casys-gradient-end) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .surface-elevated{background:var(--casys-surface-elevated);border:1px solid var(--casys-border-subtle);box-shadow:0 2px 8px #0000004d,0 8px 24px #0003}[data-theme=dark] .surface-elevated:hover{background:var(--casys-surface-elevated-hover);border-color:var(--casys-border-medium);box-shadow:0 6px 16px #0000004d,0 16px 32px #00000040}[data-theme=dark] .input-enhanced{background:#1a171a;color:var(--casys-text-primary);border:1px solid var(--casys-border-medium)}[data-theme=dark] .input-enhanced:focus{background:#201c20;border-color:var(--casys-gradient-start);box-shadow:0 0 0 4px #fac2ff26}[data-theme=dark] .input-enhanced::placeholder{color:var(--casys-text-tertiary)}[data-theme=dark] .card-elevated{background:var(--casys-surface-elevated);border:1px solid var(--casys-border-subtle);color:var(--casys-text-secondary);box-shadow:0 2px 6px #0003,0 8px 16px #00000026}[data-theme=dark] .card-elevated:hover{background:var(--casys-surface-elevated-hover);border-color:var(--casys-border-medium);box-shadow:0 6px 16px #0000004d,0 16px 32px #00000040}[data-theme=dark] .surface-gradient-hero{background:linear-gradient(135deg,var(--casys-gradient-start) 0%,var(--casys-gradient-mid) 50%,var(--casys-gradient-end) 100%)}[data-theme=dark] .surface-violet-container{background:var(--casys-surface-violet-container)}[data-theme=dark] .surface-black{background:var(--casys-background-dark)}:root{--md-sys-typescale-label-medium-text-transform: none;--md-sys-typescale-label-small-line-height: 16px;--md-sys-typescale-label-small-tracking: .5px;--md-sys-typescale-label-small-size: 11px;--md-sys-typescale-label-small-weight: 500;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-medium-tracking: .5px;--md-sys-typescale-label-medium-size: 12px;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-large-tracking: .10000000149011612px;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-body-small-line-height: 16px;--md-sys-typescale-body-small-tracking: .4000000059604645px;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-body-small-weight: 400;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-medium-tracking: .25px;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-tracking: .5px;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-title-small-line-height: 20px;--md-sys-typescale-title-small-tracking: .10000000149011612px;--md-sys-typescale-title-small-size: 14px;--md-sys-typescale-title-small-weight: 500;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-medium-tracking: .15000000596046448px;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-large-line-height: 32px;--md-sys-typescale-title-large-tracking: 0px;--md-sys-typescale-title-large-size: 24px;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-headline-small-line-height: 32px;--md-sys-typescale-headline-small-tracking: 0px;--md-sys-typescale-headline-small-size: 24px;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-headline-medium-tracking: 0px;--md-sys-typescale-headline-medium-size: 28px;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-large-line-height: 40px;--md-sys-typescale-headline-large-tracking: 0px;--md-sys-typescale-headline-large-size: 32px;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-display-small-line-height: 44px;--md-sys-typescale-display-small-tracking: 0px;--md-sys-typescale-display-small-size: 36px;--md-sys-typescale-display-small-weight: 400;--md-sys-typescale-display-medium-line-height: 52px;--md-sys-typescale-display-medium-tracking: 0px;--md-sys-typescale-display-medium-size: 45px;--md-sys-typescale-display-medium-weight: 400;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-display-large-tracking: -.25px;--md-sys-typescale-display-large-size: 57px;--md-sys-typescale-display-large-weight: 400;--md-ref-typeface-weight-bold: 700;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-regular: 400;--md-sys-state-hover-state-layer-opacity: .07999999821186066;--md-sys-state-focus-state-layer-opacity: .11999999731779099;--md-sys-state-pressed-state-layer-opacity: .11999999731779099;--md-sys-state-dragged-state-layer-opacity: .1599999964237213;--md-ref-palette-error0: #000000;--md-ref-palette-error10: #410E0B;--md-ref-palette-error20: #601410;--md-ref-palette-error30: #8C1D18;--md-ref-palette-error40: #B3261E;--md-ref-palette-error50: #DC362E;--md-ref-palette-error60: #E46962;--md-ref-palette-error70: #EC928E;--md-ref-palette-error80: #F2B8B5;--md-ref-palette-error90: #F9DEDC;--md-ref-palette-error95: #FCEEEE;--md-ref-palette-error99: #FFFBF9;--md-ref-palette-error100: #FFFFFF;--md-ref-palette-tertiary0: #000000;--md-ref-palette-tertiary10: #31111D;--md-ref-palette-tertiary20: #492532;--md-ref-palette-tertiary30: #633B48;--md-ref-palette-tertiary40: #7D5260;--md-ref-palette-tertiary50: #986977;--md-ref-palette-tertiary60: #B58392;--md-ref-palette-tertiary70: #D29DAC;--md-ref-palette-tertiary80: #EFB8C8;--md-ref-palette-tertiary90: #FFD8E4;--md-ref-palette-tertiary95: #FFECF1;--md-ref-palette-tertiary99: #FFFBFA;--md-ref-palette-tertiary100: #FFFFFF;--md-ref-palette-secondary0: #000000;--md-ref-palette-secondary10: #1D192B;--md-ref-palette-secondary20: #332D41;--md-ref-palette-secondary30: #4A4458;--md-ref-palette-secondary40: #625B71;--md-ref-palette-secondary50: #7A7289;--md-ref-palette-secondary60: #958DA5;--md-ref-palette-secondary70: #B0A7C0;--md-ref-palette-secondary80: #CCC2DC;--md-ref-palette-secondary90: #E8DEF8;--md-ref-palette-secondary95: #F6EDFF;--md-ref-palette-secondary99: #FFFBFE;--md-ref-palette-secondary100: #FFFFFF;--md-ref-palette-primary0: #000000;--md-ref-palette-primary10: #21005D;--md-ref-palette-primary20: #381E72;--md-ref-palette-primary30: #4F378B;--md-ref-palette-primary40: #6750A4;--md-ref-palette-primary50: #7F67BE;--md-ref-palette-primary60: #9A82DB;--md-ref-palette-primary70: #B69DF8;--md-ref-palette-primary80: #D0BCFF;--md-ref-palette-primary90: #EADDFF;--md-ref-palette-primary95: #F6EDFF;--md-ref-palette-primary99: #FFFBFE;--md-ref-palette-primary100: #FFFFFF;--md-ref-palette-neutral-variant0: #000000;--md-ref-palette-neutral-variant10: #1D1A22;--md-ref-palette-neutral-variant20: #322F37;--md-ref-palette-neutral-variant30: #49454F;--md-ref-palette-neutral-variant40: #605D66;--md-ref-palette-neutral-variant50: #79747E;--md-ref-palette-neutral-variant60: #938F99;--md-ref-palette-neutral-variant70: #AEA9B4;--md-ref-palette-neutral-variant80: #CAC4D0;--md-ref-palette-neutral-variant90: #E7E0EC;--md-ref-palette-neutral-variant95: #F5EEFA;--md-ref-palette-neutral-variant99: #FFFBFE;--md-ref-palette-neutral-variant100: #FFFFFF;--md-ref-palette-neutral0: #000000;--md-ref-palette-neutral10: #1C1B1F;--md-ref-palette-neutral20: #313033;--md-ref-palette-neutral30: #484649;--md-ref-palette-neutral40: #605D62;--md-ref-palette-neutral50: #787579;--md-ref-palette-neutral60: #939094;--md-ref-palette-neutral70: #AEAAAE;--md-ref-palette-neutral80: #C9C5CA;--md-ref-palette-neutral90: #E6E1E5;--md-ref-palette-neutral95: #F4EFF4;--md-ref-palette-neutral99: #FFFBFE;--md-ref-palette-neutral100: #FFFFFF;--md-ref-palette-black: #000000;--md-ref-palette-white: #FFFFFF;--md-sys-motion-duration-short1: 50;--md-sys-motion-duration-short2: 100;--md-sys-motion-duration-short3: 150;--md-sys-motion-duration-short4: 200;--md-sys-motion-duration-medium1: 250;--md-sys-motion-duration-medium2: 350;--md-sys-motion-duration-medium3: 400;--md-sys-motion-duration-medium4: 400;--md-sys-motion-duration-long1: 450;--md-sys-motion-duration-long2: 550;--md-sys-motion-duration-long3: 650;--md-sys-motion-duration-long4: 800;--md-sys-motion-duration-extra-long1: 700;--md-sys-motion-duration-extra-long2: 800;--md-sys-motion-duration-extra-long3: 900;--md-sys-motion-duration-extra-long4: 1000;--md-sys-elevation-level0: 0px;--md-sys-elevation-level1: 1px;--md-sys-elevation-level2: 4px;--md-sys-elevation-level3: 8px;--md-sys-elevation-level4: 12px;--md-sys-elevation-level5: 16px;--md-sys-color-scrim: #000000;--md-sys-color-outline-variant: #CAC4D0;--md-sys-color-surface-tint: #6750A4;--md-sys-color-surface-tint-color: #6750A4;--md-sys-color-on-error-container: #410E0B;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #F9DEDC;--md-sys-color-on-tertiary-container: #31111D;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-tertiary: #7D5260;--md-sys-color-shadow: #000000;--md-sys-color-error: #B3261E;--md-sys-color-outline: #79747E;--md-sys-color-on-background: #1C1B1F;--md-sys-color-background: #FFFBFE;--md-sys-color-inverse-on-surface: #F4EFF4;--md-sys-color-inverse-surface: #313033;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-on-surface: #1C1B1F;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-surface: #FFFBFE;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-secondary: #625B71;--md-sys-color-inverse-primary: #D0BCFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-primary: #6750A4}:root{--md-comp-top-app-bar-small-on-scroll-container-elevation: var(--md-sys-elevation-level2);--md-comp-top-app-bar-small-trailing-icon-size: 24px;--md-comp-top-app-bar-small-leading-icon-size: 24px;--md-comp-top-app-bar-small-headline-weight: var(--md-sys-typescale-title-large-weight);--md-comp-top-app-bar-small-headline-tracking: var(--md-sys-typescale-title-large-tracking);--md-comp-top-app-bar-small-headline-size: var(--md-sys-typescale-title-large-size);--md-comp-top-app-bar-small-headline-line-height: var(--md-sys-typescale-title-large-line-height);--md-comp-top-app-bar-small-headline-font: var(--md-sys-typescale-title-large-font);--md-comp-top-app-bar-small-container-elevation: var(--md-sys-elevation-level0);--md-comp-top-app-bar-small-container-height: 64px;--md-comp-top-app-bar-small-container-shape: var(--md-sys-shape-corner-none);--md-comp-text-button-container-elevation: var(--md-sys-elevation-level0);--md-comp-text-button-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-text-button-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-text-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-text-button-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-text-button-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-text-button-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-text-button-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-text-button-with-icon-icon-size: 18px;--md-comp-text-button-container-height: 40px;--md-comp-text-button-container-shape: var(--md-sys-shape-corner-full);--md-comp-text-button-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-text-button-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-text-button-disabled-label-text-opacity: .3799999952316284;--md-comp-switch-track-shape: var(--md-sys-shape-corner-full);--md-comp-switch-track-outline-width: 2px;--md-comp-switch-handle-width: 20px;--md-comp-switch-handle-height: 20px;--md-comp-switch-disabled-handle-elevation: var(--md-sys-elevation-level0);--md-comp-switch-disabled-handle-opacity: .3799999952316284;--md-comp-switch-handle-elevation: var(--md-sys-elevation-level1);--md-comp-switch-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-switch-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-switch-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-switch-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-switch-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-switch-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-switch-disabled-selected-handle-opacity: 1;--md-comp-switch-disabled-unselected-handle-opacity: .3799999952316284;--md-comp-switch-state-layer-shape: var(--md-sys-shape-corner-full);--md-comp-switch-handle-shape: var(--md-sys-shape-corner-full);--md-comp-switch-pressed-handle-width: 28px;--md-comp-switch-selected-handle-width: 24px;--md-comp-switch-with-icon-handle-width: 24px;--md-comp-switch-unselected-handle-width: 16px;--md-comp-switch-pressed-handle-height: 28px;--md-comp-switch-selected-handle-height: 24px;--md-comp-switch-with-icon-handle-height: 24px;--md-comp-switch-unselected-handle-height: 16px;--md-comp-switch-unselected-icon-size: 16px;--md-comp-switch-selected-icon-size: 16px;--md-comp-switch-state-layer-size: 40px;--md-comp-switch-track-width: 52px;--md-comp-switch-track-height: 32px;--md-comp-switch-disabled-unselected-icon-opacity: .3799999952316284;--md-comp-switch-disabled-selected-icon-opacity: .3799999952316284;--md-comp-switch-disabled-track-opacity: .11999999731779099;--md-comp-snackbar-icon-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-snackbar-icon-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-snackbar-icon-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-snackbar-icon-size: 24px;--md-comp-snackbar-with-two-lines-container-height: 68px;--md-comp-snackbar-with-single-line-container-height: 48px;--md-comp-snackbar-action-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-snackbar-action-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-snackbar-action-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-snackbar-action-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-snackbar-action-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-snackbar-action-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-snackbar-action-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-snackbar-action-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-snackbar-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-snackbar-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-snackbar-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-snackbar-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-snackbar-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-snackbar-container-shape: var(--md-sys-shape-corner-extra-small);--md-comp-snackbar-container-elevation: var(--md-sys-elevation-level3);--md-comp-slider-label-label-text-font-size: var(--md-sys-typescale-label-medium-size);--md-comp-slider-label-label-text-size: var(--md-sys-typescale-label-medium-size);--md-comp-slider-label-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);--md-comp-slider-label-label-text-weight: var(--md-sys-typescale-label-medium-weight);--md-comp-slider-label-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);--md-comp-slider-label-label-text-font: var(--md-sys-typescale-label-medium-font);--md-comp-slider-label-container-elevation: var(--md-sys-elevation-level0);--md-comp-slider-label-container-height: 28px;--md-comp-slider-track-elevation: var(--md-sys-elevation-level0);--md-comp-slider-inactive-track-shape: var(--md-sys-shape-corner-full);--md-comp-slider-active-track-shape: var(--md-sys-shape-corner-full);--md-comp-slider-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-slider-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-slider-with-tick-marks-inactive-container-opacity: .3799999952316284;--md-comp-slider-with-tick-marks-active-container-opacity: .3799999952316284;--md-comp-slider-with-tick-marks-container-shape: var(--md-sys-shape-corner-full);--md-comp-slider-with-tick-marks-container-size: 2px;--md-comp-slider-with-overlap-handle-outline-width: 1px;--md-comp-slider-handle-elevation: var(--md-sys-elevation-level1);--md-comp-slider-handle-shape: var(--md-sys-shape-corner-full);--md-comp-slider-handle-width: 20px;--md-comp-slider-handle-height: 20px;--md-comp-slider-state-layer-size: 40px;--md-comp-slider-inactive-track-height: 4px;--md-comp-slider-active-track-height: 4px;--md-comp-slider-disabled-inactive-track-opacity: .11999999731779099;--md-comp-slider-disabled-active-track-opacity: .3799999952316284;--md-comp-slider-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-slider-with-tick-marks-disabled-container-opacity: .3799999952316284;--md-comp-slider-disabled-handle-opacity: .3799999952316284;--md-comp-slider-disabled-handle-elevation: var(--md-sys-elevation-level0);--md-comp-radio-button-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-radio-button-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-radio-button-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-radio-button-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-radio-button-state-layer-size: 40px;--md-comp-radio-button-icon-size: 20px;--md-comp-radio-button-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-radio-button-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-radio-button-disabled-unselected-icon-opacity: .3799999952316284;--md-comp-radio-button-disabled-selected-icon-opacity: .3799999952316284;--md-comp-outlined-text-field-container-height: 56px;--md-comp-outlined-text-field-hover-outline-width: 1px;--md-comp-outlined-text-field-focus-outline-width: 2px;--md-comp-outlined-text-field-disabled-trailing-icon-opacity: .3799999952316284;--md-comp-outlined-text-field-disabled-leading-icon-opacity: .3799999952316284;--md-comp-outlined-text-field-disabled-supporting-text-opacity: .3799999952316284;--md-comp-outlined-text-field-disabled-input-text-opacity: .3799999952316284;--md-comp-outlined-text-field-disabled-label-text-opacity: .3799999952316284;--md-comp-outlined-text-field-disabled-outline-opacity: .11999999731779099;--md-comp-outlined-text-field-disabled-outline-width: 1px;--md-comp-outlined-text-field-trailing-icon-size: 24px;--md-comp-outlined-text-field-leading-icon-size: 24px;--md-comp-outlined-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-outlined-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-outlined-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-outlined-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-outlined-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-outlined-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-outlined-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-outlined-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-outlined-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-outlined-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-outlined-text-field-outline-width: 1px;--md-comp-outlined-text-field-container-shape: var(--md-sys-shape-corner-extra-small);--md-comp-outlined-card-disabled-outline-opacity: .11999999731779099;--md-comp-outlined-card-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-outlined-card-icon-size: 24px;--md-comp-outlined-card-outline-width: 1px;--md-comp-outlined-card-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-outlined-card-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-card-container-shape: var(--md-sys-shape-corner-medium);--md-comp-outlined-card-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-card-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-outlined-card-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-outlined-card-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-outlined-button-container-elevation: var(--md-sys-elevation-level0);--md-comp-outlined-button-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-outlined-button-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-outlined-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-outlined-button-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-outlined-button-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-outlined-button-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-outlined-button-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-outlined-button-with-icon-icon-size: 18px;--md-comp-outlined-button-outline-width: 1px;--md-comp-outlined-button-container-height: 40px;--md-comp-outlined-button-container-shape: var(--md-sys-shape-corner-full);--md-comp-outlined-button-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-outlined-button-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-outlined-button-disabled-label-text-opacity: .3799999952316284;--md-comp-outlined-button-disabled-outline-opacity: .11999999731779099;--md-comp-navigation-drawer-scrim-opacity: .4000000059604645;--md-comp-navigation-drawer-scrim-color: var(--md-ref-palette-neutral-variant20);--md-comp-navigation-drawer-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-navigation-drawer-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-navigation-drawer-large-badge-label-weight: var(--md-sys-typescale-label-large-weight);--md-comp-navigation-drawer-large-badge-label-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-navigation-drawer-large-badge-label-size: var(--md-sys-typescale-label-large-size);--md-comp-navigation-drawer-large-badge-label-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-navigation-drawer-large-badge-label-font: var(--md-sys-typescale-label-large-font);--md-comp-navigation-drawer-active-indicator-width: 336px;--md-comp-navigation-drawer-active-indicator-shape: var(--md-sys-shape-corner-full);--md-comp-navigation-drawer-active-indicator-height: 56px;--md-comp-navigation-drawer-icon-size: 24px;--md-comp-navigation-drawer-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-navigation-drawer-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-navigation-drawer-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-navigation-drawer-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-navigation-drawer-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-navigation-drawer-headline-weight: var(--md-sys-typescale-title-small-weight);--md-comp-navigation-drawer-headline-tracking: var(--md-sys-typescale-title-small-tracking);--md-comp-navigation-drawer-headline-size: var(--md-sys-typescale-title-small-size);--md-comp-navigation-drawer-headline-line-height: var(--md-sys-typescale-title-small-line-height);--md-comp-navigation-drawer-headline-font: var(--md-sys-typescale-title-small-font);--md-comp-navigation-drawer-container-width: 360px;--md-comp-navigation-drawer-bottom-container-shape: var(--md-sys-shape-corner-large-top);--md-comp-navigation-drawer-container-shape: var(--md-sys-shape-corner-large-end);--md-comp-navigation-drawer-container-height: 100%;--md-comp-navigation-drawer-standard-container-elevation: var(--md-sys-elevation-level0);--md-comp-navigation-drawer-modal-container-elevation: var(--md-sys-elevation-level1);--md-comp-navigation-drawer-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-navigation-bar-large-badge-size: 16px;--md-comp-navigation-bar-badge-size: 6px;--md-comp-navigation-bar-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-navigation-bar-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-navigation-bar-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-navigation-bar-active-indicator-shape: var(--md-sys-shape-corner-full);--md-comp-navigation-bar-active-indicator-width: 64px;--md-comp-navigation-bar-active-indicator-height: 32px;--md-comp-navigation-bar-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);--md-comp-navigation-bar-label-text-weight: var(--md-sys-typescale-label-medium-weight);--md-comp-navigation-bar-label-text-size: var(--md-sys-typescale-label-medium-size);--md-comp-navigation-bar-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);--md-comp-navigation-bar-label-text-font: var(--md-sys-typescale-label-medium-font);--md-comp-navigation-bar-icon-size: 24px;--md-comp-navigation-bar-container-elevation: var(--md-sys-elevation-level2);--md-comp-navigation-bar-container-height: 80px;--md-comp-navigation-bar-container-shape: var(--md-sys-shape-corner-none);--md-comp-menu-divider-height: 1px;--md-comp-menu-list-item-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-menu-list-item-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-menu-cascading-menu-indicator-icon-size: 24px;--md-comp-menu-list-item-with-trailing-icon-trailing-icon-size: 24px;--md-comp-menu-list-item-with-leading-icon-leading-icon-size: 24px;--md-comp-menu-list-item-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-menu-list-item-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-menu-list-item-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-menu-list-item-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-menu-list-item-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-menu-list-item-container-height: 48px;--md-comp-menu-container-shape: var(--md-sys-shape-corner-extra-small);--md-comp-menu-container-elevation: var(--md-sys-elevation-level2);--md-comp-menu-list-item-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-menu-list-item-with-trailing-icon-disabled-trailing-icon-opacity: .3799999952316284;--md-comp-menu-list-item-with-leading-icon-disabled-leading-icon-opacity: .3799999952316284;--md-comp-menu-list-item-disabled-label-text-opacity: .3799999952316284;--md-comp-list-list-item-container-height: 56px;--md-comp-list-md-comp-list-list-item-three-line-container-height: 88px;--md-comp-list-md-comp-list-list-item-two-line-container-height: 72px;--md-comp-list-md-comp-list-list-item-one-line-container-height: 56px;--md-comp-list-divider-height: 1px;--md-comp-list-list-item-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-list-list-item-dragged-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-list-list-item-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-list-list-item-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-list-list-item-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-list-list-item-disabled-trailing-icon-opacity: .3799999952316284;--md-comp-list-list-item-disabled-leading-icon-opacity: .3799999952316284;--md-comp-list-list-item-disabled-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-list-list-item-disabled-label-text-opacity: .30000001192092896;--md-comp-list-list-item-trailing-icon-size: 24px;--md-comp-list-list-item-trailing-supporting-text-weight: var(--md-sys-typescale-label-small-weight);--md-comp-list-list-item-trailing-supporting-text-tracking: var(--md-sys-typescale-label-small-tracking);--md-comp-list-list-item-trailing-supporting-text-size: var(--md-sys-typescale-label-small-size);--md-comp-list-list-item-trailing-supporting-text-line-height: var(--md-sys-typescale-label-small-line-height);--md-comp-list-list-item-trailing-supporting-text-font: var(--md-sys-typescale-label-small-font);--md-comp-list-list-item-leading-image-shape: var(--md-sys-shape-corner-none);--md-comp-list-list-item-leading-image-height: 56px;--md-comp-list-list-item-leading-image-width: 56px;--md-comp-list-list-item-leading-avatar-label-weight: var(--md-sys-typescale-title-medium-weight);--md-comp-list-list-item-leading-avatar-label-tracking: var(--md-sys-typescale-title-medium-tracking);--md-comp-list-list-item-leading-avatar-label-size: var(--md-sys-typescale-title-medium-size);--md-comp-list-list-item-leading-avatar-label-line-height: var(--md-sys-typescale-title-medium-line-height);--md-comp-list-list-item-leading-avatar-label-font: var(--md-sys-typescale-title-medium-font);--md-comp-list-list-item-leading-avatar-size: 40px;--md-comp-list-list-item-leading-avatar-shape: var(--md-sys-shape-corner-full);--md-comp-list-list-item-leading-video-shape: var(--md-sys-shape-corner-none);--md-comp-list-list-item-large-leading-video-height: 69px;--md-comp-list-list-item-small-leading-video-height: 56px;--md-comp-list-list-item-leading-video-width: 100px;--md-comp-list-list-item-leading-icon-size: 18px;--md-comp-list-list-item-overline-weight: var(--md-sys-typescale-label-small-weight);--md-comp-list-list-item-overline-tracking: var(--md-sys-typescale-label-small-tracking);--md-comp-list-list-item-overline-size: var(--md-sys-typescale-label-small-size);--md-comp-list-list-item-overline-line-height: var(--md-sys-typescale-label-small-line-height);--md-comp-list-list-item-overline-font: var(--md-sys-typescale-label-small-font);--md-comp-list-list-item-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-list-list-item-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-list-list-item-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-list-list-item-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-list-list-item-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-list-list-item-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-list-list-item-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-list-list-item-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-list-list-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-list-list-item-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-list-list-item-container-elevation: var(--md-sys-elevation-level0);--md-comp-list-list-item-container-shape: var(--md-sys-shape-corner-none);--md-comp-input-chip-selected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-unselected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-disabled-selected-container-opacity: .11999999731779099;--md-comp-input-chip-disabled-unselected-outline-opacity: .11999999731779099;--md-comp-input-chip-selected-outline-width: 0px;--md-comp-input-chip-unselected-outline-width: 1px;--md-comp-input-chip-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-input-chip-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-input-chip-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-input-chip-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-input-chip-disabled-outline-opacity: .11999999731779099;--md-comp-input-chip-outline-width: 1px;--md-comp-input-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-input-chip-disabled-label-text-opacity: .3799999952316284;--md-comp-input-chip-with-leading-icon-disabled-leading-icon-opacity: .3799999952316284;--md-comp-input-chip-with-trailing-icon-disabled-trailing-icon-opacity: .3799999952316284;--md-comp-input-chip-with-avatar-disabled-avatar-opacity: .3799999952316284;--md-comp-input-chip-with-avatar-avatar-size: 24px;--md-comp-input-chip-with-avatar-avatar-shape: var(--md-sys-shape-corner-full);--md-comp-input-chip-container-shape: var(--md-sys-shape-corner-small);--md-comp-input-chip-container-height: 32px;--md-comp-input-chip-container-elevation: var(--md-sys-elevation-level0);--md-comp-input-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-input-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-input-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-input-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-input-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-input-chip-with-leading-icon-leading-icon-size: 18px;--md-comp-input-chip-with-trailing-icon-trailing-icon-size: 18px;--md-comp-icon-button-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-icon-button-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-icon-button-unselected-focus-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-icon-button-state-layer-shape: var(--md-sys-shape-corner-full);--md-comp-icon-button-state-layer-size: 40px;--md-comp-icon-button-icon-size: 24px;--md-comp-icon-button-disabled-icon-opacity: .3799999952316284;--md-comp-filter-chip-with-trailing-icon-disabled-trailing-icon-opacity: .3799999952316284;--md-comp-filter-chip-with-leading-icon-disabled-leading-icon-opacity: .3799999952316284;--md-comp-filter-chip-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-filter-chip-elevated-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-elevated-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-elevated-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-elevated-disabled-container-opacity: .11999999731779099;--md-comp-filter-chip-elevated-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-filter-chip-flat-selected-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-flat-unselected-hover-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-selected-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filter-chip-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filter-chip-container-shape: var(--md-sys-shape-corner-small);--md-comp-filter-chip-container-height: 32px;--md-comp-filter-chip-flat-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-outline-width: 1px;--md-comp-filter-chip-flat-selected-outline-width: 0px;--md-comp-filter-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-filter-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-filter-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-filter-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-filter-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-filter-chip-with-icon-icon-size: 18px;--md-comp-filter-chip-flat-disabled-unselected-outline-opacity: .11999999731779099;--md-comp-filter-chip-flat-disabled-selected-container-opacity: .11999999731779099;--md-comp-filter-chip-disabled-label-text-opacity: .3799999952316284;--md-comp-filter-chip-elevated-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-filter-chip-flat-selected-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-flat-unselected-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filter-chip-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filter-chip-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filter-chip-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filter-chip-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filter-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-filter-chip-unselected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filter-chip-selected-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filled-tonal-button-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-tonal-button-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filled-tonal-button-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-tonal-button-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filled-tonal-button-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filled-tonal-button-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-tonal-button-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-filled-tonal-button-disabled-label-text-opacity: .3799999952316284;--md-comp-filled-tonal-button-disabled-container-opacity: .11999999731779099;--md-comp-filled-tonal-button-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-tonal-button-with-icon-icon-size: 18px;--md-comp-filled-tonal-button-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-filled-tonal-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-filled-tonal-button-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-filled-tonal-button-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-filled-tonal-button-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-filled-tonal-button-container-shape: var(--md-sys-shape-corner-full);--md-comp-filled-tonal-button-container-height: 40px;--md-comp-filled-tonal-button-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-text-field-container-height: 56px;--md-comp-filled-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-text-field-label-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-text-field-label-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-text-field-label-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-text-field-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-text-field-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-text-field-hover-active-indicator-height: 1px;--md-comp-filled-text-field-focus-active-indicator-height: 2px;--md-comp-filled-text-field-disabled-trailing-icon-opacity: .3799999952316284;--md-comp-filled-text-field-disabled-leading-icon-opacity: .3799999952316284;--md-comp-filled-text-field-disabled-supporting-text-opacity: .3799999952316284;--md-comp-filled-text-field-disabled-input-text-opacity: .3799999952316284;--md-comp-filled-text-field-disabled-label-text-opacity: .3799999952316284;--md-comp-filled-text-field-disabled-active-indicator-opacity: .3799999952316284;--md-comp-filled-text-field-disabled-active-indicator-height: 1px;--md-comp-filled-text-field-disabled-container-opacity: .03999999910593033;--md-comp-filled-text-field-trailing-icon-size: 24px;--md-comp-filled-text-field-leading-icon-size: 20px;--md-comp-filled-text-field-supporting-text-tracking: var(--md-sys-typescale-body-small-tracking);--md-comp-filled-text-field-supporting-text-weight: var(--md-sys-typescale-body-small-weight);--md-comp-filled-text-field-supporting-text-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-text-field-supporting-text-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-text-field-supporting-text-font: var(--md-sys-typescale-body-small-font);--md-comp-filled-text-field-label-text-populated-size: var(--md-sys-typescale-body-small-size);--md-comp-filled-text-field-label-text-populated-line-height: var(--md-sys-typescale-body-small-line-height);--md-comp-filled-text-field-input-text-tracking: var(--md-sys-typescale-body-large-tracking);--md-comp-filled-text-field-input-text-weight: var(--md-sys-typescale-body-large-weight);--md-comp-filled-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-comp-filled-text-field-input-text-line-height: var(--md-sys-typescale-body-large-line-height);--md-comp-filled-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-comp-filled-text-field-active-indicator-height: 1px;--md-comp-filled-text-field-container-shape: var(--md-sys-shape-corner-extra-small-top);--md-comp-filled-icon-button-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filled-icon-button-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filled-icon-button-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-icon-button-disabled-container-opacity: .11999999731779099;--md-comp-filled-icon-button-disabled-icon-opacity: .3799999952316284;--md-comp-filled-icon-button-container-shape: var(--md-sys-shape-corner-full);--md-comp-filled-icon-button-container-size: 40px;--md-comp-filled-icon-button-icon-size: 24px;--md-comp-filled-card-disabled-container-opacity: .3799999952316284;--md-comp-filled-card-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-container-shape: var(--md-sys-shape-corner-medium);--md-comp-filled-card-icon-size: 24px;--md-comp-filled-card-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filled-card-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-card-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filled-card-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-card-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filled-card-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-filled-card-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filled-card-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-button-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-filled-button-dragged-container-elevation: var(--md-sys-elevation-level3);--md-comp-filled-button-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-filled-button-focus-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-button-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-filled-button-hover-container-elevation: var(--md-sys-elevation-level1);--md-comp-filled-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-filled-button-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-filled-button-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-filled-button-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-filled-button-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-filled-button-with-icon-icon-size: 18px;--md-comp-filled-button-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-button-container-height: 40px;--md-comp-filled-button-container-shape: var(--md-sys-shape-corner-full);--md-comp-filled-button-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-filled-button-pressed-container-elevation: var(--md-sys-elevation-level0);--md-comp-filled-button-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-filled-button-disabled-label-text-opacity: .3799999952316284;--md-comp-filled-button-disabled-container-opacity: .11999999731779099;--md-comp-filled-button-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-fab-branded-large-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-fab-branded-large-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-fab-branded-large-hover-container-elevation: var(--md-sys-elevation-level4);--md-comp-fab-branded-large-icon-size: 48px;--md-comp-fab-branded-large-lowered-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-fab-branded-large-focus-container-elevation: var(--md-sys-elevation-level3);--md-comp-fab-branded-large-lowered-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-fab-branded-large-lowered-container-elevation: var(--md-sys-elevation-level1);--md-comp-fab-branded-large-container-elevation: var(--md-sys-elevation-level3);--md-comp-fab-branded-large-container-height: 96px;--md-comp-fab-branded-large-container-width: 96px;--md-comp-fab-branded-large-container-shape: var(--md-sys-shape-corner-extra-large);--md-comp-fab-branded-large-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-fab-branded-large-pressed-container-elevation: var(--md-sys-elevation-level3);--md-comp-fab-branded-large-lowered-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-disabled-container-opacity: .3799999952316284;--md-comp-elevated-card-disabled-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-icon-size: 24px;--md-comp-elevated-card-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-elevated-card-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-elevated-card-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-elevated-card-container-shape: var(--md-sys-shape-corner-medium);--md-comp-elevated-card-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-card-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-elevated-card-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-elevated-card-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-elevated-card-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-button-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-button-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-elevated-button-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-elevated-button-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-elevated-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-elevated-button-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-elevated-button-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-elevated-button-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-elevated-button-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-elevated-button-with-icon-icon-size: 18px;--md-comp-elevated-button-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-button-container-height: 40px;--md-comp-elevated-button-container-shape: var(--md-sys-shape-corner-full);--md-comp-elevated-button-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-elevated-button-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-elevated-button-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-elevated-button-disabled-label-text-opacity: .3799999952316284;--md-comp-elevated-button-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-elevated-button-disabled-container-opacity: .11999999731779099;--md-comp-divider-thickness: 1px;--md-comp-dialog-with-divider-divider-height: 1px;--md-comp-dialog-subhead-tracking: var(--md-sys-typescale-headline-small-tracking);--md-comp-dialog-subhead-weight: var(--md-sys-typescale-headline-small-weight);--md-comp-dialog-subhead-size: var(--md-sys-typescale-headline-small-size);--md-comp-dialog-subhead-line-height: var(--md-sys-typescale-headline-small-line-height);--md-comp-dialog-subhead-font: var(--md-sys-typescale-headline-small-font);--md-comp-dialog-headline-tracking: var(--md-sys-typescale-headline-small-tracking);--md-comp-dialog-headline-weight: var(--md-sys-typescale-headline-small-weight);--md-comp-dialog-headline-size: var(--md-sys-typescale-headline-small-size);--md-comp-dialog-headline-line-height: var(--md-sys-typescale-headline-small-line-height);--md-comp-dialog-headline-font: var(--md-sys-typescale-headline-small-font);--md-comp-dialog-action-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-dialog-action-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-dialog-action-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-dialog-action-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-dialog-action-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-dialog-action-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-dialog-action-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-dialog-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);--md-comp-dialog-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);--md-comp-dialog-supporting-text-size: var(--md-sys-typescale-body-medium-size);--md-comp-dialog-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);--md-comp-dialog-supporting-text-font: var(--md-sys-typescale-body-medium-font);--md-comp-dialog-with-icon-icon-size: 24px;--md-comp-dialog-container-shape: var(--md-sys-shape-corner-extra-large);--md-comp-dialog-container-elevation: var(--md-sys-elevation-level3);--md-comp-dialog-action-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-checkbox-disabled-unselected-icon-opacity: .3799999952316284;--md-comp-checkbox-disabled-selected-icon-opacity: .3799999952316284;--md-comp-checkbox-selected-error-pressed-outline-width: 0px;--md-comp-checkbox-unselected-error-pressed-outline-width: 2px;--md-comp-checkbox-error-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-checkbox-selected-pressed-outline-width: 0px;--md-comp-checkbox-selected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-checkbox-unselected-pressed-outline-width: 2px;--md-comp-checkbox-unselected-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-checkbox-selected-error-focus-outline-width: 0px;--md-comp-checkbox-unselected-error-focus-outline-width: 2px;--md-comp-checkbox-selected-focus-outline-width: 0px;--md-comp-checkbox-unselected-focus-outline-width: 2px;--md-comp-checkbox-selected-error-hover-outline-width: 0px;--md-comp-checkbox-unselected-error-hover-outline-width: 2px;--md-comp-checkbox-error-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-checkbox-selected-hover-outline-width: 0px;--md-comp-checkbox-unselected-hover-outline-width: 2px;--md-comp-checkbox-selected-disabled-container-outline-width: 0px;--md-comp-checkbox-selected-disabled-container-opacity: .3799999952316284;--md-comp-checkbox-unselected-disabled-container-opacity: .3799999952316284;--md-comp-checkbox-unselected-disabled-outline-width: 2px;--md-comp-checkbox-state-layer-shape: var(--md-sys-shape-corner-full);--md-comp-checkbox-icon-size: 18px;--md-comp-checkbox-selected-outline-width: 0px;--md-comp-checkbox-unselected-outline-width: 2px;--md-comp-checkbox-container-height: 18px;--md-comp-checkbox-container-width: 18px;--md-comp-checkbox-unselected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-checkbox-selected-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-checkbox-unselected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-checkbox-selected-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-checkbox-state-layer-size: 40px;--md-comp-badge-large-label-text-weight: var(--md-sys-typescale-label-small-weight);--md-comp-badge-large-label-text-tracking: var(--md-sys-typescale-label-small-tracking);--md-comp-badge-large-label-text-size: var(--md-sys-typescale-label-small-size);--md-comp-badge-large-label-text-line-height: var(--md-sys-typescale-label-small-line-height);--md-comp-badge-large-label-text-font: var(--md-sys-typescale-label-small-font);--md-comp-badge-large-size: 16px;--md-comp-badge-large-shape: var(--md-sys-shape-corner-full);--md-comp-badge-size: 6px;--md-comp-badge-shape: var(--md-sys-shape-corner-full);--md-comp-assist-chip-dragged-state-layer-opacity: var(--md-sys-state-dragged-state-layer-opacity);--md-comp-assist-chip-dragged-container-elevation: var(--md-sys-elevation-level4);--md-comp-assist-chip-elevated-pressed-container-elevation: var(--md-sys-elevation-level1);--md-comp-assist-chip-pressed-state-layer-opacity: var(--md-sys-state-pressed-state-layer-opacity);--md-comp-assist-chip-elevated-focus-container-elevation: var(--md-sys-elevation-level1);--md-comp-assist-chip-focus-state-layer-opacity: var(--md-sys-state-focus-state-layer-opacity);--md-comp-assist-chip-elevated-hover-container-elevation: var(--md-sys-elevation-level2);--md-comp-assist-chip-hover-state-layer-opacity: var(--md-sys-state-hover-state-layer-opacity);--md-comp-assist-chip-elevated-disabled-container-opacity: .11999999731779099;--md-comp-assist-chip-elevated-disabled-container-elevation: var(--md-sys-elevation-level0);--md-comp-assist-chip-with-icon-disabled-icon-opacity: .3799999952316284;--md-comp-assist-chip-disabled-label-text-opacity: .3799999952316284;--md-comp-assist-chip-flat-disabled-outline-opacity: .11999999731779099;--md-comp-assist-chip-with-icon-icon-size: 18px;--md-comp-assist-chip-label-text-tracking: var(--md-sys-typescale-label-large-tracking);--md-comp-assist-chip-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-comp-assist-chip-label-text-size: var(--md-sys-typescale-label-large-size);--md-comp-assist-chip-label-text-line-height: var(--md-sys-typescale-label-large-line-height);--md-comp-assist-chip-label-text-font: var(--md-sys-typescale-label-large-font);--md-comp-assist-chip-elevated-container-elevation: var(--md-sys-elevation-level1);--md-comp-assist-chip-flat-outline-width: 1px;--md-comp-assist-chip-flat-container-elevation: var(--md-sys-elevation-level0);--md-comp-assist-chip-container-height: 32px;--md-comp-assist-chip-container-shape: var(--md-sys-shape-corner-small)}.btn-filled{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--md-comp-filled-button-container-height, 40px);padding:0 24px;font-size:var(--md-comp-filled-button-label-text-size);font-weight:var(--md-comp-filled-button-label-text-weight);line-height:var(--md-comp-filled-button-label-text-line-height);letter-spacing:var(--md-comp-filled-button-label-text-tracking);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-comp-filled-button-container-shape);box-shadow:var(--md-comp-filled-button-container-elevation);cursor:pointer;transition:all .25s var(--md-sys-motion-easing-emphasized)}.btn-filled:hover{box-shadow:var(--md-comp-filled-button-hover-container-elevation)}.btn-filled:disabled{opacity:var(--md-comp-filled-button-disabled-container-opacity, .38);cursor:not-allowed}.text-on-surface{color:var(--md-sys-color-on-surface)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.text-primary{color:var(--md-sys-color-primary)}.text-on-primary{color:var(--md-sys-color-on-primary)}.text-secondary{color:var(--md-sys-color-secondary)}.text-on-secondary{color:var(--md-sys-color-on-secondary)}.text-tertiary{color:var(--md-sys-color-tertiary)}.text-on-tertiary{color:var(--md-sys-color-on-tertiary)}.text-error{color:var(--md-sys-color-error)}.text-on-error{color:var(--md-sys-color-on-error)}.bg-surface{background:var(--md-sys-color-surface)}.bg-surface-dim{background:var(--md-sys-color-surface-dim)}.bg-surface-bright{background:var(--md-sys-color-surface-bright)}.bg-surface-container{background:var(--md-sys-color-surface-container)}.bg-surface-container-low{background:var(--md-sys-color-surface-container-low)}.bg-surface-container-high{background:var(--md-sys-color-surface-container-high)}.bg-surface-container-highest{background:var(--md-sys-color-surface-container-highest)}.bg-surface-variant{background:var(--md-sys-color-surface-variant)}.bg-primary{background:var(--md-sys-color-primary)}.bg-primary-container{background:var(--md-sys-color-primary-container)}.bg-secondary{background:var(--md-sys-color-secondary)}.bg-secondary-container{background:var(--md-sys-color-secondary-container)}.bg-tertiary{background:var(--md-sys-color-tertiary)}.bg-tertiary-container{background:var(--md-sys-color-tertiary-container)}.bg-error{background:var(--md-sys-color-error)}.bg-error-container{background:var(--md-sys-color-error-container)}.text-display-lg{font-size:var(--md-sys-typescale-display-large-size);font-weight:var(--md-sys-typescale-display-large-weight);line-height:var(--md-sys-typescale-display-large-line-height)}.text-display-md{font-size:var(--md-sys-typescale-display-medium-size);font-weight:var(--md-sys-typescale-display-medium-weight);line-height:var(--md-sys-typescale-display-medium-line-height)}.text-display-sm{font-size:var(--md-sys-typescale-display-small-size);font-weight:var(--md-sys-typescale-display-small-weight);line-height:var(--md-sys-typescale-display-small-line-height)}.text-headline-lg{font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height)}.text-headline-md{font-size:var(--md-sys-typescale-headline-medium-size);font-weight:var(--md-sys-typescale-headline-medium-weight);line-height:var(--md-sys-typescale-headline-medium-line-height)}.text-headline-sm{font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);line-height:var(--md-sys-typescale-headline-small-line-height)}.text-title-lg{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height)}.text-title-md{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);line-height:var(--md-sys-typescale-title-medium-line-height)}.text-title-sm{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);line-height:var(--md-sys-typescale-title-small-line-height)}.text-body-lg{font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height)}.text-body-md{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-body-medium-weight);line-height:var(--md-sys-typescale-body-medium-line-height)}.text-body-sm{font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-sys-typescale-body-small-weight);line-height:var(--md-sys-typescale-body-small-line-height)}.text-label-lg{font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height)}.text-label-md{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:var(--md-sys-typescale-label-medium-line-height)}.text-label-sm{font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:var(--md-sys-typescale-label-small-line-height)}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.p-12{padding:48px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.m-0{margin:0}.m-2{margin:8px}.m-4{margin:16px}.m-6{margin:24px}.m-8{margin:32px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:8px;margin-bottom:8px}.my-4{margin-top:16px;margin-bottom:16px}.my-6{margin-top:24px;margin-bottom:24px}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-screen-xl{max-width:80rem}.max-w-screen-lg{max-width:64rem}.max-w-screen-md{max-width:48rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.rounded-none{border-radius:0}.rounded-xs{border-radius:var(--md-sys-shape-corner-extra-small)}.rounded-sm{border-radius:var(--md-sys-shape-corner-small)}.rounded-md{border-radius:var(--md-sys-shape-corner-medium)}.rounded-lg{border-radius:var(--md-sys-shape-corner-large)}.rounded-xl{border-radius:var(--md-sys-shape-corner-extra-large)}.rounded-full{border-radius:var(--md-sys-shape-corner-full)}.elevation-0{box-shadow:var(--md-sys-elevation-level0)}.elevation-1{box-shadow:var(--md-sys-elevation-level1)}.elevation-2{box-shadow:var(--md-sys-elevation-level2)}.elevation-3{box-shadow:var(--md-sys-elevation-level3)}.elevation-4{box-shadow:var(--md-sys-elevation-level4)}.elevation-5{box-shadow:var(--md-sys-elevation-level5)}.transition-standard{transition:all .25s var(--md-sys-motion-easing-standard)}.transition-emphasized{transition:all .25s var(--md-sys-motion-easing-emphasized)}.gradient-text{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.gradient-bg-primary-tertiary{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%)}.gradient-bg-surface{background:linear-gradient(135deg,var(--md-sys-color-surface) 0%,var(--md-sys-color-surface-container) 100%)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.opacity-100{opacity:1}.fade-in{animation:fadeIn .4s var(--md-sys-motion-easing-standard) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .3s var(--md-sys-motion-easing-emphasized) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.slide-up{animation:slideUp .4s var(--md-sys-motion-easing-emphasized) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.float{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shimmer{animation:shimmerText 3s ease-in-out infinite;background-size:200% 200%}@keyframes shimmerText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.ds-surface{background:var(--md-sys-color-surface)}.ds-surface-container{background:var(--md-sys-color-surface-container)}.ds-surface-container-high{background:var(--md-sys-color-surface-container-high)}.ds-surface-container-highest{background:var(--md-sys-color-surface-container-highest)}.ds-rounded-lg{border-radius:var(--md-sys-shape-corner-large, 24px)}.ds-title-variant{color:var(--md-sys-color-on-surface-variant)}.ds-grid-auto{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ds-grid-tight{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ds-content{padding:16px}.ds-gap-12{gap:12px}.ds-gap-16{gap:16px}.ds-toolbar-spacer{flex:1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.metric-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:20px;border-left:4px solid var(--md-sys-color-primary);transition:all .2s var(--md-sys-motion-easing-standard)}.metric-card:hover{background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level1)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.metric-label{font-size:var(--md-sys-typescale-label-large-size);font-weight:500;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.metric-icon{width:24px;height:24px;color:var(--md-sys-color-primary)}.metric-value{font-family:Space Grotesk,system-ui,sans-serif;font-size:var(--md-sys-typescale-display-small-size);font-weight:600;color:var(--md-sys-color-on-surface);line-height:1.2;margin:0 0 8px}.metric-change{display:inline-flex;align-items:center;gap:4px;font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;padding:4px 8px;border-radius:var(--md-sys-shape-corner-small)}.metric-change-positive{color:var(--md-sys-color-tertiary);background:var(--md-sys-color-tertiary-container)}.metric-change-negative{color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}.metric-change-neutral{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-variant)}.metric-card-primary{border-left-color:var(--md-sys-color-primary)}.metric-card-secondary{border-left-color:var(--md-sys-color-secondary)}.metric-card-tertiary{border-left-color:var(--md-sys-color-tertiary)}.metric-card-error{border-left-color:var(--md-sys-color-error)}.widget-container{background:var(--md-sys-color-surface-bright);border-radius:var(--md-sys-shape-corner-large, 24px);padding:24px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--md-sys-color-outline-variant);transition:all .3s cubic-bezier(.2,0,0,1)}.widget-container:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.widget-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.widget-title{font-size:var(--md-sys-typescale-headline-small-size, 24px);font-weight:700;color:var(--md-sys-color-on-surface);margin:0}.kpi-grid-expressive{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;background:var(--md-sys-color-surface-bright);padding:24px;border-radius:var(--md-sys-shape-corner-large, 24px);box-shadow:0 4px 12px #0000000d}.kpi-card-expressive{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large, 24px);padding:24px;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.2,0,0,1);border:1px solid var(--md-sys-color-outline-variant)}.kpi-card-expressive:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kpi-label{font-size:var(--md-sys-typescale-label-large-size, 14px);font-weight:500;color:var(--md-sys-color-on-surface-variant)}.kpi-value{font-size:var(--md-sys-typescale-headline-large-size, 32px);font-weight:700;color:var(--md-sys-color-on-surface);line-height:1;margin-bottom:8px}.kpi-change{font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:600}.kpi-change-positive{color:var(--md-sys-color-tertiary)}.kpi-change-negative{color:var(--md-sys-color-error)}.progress-expressive{height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden}.progress-bar-expressive{height:100%;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);transition:width .8s cubic-bezier(.2,0,0,1);filter:brightness(1.1)}.progress-bar-expressive--healthy{background:linear-gradient(90deg,var(--md-sys-color-tertiary) 0%,var(--md-sys-color-tertiary-container) 100%)}.progress-bar-expressive--warning{background:linear-gradient(90deg,var(--md-sys-color-secondary) 0%,var(--md-sys-color-secondary-container) 100%)}.progress-bar-expressive--error{background:linear-gradient(90deg,var(--md-sys-color-error) 0%,var(--md-sys-color-error-container) 100%)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.status-badge--healthy{background:linear-gradient(135deg,var(--md-sys-color-tertiary) 0%,var(--md-sys-color-tertiary-container) 100%)}.status-badge--warning{background:linear-gradient(135deg,var(--md-sys-color-secondary) 0%,var(--md-sys-color-secondary-container) 100%)}.status-badge--error{background:linear-gradient(135deg,var(--md-sys-color-error) 0%,var(--md-sys-color-error-container) 100%)}.sidebar-expressive{width:280px;background:var(--md-sys-color-surface-bright);border-right:1px solid var(--md-sys-color-outline-variant);box-shadow:4px 0 12px #0000000d}.sidebar-header-expressive{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);color:var(--md-sys-color-on-primary);height:64px;font-size:var(--md-sys-typescale-headline-medium-size, 28px);font-weight:700;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;padding:0 24px}.nav-item-expressive{height:64px;margin:4px 12px;border-radius:var(--md-sys-shape-corner-medium, 16px);transition:all .2s cubic-bezier(.2,0,0,1);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 16px;text-decoration:none}.nav-item-expressive:hover{background:var(--md-sys-color-surface-container);transform:translate(4px)}.nav-item-expressive.active{background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-tertiary-container) 100%);color:var(--md-sys-color-on-primary-container)}.header-expressive{background:var(--md-sys-color-surface-bright);color:var(--md-sys-color-on-surface);height:64px;box-shadow:0 2px 8px #0000000d;border-bottom:1px solid var(--md-sys-color-outline-variant);padding:0 24px;display:flex;align-items:center}.header-title-expressive{font-size:var(--md-sys-typescale-headline-small-size, 24px);font-weight:700}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:Inter,sans-serif;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);line-height:1.5}h1{font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);font-weight:var(--md-sys-typescale-display-large-weight);letter-spacing:var(--md-sys-typescale-display-large-tracking);margin:0}h2{font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking);margin:0}h3{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-weight);letter-spacing:var(--md-sys-typescale-headline-medium-tracking);margin:0}p{font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);margin:0}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}