[data-color-scheme=light], [data-color-scheme=dark] {
  --db-current-base-color: var(--db-base-text-enabled);
  --db-current-color: var(--db-base-on-bg-enabled);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent var(--db-bg-transparent, 0%),
  	var(--db-base-bg-enabled)
  );
  --db-current-element-color: var(--db-base-element-enabled);
  --db-current-border-color: var(--db-base-border-enabled);
  --db-current-border-weak-color: var(
  	--db-base-border-weak-enabled
  );
  --db-focus-box-shadow-bg-color: color-mix(
  	in srgb,
  	transparent var(--db-bg-transparent, 0%),
  	var(--db-base-bg-enabled)
  );
}

[data-color-scheme=light], [data-color-scheme=dark] {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
[data-emphasis=weak][data-color-scheme=light], [data-emphasis=weak][data-color-scheme=dark] {
  --db-current-color: var(--db-base-on-bg-weak-enabled);
  color: var(--db-current-color);
}
:root {
  /* REST */
  --db-spacing-responsive-regular-desktop-3xl: 40rem;
  --db-spacing-responsive-regular-desktop-2xl: 30rem;
  --db-spacing-responsive-regular-desktop-xl: 15rem;
  --db-spacing-responsive-regular-desktop-lg: 7.5rem;
  --db-spacing-responsive-regular-desktop-md: 5rem;
  --db-spacing-responsive-regular-desktop-sm: 3rem;
  --db-spacing-responsive-regular-desktop-xs: 2rem;
  --db-spacing-responsive-regular-desktop-2xs: 1.5rem;
  --db-spacing-responsive-regular-desktop-3xs: 1.25rem;
  --db-spacing-responsive-regular-tablet-3xs: 1rem;
  --db-spacing-responsive-regular-tablet-2xs: 1.25rem;
  --db-spacing-responsive-regular-tablet-xs: 1.75rem;
  --db-spacing-responsive-regular-tablet-sm: 2.5rem;
  --db-spacing-responsive-regular-tablet-md: 4rem;
  --db-spacing-responsive-regular-tablet-lg: 6rem;
  --db-spacing-responsive-regular-tablet-xl: 10rem;
  --db-spacing-responsive-regular-tablet-2xl: 15rem;
  --db-spacing-responsive-regular-tablet-3xl: 30rem;
  --db-spacing-responsive-regular-mobile-3xs: 1rem;
  --db-spacing-responsive-regular-mobile-2xs: 1.25rem;
  --db-spacing-responsive-regular-mobile-xs: 1.5rem;
  --db-spacing-responsive-regular-mobile-sm: 2rem;
  --db-spacing-responsive-regular-mobile-md: 3rem;
  --db-spacing-responsive-regular-mobile-lg: 5rem;
  --db-spacing-responsive-regular-mobile-xl: 7.5rem;
  --db-spacing-responsive-regular-mobile-2xl: 10rem;
  --db-spacing-responsive-regular-mobile-3xl: 15rem;
  --db-spacing-responsive-functional-desktop-3xs: 1rem;
  --db-spacing-responsive-functional-desktop-2xs: 1.25rem;
  --db-spacing-responsive-functional-desktop-xs: 1.75rem;
  --db-spacing-responsive-functional-desktop-sm: 2.5rem;
  --db-spacing-responsive-functional-desktop-md: 4rem;
  --db-spacing-responsive-functional-desktop-lg: 6rem;
  --db-spacing-responsive-functional-desktop-xl: 10rem;
  --db-spacing-responsive-functional-desktop-2xl: 15rem;
  --db-spacing-responsive-functional-desktop-3xl: 30rem;
  --db-spacing-responsive-functional-tablet-3xs: 1rem;
  --db-spacing-responsive-functional-tablet-2xs: 1.25rem;
  --db-spacing-responsive-functional-tablet-xs: 1.5rem;
  --db-spacing-responsive-functional-tablet-sm: 2rem;
  --db-spacing-responsive-functional-tablet-md: 3rem;
  --db-spacing-responsive-functional-tablet-lg: 5rem;
  --db-spacing-responsive-functional-tablet-xl: 7.5rem;
  --db-spacing-responsive-functional-tablet-2xl: 10rem;
  --db-spacing-responsive-functional-tablet-3xl: 15rem;
  --db-spacing-responsive-functional-mobile-3xs: 1rem;
  --db-spacing-responsive-functional-mobile-2xs: 1.25rem;
  --db-spacing-responsive-functional-mobile-xs: 1.25rem;
  --db-spacing-responsive-functional-mobile-sm: 1.75rem;
  --db-spacing-responsive-functional-mobile-md: 2.5rem;
  --db-spacing-responsive-functional-mobile-lg: 4rem;
  --db-spacing-responsive-functional-mobile-xl: 6rem;
  --db-spacing-responsive-functional-mobile-2xl: 7.5rem;
  --db-spacing-responsive-functional-mobile-3xl: 10rem;
  --db-spacing-responsive-expressive-desktop-3xs: 1.75rem;
  --db-spacing-responsive-expressive-desktop-2xs: 2rem;
  --db-spacing-responsive-expressive-desktop-xs: 3rem;
  --db-spacing-responsive-expressive-desktop-sm: 5rem;
  --db-spacing-responsive-expressive-desktop-md: 7.5rem;
  --db-spacing-responsive-expressive-desktop-lg: 15rem;
  --db-spacing-responsive-expressive-desktop-xl: 30rem;
  --db-spacing-responsive-expressive-desktop-2xl: 40rem;
  --db-spacing-responsive-expressive-desktop-3xl: 50rem;
  --db-spacing-responsive-expressive-tablet-3xs: 1.5rem;
  --db-spacing-responsive-expressive-tablet-2xs: 1.75rem;
  --db-spacing-responsive-expressive-tablet-xs: 2.5rem;
  --db-spacing-responsive-expressive-tablet-sm: 4rem;
  --db-spacing-responsive-expressive-tablet-md: 6rem;
  --db-spacing-responsive-expressive-tablet-lg: 10rem;
  --db-spacing-responsive-expressive-tablet-xl: 15rem;
  --db-spacing-responsive-expressive-tablet-2xl: 30rem;
  --db-spacing-responsive-expressive-tablet-3xl: 40rem;
  --db-spacing-responsive-expressive-mobile-3xs: 1.25rem;
  --db-spacing-responsive-expressive-mobile-2xs: 1.5rem;
  --db-spacing-responsive-expressive-mobile-xs: 2rem;
  --db-spacing-responsive-expressive-mobile-sm: 3rem;
  --db-spacing-responsive-expressive-mobile-md: 5rem;
  --db-spacing-responsive-expressive-mobile-lg: 7.5rem;
  --db-spacing-responsive-expressive-mobile-xl: 10rem;
  --db-spacing-responsive-expressive-mobile-2xl: 15rem;
  --db-spacing-responsive-expressive-mobile-3xl: 30rem;
  --db-spacing-fixed-regular-3xs: 0.125rem;
  --db-spacing-fixed-regular-2xs: 0.25rem;
  --db-spacing-fixed-regular-xs: 0.5rem;
  --db-spacing-fixed-regular-sm: 0.75rem;
  --db-spacing-fixed-regular-md: 1rem;
  --db-spacing-fixed-regular-lg: 1.5rem;
  --db-spacing-fixed-regular-xl: 2rem;
  --db-spacing-fixed-regular-2xl: 3rem;
  --db-spacing-fixed-regular-3xl: 5rem;
  --db-spacing-fixed-functional-3xs: 0.125rem;
  --db-spacing-fixed-functional-2xs: 0.25rem;
  --db-spacing-fixed-functional-xs: 0.375rem;
  --db-spacing-fixed-functional-sm: 0.5rem;
  --db-spacing-fixed-functional-md: 0.75rem;
  --db-spacing-fixed-functional-lg: 1rem;
  --db-spacing-fixed-functional-xl: 1.5rem;
  --db-spacing-fixed-functional-2xl: 2rem;
  --db-spacing-fixed-functional-3xl: 3rem;
  --db-spacing-fixed-expressive-3xs: 0.25rem;
  --db-spacing-fixed-expressive-2xs: 0.5rem;
  --db-spacing-fixed-expressive-xs: 0.75rem;
  --db-spacing-fixed-expressive-sm: 1rem;
  --db-spacing-fixed-expressive-md: 1.5rem;
  --db-spacing-fixed-expressive-lg: 2rem;
  --db-spacing-fixed-expressive-xl: 3rem;
  --db-spacing-fixed-expressive-2xl: 5rem;
  --db-spacing-fixed-expressive-3xl: 7.5rem;
  --db-sizing-fixed-mobile-header: 3.5rem;
  --db-sizing-regular-3xl: 15rem;
  --db-sizing-regular-2xl: 10rem;
  --db-sizing-regular-xl: 6rem;
  --db-sizing-regular-lg: 4rem;
  --db-sizing-regular-md: 2.5rem;
  --db-sizing-regular-sm: 1.5rem;
  --db-sizing-regular-xs: 1rem;
  --db-sizing-regular-2xs: 0.75rem;
  --db-sizing-regular-3xs: 0.5rem;
  --db-sizing-functional-3xs: 0.375rem;
  --db-sizing-functional-2xs: 0.625rem;
  --db-sizing-functional-xs: 0.875rem;
  --db-sizing-functional-sm: 1.25rem;
  --db-sizing-functional-md: 2rem;
  --db-sizing-functional-lg: 3rem;
  --db-sizing-functional-xl: 5rem;
  --db-sizing-functional-2xl: 7.5rem;
  --db-sizing-functional-3xl: 10rem;
  --db-sizing-expressive-3xs: 0.625rem;
  --db-sizing-expressive-2xs: 0.875rem;
  --db-sizing-expressive-xs: 1.25rem;
  --db-sizing-expressive-sm: 1.75rem;
  --db-sizing-expressive-md: 3rem;
  --db-sizing-expressive-lg: 5rem;
  --db-sizing-expressive-xl: 7.5rem;
  --db-sizing-expressive-2xl: 15rem;
  --db-sizing-expressive-3xl: 30rem;
  --db-typography-regular-desktop-headline-3xl-line-height: 1.2;
  --db-typography-regular-desktop-headline-3xl-font-size: 5rem;
  --db-typography-regular-desktop-headline-2xl-line-height: 1.25;
  --db-typography-regular-desktop-headline-2xl-font-size: 4rem;
  --db-typography-regular-desktop-headline-xl-line-height: 1.3333333333333333;
  --db-typography-regular-desktop-headline-xl-font-size: 3rem;
  --db-typography-regular-desktop-headline-lg-line-height: 1.2;
  --db-typography-regular-desktop-headline-lg-font-size: 2.5rem;
  --db-typography-regular-desktop-headline-md-line-height: 1.25;
  --db-typography-regular-desktop-headline-md-font-size: 2rem;
  --db-typography-regular-desktop-headline-sm-line-height: 1.1428571428571428;
  --db-typography-regular-desktop-headline-sm-font-size: 1.75rem;
  --db-typography-regular-desktop-headline-2xs-line-height: 1.2;
  --db-typography-regular-desktop-headline-2xs-font-size: 1.25rem;
  --db-typography-regular-desktop-headline-3xs-line-height: 1.25;
  --db-typography-regular-desktop-headline-3xs-font-size: 1rem;
  --db-typography-regular-desktop-headline-xs-line-height: 1.1666666666666667;
  --db-typography-regular-desktop-headline-xs-font-size: 1.5rem;
  --db-typography-regular-desktop-body-lg-line-height: 1.4;
  --db-typography-regular-desktop-body-lg-font-size: 1.25rem;
  --db-base-icon-weight-regular-desktop-lg: 28;
  --db-base-icon-font-size-regular-desktop-lg: 1.75rem;
  --db-typography-regular-desktop-body-xl-line-height: 1.3333333333333333;
  --db-typography-regular-desktop-body-xl-font-size: 1.5rem;
  --db-base-icon-weight-regular-desktop-xl: 32;
  --db-base-icon-font-size-regular-desktop-xl: 2rem;
  --db-typography-regular-desktop-body-2xl-line-height: 1.4285714285714286;
  --db-typography-regular-desktop-body-2xl-font-size: 1.75rem;
  --db-base-icon-weight-regular-desktop-2xl: 40;
  --db-base-icon-font-size-regular-desktop-2xl: 2.5rem;
  --db-typography-regular-desktop-body-md-line-height: 1.5;
  --db-typography-regular-desktop-body-md-font-size: 1rem;
  --db-base-icon-weight-regular-desktop-md: 24;
  --db-base-icon-font-size-regular-desktop-md: 1.5rem;
  --db-typography-regular-desktop-body-sm-line-height: 1.4285714285714286;
  --db-typography-regular-desktop-body-sm-font-size: 0.875rem;
  --db-base-icon-weight-regular-desktop-sm: 20;
  --db-base-icon-font-size-regular-desktop-sm: 1.25rem;
  --db-typography-regular-desktop-body-2xs-line-height: 1.4;
  --db-typography-regular-desktop-body-2xs-font-size: 0.625rem;
  --db-base-icon-weight-regular-desktop-2xs: 14;
  --db-base-icon-font-size-regular-desktop-2xs: 0.875rem;
  --db-typography-regular-desktop-body-xs-line-height: 1.3333333333333333;
  --db-typography-regular-desktop-body-xs-font-size: 0.75rem;
  --db-base-icon-weight-regular-desktop-xs: 16;
  --db-base-icon-font-size-regular-desktop-xs: 1rem;
  --db-typography-regular-mobile-body-lg-line-height: 1.4;
  --db-typography-regular-mobile-body-lg-font-size: 1.25rem;
  --db-base-icon-weight-regular-mobile-lg: 28;
  --db-base-icon-font-size-regular-mobile-lg: 1.75rem;
  --db-typography-regular-mobile-body-md-line-height: 1.5;
  --db-typography-regular-mobile-body-md-font-size: 1rem;
  --db-base-icon-weight-regular-mobile-md: 24;
  --db-base-icon-font-size-regular-mobile-md: 1.5rem;
  --db-typography-regular-mobile-body-sm-line-height: 1.4285714285714286;
  --db-typography-regular-mobile-body-sm-font-size: 0.875rem;
  --db-base-icon-weight-regular-mobile-sm: 20;
  --db-base-icon-font-size-regular-mobile-sm: 1.25rem;
  --db-typography-regular-mobile-body-xl-line-height: 1.4;
  --db-typography-regular-mobile-body-xl-font-size: 1.25rem;
  --db-base-icon-weight-regular-mobile-xl: 28;
  --db-base-icon-font-size-regular-mobile-xl: 1.75rem;
  --db-typography-regular-mobile-body-xs-line-height: 1.3333333333333333;
  --db-typography-regular-mobile-body-xs-font-size: 0.75rem;
  --db-base-icon-weight-regular-mobile-xs: 16;
  --db-base-icon-font-size-regular-mobile-xs: 1rem;
  --db-typography-regular-mobile-body-2xl-line-height: 1.4;
  --db-typography-regular-mobile-body-2xl-font-size: 1.25rem;
  --db-base-icon-weight-regular-mobile-2xl: 28;
  --db-base-icon-font-size-regular-mobile-2xl: 1.75rem;
  --db-typography-regular-mobile-body-2xs-line-height: 1.4;
  --db-typography-regular-mobile-body-2xs-font-size: 0.625rem;
  --db-base-icon-weight-regular-mobile-2xs: 14;
  --db-base-icon-font-size-regular-mobile-2xs: 0.875rem;
  --db-typography-regular-mobile-headline-lg-line-height: 1.1428571428571428;
  --db-typography-regular-mobile-headline-lg-font-size: 1.75rem;
  --db-typography-regular-mobile-headline-md-line-height: 1.1666666666666667;
  --db-typography-regular-mobile-headline-md-font-size: 1.5rem;
  --db-typography-regular-mobile-headline-sm-line-height: 1.2;
  --db-typography-regular-mobile-headline-sm-font-size: 1.25rem;
  --db-typography-regular-mobile-headline-xl-line-height: 1.25;
  --db-typography-regular-mobile-headline-xl-font-size: 2rem;
  --db-typography-regular-mobile-headline-xs-line-height: 1.25;
  --db-typography-regular-mobile-headline-xs-font-size: 1rem;
  --db-typography-regular-mobile-headline-2xl-line-height: 1.25;
  --db-typography-regular-mobile-headline-2xl-font-size: 2rem;
  --db-typography-regular-mobile-headline-2xs-line-height: 1.1428571428571428;
  --db-typography-regular-mobile-headline-2xs-font-size: 0.875rem;
  --db-typography-regular-mobile-headline-3xl-line-height: 1.25;
  --db-typography-regular-mobile-headline-3xl-font-size: 2rem;
  --db-typography-regular-mobile-headline-3xs-line-height: 1.1428571428571428;
  --db-typography-regular-mobile-headline-3xs-font-size: 0.875rem;
  --db-typography-regular-tablet-body-lg-line-height: 1.4;
  --db-typography-regular-tablet-body-lg-font-size: 1.25rem;
  --db-base-icon-weight-regular-tablet-lg: 28;
  --db-base-icon-font-size-regular-tablet-lg: 1.75rem;
  --db-typography-regular-tablet-body-md-line-height: 1.5;
  --db-typography-regular-tablet-body-md-font-size: 1rem;
  --db-base-icon-weight-regular-tablet-md: 24;
  --db-base-icon-font-size-regular-tablet-md: 1.5rem;
  --db-typography-regular-tablet-body-sm-line-height: 1.4285714285714286;
  --db-typography-regular-tablet-body-sm-font-size: 0.875rem;
  --db-base-icon-weight-regular-tablet-sm: 20;
  --db-base-icon-font-size-regular-tablet-sm: 1.25rem;
  --db-typography-regular-tablet-body-xl-line-height: 1.3333333333333333;
  --db-typography-regular-tablet-body-xl-font-size: 1.5rem;
  --db-base-icon-weight-regular-tablet-xl: 32;
  --db-base-icon-font-size-regular-tablet-xl: 2rem;
  --db-typography-regular-tablet-body-xs-line-height: 1.3333333333333333;
  --db-typography-regular-tablet-body-xs-font-size: 0.75rem;
  --db-base-icon-weight-regular-tablet-xs: 16;
  --db-base-icon-font-size-regular-tablet-xs: 1rem;
  --db-typography-regular-tablet-body-2xl-line-height: 1.4285714285714286;
  --db-typography-regular-tablet-body-2xl-font-size: 1.75rem;
  --db-base-icon-weight-regular-tablet-2xl: 40;
  --db-base-icon-font-size-regular-tablet-2xl: 2.5rem;
  --db-typography-regular-tablet-body-2xs-line-height: 1.4;
  --db-typography-regular-tablet-body-2xs-font-size: 0.625rem;
  --db-base-icon-weight-regular-tablet-2xs: 14;
  --db-base-icon-font-size-regular-tablet-2xs: 0.875rem;
  --db-typography-regular-tablet-headline-lg-line-height: 1.25;
  --db-typography-regular-tablet-headline-lg-font-size: 2rem;
  --db-typography-regular-tablet-headline-md-line-height: 1.1428571428571428;
  --db-typography-regular-tablet-headline-md-font-size: 1.75rem;
  --db-typography-regular-tablet-headline-sm-line-height: 1.1666666666666667;
  --db-typography-regular-tablet-headline-sm-font-size: 1.5rem;
  --db-typography-regular-tablet-headline-xl-line-height: 1.2;
  --db-typography-regular-tablet-headline-xl-font-size: 2.5rem;
  --db-typography-regular-tablet-headline-xs-line-height: 1.2;
  --db-typography-regular-tablet-headline-xs-font-size: 1.25rem;
  --db-typography-regular-tablet-headline-2xl-line-height: 1.3333333333333333;
  --db-typography-regular-tablet-headline-2xl-font-size: 3rem;
  --db-typography-regular-tablet-headline-2xs-line-height: 1.25;
  --db-typography-regular-tablet-headline-2xs-font-size: 1rem;
  --db-typography-regular-tablet-headline-3xl-line-height: 1.3333333333333333;
  --db-typography-regular-tablet-headline-3xl-font-size: 3rem;
  --db-typography-regular-tablet-headline-3xs-line-height: 1.25;
  --db-typography-regular-tablet-headline-3xs-font-size: 1rem;
  --db-typography-functional-desktop-body-lg-line-height: 1.5;
  --db-typography-functional-desktop-body-lg-font-size: 1rem;
  --db-base-icon-weight-functional-desktop-lg: 24;
  --db-base-icon-font-size-functional-desktop-lg: 1.5rem;
  --db-typography-functional-desktop-body-md-line-height: 1.4285714285714286;
  --db-typography-functional-desktop-body-md-font-size: 0.875rem;
  --db-base-icon-weight-functional-desktop-md: 20;
  --db-base-icon-font-size-functional-desktop-md: 1.25rem;
  --db-typography-functional-desktop-body-sm-line-height: 1.3333333333333333;
  --db-typography-functional-desktop-body-sm-font-size: 0.75rem;
  --db-base-icon-weight-functional-desktop-sm: 16;
  --db-base-icon-font-size-functional-desktop-sm: 1rem;
  --db-typography-functional-desktop-body-xl-line-height: 1.4;
  --db-typography-functional-desktop-body-xl-font-size: 1.25rem;
  --db-base-icon-weight-functional-desktop-xl: 28;
  --db-base-icon-font-size-functional-desktop-xl: 1.75rem;
  --db-typography-functional-desktop-body-xs-line-height: 1.4;
  --db-typography-functional-desktop-body-xs-font-size: 0.625rem;
  --db-base-icon-weight-functional-desktop-xs: 14;
  --db-base-icon-font-size-functional-desktop-xs: 0.875rem;
  --db-typography-functional-desktop-body-2xl-line-height: 1.3333333333333333;
  --db-typography-functional-desktop-body-2xl-font-size: 1.5rem;
  --db-base-icon-weight-functional-desktop-2xl: 32;
  --db-base-icon-font-size-functional-desktop-2xl: 2rem;
  --db-typography-functional-desktop-body-2xs-line-height: 1.5;
  --db-typography-functional-desktop-body-2xs-font-size: 0.5rem;
  --db-base-icon-weight-functional-desktop-2xs: 12;
  --db-base-icon-font-size-functional-desktop-2xs: 0.75rem;
  --db-typography-functional-desktop-headline-lg-line-height: 1.1428571428571428;
  --db-typography-functional-desktop-headline-lg-font-size: 1.75rem;
  --db-typography-functional-desktop-headline-md-line-height: 1.1666666666666667;
  --db-typography-functional-desktop-headline-md-font-size: 1.5rem;
  --db-typography-functional-desktop-headline-sm-line-height: 1.2;
  --db-typography-functional-desktop-headline-sm-font-size: 1.25rem;
  --db-typography-functional-desktop-headline-xl-line-height: 1.25;
  --db-typography-functional-desktop-headline-xl-font-size: 2rem;
  --db-typography-functional-desktop-headline-xs-line-height: 1.25;
  --db-typography-functional-desktop-headline-xs-font-size: 1rem;
  --db-typography-functional-desktop-headline-2xl-line-height: 1.2;
  --db-typography-functional-desktop-headline-2xl-font-size: 2.5rem;
  --db-typography-functional-desktop-headline-2xs-line-height: 1.1428571428571428;
  --db-typography-functional-desktop-headline-2xs-font-size: 0.875rem;
  --db-typography-functional-desktop-headline-3xl-line-height: 1.2;
  --db-typography-functional-desktop-headline-3xl-font-size: 2.5rem;
  --db-typography-functional-desktop-headline-3xs-line-height: 1.1428571428571428;
  --db-typography-functional-desktop-headline-3xs-font-size: 0.875rem;
  --db-typography-functional-tablet-body-lg-line-height: 1.5;
  --db-typography-functional-tablet-body-lg-font-size: 1rem;
  --db-base-icon-weight-functional-tablet-lg: 24;
  --db-base-icon-font-size-functional-tablet-lg: 1.5rem;
  --db-typography-functional-tablet-body-md-line-height: 1.4285714285714286;
  --db-typography-functional-tablet-body-md-font-size: 0.875rem;
  --db-base-icon-weight-functional-tablet-md: 20;
  --db-base-icon-font-size-functional-tablet-md: 1.25rem;
  --db-typography-functional-tablet-body-sm-line-height: 1.3333333333333333;
  --db-typography-functional-tablet-body-sm-font-size: 0.75rem;
  --db-base-icon-weight-functional-tablet-sm: 16;
  --db-base-icon-font-size-functional-tablet-sm: 1rem;
  --db-typography-functional-tablet-body-xl-line-height: 1.4;
  --db-typography-functional-tablet-body-xl-font-size: 1.25rem;
  --db-base-icon-weight-functional-tablet-xl: 28;
  --db-base-icon-font-size-functional-tablet-xl: 1.75rem;
  --db-typography-functional-tablet-body-xs-line-height: 1.4;
  --db-typography-functional-tablet-body-xs-font-size: 0.625rem;
  --db-base-icon-weight-functional-tablet-xs: 14;
  --db-base-icon-font-size-functional-tablet-xs: 0.875rem;
  --db-typography-functional-tablet-body-2xl-line-height: 1.3333333333333333;
  --db-typography-functional-tablet-body-2xl-font-size: 1.5rem;
  --db-base-icon-weight-functional-tablet-2xl: 32;
  --db-base-icon-font-size-functional-tablet-2xl: 2rem;
  --db-typography-functional-tablet-body-2xs-line-height: 1.5;
  --db-typography-functional-tablet-body-2xs-font-size: 0.5rem;
  --db-base-icon-weight-functional-tablet-2xs: 12;
  --db-base-icon-font-size-functional-tablet-2xs: 0.75rem;
  --db-typography-functional-tablet-headline-lg-line-height: 1.1428571428571428;
  --db-typography-functional-tablet-headline-lg-font-size: 1.75rem;
  --db-typography-functional-tablet-headline-md-line-height: 1.1666666666666667;
  --db-typography-functional-tablet-headline-md-font-size: 1.5rem;
  --db-typography-functional-tablet-headline-sm-line-height: 1.2;
  --db-typography-functional-tablet-headline-sm-font-size: 1.25rem;
  --db-typography-functional-tablet-headline-xl-line-height: 1.25;
  --db-typography-functional-tablet-headline-xl-font-size: 2rem;
  --db-typography-functional-tablet-headline-xs-line-height: 1.25;
  --db-typography-functional-tablet-headline-xs-font-size: 1rem;
  --db-typography-functional-tablet-headline-2xl-line-height: 1.25;
  --db-typography-functional-tablet-headline-2xl-font-size: 2rem;
  --db-typography-functional-tablet-headline-2xs-line-height: 1.1428571428571428;
  --db-typography-functional-tablet-headline-2xs-font-size: 0.875rem;
  --db-typography-functional-tablet-headline-3xl-line-height: 1.25;
  --db-typography-functional-tablet-headline-3xl-font-size: 2rem;
  --db-typography-functional-tablet-headline-3xs-line-height: 1.1428571428571428;
  --db-typography-functional-tablet-headline-3xs-font-size: 0.875rem;
  --db-typography-functional-mobile-body-lg-line-height: 1.5;
  --db-typography-functional-mobile-body-lg-font-size: 1rem;
  --db-base-icon-weight-functional-mobile-lg: 24;
  --db-base-icon-font-size-functional-mobile-lg: 1.5rem;
  --db-typography-functional-mobile-body-md-line-height: 1.4285714285714286;
  --db-typography-functional-mobile-body-md-font-size: 0.875rem;
  --db-base-icon-weight-functional-mobile-md: 20;
  --db-base-icon-font-size-functional-mobile-md: 1.25rem;
  --db-typography-functional-mobile-body-sm-line-height: 1.3333333333333333;
  --db-typography-functional-mobile-body-sm-font-size: 0.75rem;
  --db-base-icon-weight-functional-mobile-sm: 16;
  --db-base-icon-font-size-functional-mobile-sm: 1rem;
  --db-typography-functional-mobile-body-xl-line-height: 1.5;
  --db-typography-functional-mobile-body-xl-font-size: 1rem;
  --db-base-icon-weight-functional-mobile-xl: 24;
  --db-base-icon-font-size-functional-mobile-xl: 1.5rem;
  --db-typography-functional-mobile-body-xs-line-height: 1.4;
  --db-typography-functional-mobile-body-xs-font-size: 0.625rem;
  --db-base-icon-weight-functional-mobile-xs: 14;
  --db-base-icon-font-size-functional-mobile-xs: 0.875rem;
  --db-typography-functional-mobile-body-2xl-line-height: 1.5;
  --db-typography-functional-mobile-body-2xl-font-size: 1rem;
  --db-base-icon-weight-functional-mobile-2xl: 24;
  --db-base-icon-font-size-functional-mobile-2xl: 1.5rem;
  --db-typography-functional-mobile-body-2xs-line-height: 1.5;
  --db-typography-functional-mobile-body-2xs-font-size: 0.5rem;
  --db-base-icon-weight-functional-mobile-2xs: 12;
  --db-base-icon-font-size-functional-mobile-2xs: 0.75rem;
  --db-typography-functional-mobile-headline-lg-line-height: 1.1666666666666667;
  --db-typography-functional-mobile-headline-lg-font-size: 1.5rem;
  --db-typography-functional-mobile-headline-md-line-height: 1.2;
  --db-typography-functional-mobile-headline-md-font-size: 1.25rem;
  --db-typography-functional-mobile-headline-sm-line-height: 1.25;
  --db-typography-functional-mobile-headline-sm-font-size: 1rem;
  --db-typography-functional-mobile-headline-xl-line-height: 1.1428571428571428;
  --db-typography-functional-mobile-headline-xl-font-size: 1.75rem;
  --db-typography-functional-mobile-headline-xs-line-height: 1.1428571428571428;
  --db-typography-functional-mobile-headline-xs-font-size: 0.875rem;
  --db-typography-functional-mobile-headline-2xl-line-height: 1.1428571428571428;
  --db-typography-functional-mobile-headline-2xl-font-size: 1.75rem;
  --db-typography-functional-mobile-headline-2xs-line-height: 1.1428571428571428;
  --db-typography-functional-mobile-headline-2xs-font-size: 0.875rem;
  --db-typography-functional-mobile-headline-3xl-line-height: 1.1428571428571428;
  --db-typography-functional-mobile-headline-3xl-font-size: 1.75rem;
  --db-typography-functional-mobile-headline-3xs-line-height: 1.1428571428571428;
  --db-typography-functional-mobile-headline-3xs-font-size: 0.875rem;
  --db-typography-expressive-desktop-body-lg-line-height: 1.3333333333333333;
  --db-typography-expressive-desktop-body-lg-font-size: 1.5rem;
  --db-base-icon-weight-expressive-desktop-lg: 32;
  --db-base-icon-font-size-expressive-desktop-lg: 2rem;
  --db-typography-expressive-desktop-body-md-line-height: 1.4;
  --db-typography-expressive-desktop-body-md-font-size: 1.25rem;
  --db-base-icon-weight-expressive-desktop-md: 28;
  --db-base-icon-font-size-expressive-desktop-md: 1.75rem;
  --db-typography-expressive-desktop-body-sm-line-height: 1.5;
  --db-typography-expressive-desktop-body-sm-font-size: 1rem;
  --db-base-icon-weight-expressive-desktop-sm: 24;
  --db-base-icon-font-size-expressive-desktop-sm: 1.5rem;
  --db-typography-expressive-desktop-body-xl-line-height: 1.4285714285714286;
  --db-typography-expressive-desktop-body-xl-font-size: 1.75rem;
  --db-base-icon-weight-expressive-desktop-xl: 40;
  --db-base-icon-font-size-expressive-desktop-xl: 2.5rem;
  --db-typography-expressive-desktop-body-xs-line-height: 1.4285714285714286;
  --db-typography-expressive-desktop-body-xs-font-size: 0.875rem;
  --db-base-icon-weight-expressive-desktop-xs: 20;
  --db-base-icon-font-size-expressive-desktop-xs: 1.25rem;
  --db-typography-expressive-desktop-body-2xl-line-height: 1.5;
  --db-typography-expressive-desktop-body-2xl-font-size: 2rem;
  --db-base-icon-weight-expressive-desktop-2xl: 48;
  --db-base-icon-font-size-expressive-desktop-2xl: 3rem;
  --db-typography-expressive-desktop-body-2xs-line-height: 1.3333333333333333;
  --db-typography-expressive-desktop-body-2xs-font-size: 0.75rem;
  --db-base-icon-weight-expressive-desktop-2xs: 16;
  --db-base-icon-font-size-expressive-desktop-2xs: 1rem;
  --db-typography-expressive-desktop-headline-lg-line-height: 1.3333333333333333;
  --db-typography-expressive-desktop-headline-lg-font-size: 3rem;
  --db-typography-expressive-desktop-headline-md-line-height: 1.2;
  --db-typography-expressive-desktop-headline-md-font-size: 2.5rem;
  --db-typography-expressive-desktop-headline-sm-line-height: 1.25;
  --db-typography-expressive-desktop-headline-sm-font-size: 2rem;
  --db-typography-expressive-desktop-headline-xl-line-height: 1.25;
  --db-typography-expressive-desktop-headline-xl-font-size: 4rem;
  --db-typography-expressive-desktop-headline-xs-line-height: 1.1428571428571428;
  --db-typography-expressive-desktop-headline-xs-font-size: 1.75rem;
  --db-typography-expressive-desktop-headline-2xl-line-height: 1.2;
  --db-typography-expressive-desktop-headline-2xl-font-size: 5rem;
  --db-typography-expressive-desktop-headline-2xs-line-height: 1.1666666666666667;
  --db-typography-expressive-desktop-headline-2xs-font-size: 1.5rem;
  --db-typography-expressive-desktop-headline-3xl-line-height: 1.25;
  --db-typography-expressive-desktop-headline-3xl-font-size: 6rem;
  --db-typography-expressive-desktop-headline-3xs-line-height: 1.2;
  --db-typography-expressive-desktop-headline-3xs-font-size: 1.25rem;
  --db-typography-expressive-tablet-body-lg-line-height: 1.3333333333333333;
  --db-typography-expressive-tablet-body-lg-font-size: 1.5rem;
  --db-base-icon-weight-expressive-tablet-lg: 32;
  --db-base-icon-font-size-expressive-tablet-lg: 2rem;
  --db-typography-expressive-tablet-body-md-line-height: 1.4;
  --db-typography-expressive-tablet-body-md-font-size: 1.25rem;
  --db-base-icon-weight-expressive-tablet-md: 28;
  --db-base-icon-font-size-expressive-tablet-md: 1.75rem;
  --db-typography-expressive-tablet-body-sm-line-height: 1.5;
  --db-typography-expressive-tablet-body-sm-font-size: 1rem;
  --db-base-icon-weight-expressive-tablet-sm: 24;
  --db-base-icon-font-size-expressive-tablet-sm: 1.5rem;
  --db-typography-expressive-tablet-body-xl-line-height: 1.4285714285714286;
  --db-typography-expressive-tablet-body-xl-font-size: 1.75rem;
  --db-base-icon-weight-expressive-tablet-xl: 40;
  --db-base-icon-font-size-expressive-tablet-xl: 2.5rem;
  --db-typography-expressive-tablet-body-xs-line-height: 1.4285714285714286;
  --db-typography-expressive-tablet-body-xs-font-size: 0.875rem;
  --db-base-icon-weight-expressive-tablet-xs: 20;
  --db-base-icon-font-size-expressive-tablet-xs: 1.25rem;
  --db-typography-expressive-tablet-body-2xl-line-height: 1.5;
  --db-typography-expressive-tablet-body-2xl-font-size: 2rem;
  --db-base-icon-weight-expressive-tablet-2xl: 48;
  --db-base-icon-font-size-expressive-tablet-2xl: 3rem;
  --db-typography-expressive-tablet-body-2xs-line-height: 1.3333333333333333;
  --db-typography-expressive-tablet-body-2xs-font-size: 0.75rem;
  --db-base-icon-weight-expressive-tablet-2xs: 16;
  --db-base-icon-font-size-expressive-tablet-2xs: 1rem;
  --db-typography-expressive-tablet-headline-lg-line-height: 1.2;
  --db-typography-expressive-tablet-headline-lg-font-size: 2.5rem;
  --db-typography-expressive-tablet-headline-md-line-height: 1.25;
  --db-typography-expressive-tablet-headline-md-font-size: 2rem;
  --db-typography-expressive-tablet-headline-sm-line-height: 1.1428571428571428;
  --db-typography-expressive-tablet-headline-sm-font-size: 1.75rem;
  --db-typography-expressive-tablet-headline-xl-line-height: 1.3333333333333333;
  --db-typography-expressive-tablet-headline-xl-font-size: 3rem;
  --db-typography-expressive-tablet-headline-xs-line-height: 1.1666666666666667;
  --db-typography-expressive-tablet-headline-xs-font-size: 1.5rem;
  --db-typography-expressive-tablet-headline-2xl-line-height: 1.25;
  --db-typography-expressive-tablet-headline-2xl-font-size: 4rem;
  --db-typography-expressive-tablet-headline-2xs-line-height: 1.2;
  --db-typography-expressive-tablet-headline-2xs-font-size: 1.25rem;
  --db-typography-expressive-tablet-headline-3xl-line-height: 1.2;
  --db-typography-expressive-tablet-headline-3xl-font-size: 5rem;
  --db-typography-expressive-tablet-headline-3xs-line-height: 1.2;
  --db-typography-expressive-tablet-headline-3xs-font-size: 1.25rem;
  --db-typography-expressive-mobile-body-lg-line-height: 1.3333333333333333;
  --db-typography-expressive-mobile-body-lg-font-size: 1.5rem;
  --db-base-icon-weight-expressive-mobile-lg: 32;
  --db-base-icon-font-size-expressive-mobile-lg: 2rem;
  --db-typography-expressive-mobile-body-md-line-height: 1.4;
  --db-typography-expressive-mobile-body-md-font-size: 1.25rem;
  --db-base-icon-weight-expressive-mobile-md: 28;
  --db-base-icon-font-size-expressive-mobile-md: 1.75rem;
  --db-typography-expressive-mobile-body-sm-line-height: 1.5;
  --db-typography-expressive-mobile-body-sm-font-size: 1rem;
  --db-base-icon-weight-expressive-mobile-sm: 24;
  --db-base-icon-font-size-expressive-mobile-sm: 1.5rem;
  --db-typography-expressive-mobile-body-xl-line-height: 1.3333333333333333;
  --db-typography-expressive-mobile-body-xl-font-size: 1.5rem;
  --db-base-icon-weight-expressive-mobile-xl: 32;
  --db-base-icon-font-size-expressive-mobile-xl: 2rem;
  --db-typography-expressive-mobile-body-xs-line-height: 1.4285714285714286;
  --db-typography-expressive-mobile-body-xs-font-size: 0.875rem;
  --db-base-icon-weight-expressive-mobile-xs: 20;
  --db-base-icon-font-size-expressive-mobile-xs: 1.25rem;
  --db-typography-expressive-mobile-body-2xl-line-height: 1.3333333333333333;
  --db-typography-expressive-mobile-body-2xl-font-size: 1.5rem;
  --db-base-icon-weight-expressive-mobile-2xl: 32;
  --db-base-icon-font-size-expressive-mobile-2xl: 2rem;
  --db-typography-expressive-mobile-body-2xs-line-height: 1.3333333333333333;
  --db-typography-expressive-mobile-body-2xs-font-size: 0.75rem;
  --db-base-icon-weight-expressive-mobile-2xs: 16;
  --db-base-icon-font-size-expressive-mobile-2xs: 1rem;
  --db-typography-expressive-mobile-headline-lg-line-height: 1.25;
  --db-typography-expressive-mobile-headline-lg-font-size: 2rem;
  --db-typography-expressive-mobile-headline-md-line-height: 1.1428571428571428;
  --db-typography-expressive-mobile-headline-md-font-size: 1.75rem;
  --db-typography-expressive-mobile-headline-sm-line-height: 1.1666666666666667;
  --db-typography-expressive-mobile-headline-sm-font-size: 1.5rem;
  --db-typography-expressive-mobile-headline-xl-line-height: 1.2;
  --db-typography-expressive-mobile-headline-xl-font-size: 2.5rem;
  --db-typography-expressive-mobile-headline-xs-line-height: 1.2;
  --db-typography-expressive-mobile-headline-xs-font-size: 1.25rem;
  --db-typography-expressive-mobile-headline-2xl-line-height: 1.2;
  --db-typography-expressive-mobile-headline-2xl-font-size: 2.5rem;
  --db-typography-expressive-mobile-headline-2xs-line-height: 1.25;
  --db-typography-expressive-mobile-headline-2xs-font-size: 1rem;
  --db-typography-expressive-mobile-headline-3xl-line-height: 1.2;
  --db-typography-expressive-mobile-headline-3xl-font-size: 2.5rem;
  --db-typography-expressive-mobile-headline-3xs-line-height: 1.25;
  --db-typography-expressive-mobile-headline-3xs-font-size: 1rem;
  --db-border-height-sm: 0.0625rem;
  --db-border-height-md: 0.125rem;
  --db-border-height-lg: 0.25rem;
  --db-border-radius-sm: 0.15625rem;
  --db-border-radius-md: 0.25rem;
  --db-border-radius-lg: 0.5rem;
  --db-border-radius-3xl: 2.625rem;
  --db-opacity-sm: 0.25;
  --db-opacity-md: 0.5;
  --db-opacity-lg: 0.75;
  --db-elevation-sm: 0 0 1px -1px rgba(0, 0, 0, 0.2),
  	0 0 4px 1px rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
  --db-elevation-md: 0 0 2px -1px rgba(0, 0, 0, 0.2),
  	0 0 8px 1px rgba(0, 0, 0, 0.12), 0 0 4px 0 rgba(0, 0, 0, 0.14);
  --db-elevation-lg: 0 0 4px -3px rgba(0, 0, 0, 0.2),
  	0 0 16px 3px rgba(0, 0, 0, 0.12), 0 0 8px 1px rgba(0, 0, 0, 0.14);
  /* COLORS */
  --db-base-on-enabled: #fff;
  --db-base-origin-enabled: #242629;
  --db-base-origin-hover: #212326;
  --db-base-origin-pressed: #1e1f22;
  --db-base-text-enabled: #242629;
  --db-base-text-hover: #6b6c6d;
  --db-base-text-pressed: #939494;
  --db-base-on-bg-enabled: #242629;
  --db-base-on-bg-hover: #12131540;
  --db-base-on-bg-pressed: #191b1d80;
  --db-base-on-bg-weak-enabled: #12131540;
  --db-base-bg-enabled: #fff;
  --db-base-bg-strong-enabled: #fafafa;
  --db-base-element-enabled: #777e88;
  --db-base-border-enabled: #5f656da3;
  --db-base-border-weak-enabled: #43474d52;
  --db-neutral-on-enabled: #fff;
  --db-neutral-origin-enabled: #646973;
  --db-neutral-origin-hover: #5c6069;
  --db-neutral-origin-pressed: #52575f;
  --db-neutral-text-enabled: #646973;
  --db-neutral-text-hover: #898c93;
  --db-neutral-text-pressed: #a6a8ad;
  --db-neutral-on-bg-enabled: #3c3f45;
  --db-neutral-on-bg-hover: #1e202340;
  --db-neutral-on-bg-pressed: #2a2d3180;
  --db-neutral-on-bg-weak-enabled: #1e202340;
  --db-neutral-bg-enabled: #f6f6f7;
  --db-neutral-bg-strong-enabled: #f1f1f2;
  --db-neutral-element-enabled: #777d88;
  --db-neutral-border-enabled: #5f646da3;
  --db-neutral-border-weak-enabled: #43474d52;
  --db-brand-on-enabled: #fff;
  --db-brand-origin-enabled: #ec0016;
  --db-brand-origin-hover: #d80014;
  --db-brand-origin-pressed: #c30012;
  --db-brand-text-enabled: #e80014;
  --db-brand-text-hover: #ec6668;
  --db-brand-text-pressed: #f09091;
  --db-brand-on-bg-enabled: #8b000c;
  --db-brand-on-bg-hover: #46000640;
  --db-brand-on-bg-pressed: #62000880;
  --db-brand-on-bg-weak-enabled: #46000640;
  --db-brand-bg-enabled: #fdf5f5;
  --db-brand-bg-strong-enabled: #f8f0f0;
  --db-brand-element-enabled: #ff0016;
  --db-brand-border-enabled: #cc0012a3;
  --db-brand-border-weak-enabled: #90000c52;
  --db-informational-on-enabled: #fff;
  --db-informational-origin-enabled: #309fd1;
  --db-informational-origin-hover: #2c92c0;
  --db-informational-origin-pressed: #2883ac;
  --db-informational-text-enabled: #007caa;
  --db-informational-text-hover: #6699ba;
  --db-informational-text-pressed: #90b1c9;
  --db-informational-on-bg-enabled: #004a66;
  --db-informational-on-bg-hover: #00253340;
  --db-informational-on-bg-pressed: #00344880;
  --db-informational-on-bg-weak-enabled: #00253340;
  --db-informational-bg-enabled: #f5f7f9;
  --db-informational-bg-strong-enabled: #f0f2f4;
  --db-informational-element-enabled: #0099d1;
  --db-informational-border-enabled: #007aa7a3;
  --db-informational-border-weak-enabled: #00577652;
  --db-warning-on-enabled: #fff;
  --db-warning-origin-enabled: #f39200;
  --db-warning-origin-hover: #df8600;
  --db-warning-origin-pressed: #c87800;
  --db-warning-text-enabled: #af5c00;
  --db-warning-text-hover: #be8466;
  --db-warning-text-pressed: #cca390;
  --db-warning-on-bg-enabled: #693700;
  --db-warning-on-bg-hover: #351c0040;
  --db-warning-on-bg-pressed: #4a270080;
  --db-warning-on-bg-weak-enabled: #351c0040;
  --db-warning-bg-enabled: #faf6f5;
  --db-warning-bg-strong-enabled: #f5f1f0;
  --db-warning-element-enabled: #db7300;
  --db-warning-border-enabled: #af5c00a3;
  --db-warning-border-weak-enabled: #7c410052;
  --db-successful-on-enabled: #fff;
  --db-successful-origin-enabled: #63a615;
  --db-successful-origin-hover: #5b9813;
  --db-successful-origin-pressed: #528911;
  --db-successful-text-enabled: #398200;
  --db-successful-text-hover: #739d66;
  --db-successful-text-pressed: #98b490;
  --db-successful-on-bg-enabled: #224e00;
  --db-successful-on-bg-hover: #11270040;
  --db-successful-on-bg-pressed: #18370080;
  --db-successful-on-bg-weak-enabled: #11270040;
  --db-successful-bg-enabled: #f5f7f5;
  --db-successful-bg-strong-enabled: #f0f2f0;
  --db-successful-element-enabled: #48a300;
  --db-successful-border-enabled: #3a8200a3;
  --db-successful-border-weak-enabled: #295c0052;
  --db-critical-on-enabled: #fff;
  --db-critical-origin-enabled: #ec0016;
  --db-critical-origin-hover: #d80014;
  --db-critical-origin-pressed: #c30012;
  --db-critical-text-enabled: #e80014;
  --db-critical-text-hover: #ec6668;
  --db-critical-text-pressed: #f09091;
  --db-critical-on-bg-enabled: #8b000c;
  --db-critical-on-bg-hover: #46000640;
  --db-critical-on-bg-pressed: #62000880;
  --db-critical-on-bg-weak-enabled: #46000640;
  --db-critical-bg-enabled: #fdf5f5;
  --db-critical-bg-strong-enabled: #f8f0f0;
  --db-critical-element-enabled: #ff0016;
  --db-critical-border-enabled: #cc0012a3;
  --db-critical-border-weak-enabled: #90000c52;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --db-base-on-enabled: #000000bf;
    --db-base-origin-enabled: #fff;
    --db-base-origin-hover: #fff;
    --db-base-origin-pressed: #fff;
    --db-base-text-enabled: #fff;
    --db-base-text-hover: #eaeaea;
    --db-base-text-pressed: #d2d2d2;
    --db-base-on-bg-enabled: #fff;
    --db-base-on-bg-hover: #80808040;
    --db-base-on-bg-pressed: #b4b4b480;
    --db-base-on-bg-weak-enabled: #80808040;
    --db-base-bg-enabled: #242629;
    --db-base-bg-strong-enabled: #3e3f41;
    --db-base-element-enabled: #8a8a8a;
    --db-base-border-enabled: #787878bf;
    --db-base-border-weak-enabled: #62626280;
    --db-neutral-on-enabled: #000000bf;
    --db-neutral-origin-enabled: #646973;
    --db-neutral-origin-hover: #898c93;
    --db-neutral-origin-pressed: #a6a8ad;
    --db-neutral-text-enabled: #acb1bb;
    --db-neutral-text-hover: #9ea2ab;
    --db-neutral-text-pressed: #8e929a;
    --db-neutral-on-bg-enabled: #e5e6e9;
    --db-neutral-on-bg-hover: #73737540;
    --db-neutral-on-bg-pressed: #a2a3a580;
    --db-neutral-on-bg-weak-enabled: #73737540;
    --db-neutral-bg-enabled: #313235;
    --db-neutral-bg-strong-enabled: #464749;
    --db-neutral-element-enabled: #848b9a;
    --db-neutral-border-enabled: #727885bf;
    --db-neutral-border-weak-enabled: #5d626d80;
    --db-brand-on-enabled: #fff;
    --db-brand-origin-enabled: #ec0016;
    --db-brand-origin-hover: #ef6668;
    --db-brand-origin-pressed: #f29091;
    --db-brand-text-enabled: #ff8c70;
    --db-brand-text-hover: #ea8067;
    --db-brand-text-pressed: #d2735c;
    --db-brand-on-bg-enabled: #ffddd7;
    --db-brand-on-bg-hover: #806f6c40;
    --db-brand-on-bg-pressed: #b49c9880;
    --db-brand-on-bg-weak-enabled: #806f6c40;
    --db-brand-bg-enabled: #482820;
    --db-brand-bg-strong-enabled: #57403c;
    --db-brand-element-enabled: #ff4214;
    --db-brand-border-enabled: #dd3911bf;
    --db-brand-border-weak-enabled: #b42f0e80;
    --db-informational-on-enabled: #000000bf;
    --db-informational-origin-enabled: #309fd1;
    --db-informational-origin-hover: #6fb2d9;
    --db-informational-origin-pressed: #96c3e1;
    --db-informational-text-enabled: #50b3ea;
    --db-informational-text-hover: #49a4d6;
    --db-informational-text-pressed: #4294c1;
    --db-informational-on-bg-enabled: #d2e7f8;
    --db-informational-on-bg-hover: #69747c40;
    --db-informational-on-bg-pressed: #94a3af80;
    --db-informational-on-bg-weak-enabled: #69747c40;
    --db-informational-bg-enabled: #173342;
    --db-informational-bg-strong-enabled: #384752;
    --db-informational-element-enabled: #1a93d6;
    --db-informational-border-enabled: #177fb9bf;
    --db-informational-border-weak-enabled: #12689780;
    --db-warning-on-enabled: #000000bf;
    --db-warning-origin-enabled: #f39200;
    --db-warning-origin-hover: #f5a866;
    --db-warning-origin-pressed: #f7bc90;
    --db-warning-text-enabled: #f59303;
    --db-warning-text-hover: #e18703;
    --db-warning-text-pressed: #ca7902;
    --db-warning-on-bg-enabled: #fbdecc;
    --db-warning-on-bg-hover: #7e6f6640;
    --db-warning-on-bg-pressed: #b19d9080;
    --db-warning-on-bg-weak-enabled: #7e6f6640;
    --db-warning-bg-enabled: #452a01;
    --db-warning-bg-strong-enabled: #554233;
    --db-warning-element-enabled: #fc9703;
    --db-warning-border-enabled: #da8303bf;
    --db-warning-border-weak-enabled: #b26b0280;
    --db-successful-on-enabled: #000000bf;
    --db-successful-origin-enabled: #63a615;
    --db-successful-origin-hover: #89b768;
    --db-successful-origin-pressed: #a6c791;
    --db-successful-text-enabled: #81bf35;
    --db-successful-text-hover: #76af31;
    --db-successful-text-pressed: #6a9e2c;
    --db-successful-on-bg-enabled: #daeace;
    --db-successful-on-bg-hover: #6d756740;
    --db-successful-on-bg-pressed: #9aa59280;
    --db-successful-on-bg-weak-enabled: #6d756740;
    --db-successful-bg-enabled: #24360f;
    --db-successful-bg-strong-enabled: #3e4935;
    --db-successful-element-enabled: #87c837;
    --db-successful-border-enabled: #75ad30bf;
    --db-successful-border-weak-enabled: #5f8d2780;
    --db-critical-on-enabled: #000000bf;
    --db-critical-origin-enabled: #ec0016;
    --db-critical-origin-hover: #ef6668;
    --db-critical-origin-pressed: #f29091;
    --db-critical-text-enabled: #ff8c70;
    --db-critical-text-hover: #ea8067;
    --db-critical-text-pressed: #d2735c;
    --db-critical-on-bg-enabled: #ffddd7;
    --db-critical-on-bg-hover: #806f6c40;
    --db-critical-on-bg-pressed: #b49c9880;
    --db-critical-on-bg-weak-enabled: #806f6c40;
    --db-critical-bg-enabled: #482820;
    --db-critical-bg-strong-enabled: #57403c;
    --db-critical-element-enabled: #ff4214;
    --db-critical-border-enabled: #dd3911bf;
    --db-critical-border-weak-enabled: #b42f0e80;
    color-scheme: dark;
  }
}

[data-color-scheme=light] {
  --db-base-on-enabled: #fff;
  --db-base-origin-enabled: #242629;
  --db-base-origin-hover: #212326;
  --db-base-origin-pressed: #1e1f22;
  --db-base-text-enabled: #242629;
  --db-base-text-hover: #6b6c6d;
  --db-base-text-pressed: #939494;
  --db-base-on-bg-enabled: #242629;
  --db-base-on-bg-hover: #12131540;
  --db-base-on-bg-pressed: #191b1d80;
  --db-base-on-bg-weak-enabled: #12131540;
  --db-base-bg-enabled: #fff;
  --db-base-bg-strong-enabled: #fafafa;
  --db-base-element-enabled: #777e88;
  --db-base-border-enabled: #5f656da3;
  --db-base-border-weak-enabled: #43474d52;
  --db-neutral-on-enabled: #fff;
  --db-neutral-origin-enabled: #646973;
  --db-neutral-origin-hover: #5c6069;
  --db-neutral-origin-pressed: #52575f;
  --db-neutral-text-enabled: #646973;
  --db-neutral-text-hover: #898c93;
  --db-neutral-text-pressed: #a6a8ad;
  --db-neutral-on-bg-enabled: #3c3f45;
  --db-neutral-on-bg-hover: #1e202340;
  --db-neutral-on-bg-pressed: #2a2d3180;
  --db-neutral-on-bg-weak-enabled: #1e202340;
  --db-neutral-bg-enabled: #f6f6f7;
  --db-neutral-bg-strong-enabled: #f1f1f2;
  --db-neutral-element-enabled: #777d88;
  --db-neutral-border-enabled: #5f646da3;
  --db-neutral-border-weak-enabled: #43474d52;
  --db-brand-on-enabled: #fff;
  --db-brand-origin-enabled: #ec0016;
  --db-brand-origin-hover: #d80014;
  --db-brand-origin-pressed: #c30012;
  --db-brand-text-enabled: #e80014;
  --db-brand-text-hover: #ec6668;
  --db-brand-text-pressed: #f09091;
  --db-brand-on-bg-enabled: #8b000c;
  --db-brand-on-bg-hover: #46000640;
  --db-brand-on-bg-pressed: #62000880;
  --db-brand-on-bg-weak-enabled: #46000640;
  --db-brand-bg-enabled: #fdf5f5;
  --db-brand-bg-strong-enabled: #f8f0f0;
  --db-brand-element-enabled: #ff0016;
  --db-brand-border-enabled: #cc0012a3;
  --db-brand-border-weak-enabled: #90000c52;
  --db-informational-on-enabled: #fff;
  --db-informational-origin-enabled: #309fd1;
  --db-informational-origin-hover: #2c92c0;
  --db-informational-origin-pressed: #2883ac;
  --db-informational-text-enabled: #007caa;
  --db-informational-text-hover: #6699ba;
  --db-informational-text-pressed: #90b1c9;
  --db-informational-on-bg-enabled: #004a66;
  --db-informational-on-bg-hover: #00253340;
  --db-informational-on-bg-pressed: #00344880;
  --db-informational-on-bg-weak-enabled: #00253340;
  --db-informational-bg-enabled: #f5f7f9;
  --db-informational-bg-strong-enabled: #f0f2f4;
  --db-informational-element-enabled: #0099d1;
  --db-informational-border-enabled: #007aa7a3;
  --db-informational-border-weak-enabled: #00577652;
  --db-warning-on-enabled: #fff;
  --db-warning-origin-enabled: #f39200;
  --db-warning-origin-hover: #df8600;
  --db-warning-origin-pressed: #c87800;
  --db-warning-text-enabled: #af5c00;
  --db-warning-text-hover: #be8466;
  --db-warning-text-pressed: #cca390;
  --db-warning-on-bg-enabled: #693700;
  --db-warning-on-bg-hover: #351c0040;
  --db-warning-on-bg-pressed: #4a270080;
  --db-warning-on-bg-weak-enabled: #351c0040;
  --db-warning-bg-enabled: #faf6f5;
  --db-warning-bg-strong-enabled: #f5f1f0;
  --db-warning-element-enabled: #db7300;
  --db-warning-border-enabled: #af5c00a3;
  --db-warning-border-weak-enabled: #7c410052;
  --db-successful-on-enabled: #fff;
  --db-successful-origin-enabled: #63a615;
  --db-successful-origin-hover: #5b9813;
  --db-successful-origin-pressed: #528911;
  --db-successful-text-enabled: #398200;
  --db-successful-text-hover: #739d66;
  --db-successful-text-pressed: #98b490;
  --db-successful-on-bg-enabled: #224e00;
  --db-successful-on-bg-hover: #11270040;
  --db-successful-on-bg-pressed: #18370080;
  --db-successful-on-bg-weak-enabled: #11270040;
  --db-successful-bg-enabled: #f5f7f5;
  --db-successful-bg-strong-enabled: #f0f2f0;
  --db-successful-element-enabled: #48a300;
  --db-successful-border-enabled: #3a8200a3;
  --db-successful-border-weak-enabled: #295c0052;
  --db-critical-on-enabled: #fff;
  --db-critical-origin-enabled: #ec0016;
  --db-critical-origin-hover: #d80014;
  --db-critical-origin-pressed: #c30012;
  --db-critical-text-enabled: #e80014;
  --db-critical-text-hover: #ec6668;
  --db-critical-text-pressed: #f09091;
  --db-critical-on-bg-enabled: #8b000c;
  --db-critical-on-bg-hover: #46000640;
  --db-critical-on-bg-pressed: #62000880;
  --db-critical-on-bg-weak-enabled: #46000640;
  --db-critical-bg-enabled: #fdf5f5;
  --db-critical-bg-strong-enabled: #f8f0f0;
  --db-critical-element-enabled: #ff0016;
  --db-critical-border-enabled: #cc0012a3;
  --db-critical-border-weak-enabled: #90000c52;
  color-scheme: light;
}

[data-color-scheme=dark] {
  --db-base-on-enabled: #000000bf;
  --db-base-origin-enabled: #fff;
  --db-base-origin-hover: #fff;
  --db-base-origin-pressed: #fff;
  --db-base-text-enabled: #fff;
  --db-base-text-hover: #eaeaea;
  --db-base-text-pressed: #d2d2d2;
  --db-base-on-bg-enabled: #fff;
  --db-base-on-bg-hover: #80808040;
  --db-base-on-bg-pressed: #b4b4b480;
  --db-base-on-bg-weak-enabled: #80808040;
  --db-base-bg-enabled: #242629;
  --db-base-bg-strong-enabled: #3e3f41;
  --db-base-element-enabled: #8a8a8a;
  --db-base-border-enabled: #787878bf;
  --db-base-border-weak-enabled: #62626280;
  --db-neutral-on-enabled: #000000bf;
  --db-neutral-origin-enabled: #646973;
  --db-neutral-origin-hover: #898c93;
  --db-neutral-origin-pressed: #a6a8ad;
  --db-neutral-text-enabled: #acb1bb;
  --db-neutral-text-hover: #9ea2ab;
  --db-neutral-text-pressed: #8e929a;
  --db-neutral-on-bg-enabled: #e5e6e9;
  --db-neutral-on-bg-hover: #73737540;
  --db-neutral-on-bg-pressed: #a2a3a580;
  --db-neutral-on-bg-weak-enabled: #73737540;
  --db-neutral-bg-enabled: #313235;
  --db-neutral-bg-strong-enabled: #464749;
  --db-neutral-element-enabled: #848b9a;
  --db-neutral-border-enabled: #727885bf;
  --db-neutral-border-weak-enabled: #5d626d80;
  --db-brand-on-enabled: #fff;
  --db-brand-origin-enabled: #ec0016;
  --db-brand-origin-hover: #ef6668;
  --db-brand-origin-pressed: #f29091;
  --db-brand-text-enabled: #ff8c70;
  --db-brand-text-hover: #ea8067;
  --db-brand-text-pressed: #d2735c;
  --db-brand-on-bg-enabled: #ffddd7;
  --db-brand-on-bg-hover: #806f6c40;
  --db-brand-on-bg-pressed: #b49c9880;
  --db-brand-on-bg-weak-enabled: #806f6c40;
  --db-brand-bg-enabled: #482820;
  --db-brand-bg-strong-enabled: #57403c;
  --db-brand-element-enabled: #ff4214;
  --db-brand-border-enabled: #dd3911bf;
  --db-brand-border-weak-enabled: #b42f0e80;
  --db-informational-on-enabled: #000000bf;
  --db-informational-origin-enabled: #309fd1;
  --db-informational-origin-hover: #6fb2d9;
  --db-informational-origin-pressed: #96c3e1;
  --db-informational-text-enabled: #50b3ea;
  --db-informational-text-hover: #49a4d6;
  --db-informational-text-pressed: #4294c1;
  --db-informational-on-bg-enabled: #d2e7f8;
  --db-informational-on-bg-hover: #69747c40;
  --db-informational-on-bg-pressed: #94a3af80;
  --db-informational-on-bg-weak-enabled: #69747c40;
  --db-informational-bg-enabled: #173342;
  --db-informational-bg-strong-enabled: #384752;
  --db-informational-element-enabled: #1a93d6;
  --db-informational-border-enabled: #177fb9bf;
  --db-informational-border-weak-enabled: #12689780;
  --db-warning-on-enabled: #000000bf;
  --db-warning-origin-enabled: #f39200;
  --db-warning-origin-hover: #f5a866;
  --db-warning-origin-pressed: #f7bc90;
  --db-warning-text-enabled: #f59303;
  --db-warning-text-hover: #e18703;
  --db-warning-text-pressed: #ca7902;
  --db-warning-on-bg-enabled: #fbdecc;
  --db-warning-on-bg-hover: #7e6f6640;
  --db-warning-on-bg-pressed: #b19d9080;
  --db-warning-on-bg-weak-enabled: #7e6f6640;
  --db-warning-bg-enabled: #452a01;
  --db-warning-bg-strong-enabled: #554233;
  --db-warning-element-enabled: #fc9703;
  --db-warning-border-enabled: #da8303bf;
  --db-warning-border-weak-enabled: #b26b0280;
  --db-successful-on-enabled: #000000bf;
  --db-successful-origin-enabled: #63a615;
  --db-successful-origin-hover: #89b768;
  --db-successful-origin-pressed: #a6c791;
  --db-successful-text-enabled: #81bf35;
  --db-successful-text-hover: #76af31;
  --db-successful-text-pressed: #6a9e2c;
  --db-successful-on-bg-enabled: #daeace;
  --db-successful-on-bg-hover: #6d756740;
  --db-successful-on-bg-pressed: #9aa59280;
  --db-successful-on-bg-weak-enabled: #6d756740;
  --db-successful-bg-enabled: #24360f;
  --db-successful-bg-strong-enabled: #3e4935;
  --db-successful-element-enabled: #87c837;
  --db-successful-border-enabled: #75ad30bf;
  --db-successful-border-weak-enabled: #5f8d2780;
  --db-critical-on-enabled: #000000bf;
  --db-critical-origin-enabled: #ec0016;
  --db-critical-origin-hover: #ef6668;
  --db-critical-origin-pressed: #f29091;
  --db-critical-text-enabled: #ff8c70;
  --db-critical-text-hover: #ea8067;
  --db-critical-text-pressed: #d2735c;
  --db-critical-on-bg-enabled: #ffddd7;
  --db-critical-on-bg-hover: #806f6c40;
  --db-critical-on-bg-pressed: #b49c9880;
  --db-critical-on-bg-weak-enabled: #806f6c40;
  --db-critical-bg-enabled: #482820;
  --db-critical-bg-strong-enabled: #57403c;
  --db-critical-element-enabled: #ff4214;
  --db-critical-border-enabled: #dd3911bf;
  --db-critical-border-weak-enabled: #b42f0e80;
  color-scheme: dark;
}
