/* Palette colors */
/* Variants for adaptive components like input, select, alert, ... */
[data-color-scheme=light], [data-color-scheme=dark] {
  /* used for transparent backgrounds */
  --db-current-bg-transparent-full: var(
  	--db-base-bg-transparent-full
  );
  --db-current-bg-transparent-semi: var(
  	--db-base-bg-transparent-semi
  );
  --db-current-bg-transparent-hover: var(
  	--db-base-bg-transparent-hover
  );
  --db-current-bg-transparent-pressed: var(
  	--db-base-bg-transparent-pressed
  );
  /* used for text */
  --db-current-color: var(--db-base-on-bg);
  /* used for checkbox:checked */
  --db-current-color-hover: var(--db-base-on-bg-hover);
  --db-current-color-pressed: var(--db-base-on-bg-pressed);
  /* used as normal backgrounds */
  --db-current-bg-color: var(--db-base-bg);
  /* used for icons and borders */
  --db-current-contrast-low-color: var(--db-base-contrast-low);
  --db-current-border-color: var(--db-base-border);
}

[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] {
  /* used for text */
  --db-current-color: var(--db-base-on-bg-weak);
  /* used for checkbox:checked */
  --db-current-color-hover: var(--db-base-on-bg-weak-hover);
  --db-current-color-pressed: var(
  	--db-base-on-bg-weak-pressed
  );
  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-0: #000;
  --db-base-1: #1a1c1e;
  --db-base-2: #2e3034;
  --db-base-3: #43464b;
  --db-base-4: #5a5e64;
  --db-base-5: #80858e;
  --db-base-6: #989ea8;
  --db-base-7: #b0b5bc;
  --db-base-8: #c4c7cd;
  --db-base-9: #e0e2e4;
  --db-base-10: #eff0f1;
  --db-base-11: #f8f8f9;
  --db-base-12: #fff;
  --db-brand-0: #000;
  --db-brand-1: #410002;
  --db-brand-2: #680004;
  --db-brand-3: #920009;
  --db-brand-4: #be000f;
  --db-brand-5: #ff2d35;
  --db-brand-6: #ff7072;
  --db-brand-7: #ff9799;
  --db-brand-8: #ffb4b5;
  --db-brand-9: #ffd8d9;
  --db-brand-10: #ffebec;
  --db-brand-11: #fff7f7;
  --db-brand-12: #fff;
  --db-neutral-0: #000;
  --db-neutral-1: #1a1c1f;
  --db-neutral-2: #2e3035;
  --db-neutral-3: #43464d;
  --db-neutral-4: #595e67;
  --db-neutral-5: #7f8592;
  --db-neutral-6: #989eaa;
  --db-neutral-7: #b0b4be;
  --db-neutral-8: #c4c7ce;
  --db-neutral-9: #e0e1e5;
  --db-neutral-10: #eff0f2;
  --db-neutral-11: #f8f8f9;
  --db-neutral-12: #fff;
  --db-informational-0: #000;
  --db-informational-1: #041e2b;
  --db-informational-2: #0a3447;
  --db-informational-3: #124b65;
  --db-informational-4: #1b6485;
  --db-informational-5: #2a8ebb;
  --db-informational-6: #33a8dd;
  --db-informational-7: #48c0f9;
  --db-informational-8: #8bcffa;
  --db-informational-9: #c8e5fd;
  --db-informational-10: #e4f2fe;
  --db-informational-11: #f3f9fe;
  --db-informational-12: #fff;
  --db-warning-0: #000;
  --db-warning-1: #2c1600;
  --db-warning-2: #492800;
  --db-warning-3: #683b00;
  --db-warning-4: #895000;
  --db-warning-5: #c07300;
  --db-warning-6: #e38800;
  --db-warning-7: #ff9e2f;
  --db-warning-8: #ffb884;
  --db-warning-9: #ffdac6;
  --db-warning-10: #ffece3;
  --db-warning-11: #fff7f3;
  --db-warning-12: #fff;
  --db-successful-0: #000;
  --db-successful-1: #0f2001;
  --db-successful-2: #1d3702;
  --db-successful-3: #2c4f05;
  --db-successful-4: #3d6909;
  --db-successful-5: #589412;
  --db-successful-6: #69b017;
  --db-successful-7: #79c91c;
  --db-successful-8: #86dd20;
  --db-successful-9: #98fb25;
  --db-successful-10: #cbffad;
  --db-successful-11: #eaffdf;
  --db-successful-12: #fff;
  --db-critical-0: #000;
  --db-critical-1: #410002;
  --db-critical-2: #680004;
  --db-critical-3: #920009;
  --db-critical-4: #be000f;
  --db-critical-5: #ff2d35;
  --db-critical-6: #ff7072;
  --db-critical-7: #ff9799;
  --db-critical-8: #ffb4b5;
  --db-critical-9: #ffd8d9;
  --db-critical-10: #ffebec;
  --db-critical-11: #fff7f7;
  --db-critical-12: #fff;
  --db-base-bg: var(--db-base-12);
  --db-base-bg-hover: var(--db-base-11);
  --db-base-bg-pressed: var(--db-base-10);
  --db-base-bg-weak: var(--db-base-11);
  --db-base-bg-weak-hover: var(--db-base-10);
  --db-base-bg-weak-pressed: var(--db-base-9);
  --db-base-bg-strong: var(--db-base-10);
  --db-base-bg-strong-hover: var(--db-base-9);
  --db-base-bg-strong-pressed: var(--db-base-8);
  --db-base-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-base-4)
  );
  --db-base-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-base-4)
  );
  --db-base-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-base-4)
  );
  --db-base-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-base-4)
  );
  --db-base-on-bg: var(--db-base-1);
  --db-base-on-bg-hover: var(--db-base-2);
  --db-base-on-bg-pressed: var(--db-base-3);
  --db-base-on-bg-weak: var(--db-base-3);
  --db-base-on-bg-weak-hover: var(--db-base-4);
  --db-base-on-bg-weak-pressed: var(--db-base-5);
  --db-base-contrast-high: var(--db-base-4);
  --db-base-contrast-high-hover: var(--db-base-3);
  --db-base-contrast-high-pressed: var(--db-base-2);
  --db-base-contrast-low: var(--db-base-5);
  --db-base-contrast-low-hover: var(--db-base-4);
  --db-base-contrast-low-pressed: var(--db-base-3);
  --db-base-border: var(--db-base-7);
  --db-brand-on-enabled: #fff;
  --db-brand-origin-enabled: #ec0016;
  --db-brand-origin-hover: #ff2d35;
  --db-brand-origin-pressed: #ff7072;
  --db-brand-bg: var(--db-brand-12);
  --db-brand-bg-hover: var(--db-brand-11);
  --db-brand-bg-pressed: var(--db-brand-10);
  --db-brand-bg-weak: var(--db-brand-11);
  --db-brand-bg-weak-hover: var(--db-brand-10);
  --db-brand-bg-weak-pressed: var(--db-brand-9);
  --db-brand-bg-strong: var(--db-brand-10);
  --db-brand-bg-strong-hover: var(--db-brand-9);
  --db-brand-bg-strong-pressed: var(--db-brand-8);
  --db-brand-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-brand-4)
  );
  --db-brand-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-brand-4)
  );
  --db-brand-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-brand-4)
  );
  --db-brand-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-brand-4)
  );
  --db-brand-on-bg: var(--db-brand-1);
  --db-brand-on-bg-hover: var(--db-brand-2);
  --db-brand-on-bg-pressed: var(--db-brand-3);
  --db-brand-on-bg-weak: var(--db-brand-3);
  --db-brand-on-bg-weak-hover: var(--db-brand-4);
  --db-brand-on-bg-weak-pressed: var(--db-brand-5);
  --db-brand-contrast-high: var(--db-brand-4);
  --db-brand-contrast-high-hover: var(--db-brand-3);
  --db-brand-contrast-high-pressed: var(--db-brand-2);
  --db-brand-contrast-low: var(--db-brand-5);
  --db-brand-contrast-low-hover: var(--db-brand-4);
  --db-brand-contrast-low-pressed: var(--db-brand-3);
  --db-brand-border: var(--db-brand-7);
  --db-neutral-bg: var(--db-neutral-12);
  --db-neutral-bg-hover: var(--db-neutral-11);
  --db-neutral-bg-pressed: var(--db-neutral-10);
  --db-neutral-bg-weak: var(--db-neutral-11);
  --db-neutral-bg-weak-hover: var(--db-neutral-10);
  --db-neutral-bg-weak-pressed: var(--db-neutral-9);
  --db-neutral-bg-strong: var(--db-neutral-10);
  --db-neutral-bg-strong-hover: var(--db-neutral-9);
  --db-neutral-bg-strong-pressed: var(--db-neutral-8);
  --db-neutral-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-neutral-4)
  );
  --db-neutral-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-neutral-4)
  );
  --db-neutral-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-neutral-4)
  );
  --db-neutral-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-neutral-4)
  );
  --db-neutral-on-bg: var(--db-neutral-1);
  --db-neutral-on-bg-hover: var(--db-neutral-2);
  --db-neutral-on-bg-pressed: var(--db-neutral-3);
  --db-neutral-on-bg-weak: var(--db-neutral-3);
  --db-neutral-on-bg-weak-hover: var(--db-neutral-4);
  --db-neutral-on-bg-weak-pressed: var(--db-neutral-5);
  --db-neutral-contrast-high: var(--db-neutral-4);
  --db-neutral-contrast-high-hover: var(--db-neutral-3);
  --db-neutral-contrast-high-pressed: var(--db-neutral-2);
  --db-neutral-contrast-low: var(--db-neutral-5);
  --db-neutral-contrast-low-hover: var(--db-neutral-4);
  --db-neutral-contrast-low-pressed: var(--db-neutral-3);
  --db-neutral-border: var(--db-neutral-7);
  --db-informational-bg: var(--db-informational-12);
  --db-informational-bg-hover: var(--db-informational-11);
  --db-informational-bg-pressed: var(--db-informational-10);
  --db-informational-bg-weak: var(--db-informational-11);
  --db-informational-bg-weak-hover: var(--db-informational-10);
  --db-informational-bg-weak-pressed: var(--db-informational-9);
  --db-informational-bg-strong: var(--db-informational-10);
  --db-informational-bg-strong-hover: var(--db-informational-9);
  --db-informational-bg-strong-pressed: var(--db-informational-8);
  --db-informational-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-informational-4)
  );
  --db-informational-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-informational-4)
  );
  --db-informational-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-informational-4)
  );
  --db-informational-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-informational-4)
  );
  --db-informational-on-bg: var(--db-informational-1);
  --db-informational-on-bg-hover: var(--db-informational-2);
  --db-informational-on-bg-pressed: var(--db-informational-3);
  --db-informational-on-bg-weak: var(--db-informational-3);
  --db-informational-on-bg-weak-hover: var(--db-informational-4);
  --db-informational-on-bg-weak-pressed: var(--db-informational-5);
  --db-informational-contrast-high: var(--db-informational-4);
  --db-informational-contrast-high-hover: var(--db-informational-3);
  --db-informational-contrast-high-pressed: var(--db-informational-2);
  --db-informational-contrast-low: var(--db-informational-5);
  --db-informational-contrast-low-hover: var(--db-informational-4);
  --db-informational-contrast-low-pressed: var(--db-informational-3);
  --db-informational-border: var(--db-informational-7);
  --db-warning-bg: var(--db-warning-12);
  --db-warning-bg-hover: var(--db-warning-11);
  --db-warning-bg-pressed: var(--db-warning-10);
  --db-warning-bg-weak: var(--db-warning-11);
  --db-warning-bg-weak-hover: var(--db-warning-10);
  --db-warning-bg-weak-pressed: var(--db-warning-9);
  --db-warning-bg-strong: var(--db-warning-10);
  --db-warning-bg-strong-hover: var(--db-warning-9);
  --db-warning-bg-strong-pressed: var(--db-warning-8);
  --db-warning-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-warning-4)
  );
  --db-warning-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-warning-4)
  );
  --db-warning-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-warning-4)
  );
  --db-warning-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-warning-4)
  );
  --db-warning-on-bg: var(--db-warning-1);
  --db-warning-on-bg-hover: var(--db-warning-2);
  --db-warning-on-bg-pressed: var(--db-warning-3);
  --db-warning-on-bg-weak: var(--db-warning-3);
  --db-warning-on-bg-weak-hover: var(--db-warning-4);
  --db-warning-on-bg-weak-pressed: var(--db-warning-5);
  --db-warning-contrast-high: var(--db-warning-4);
  --db-warning-contrast-high-hover: var(--db-warning-3);
  --db-warning-contrast-high-pressed: var(--db-warning-2);
  --db-warning-contrast-low: var(--db-warning-5);
  --db-warning-contrast-low-hover: var(--db-warning-4);
  --db-warning-contrast-low-pressed: var(--db-warning-3);
  --db-warning-border: var(--db-warning-7);
  --db-successful-bg: var(--db-successful-12);
  --db-successful-bg-hover: var(--db-successful-11);
  --db-successful-bg-pressed: var(--db-successful-10);
  --db-successful-bg-weak: var(--db-successful-11);
  --db-successful-bg-weak-hover: var(--db-successful-10);
  --db-successful-bg-weak-pressed: var(--db-successful-9);
  --db-successful-bg-strong: var(--db-successful-10);
  --db-successful-bg-strong-hover: var(--db-successful-9);
  --db-successful-bg-strong-pressed: var(--db-successful-8);
  --db-successful-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-successful-4)
  );
  --db-successful-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-successful-4)
  );
  --db-successful-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-successful-4)
  );
  --db-successful-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-successful-4)
  );
  --db-successful-on-bg: var(--db-successful-1);
  --db-successful-on-bg-hover: var(--db-successful-2);
  --db-successful-on-bg-pressed: var(--db-successful-3);
  --db-successful-on-bg-weak: var(--db-successful-3);
  --db-successful-on-bg-weak-hover: var(--db-successful-4);
  --db-successful-on-bg-weak-pressed: var(--db-successful-5);
  --db-successful-contrast-high: var(--db-successful-4);
  --db-successful-contrast-high-hover: var(--db-successful-3);
  --db-successful-contrast-high-pressed: var(--db-successful-2);
  --db-successful-contrast-low: var(--db-successful-5);
  --db-successful-contrast-low-hover: var(--db-successful-4);
  --db-successful-contrast-low-pressed: var(--db-successful-3);
  --db-successful-border: var(--db-successful-7);
  --db-critical-bg: var(--db-critical-12);
  --db-critical-bg-hover: var(--db-critical-11);
  --db-critical-bg-pressed: var(--db-critical-10);
  --db-critical-bg-weak: var(--db-critical-11);
  --db-critical-bg-weak-hover: var(--db-critical-10);
  --db-critical-bg-weak-pressed: var(--db-critical-9);
  --db-critical-bg-strong: var(--db-critical-10);
  --db-critical-bg-strong-hover: var(--db-critical-9);
  --db-critical-bg-strong-pressed: var(--db-critical-8);
  --db-critical-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-critical-4)
  );
  --db-critical-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-critical-4)
  );
  --db-critical-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-critical-4)
  );
  --db-critical-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-critical-4)
  );
  --db-critical-on-bg: var(--db-critical-1);
  --db-critical-on-bg-hover: var(--db-critical-2);
  --db-critical-on-bg-pressed: var(--db-critical-3);
  --db-critical-on-bg-weak: var(--db-critical-3);
  --db-critical-on-bg-weak-hover: var(--db-critical-4);
  --db-critical-on-bg-weak-pressed: var(--db-critical-5);
  --db-critical-contrast-high: var(--db-critical-4);
  --db-critical-contrast-high-hover: var(--db-critical-3);
  --db-critical-contrast-high-pressed: var(--db-critical-2);
  --db-critical-contrast-low: var(--db-critical-5);
  --db-critical-contrast-low-hover: var(--db-critical-4);
  --db-critical-contrast-low-pressed: var(--db-critical-3);
  --db-critical-border: var(--db-critical-7);
  --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
  --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --db-base-bg: var(--db-base-2);
    --db-base-bg-hover: var(--db-base-3);
    --db-base-bg-pressed: var(--db-base-4);
    --db-base-bg-weak: var(--db-base-1);
    --db-base-bg-weak-hover: var(--db-base-2);
    --db-base-bg-weak-pressed: var(--db-base-3);
    --db-base-bg-strong: var(--db-base-0);
    --db-base-bg-strong-hover: var(--db-base-1);
    --db-base-bg-strong-pressed: var(--db-base-2);
    --db-base-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-base-8)
    );
    --db-base-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-base-8)
    );
    --db-base-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-base-8)
    );
    --db-base-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-base-8)
    );
    --db-base-on-bg: var(--db-base-11);
    --db-base-on-bg-hover: var(--db-base-10);
    --db-base-on-bg-pressed: var(--db-base-9);
    --db-base-on-bg-weak: var(--db-base-9);
    --db-base-on-bg-weak-hover: var(--db-base-8);
    --db-base-on-bg-weak-pressed: var(--db-base-7);
    --db-base-contrast-high: var(--db-base-8);
    --db-base-contrast-high-hover: var(--db-base-7);
    --db-base-contrast-high-pressed: var(--db-base-6);
    --db-base-contrast-low: var(--db-base-7);
    --db-base-contrast-low-hover: var(--db-base-6);
    --db-base-contrast-low-pressed: var(--db-base-5);
    --db-base-border: var(--db-base-4);
    --db-brand-on-enabled: #fff;
    --db-brand-origin-enabled: #ec0016;
    --db-brand-origin-hover: #fff;
    --db-brand-origin-pressed: #fff7f7;
    --db-brand-bg: var(--db-brand-2);
    --db-brand-bg-hover: var(--db-brand-3);
    --db-brand-bg-pressed: var(--db-brand-4);
    --db-brand-bg-weak: var(--db-brand-1);
    --db-brand-bg-weak-hover: var(--db-brand-2);
    --db-brand-bg-weak-pressed: var(--db-brand-3);
    --db-brand-bg-strong: var(--db-brand-0);
    --db-brand-bg-strong-hover: var(--db-brand-1);
    --db-brand-bg-strong-pressed: var(--db-brand-2);
    --db-brand-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-brand-8)
    );
    --db-brand-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-brand-8)
    );
    --db-brand-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-brand-8)
    );
    --db-brand-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-brand-8)
    );
    --db-brand-on-bg: var(--db-brand-11);
    --db-brand-on-bg-hover: var(--db-brand-10);
    --db-brand-on-bg-pressed: var(--db-brand-9);
    --db-brand-on-bg-weak: var(--db-brand-9);
    --db-brand-on-bg-weak-hover: var(--db-brand-8);
    --db-brand-on-bg-weak-pressed: var(--db-brand-7);
    --db-brand-contrast-high: var(--db-brand-8);
    --db-brand-contrast-high-hover: var(--db-brand-7);
    --db-brand-contrast-high-pressed: var(--db-brand-6);
    --db-brand-contrast-low: var(--db-brand-7);
    --db-brand-contrast-low-hover: var(--db-brand-6);
    --db-brand-contrast-low-pressed: var(--db-brand-5);
    --db-brand-border: var(--db-brand-4);
    --db-neutral-bg: var(--db-neutral-2);
    --db-neutral-bg-hover: var(--db-neutral-3);
    --db-neutral-bg-pressed: var(--db-neutral-4);
    --db-neutral-bg-weak: var(--db-neutral-1);
    --db-neutral-bg-weak-hover: var(--db-neutral-2);
    --db-neutral-bg-weak-pressed: var(--db-neutral-3);
    --db-neutral-bg-strong: var(--db-neutral-0);
    --db-neutral-bg-strong-hover: var(--db-neutral-1);
    --db-neutral-bg-strong-pressed: var(--db-neutral-2);
    --db-neutral-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-neutral-8)
    );
    --db-neutral-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-neutral-8)
    );
    --db-neutral-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-neutral-8)
    );
    --db-neutral-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-neutral-8)
    );
    --db-neutral-on-bg: var(--db-neutral-11);
    --db-neutral-on-bg-hover: var(--db-neutral-10);
    --db-neutral-on-bg-pressed: var(--db-neutral-9);
    --db-neutral-on-bg-weak: var(--db-neutral-9);
    --db-neutral-on-bg-weak-hover: var(--db-neutral-8);
    --db-neutral-on-bg-weak-pressed: var(--db-neutral-7);
    --db-neutral-contrast-high: var(--db-neutral-8);
    --db-neutral-contrast-high-hover: var(--db-neutral-7);
    --db-neutral-contrast-high-pressed: var(--db-neutral-6);
    --db-neutral-contrast-low: var(--db-neutral-7);
    --db-neutral-contrast-low-hover: var(--db-neutral-6);
    --db-neutral-contrast-low-pressed: var(--db-neutral-5);
    --db-neutral-border: var(--db-neutral-4);
    --db-informational-bg: var(--db-informational-2);
    --db-informational-bg-hover: var(--db-informational-3);
    --db-informational-bg-pressed: var(--db-informational-4);
    --db-informational-bg-weak: var(--db-informational-1);
    --db-informational-bg-weak-hover: var(--db-informational-2);
    --db-informational-bg-weak-pressed: var(--db-informational-3);
    --db-informational-bg-strong: var(--db-informational-0);
    --db-informational-bg-strong-hover: var(--db-informational-1);
    --db-informational-bg-strong-pressed: var(--db-informational-2);
    --db-informational-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-informational-8)
    );
    --db-informational-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-informational-8)
    );
    --db-informational-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-informational-8)
    );
    --db-informational-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-informational-8)
    );
    --db-informational-on-bg: var(--db-informational-11);
    --db-informational-on-bg-hover: var(--db-informational-10);
    --db-informational-on-bg-pressed: var(--db-informational-9);
    --db-informational-on-bg-weak: var(--db-informational-9);
    --db-informational-on-bg-weak-hover: var(--db-informational-8);
    --db-informational-on-bg-weak-pressed: var(--db-informational-7);
    --db-informational-contrast-high: var(--db-informational-8);
    --db-informational-contrast-high-hover: var(--db-informational-7);
    --db-informational-contrast-high-pressed: var(--db-informational-6);
    --db-informational-contrast-low: var(--db-informational-7);
    --db-informational-contrast-low-hover: var(--db-informational-6);
    --db-informational-contrast-low-pressed: var(--db-informational-5);
    --db-informational-border: var(--db-informational-4);
    --db-warning-bg: var(--db-warning-2);
    --db-warning-bg-hover: var(--db-warning-3);
    --db-warning-bg-pressed: var(--db-warning-4);
    --db-warning-bg-weak: var(--db-warning-1);
    --db-warning-bg-weak-hover: var(--db-warning-2);
    --db-warning-bg-weak-pressed: var(--db-warning-3);
    --db-warning-bg-strong: var(--db-warning-0);
    --db-warning-bg-strong-hover: var(--db-warning-1);
    --db-warning-bg-strong-pressed: var(--db-warning-2);
    --db-warning-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-warning-8)
    );
    --db-warning-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-warning-8)
    );
    --db-warning-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-warning-8)
    );
    --db-warning-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-warning-8)
    );
    --db-warning-on-bg: var(--db-warning-11);
    --db-warning-on-bg-hover: var(--db-warning-10);
    --db-warning-on-bg-pressed: var(--db-warning-9);
    --db-warning-on-bg-weak: var(--db-warning-9);
    --db-warning-on-bg-weak-hover: var(--db-warning-8);
    --db-warning-on-bg-weak-pressed: var(--db-warning-7);
    --db-warning-contrast-high: var(--db-warning-8);
    --db-warning-contrast-high-hover: var(--db-warning-7);
    --db-warning-contrast-high-pressed: var(--db-warning-6);
    --db-warning-contrast-low: var(--db-warning-7);
    --db-warning-contrast-low-hover: var(--db-warning-6);
    --db-warning-contrast-low-pressed: var(--db-warning-5);
    --db-warning-border: var(--db-warning-4);
    --db-successful-bg: var(--db-successful-2);
    --db-successful-bg-hover: var(--db-successful-3);
    --db-successful-bg-pressed: var(--db-successful-4);
    --db-successful-bg-weak: var(--db-successful-1);
    --db-successful-bg-weak-hover: var(--db-successful-2);
    --db-successful-bg-weak-pressed: var(--db-successful-3);
    --db-successful-bg-strong: var(--db-successful-0);
    --db-successful-bg-strong-hover: var(--db-successful-1);
    --db-successful-bg-strong-pressed: var(--db-successful-2);
    --db-successful-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-successful-8)
    );
    --db-successful-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-successful-8)
    );
    --db-successful-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-successful-8)
    );
    --db-successful-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-successful-8)
    );
    --db-successful-on-bg: var(--db-successful-11);
    --db-successful-on-bg-hover: var(--db-successful-10);
    --db-successful-on-bg-pressed: var(--db-successful-9);
    --db-successful-on-bg-weak: var(--db-successful-9);
    --db-successful-on-bg-weak-hover: var(--db-successful-8);
    --db-successful-on-bg-weak-pressed: var(--db-successful-7);
    --db-successful-contrast-high: var(--db-successful-8);
    --db-successful-contrast-high-hover: var(--db-successful-7);
    --db-successful-contrast-high-pressed: var(--db-successful-6);
    --db-successful-contrast-low: var(--db-successful-7);
    --db-successful-contrast-low-hover: var(--db-successful-6);
    --db-successful-contrast-low-pressed: var(--db-successful-5);
    --db-successful-border: var(--db-successful-4);
    --db-critical-bg: var(--db-critical-2);
    --db-critical-bg-hover: var(--db-critical-3);
    --db-critical-bg-pressed: var(--db-critical-4);
    --db-critical-bg-weak: var(--db-critical-1);
    --db-critical-bg-weak-hover: var(--db-critical-2);
    --db-critical-bg-weak-pressed: var(--db-critical-3);
    --db-critical-bg-strong: var(--db-critical-0);
    --db-critical-bg-strong-hover: var(--db-critical-1);
    --db-critical-bg-strong-pressed: var(--db-critical-2);
    --db-critical-bg-transparent-full: color-mix(
    	in srgb,
    	transparent 100%,
    	var(--db-critical-8)
    );
    --db-critical-bg-transparent-semi: color-mix(
    	in srgb,
    	transparent 92%,
    	var(--db-critical-8)
    );
    --db-critical-bg-transparent-hover: color-mix(
    	in srgb,
    	transparent 84%,
    	var(--db-critical-8)
    );
    --db-critical-bg-transparent-pressed: color-mix(
    	in srgb,
    	transparent 76%,
    	var(--db-critical-8)
    );
    --db-critical-on-bg: var(--db-critical-11);
    --db-critical-on-bg-hover: var(--db-critical-10);
    --db-critical-on-bg-pressed: var(--db-critical-9);
    --db-critical-on-bg-weak: var(--db-critical-9);
    --db-critical-on-bg-weak-hover: var(--db-critical-8);
    --db-critical-on-bg-weak-pressed: var(--db-critical-7);
    --db-critical-contrast-high: var(--db-critical-8);
    --db-critical-contrast-high-hover: var(--db-critical-7);
    --db-critical-contrast-high-pressed: var(--db-critical-6);
    --db-critical-contrast-low: var(--db-critical-7);
    --db-critical-contrast-low-hover: var(--db-critical-6);
    --db-critical-contrast-low-pressed: var(--db-critical-5);
    --db-critical-border: var(--db-critical-4);
    --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
    --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
    --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
    color-scheme: dark;
  }
}

[data-color-scheme=light] {
  --db-base-bg: var(--db-base-12);
  --db-base-bg-hover: var(--db-base-11);
  --db-base-bg-pressed: var(--db-base-10);
  --db-base-bg-weak: var(--db-base-11);
  --db-base-bg-weak-hover: var(--db-base-10);
  --db-base-bg-weak-pressed: var(--db-base-9);
  --db-base-bg-strong: var(--db-base-10);
  --db-base-bg-strong-hover: var(--db-base-9);
  --db-base-bg-strong-pressed: var(--db-base-8);
  --db-base-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-base-4)
  );
  --db-base-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-base-4)
  );
  --db-base-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-base-4)
  );
  --db-base-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-base-4)
  );
  --db-base-on-bg: var(--db-base-1);
  --db-base-on-bg-hover: var(--db-base-2);
  --db-base-on-bg-pressed: var(--db-base-3);
  --db-base-on-bg-weak: var(--db-base-3);
  --db-base-on-bg-weak-hover: var(--db-base-4);
  --db-base-on-bg-weak-pressed: var(--db-base-5);
  --db-base-contrast-high: var(--db-base-4);
  --db-base-contrast-high-hover: var(--db-base-3);
  --db-base-contrast-high-pressed: var(--db-base-2);
  --db-base-contrast-low: var(--db-base-5);
  --db-base-contrast-low-hover: var(--db-base-4);
  --db-base-contrast-low-pressed: var(--db-base-3);
  --db-base-border: var(--db-base-7);
  --db-brand-on-enabled: #fff;
  --db-brand-origin-enabled: #ec0016;
  --db-brand-origin-hover: #ff2d35;
  --db-brand-origin-pressed: #ff7072;
  --db-brand-bg: var(--db-brand-12);
  --db-brand-bg-hover: var(--db-brand-11);
  --db-brand-bg-pressed: var(--db-brand-10);
  --db-brand-bg-weak: var(--db-brand-11);
  --db-brand-bg-weak-hover: var(--db-brand-10);
  --db-brand-bg-weak-pressed: var(--db-brand-9);
  --db-brand-bg-strong: var(--db-brand-10);
  --db-brand-bg-strong-hover: var(--db-brand-9);
  --db-brand-bg-strong-pressed: var(--db-brand-8);
  --db-brand-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-brand-4)
  );
  --db-brand-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-brand-4)
  );
  --db-brand-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-brand-4)
  );
  --db-brand-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-brand-4)
  );
  --db-brand-on-bg: var(--db-brand-1);
  --db-brand-on-bg-hover: var(--db-brand-2);
  --db-brand-on-bg-pressed: var(--db-brand-3);
  --db-brand-on-bg-weak: var(--db-brand-3);
  --db-brand-on-bg-weak-hover: var(--db-brand-4);
  --db-brand-on-bg-weak-pressed: var(--db-brand-5);
  --db-brand-contrast-high: var(--db-brand-4);
  --db-brand-contrast-high-hover: var(--db-brand-3);
  --db-brand-contrast-high-pressed: var(--db-brand-2);
  --db-brand-contrast-low: var(--db-brand-5);
  --db-brand-contrast-low-hover: var(--db-brand-4);
  --db-brand-contrast-low-pressed: var(--db-brand-3);
  --db-brand-border: var(--db-brand-7);
  --db-neutral-bg: var(--db-neutral-12);
  --db-neutral-bg-hover: var(--db-neutral-11);
  --db-neutral-bg-pressed: var(--db-neutral-10);
  --db-neutral-bg-weak: var(--db-neutral-11);
  --db-neutral-bg-weak-hover: var(--db-neutral-10);
  --db-neutral-bg-weak-pressed: var(--db-neutral-9);
  --db-neutral-bg-strong: var(--db-neutral-10);
  --db-neutral-bg-strong-hover: var(--db-neutral-9);
  --db-neutral-bg-strong-pressed: var(--db-neutral-8);
  --db-neutral-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-neutral-4)
  );
  --db-neutral-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-neutral-4)
  );
  --db-neutral-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-neutral-4)
  );
  --db-neutral-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-neutral-4)
  );
  --db-neutral-on-bg: var(--db-neutral-1);
  --db-neutral-on-bg-hover: var(--db-neutral-2);
  --db-neutral-on-bg-pressed: var(--db-neutral-3);
  --db-neutral-on-bg-weak: var(--db-neutral-3);
  --db-neutral-on-bg-weak-hover: var(--db-neutral-4);
  --db-neutral-on-bg-weak-pressed: var(--db-neutral-5);
  --db-neutral-contrast-high: var(--db-neutral-4);
  --db-neutral-contrast-high-hover: var(--db-neutral-3);
  --db-neutral-contrast-high-pressed: var(--db-neutral-2);
  --db-neutral-contrast-low: var(--db-neutral-5);
  --db-neutral-contrast-low-hover: var(--db-neutral-4);
  --db-neutral-contrast-low-pressed: var(--db-neutral-3);
  --db-neutral-border: var(--db-neutral-7);
  --db-informational-bg: var(--db-informational-12);
  --db-informational-bg-hover: var(--db-informational-11);
  --db-informational-bg-pressed: var(--db-informational-10);
  --db-informational-bg-weak: var(--db-informational-11);
  --db-informational-bg-weak-hover: var(--db-informational-10);
  --db-informational-bg-weak-pressed: var(--db-informational-9);
  --db-informational-bg-strong: var(--db-informational-10);
  --db-informational-bg-strong-hover: var(--db-informational-9);
  --db-informational-bg-strong-pressed: var(--db-informational-8);
  --db-informational-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-informational-4)
  );
  --db-informational-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-informational-4)
  );
  --db-informational-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-informational-4)
  );
  --db-informational-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-informational-4)
  );
  --db-informational-on-bg: var(--db-informational-1);
  --db-informational-on-bg-hover: var(--db-informational-2);
  --db-informational-on-bg-pressed: var(--db-informational-3);
  --db-informational-on-bg-weak: var(--db-informational-3);
  --db-informational-on-bg-weak-hover: var(--db-informational-4);
  --db-informational-on-bg-weak-pressed: var(--db-informational-5);
  --db-informational-contrast-high: var(--db-informational-4);
  --db-informational-contrast-high-hover: var(--db-informational-3);
  --db-informational-contrast-high-pressed: var(--db-informational-2);
  --db-informational-contrast-low: var(--db-informational-5);
  --db-informational-contrast-low-hover: var(--db-informational-4);
  --db-informational-contrast-low-pressed: var(--db-informational-3);
  --db-informational-border: var(--db-informational-7);
  --db-warning-bg: var(--db-warning-12);
  --db-warning-bg-hover: var(--db-warning-11);
  --db-warning-bg-pressed: var(--db-warning-10);
  --db-warning-bg-weak: var(--db-warning-11);
  --db-warning-bg-weak-hover: var(--db-warning-10);
  --db-warning-bg-weak-pressed: var(--db-warning-9);
  --db-warning-bg-strong: var(--db-warning-10);
  --db-warning-bg-strong-hover: var(--db-warning-9);
  --db-warning-bg-strong-pressed: var(--db-warning-8);
  --db-warning-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-warning-4)
  );
  --db-warning-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-warning-4)
  );
  --db-warning-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-warning-4)
  );
  --db-warning-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-warning-4)
  );
  --db-warning-on-bg: var(--db-warning-1);
  --db-warning-on-bg-hover: var(--db-warning-2);
  --db-warning-on-bg-pressed: var(--db-warning-3);
  --db-warning-on-bg-weak: var(--db-warning-3);
  --db-warning-on-bg-weak-hover: var(--db-warning-4);
  --db-warning-on-bg-weak-pressed: var(--db-warning-5);
  --db-warning-contrast-high: var(--db-warning-4);
  --db-warning-contrast-high-hover: var(--db-warning-3);
  --db-warning-contrast-high-pressed: var(--db-warning-2);
  --db-warning-contrast-low: var(--db-warning-5);
  --db-warning-contrast-low-hover: var(--db-warning-4);
  --db-warning-contrast-low-pressed: var(--db-warning-3);
  --db-warning-border: var(--db-warning-7);
  --db-successful-bg: var(--db-successful-12);
  --db-successful-bg-hover: var(--db-successful-11);
  --db-successful-bg-pressed: var(--db-successful-10);
  --db-successful-bg-weak: var(--db-successful-11);
  --db-successful-bg-weak-hover: var(--db-successful-10);
  --db-successful-bg-weak-pressed: var(--db-successful-9);
  --db-successful-bg-strong: var(--db-successful-10);
  --db-successful-bg-strong-hover: var(--db-successful-9);
  --db-successful-bg-strong-pressed: var(--db-successful-8);
  --db-successful-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-successful-4)
  );
  --db-successful-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-successful-4)
  );
  --db-successful-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-successful-4)
  );
  --db-successful-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-successful-4)
  );
  --db-successful-on-bg: var(--db-successful-1);
  --db-successful-on-bg-hover: var(--db-successful-2);
  --db-successful-on-bg-pressed: var(--db-successful-3);
  --db-successful-on-bg-weak: var(--db-successful-3);
  --db-successful-on-bg-weak-hover: var(--db-successful-4);
  --db-successful-on-bg-weak-pressed: var(--db-successful-5);
  --db-successful-contrast-high: var(--db-successful-4);
  --db-successful-contrast-high-hover: var(--db-successful-3);
  --db-successful-contrast-high-pressed: var(--db-successful-2);
  --db-successful-contrast-low: var(--db-successful-5);
  --db-successful-contrast-low-hover: var(--db-successful-4);
  --db-successful-contrast-low-pressed: var(--db-successful-3);
  --db-successful-border: var(--db-successful-7);
  --db-critical-bg: var(--db-critical-12);
  --db-critical-bg-hover: var(--db-critical-11);
  --db-critical-bg-pressed: var(--db-critical-10);
  --db-critical-bg-weak: var(--db-critical-11);
  --db-critical-bg-weak-hover: var(--db-critical-10);
  --db-critical-bg-weak-pressed: var(--db-critical-9);
  --db-critical-bg-strong: var(--db-critical-10);
  --db-critical-bg-strong-hover: var(--db-critical-9);
  --db-critical-bg-strong-pressed: var(--db-critical-8);
  --db-critical-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-critical-4)
  );
  --db-critical-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-critical-4)
  );
  --db-critical-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-critical-4)
  );
  --db-critical-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-critical-4)
  );
  --db-critical-on-bg: var(--db-critical-1);
  --db-critical-on-bg-hover: var(--db-critical-2);
  --db-critical-on-bg-pressed: var(--db-critical-3);
  --db-critical-on-bg-weak: var(--db-critical-3);
  --db-critical-on-bg-weak-hover: var(--db-critical-4);
  --db-critical-on-bg-weak-pressed: var(--db-critical-5);
  --db-critical-contrast-high: var(--db-critical-4);
  --db-critical-contrast-high-hover: var(--db-critical-3);
  --db-critical-contrast-high-pressed: var(--db-critical-2);
  --db-critical-contrast-low: var(--db-critical-5);
  --db-critical-contrast-low-hover: var(--db-critical-4);
  --db-critical-contrast-low-pressed: var(--db-critical-3);
  --db-critical-border: var(--db-critical-7);
  --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
  --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
  color-scheme: light;
}

[data-color-scheme=dark] {
  --db-base-bg: var(--db-base-2);
  --db-base-bg-hover: var(--db-base-3);
  --db-base-bg-pressed: var(--db-base-4);
  --db-base-bg-weak: var(--db-base-1);
  --db-base-bg-weak-hover: var(--db-base-2);
  --db-base-bg-weak-pressed: var(--db-base-3);
  --db-base-bg-strong: var(--db-base-0);
  --db-base-bg-strong-hover: var(--db-base-1);
  --db-base-bg-strong-pressed: var(--db-base-2);
  --db-base-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-base-8)
  );
  --db-base-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-base-8)
  );
  --db-base-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-base-8)
  );
  --db-base-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-base-8)
  );
  --db-base-on-bg: var(--db-base-11);
  --db-base-on-bg-hover: var(--db-base-10);
  --db-base-on-bg-pressed: var(--db-base-9);
  --db-base-on-bg-weak: var(--db-base-9);
  --db-base-on-bg-weak-hover: var(--db-base-8);
  --db-base-on-bg-weak-pressed: var(--db-base-7);
  --db-base-contrast-high: var(--db-base-8);
  --db-base-contrast-high-hover: var(--db-base-7);
  --db-base-contrast-high-pressed: var(--db-base-6);
  --db-base-contrast-low: var(--db-base-7);
  --db-base-contrast-low-hover: var(--db-base-6);
  --db-base-contrast-low-pressed: var(--db-base-5);
  --db-base-border: var(--db-base-4);
  --db-brand-on-enabled: #fff;
  --db-brand-origin-enabled: #ec0016;
  --db-brand-origin-hover: #fff;
  --db-brand-origin-pressed: #fff7f7;
  --db-brand-bg: var(--db-brand-2);
  --db-brand-bg-hover: var(--db-brand-3);
  --db-brand-bg-pressed: var(--db-brand-4);
  --db-brand-bg-weak: var(--db-brand-1);
  --db-brand-bg-weak-hover: var(--db-brand-2);
  --db-brand-bg-weak-pressed: var(--db-brand-3);
  --db-brand-bg-strong: var(--db-brand-0);
  --db-brand-bg-strong-hover: var(--db-brand-1);
  --db-brand-bg-strong-pressed: var(--db-brand-2);
  --db-brand-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-brand-8)
  );
  --db-brand-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-brand-8)
  );
  --db-brand-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-brand-8)
  );
  --db-brand-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-brand-8)
  );
  --db-brand-on-bg: var(--db-brand-11);
  --db-brand-on-bg-hover: var(--db-brand-10);
  --db-brand-on-bg-pressed: var(--db-brand-9);
  --db-brand-on-bg-weak: var(--db-brand-9);
  --db-brand-on-bg-weak-hover: var(--db-brand-8);
  --db-brand-on-bg-weak-pressed: var(--db-brand-7);
  --db-brand-contrast-high: var(--db-brand-8);
  --db-brand-contrast-high-hover: var(--db-brand-7);
  --db-brand-contrast-high-pressed: var(--db-brand-6);
  --db-brand-contrast-low: var(--db-brand-7);
  --db-brand-contrast-low-hover: var(--db-brand-6);
  --db-brand-contrast-low-pressed: var(--db-brand-5);
  --db-brand-border: var(--db-brand-4);
  --db-neutral-bg: var(--db-neutral-2);
  --db-neutral-bg-hover: var(--db-neutral-3);
  --db-neutral-bg-pressed: var(--db-neutral-4);
  --db-neutral-bg-weak: var(--db-neutral-1);
  --db-neutral-bg-weak-hover: var(--db-neutral-2);
  --db-neutral-bg-weak-pressed: var(--db-neutral-3);
  --db-neutral-bg-strong: var(--db-neutral-0);
  --db-neutral-bg-strong-hover: var(--db-neutral-1);
  --db-neutral-bg-strong-pressed: var(--db-neutral-2);
  --db-neutral-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-neutral-8)
  );
  --db-neutral-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-neutral-8)
  );
  --db-neutral-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-neutral-8)
  );
  --db-neutral-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-neutral-8)
  );
  --db-neutral-on-bg: var(--db-neutral-11);
  --db-neutral-on-bg-hover: var(--db-neutral-10);
  --db-neutral-on-bg-pressed: var(--db-neutral-9);
  --db-neutral-on-bg-weak: var(--db-neutral-9);
  --db-neutral-on-bg-weak-hover: var(--db-neutral-8);
  --db-neutral-on-bg-weak-pressed: var(--db-neutral-7);
  --db-neutral-contrast-high: var(--db-neutral-8);
  --db-neutral-contrast-high-hover: var(--db-neutral-7);
  --db-neutral-contrast-high-pressed: var(--db-neutral-6);
  --db-neutral-contrast-low: var(--db-neutral-7);
  --db-neutral-contrast-low-hover: var(--db-neutral-6);
  --db-neutral-contrast-low-pressed: var(--db-neutral-5);
  --db-neutral-border: var(--db-neutral-4);
  --db-informational-bg: var(--db-informational-2);
  --db-informational-bg-hover: var(--db-informational-3);
  --db-informational-bg-pressed: var(--db-informational-4);
  --db-informational-bg-weak: var(--db-informational-1);
  --db-informational-bg-weak-hover: var(--db-informational-2);
  --db-informational-bg-weak-pressed: var(--db-informational-3);
  --db-informational-bg-strong: var(--db-informational-0);
  --db-informational-bg-strong-hover: var(--db-informational-1);
  --db-informational-bg-strong-pressed: var(--db-informational-2);
  --db-informational-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-informational-8)
  );
  --db-informational-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-informational-8)
  );
  --db-informational-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-informational-8)
  );
  --db-informational-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-informational-8)
  );
  --db-informational-on-bg: var(--db-informational-11);
  --db-informational-on-bg-hover: var(--db-informational-10);
  --db-informational-on-bg-pressed: var(--db-informational-9);
  --db-informational-on-bg-weak: var(--db-informational-9);
  --db-informational-on-bg-weak-hover: var(--db-informational-8);
  --db-informational-on-bg-weak-pressed: var(--db-informational-7);
  --db-informational-contrast-high: var(--db-informational-8);
  --db-informational-contrast-high-hover: var(--db-informational-7);
  --db-informational-contrast-high-pressed: var(--db-informational-6);
  --db-informational-contrast-low: var(--db-informational-7);
  --db-informational-contrast-low-hover: var(--db-informational-6);
  --db-informational-contrast-low-pressed: var(--db-informational-5);
  --db-informational-border: var(--db-informational-4);
  --db-warning-bg: var(--db-warning-2);
  --db-warning-bg-hover: var(--db-warning-3);
  --db-warning-bg-pressed: var(--db-warning-4);
  --db-warning-bg-weak: var(--db-warning-1);
  --db-warning-bg-weak-hover: var(--db-warning-2);
  --db-warning-bg-weak-pressed: var(--db-warning-3);
  --db-warning-bg-strong: var(--db-warning-0);
  --db-warning-bg-strong-hover: var(--db-warning-1);
  --db-warning-bg-strong-pressed: var(--db-warning-2);
  --db-warning-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-warning-8)
  );
  --db-warning-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-warning-8)
  );
  --db-warning-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-warning-8)
  );
  --db-warning-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-warning-8)
  );
  --db-warning-on-bg: var(--db-warning-11);
  --db-warning-on-bg-hover: var(--db-warning-10);
  --db-warning-on-bg-pressed: var(--db-warning-9);
  --db-warning-on-bg-weak: var(--db-warning-9);
  --db-warning-on-bg-weak-hover: var(--db-warning-8);
  --db-warning-on-bg-weak-pressed: var(--db-warning-7);
  --db-warning-contrast-high: var(--db-warning-8);
  --db-warning-contrast-high-hover: var(--db-warning-7);
  --db-warning-contrast-high-pressed: var(--db-warning-6);
  --db-warning-contrast-low: var(--db-warning-7);
  --db-warning-contrast-low-hover: var(--db-warning-6);
  --db-warning-contrast-low-pressed: var(--db-warning-5);
  --db-warning-border: var(--db-warning-4);
  --db-successful-bg: var(--db-successful-2);
  --db-successful-bg-hover: var(--db-successful-3);
  --db-successful-bg-pressed: var(--db-successful-4);
  --db-successful-bg-weak: var(--db-successful-1);
  --db-successful-bg-weak-hover: var(--db-successful-2);
  --db-successful-bg-weak-pressed: var(--db-successful-3);
  --db-successful-bg-strong: var(--db-successful-0);
  --db-successful-bg-strong-hover: var(--db-successful-1);
  --db-successful-bg-strong-pressed: var(--db-successful-2);
  --db-successful-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-successful-8)
  );
  --db-successful-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-successful-8)
  );
  --db-successful-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-successful-8)
  );
  --db-successful-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-successful-8)
  );
  --db-successful-on-bg: var(--db-successful-11);
  --db-successful-on-bg-hover: var(--db-successful-10);
  --db-successful-on-bg-pressed: var(--db-successful-9);
  --db-successful-on-bg-weak: var(--db-successful-9);
  --db-successful-on-bg-weak-hover: var(--db-successful-8);
  --db-successful-on-bg-weak-pressed: var(--db-successful-7);
  --db-successful-contrast-high: var(--db-successful-8);
  --db-successful-contrast-high-hover: var(--db-successful-7);
  --db-successful-contrast-high-pressed: var(--db-successful-6);
  --db-successful-contrast-low: var(--db-successful-7);
  --db-successful-contrast-low-hover: var(--db-successful-6);
  --db-successful-contrast-low-pressed: var(--db-successful-5);
  --db-successful-border: var(--db-successful-4);
  --db-critical-bg: var(--db-critical-2);
  --db-critical-bg-hover: var(--db-critical-3);
  --db-critical-bg-pressed: var(--db-critical-4);
  --db-critical-bg-weak: var(--db-critical-1);
  --db-critical-bg-weak-hover: var(--db-critical-2);
  --db-critical-bg-weak-pressed: var(--db-critical-3);
  --db-critical-bg-strong: var(--db-critical-0);
  --db-critical-bg-strong-hover: var(--db-critical-1);
  --db-critical-bg-strong-pressed: var(--db-critical-2);
  --db-critical-bg-transparent-full: color-mix(
  	in srgb,
  	transparent 100%,
  	var(--db-critical-8)
  );
  --db-critical-bg-transparent-semi: color-mix(
  	in srgb,
  	transparent 92%,
  	var(--db-critical-8)
  );
  --db-critical-bg-transparent-hover: color-mix(
  	in srgb,
  	transparent 84%,
  	var(--db-critical-8)
  );
  --db-critical-bg-transparent-pressed: color-mix(
  	in srgb,
  	transparent 76%,
  	var(--db-critical-8)
  );
  --db-critical-on-bg: var(--db-critical-11);
  --db-critical-on-bg-hover: var(--db-critical-10);
  --db-critical-on-bg-pressed: var(--db-critical-9);
  --db-critical-on-bg-weak: var(--db-critical-9);
  --db-critical-on-bg-weak-hover: var(--db-critical-8);
  --db-critical-on-bg-weak-pressed: var(--db-critical-7);
  --db-critical-contrast-high: var(--db-critical-8);
  --db-critical-contrast-high-hover: var(--db-critical-7);
  --db-critical-contrast-high-pressed: var(--db-critical-6);
  --db-critical-contrast-low: var(--db-critical-7);
  --db-critical-contrast-low-hover: var(--db-critical-6);
  --db-critical-contrast-low-pressed: var(--db-critical-5);
  --db-critical-border: var(--db-critical-4);
  --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
  --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
  --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
  color-scheme: dark;
}
