/* ../tokens/dist/palette.css */
:root {
  --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-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-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-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-neutral0: #000000;
  --md-ref-palette-neutral4: #0f0d13;
  --md-ref-palette-neutral6: #1d1b20;
  --md-ref-palette-neutral10: #1c1b1f;
  --md-ref-palette-neutral12: #211f26;
  --md-ref-palette-neutral17: #2b2930;
  --md-ref-palette-neutral20: #322f35;
  --md-ref-palette-neutral22: #36343b;
  --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: #e6e0e9;
  --md-ref-palette-neutral95: #f5eff7;
  --md-ref-palette-neutral87: #e6e0e9;
  --md-ref-palette-neutral92: #ece6f0;
  --md-ref-palette-neutral94: #f3edf7;
  --md-ref-palette-neutral96: #f7f2fa;
  --md-ref-palette-neutral98: #fef7ff;
  --md-ref-palette-neutral99: #fffbfe;
  --md-ref-palette-neutral100: #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-black: #000000;
  --md-ref-palette-white: #ffffff;
}

/* ../tokens/dist/color.css */
:root {
  --md-sys-color-primary: var(--md-ref-palette-primary40);
  --md-sys-color-on-primary: var(--md-ref-palette-primary100);
  --md-sys-color-primary-container: var(--md-ref-palette-primary90);
  --md-sys-color-on-primary-container: var(--md-ref-palette-primary10);
  --md-sys-color-secondary: var(--md-ref-palette-secondary40);
  --md-sys-color-on-secondary: var(--md-ref-palette-secondary100);
  --md-sys-color-secondary-container: var(--md-ref-palette-secondary90);
  --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary10);
  --md-sys-color-tertiary: var(--md-ref-palette-tertiary40);
  --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary100);
  --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary90);
  --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary10);
  --md-sys-color-error: var(--md-ref-palette-error40);
  --md-sys-color-on-error: var(--md-ref-palette-error100);
  --md-sys-color-error-container: var(--md-ref-palette-error90);
  --md-sys-color-on-error-container: var(--md-ref-palette-error10);
  --md-sys-color-surface: var(--md-ref-palette-neutral98);
  --md-sys-color-on-surface: var(--md-ref-palette-neutral10);
  --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant90);
  --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant30);
  --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral100);
  --md-sys-color-surface-container-low: var(--md-ref-palette-neutral96);
  --md-sys-color-surface-container: var(--md-ref-palette-neutral94);
  --md-sys-color-surface-container-high: var(--md-ref-palette-neutral92);
  --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral90);
  --md-sys-color-outline: var(--md-ref-palette-neutral-variant50);
  --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);
  --md-sys-color-background: var(--md-ref-palette-neutral99);
  --md-sys-color-on-background: var(--md-ref-palette-neutral10);
  --md-sys-color-scrim: var(--md-ref-palette-neutral0);
  --md-sys-color-inverse-surface: var(--md-ref-palette-neutral20);
  --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral95);
  --md-sys-color-inverse-primary: var(--md-ref-palette-primary80);
}
.dark {
  --md-sys-color-primary: var(--md-ref-palette-primary80);
  --md-sys-color-on-primary: var(--md-ref-palette-primary20);
  --md-sys-color-primary-container: var(--md-ref-palette-primary30);
  --md-sys-color-on-primary-container: var(--md-ref-palette-primary90);
  --md-sys-color-secondary: var(--md-ref-palette-secondary80);
  --md-sys-color-on-secondary: var(--md-ref-palette-secondary20);
  --md-sys-color-secondary-container: var(--md-ref-palette-secondary30);
  --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);
  --md-sys-color-tertiary: var(--md-ref-palette-tertiary80);
  --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);
  --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);
  --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);
  --md-sys-color-error: var(--md-ref-palette-error80);
  --md-sys-color-on-error: var(--md-ref-palette-error20);
  --md-sys-color-error-container: var(--md-ref-palette-error30);
  --md-sys-color-on-error-container: var(--md-ref-palette-error90);
  --md-sys-color-surface: var(--md-ref-palette-neutral10);
  --md-sys-color-on-surface: var(--md-ref-palette-neutral90);
  --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);
  --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);
  --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);
  --md-sys-color-surface-container-low: var(--md-ref-palette-neutral6);
  --md-sys-color-surface-container: var(--md-ref-palette-neutral12);
  --md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);
  --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);
  --md-sys-color-outline: var(--md-ref-palette-neutral-variant60);
  --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant30);
  --md-sys-color-background: var(--md-ref-palette-neutral10);
  --md-sys-color-on-background: var(--md-ref-palette-neutral90);
  --md-sys-color-scrim: var(--md-ref-palette-neutral0);
  --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);
  --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);
  --md-sys-color-inverse-primary: var(--md-ref-palette-primary40);
}
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --md-sys-color-primary: var(--md-ref-palette-primary80);
    --md-sys-color-on-primary: var(--md-ref-palette-primary20);
    --md-sys-color-primary-container: var(--md-ref-palette-primary30);
    --md-sys-color-on-primary-container: var(--md-ref-palette-primary90);
    --md-sys-color-secondary: var(--md-ref-palette-secondary80);
    --md-sys-color-on-secondary: var(--md-ref-palette-secondary20);
    --md-sys-color-secondary-container: var(--md-ref-palette-secondary30);
    --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90);
    --md-sys-color-tertiary: var(--md-ref-palette-tertiary80);
    --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20);
    --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30);
    --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90);
    --md-sys-color-error: var(--md-ref-palette-error80);
    --md-sys-color-on-error: var(--md-ref-palette-error20);
    --md-sys-color-error-container: var(--md-ref-palette-error30);
    --md-sys-color-on-error-container: var(--md-ref-palette-error90);
    --md-sys-color-surface: var(--md-ref-palette-neutral10);
    --md-sys-color-on-surface: var(--md-ref-palette-neutral90);
    --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30);
    --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80);
    --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral4);
    --md-sys-color-surface-container-low: var(--md-ref-palette-neutral6);
    --md-sys-color-surface-container: var(--md-ref-palette-neutral12);
    --md-sys-color-surface-container-high: var(--md-ref-palette-neutral17);
    --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral22);
    --md-sys-color-outline: var(--md-ref-palette-neutral-variant60);
    --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant80);
    --md-sys-color-background: var(--md-ref-palette-neutral10);
    --md-sys-color-on-background: var(--md-ref-palette-neutral90);
    --md-sys-color-scrim: var(--md-ref-palette-neutral0);
    --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90);
    --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20);
    --md-sys-color-inverse-primary: var(--md-ref-palette-primary40);
  }
}

/* ../tokens/dist/typography.css */
:root {
  --md-sys-typescale-font-family-plain:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --md-sys-typescale-font-family-brand: var(--md-sys-typescale-font-family-plain);
  --md-sys-typescale-display-large-size: 3.5625rem;
  --md-sys-typescale-display-large-line-height: 4rem;
  --md-sys-typescale-display-large-weight: 400;
  --md-sys-typescale-display-large-tracking: -0.25px;
  --md-sys-typescale-display-medium-size: 2.8125rem;
  --md-sys-typescale-display-medium-line-height: 3.25rem;
  --md-sys-typescale-display-medium-weight: 400;
  --md-sys-typescale-display-medium-tracking: 0;
  --md-sys-typescale-display-small-size: 2.25rem;
  --md-sys-typescale-display-small-line-height: 2.75rem;
  --md-sys-typescale-display-small-weight: 400;
  --md-sys-typescale-display-small-tracking: 0;
  --md-sys-typescale-headline-large-size: 2rem;
  --md-sys-typescale-headline-large-line-height: 2.5rem;
  --md-sys-typescale-headline-large-weight: 400;
  --md-sys-typescale-headline-large-tracking: 0;
  --md-sys-typescale-headline-medium-size: 1.75rem;
  --md-sys-typescale-headline-medium-line-height: 2.25rem;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-headline-medium-tracking: 0;
  --md-sys-typescale-headline-small-size: 1.5rem;
  --md-sys-typescale-headline-small-line-height: 2rem;
  --md-sys-typescale-headline-small-weight: 400;
  --md-sys-typescale-headline-small-tracking: 0;
  --md-sys-typescale-title-large-size: 1.375rem;
  --md-sys-typescale-title-large-line-height: 1.75rem;
  --md-sys-typescale-title-large-weight: 400;
  --md-sys-typescale-title-large-tracking: 0;
  --md-sys-typescale-title-medium-size: 1rem;
  --md-sys-typescale-title-medium-line-height: 1.5rem;
  --md-sys-typescale-title-medium-weight: 500;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-small-size: 0.875rem;
  --md-sys-typescale-title-small-line-height: 1.25rem;
  --md-sys-typescale-title-small-weight: 500;
  --md-sys-typescale-title-small-tracking: 0.1px;
  --md-sys-typescale-body-large-size: 1rem;
  --md-sys-typescale-body-large-line-height: 1.5rem;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-medium-size: 0.875rem;
  --md-sys-typescale-body-medium-line-height: 1.25rem;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-small-size: 0.75rem;
  --md-sys-typescale-body-small-line-height: 1rem;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-label-large-size: 0.875rem;
  --md-sys-typescale-label-large-line-height: 1.25rem;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-medium-size: 0.75rem;
  --md-sys-typescale-label-medium-line-height: 1rem;
  --md-sys-typescale-label-medium-weight: 500;
  --md-sys-typescale-label-medium-tracking: 0.5px;
  --md-sys-typescale-label-small-size: 0.6875rem;
  --md-sys-typescale-label-small-line-height: 1rem;
  --md-sys-typescale-label-small-weight: 500;
  --md-sys-typescale-label-small-tracking: 0.5px;
}

/* ../tokens/dist/shape.css */
:root {
  --md-sys-shape-corner-none: 0;
  --md-sys-shape-corner-extra-small: 0.25rem;
  --md-sys-shape-corner-small: 0.5rem;
  --md-sys-shape-corner-medium: 0.75rem;
  --md-sys-shape-corner-large: 1rem;
  --md-sys-shape-corner-large-increased: 1.25rem;
  --md-sys-shape-corner-extra-large: 1.75rem;
  --md-sys-shape-corner-extra-large-increased: 2rem;
  --md-sys-shape-corner-extra-extra-large: 3rem;
  --md-sys-shape-corner-full: 624.9375rem;
}

/* ../tokens/dist/elevation.css */
:root {
  --md-sys-elevation-level-0: none;
  --md-sys-elevation-level-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
  --md-sys-elevation-level-2: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  --md-sys-elevation-level-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
  --md-sys-elevation-level-4: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);
  --md-sys-elevation-level-5: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);
}

/* ../tokens/dist/motion.css */
:root {
  --md-sys-motion-duration-short1: 50ms;
  --md-sys-motion-duration-short2: 100ms;
  --md-sys-motion-duration-short3: 150ms;
  --md-sys-motion-duration-short4: 200ms;
  --md-sys-motion-duration-medium1: 250ms;
  --md-sys-motion-duration-medium2: 300ms;
  --md-sys-motion-duration-medium3: 350ms;
  --md-sys-motion-duration-medium4: 400ms;
  --md-sys-motion-duration-long1: 450ms;
  --md-sys-motion-duration-long2: 500ms;
  --md-sys-motion-duration-long3: 550ms;
  --md-sys-motion-duration-long4: 600ms;
  --md-sys-motion-duration-extra-long1: 700ms;
  --md-sys-motion-duration-extra-long2: 800ms;
  --md-sys-motion-duration-extra-long3: 900ms;
  --md-sys-motion-duration-extra-long4: 1000ms;
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --md-sys-motion-expressive-fast-spatial-easing: cubic-bezier(0.42, 1.67, 0.21, 0.9);
  --md-sys-motion-expressive-fast-spatial-duration: 350ms;
  --md-sys-motion-expressive-default-spatial-easing: cubic-bezier(0.38, 1.21, 0.22, 1);
  --md-sys-motion-expressive-default-spatial-duration: 500ms;
  --md-sys-motion-expressive-slow-spatial-easing: cubic-bezier(0.39, 1.29, 0.35, 0.98);
  --md-sys-motion-expressive-slow-spatial-duration: 650ms;
  --md-sys-motion-expressive-fast-effects-easing: cubic-bezier(0.31, 0.94, 0.34, 1);
  --md-sys-motion-expressive-fast-effects-duration: 150ms;
  --md-sys-motion-expressive-default-effects-easing: cubic-bezier(0.34, 0.8, 0.34, 1);
  --md-sys-motion-expressive-default-effects-duration: 200ms;
  --md-sys-motion-expressive-slow-effects-easing: cubic-bezier(0.34, 0.88, 0.34, 1);
  --md-sys-motion-expressive-slow-effects-duration: 300ms;
  --md-sys-motion-standard-fast-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);
  --md-sys-motion-standard-fast-spatial-duration: 350ms;
  --md-sys-motion-standard-default-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);
  --md-sys-motion-standard-default-spatial-duration: 500ms;
  --md-sys-motion-standard-slow-spatial-easing: cubic-bezier(0.27, 1.06, 0.18, 1);
  --md-sys-motion-standard-slow-spatial-duration: 750ms;
  --md-sys-motion-standard-fast-effects-easing: cubic-bezier(0.31, 0.94, 0.34, 1);
  --md-sys-motion-standard-fast-effects-duration: 150ms;
  --md-sys-motion-standard-default-effects-easing: cubic-bezier(0.34, 0.8, 0.34, 1);
  --md-sys-motion-standard-default-effects-duration: 200ms;
  --md-sys-motion-standard-slow-effects-easing: cubic-bezier(0.34, 0.88, 0.34, 1);
  --md-sys-motion-standard-slow-effects-duration: 300ms;
}

/* ../tokens/dist/tokens.css */

/* ../tokens/dist/theme.css */
@keyframes md-ripple {
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes md-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes md-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes md-scale-in {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes md-scale-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.85);
  }
}
@keyframes md-slide-in-bottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes md-slide-out-bottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes md-slide-in-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes md-slide-out-right {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes md-slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes md-slide-out-left {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes md-slide-in-top {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes md-slide-out-top {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes md-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@theme { --color-primary: var(--md-sys-color-primary); --color-on-primary: var(--md-sys-color-on-primary); --color-primary-container: var(--md-sys-color-primary-container); --color-on-primary-container: var(--md-sys-color-on-primary-container); --color-secondary: var(--md-sys-color-secondary); --color-on-secondary: var(--md-sys-color-on-secondary); --color-secondary-container: var(--md-sys-color-secondary-container); --color-on-secondary-container: var(--md-sys-color-on-secondary-container); --color-tertiary: var(--md-sys-color-tertiary); --color-on-tertiary: var(--md-sys-color-on-tertiary); --color-tertiary-container: var(--md-sys-color-tertiary-container); --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container); --color-error: var(--md-sys-color-error); --color-on-error: var(--md-sys-color-on-error); --color-error-container: var(--md-sys-color-error-container); --color-on-error-container: var(--md-sys-color-on-error-container); --color-surface: var(--md-sys-color-surface); --color-on-surface: var(--md-sys-color-on-surface); --color-surface-variant: var(--md-sys-color-surface-variant); --color-on-surface-variant: var(--md-sys-color-on-surface-variant); --color-surface-container-lowest: var(--md-sys-color-surface-container-lowest); --color-surface-container-low: var(--md-sys-color-surface-container-low); --color-surface-container: var(--md-sys-color-surface-container); --color-surface-container-high: var(--md-sys-color-surface-container-high); --color-surface-container-highest: var(--md-sys-color-surface-container-highest); --color-outline: var(--md-sys-color-outline); --color-outline-variant: var(--md-sys-color-outline-variant); --color-background: var(--md-sys-color-background); --color-on-background: var(--md-sys-color-on-background); --color-scrim: var(--md-sys-color-scrim); --color-inverse-surface: var(--md-sys-color-inverse-surface); --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface); --color-inverse-primary: var(--md-sys-color-inverse-primary); --shadow-elevation-0: var(--md-sys-elevation-level-0); --shadow-elevation-1: var(--md-sys-elevation-level-1); --shadow-elevation-2: var(--md-sys-elevation-level-2); --shadow-elevation-3: var(--md-sys-elevation-level-3); --shadow-elevation-4: var(--md-sys-elevation-level-4); --shadow-elevation-5: var(--md-sys-elevation-level-5); --text-display-large: var(--md-sys-typescale-display-large-size); --text-display-large--line-height: var(--md-sys-typescale-display-large-line-height); --text-display-medium: var(--md-sys-typescale-display-medium-size); --text-display-medium--line-height: var(--md-sys-typescale-display-medium-line-height); --text-display-small: var(--md-sys-typescale-display-small-size); --text-display-small--line-height: var(--md-sys-typescale-display-small-line-height); --text-headline-large: var(--md-sys-typescale-headline-large-size); --text-headline-large--line-height: var(--md-sys-typescale-headline-large-line-height); --text-headline-medium: var(--md-sys-typescale-headline-medium-size); --text-headline-medium--line-height: var(--md-sys-typescale-headline-medium-line-height); --text-headline-small: var(--md-sys-typescale-headline-small-size); --text-headline-small--line-height: var(--md-sys-typescale-headline-small-line-height); --text-title-large: var(--md-sys-typescale-title-large-size); --text-title-large--line-height: var(--md-sys-typescale-title-large-line-height); --text-title-medium: var(--md-sys-typescale-title-medium-size); --text-title-medium--line-height: var(--md-sys-typescale-title-medium-line-height); --text-title-small: var(--md-sys-typescale-title-small-size); --text-title-small--line-height: var(--md-sys-typescale-title-small-line-height); --text-body-large: var(--md-sys-typescale-body-large-size); --text-body-large--line-height: var(--md-sys-typescale-body-large-line-height); --text-body-medium: var(--md-sys-typescale-body-medium-size); --text-body-medium--line-height: var(--md-sys-typescale-body-medium-line-height); --text-body-small: var(--md-sys-typescale-body-small-size); --text-body-small--line-height: var(--md-sys-typescale-body-small-line-height); --text-label-large: var(--md-sys-typescale-label-large-size); --text-label-large--line-height: var(--md-sys-typescale-label-large-line-height); --text-label-medium: var(--md-sys-typescale-label-medium-size); --text-label-medium--line-height: var(--md-sys-typescale-label-medium-line-height); --text-label-small: var(--md-sys-typescale-label-small-size); --text-label-small--line-height: var(--md-sys-typescale-label-small-line-height); --radius-xs: var(--md-sys-shape-corner-extra-small); --radius-sm: var(--md-sys-shape-corner-small); --radius-md: var(--md-sys-shape-corner-medium); --radius-lg: var(--md-sys-shape-corner-large); --radius-lg-increased: var(--md-sys-shape-corner-large-increased); --radius-xl: var(--md-sys-shape-corner-extra-large); --radius-xl-increased: var(--md-sys-shape-corner-extra-large-increased); --radius-2xl: var(--md-sys-shape-corner-extra-extra-large); --radius-full: var(--md-sys-shape-corner-full); --spacing-appbar-small: 4rem; --spacing-appbar-medium: 7rem; --spacing-appbar-medium-subtitle: 8.5rem; --spacing-appbar-large: 7.5rem; --spacing-appbar-large-subtitle: 9.5rem; --spacing-drawer: 22.5rem; --spacing-snackbar-max: 35.5rem; --spacing-dialog-max: 35rem; --opacity-8: 8%; --opacity-10: 10%; --opacity-12: 12%; --opacity-16: 16%; --opacity-32: 32%; --opacity-38: 38%; --transition-duration-short1: var(--md-sys-motion-duration-short1); --transition-duration-short2: var(--md-sys-motion-duration-short2); --transition-duration-short3: var(--md-sys-motion-duration-short3); --transition-duration-short4: var(--md-sys-motion-duration-short4); --transition-duration-medium1: var(--md-sys-motion-duration-medium1); --transition-duration-medium2: var(--md-sys-motion-duration-medium2); --transition-duration-medium3: var(--md-sys-motion-duration-medium3); --transition-duration-medium4: var(--md-sys-motion-duration-medium4); --transition-duration-long1: var(--md-sys-motion-duration-long1); --transition-duration-long2: var(--md-sys-motion-duration-long2); --transition-duration-long3: var(--md-sys-motion-duration-long3); --transition-duration-long4: var(--md-sys-motion-duration-long4); --transition-duration-extra-long1: var(--md-sys-motion-duration-extra-long1); --transition-duration-extra-long2: var(--md-sys-motion-duration-extra-long2); --transition-duration-extra-long3: var(--md-sys-motion-duration-extra-long3); --transition-duration-extra-long4: var(--md-sys-motion-duration-extra-long4); --ease-standard: var(--md-sys-motion-easing-standard); --ease-standard-decelerate: var(--md-sys-motion-easing-standard-decelerate); --ease-standard-accelerate: var(--md-sys-motion-easing-standard-accelerate); --ease-emphasized: var(--md-sys-motion-easing-emphasized); --ease-emphasized-decelerate: var(--md-sys-motion-easing-emphasized-decelerate); --ease-emphasized-accelerate: var(--md-sys-motion-easing-emphasized-accelerate); --ease-expressive-fast-spatial: var(--md-sys-motion-expressive-fast-spatial-easing); --ease-expressive-default-spatial: var(--md-sys-motion-expressive-default-spatial-easing); --ease-expressive-slow-spatial: var(--md-sys-motion-expressive-slow-spatial-easing); --ease-expressive-fast-effects: var(--md-sys-motion-expressive-fast-effects-easing); --ease-expressive-default-effects: var(--md-sys-motion-expressive-default-effects-easing); --ease-expressive-slow-effects: var(--md-sys-motion-expressive-slow-effects-easing); --transition-duration-expressive-fast-spatial: var( --md-sys-motion-expressive-fast-spatial-duration ); --transition-duration-expressive-default-spatial: var( --md-sys-motion-expressive-default-spatial-duration ); --transition-duration-expressive-slow-spatial: var( --md-sys-motion-expressive-slow-spatial-duration ); --transition-duration-expressive-fast-effects: var( --md-sys-motion-expressive-fast-effects-duration ); --transition-duration-expressive-default-effects: var( --md-sys-motion-expressive-default-effects-duration ); --transition-duration-expressive-slow-effects: var( --md-sys-motion-expressive-slow-effects-duration ); --ease-spring-standard-fast-spatial: var(--md-sys-motion-standard-fast-spatial-easing); --ease-spring-standard-default-spatial: var(--md-sys-motion-standard-default-spatial-easing); --ease-spring-standard-slow-spatial: var(--md-sys-motion-standard-slow-spatial-easing); --ease-spring-standard-fast-effects: var(--md-sys-motion-standard-fast-effects-easing); --ease-spring-standard-default-effects: var(--md-sys-motion-standard-default-effects-easing); --ease-spring-standard-slow-effects: var(--md-sys-motion-standard-slow-effects-easing); --transition-duration-spring-standard-fast-spatial: var( --md-sys-motion-standard-fast-spatial-duration ); --transition-duration-spring-standard-default-spatial: var( --md-sys-motion-standard-default-spatial-duration ); --transition-duration-spring-standard-slow-spatial: var( --md-sys-motion-standard-slow-spatial-duration ); --transition-duration-spring-standard-fast-effects: var( --md-sys-motion-standard-fast-effects-duration ); --transition-duration-spring-standard-default-effects: var( --md-sys-motion-standard-default-effects-duration ); --transition-duration-spring-standard-slow-effects: var( --md-sys-motion-standard-slow-effects-duration ); --animate-md-ripple: md-ripple 450ms cubic-bezier(0.2, 0, 0, 1); --animate-md-fade-in: md-fade-in var(--md-sys-motion-expressive-default-effects-duration) var(--md-sys-motion-expressive-default-effects-easing) forwards; --animate-md-fade-out: md-fade-out var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing) forwards; --animate-md-scale-in: md-scale-in var(--md-sys-motion-expressive-fast-spatial-duration) var(--md-sys-motion-expressive-fast-spatial-easing) both; --animate-md-scale-out: md-scale-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) both; --animate-md-slide-in-bottom: md-slide-in-bottom var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-bottom: md-slide-out-bottom var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-right: md-slide-in-right var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-right: md-slide-out-right var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-left: md-slide-in-left var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-left: md-slide-out-left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-slide-in-top: md-slide-in-top var(--md-sys-motion-standard-default-spatial-duration) var(--md-sys-motion-standard-default-spatial-easing) forwards; --animate-md-slide-out-top: md-slide-out-top var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate) forwards; --animate-md-skeleton-pulse: md-skeleton-pulse 700ms ease-in-out infinite; }

/* ../tokens/dist/preset.css */

/* src/styles.css */
@layer base {
  body {
    background-color: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    margin: 0;
    font-family: var(--md-sys-typescale-font-family-plain);
  }
}
@import "./components/Progress/Progress.css";
@utility btn-transition { --_btn-radius-easing: var(--md-sys-motion-easing-emphasized-decelerate); transition: border-radius var(--md-sys-motion-expressive-fast-spatial-duration) var(--_btn-radius-easing), color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), background-color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), border-color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), opacity var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), box-shadow var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing), outline-color var(--md-sys-motion-standard-fast-effects-duration) var(--md-sys-motion-standard-fast-effects-easing); }
@utility btn-transition-selected { --_btn-radius-easing: var(--md-sys-motion-expressive-fast-spatial-easing); }
/*# sourceMappingURL=styles.css.map */