/* Variants for adaptive components like input, select, notification, ... */
[data-container-color=neutral],
.db-container-color-neutral, [data-color=neutral-bg-basic-level-3],
.db-neutral-bg-basic-level-3, [data-color=neutral-bg-basic-level-2],
.db-neutral-bg-basic-level-2, [data-color=neutral-bg-basic-level-1],
.db-neutral-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-neutral-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-neutral-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-neutral-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-neutral-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-neutral-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-neutral-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-neutral-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-neutral-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-neutral-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-neutral-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-neutral-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-neutral-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-neutral-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-neutral-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-neutral-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-neutral-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-neutral-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-neutral-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-neutral-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-neutral-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-neutral-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-neutral-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-neutral-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-neutral-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-neutral-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-neutral-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-neutral-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-neutral-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-neutral-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-neutral-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-neutral-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-neutral-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-neutral-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-neutral-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-neutral-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-neutral-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-neutral-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-neutral-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-neutral-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-neutral-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-neutral-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-neutral-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-neutral-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-neutral-origin-default);
  --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-neutral-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-neutral-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-neutral-on-origin-pressed
  );
}

[data-color=neutral-bg-basic-level-1],
.db-neutral-bg-basic-level-1 {
  background-color: var(--db-neutral-bg-basic-level-1-default);
  color: var(--db-neutral-on-bg-basic-emphasis-100-default);
}
[data-color=neutral-bg-basic-level-1]::before,
.db-neutral-bg-basic-level-1::before, [data-color=neutral-bg-basic-level-1]::after,
.db-neutral-bg-basic-level-1::after {
  --db-icon-color: var(--db-neutral-on-bg-basic-emphasis-100-default);
}

[data-color=neutral-bg-basic-level-2],
.db-neutral-bg-basic-level-2 {
  background-color: var(--db-neutral-bg-basic-level-2-default);
  color: var(--db-neutral-on-bg-basic-emphasis-100-default);
}
[data-color=neutral-bg-basic-level-2]::before,
.db-neutral-bg-basic-level-2::before, [data-color=neutral-bg-basic-level-2]::after,
.db-neutral-bg-basic-level-2::after {
  --db-icon-color: var(--db-neutral-on-bg-basic-emphasis-100-default);
}

[data-color=neutral-bg-basic-level-3],
.db-neutral-bg-basic-level-3 {
  background-color: var(--db-neutral-bg-basic-level-3-default);
  color: var(--db-neutral-on-bg-basic-emphasis-100-default);
}
[data-color=neutral-bg-basic-level-3]::before,
.db-neutral-bg-basic-level-3::before, [data-color=neutral-bg-basic-level-3]::after,
.db-neutral-bg-basic-level-3::after {
  --db-icon-color: var(--db-neutral-on-bg-basic-emphasis-100-default);
}

[data-container-color=brand],
.db-container-color-brand, [data-color=brand-bg-basic-level-3],
.db-brand-bg-basic-level-3, [data-color=brand-bg-basic-level-2],
.db-brand-bg-basic-level-2, [data-color=brand-bg-basic-level-1],
.db-brand-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-brand-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-brand-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-brand-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-brand-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-brand-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-brand-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-brand-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-brand-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-brand-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-brand-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-brand-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-brand-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-brand-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-brand-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-brand-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-brand-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-brand-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-brand-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-brand-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-brand-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-brand-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-brand-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-brand-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-brand-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-brand-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-brand-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-brand-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-brand-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-brand-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-brand-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-brand-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-brand-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-brand-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-brand-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-brand-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-brand-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-brand-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-brand-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-brand-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-brand-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-brand-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-brand-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-brand-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-brand-origin-default);
  --db-adaptive-origin-hovered: var(--db-brand-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-brand-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-brand-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-brand-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-brand-on-origin-pressed
  );
}

[data-color=brand-bg-basic-level-1],
.db-brand-bg-basic-level-1 {
  background-color: var(--db-brand-bg-basic-level-1-default);
  color: var(--db-brand-on-bg-basic-emphasis-100-default);
}
[data-color=brand-bg-basic-level-1]::before,
.db-brand-bg-basic-level-1::before, [data-color=brand-bg-basic-level-1]::after,
.db-brand-bg-basic-level-1::after {
  --db-icon-color: var(--db-brand-on-bg-basic-emphasis-100-default);
}

[data-color=brand-bg-basic-level-2],
.db-brand-bg-basic-level-2 {
  background-color: var(--db-brand-bg-basic-level-2-default);
  color: var(--db-brand-on-bg-basic-emphasis-100-default);
}
[data-color=brand-bg-basic-level-2]::before,
.db-brand-bg-basic-level-2::before, [data-color=brand-bg-basic-level-2]::after,
.db-brand-bg-basic-level-2::after {
  --db-icon-color: var(--db-brand-on-bg-basic-emphasis-100-default);
}

[data-color=brand-bg-basic-level-3],
.db-brand-bg-basic-level-3 {
  background-color: var(--db-brand-bg-basic-level-3-default);
  color: var(--db-brand-on-bg-basic-emphasis-100-default);
}
[data-color=brand-bg-basic-level-3]::before,
.db-brand-bg-basic-level-3::before, [data-color=brand-bg-basic-level-3]::after,
.db-brand-bg-basic-level-3::after {
  --db-icon-color: var(--db-brand-on-bg-basic-emphasis-100-default);
}

[data-container-color=critical],
.db-container-color-critical, [data-color=critical-bg-basic-level-3],
.db-critical-bg-basic-level-3, [data-color=critical-bg-basic-level-2],
.db-critical-bg-basic-level-2, [data-color=critical-bg-basic-level-1],
.db-critical-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-critical-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-critical-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-critical-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-critical-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-critical-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-critical-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-critical-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-critical-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-critical-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-critical-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-critical-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-critical-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-critical-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-critical-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-critical-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-critical-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-critical-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-critical-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-critical-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-critical-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-critical-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-critical-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-critical-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-critical-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-critical-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-critical-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-critical-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-critical-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-critical-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-critical-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-critical-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-critical-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-critical-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-critical-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-critical-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-critical-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-critical-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-critical-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-critical-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-critical-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-critical-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-critical-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-critical-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-critical-origin-default);
  --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-critical-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-critical-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-critical-on-origin-pressed
  );
}

[data-color=critical-bg-basic-level-1],
.db-critical-bg-basic-level-1 {
  background-color: var(--db-critical-bg-basic-level-1-default);
  color: var(--db-critical-on-bg-basic-emphasis-100-default);
}
[data-color=critical-bg-basic-level-1]::before,
.db-critical-bg-basic-level-1::before, [data-color=critical-bg-basic-level-1]::after,
.db-critical-bg-basic-level-1::after {
  --db-icon-color: var(--db-critical-on-bg-basic-emphasis-100-default);
}

[data-color=critical-bg-basic-level-2],
.db-critical-bg-basic-level-2 {
  background-color: var(--db-critical-bg-basic-level-2-default);
  color: var(--db-critical-on-bg-basic-emphasis-100-default);
}
[data-color=critical-bg-basic-level-2]::before,
.db-critical-bg-basic-level-2::before, [data-color=critical-bg-basic-level-2]::after,
.db-critical-bg-basic-level-2::after {
  --db-icon-color: var(--db-critical-on-bg-basic-emphasis-100-default);
}

[data-color=critical-bg-basic-level-3],
.db-critical-bg-basic-level-3 {
  background-color: var(--db-critical-bg-basic-level-3-default);
  color: var(--db-critical-on-bg-basic-emphasis-100-default);
}
[data-color=critical-bg-basic-level-3]::before,
.db-critical-bg-basic-level-3::before, [data-color=critical-bg-basic-level-3]::after,
.db-critical-bg-basic-level-3::after {
  --db-icon-color: var(--db-critical-on-bg-basic-emphasis-100-default);
}

[data-container-color=successful],
.db-container-color-successful, [data-color=successful-bg-basic-level-3],
.db-successful-bg-basic-level-3, [data-color=successful-bg-basic-level-2],
.db-successful-bg-basic-level-2, [data-color=successful-bg-basic-level-1],
.db-successful-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-successful-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-successful-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-successful-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-successful-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-successful-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-successful-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-successful-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-successful-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-successful-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-successful-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-successful-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-successful-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-successful-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-successful-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-successful-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-successful-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-successful-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-successful-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-successful-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-successful-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-successful-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-successful-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-successful-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-successful-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-successful-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-successful-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-successful-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-successful-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-successful-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-successful-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-successful-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-successful-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-successful-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-successful-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-successful-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-successful-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-successful-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-successful-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-successful-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-successful-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-successful-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-successful-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-successful-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-successful-origin-default);
  --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-successful-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-successful-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-successful-on-origin-pressed
  );
}

[data-color=successful-bg-basic-level-1],
.db-successful-bg-basic-level-1 {
  background-color: var(--db-successful-bg-basic-level-1-default);
  color: var(--db-successful-on-bg-basic-emphasis-100-default);
}
[data-color=successful-bg-basic-level-1]::before,
.db-successful-bg-basic-level-1::before, [data-color=successful-bg-basic-level-1]::after,
.db-successful-bg-basic-level-1::after {
  --db-icon-color: var(--db-successful-on-bg-basic-emphasis-100-default);
}

[data-color=successful-bg-basic-level-2],
.db-successful-bg-basic-level-2 {
  background-color: var(--db-successful-bg-basic-level-2-default);
  color: var(--db-successful-on-bg-basic-emphasis-100-default);
}
[data-color=successful-bg-basic-level-2]::before,
.db-successful-bg-basic-level-2::before, [data-color=successful-bg-basic-level-2]::after,
.db-successful-bg-basic-level-2::after {
  --db-icon-color: var(--db-successful-on-bg-basic-emphasis-100-default);
}

[data-color=successful-bg-basic-level-3],
.db-successful-bg-basic-level-3 {
  background-color: var(--db-successful-bg-basic-level-3-default);
  color: var(--db-successful-on-bg-basic-emphasis-100-default);
}
[data-color=successful-bg-basic-level-3]::before,
.db-successful-bg-basic-level-3::before, [data-color=successful-bg-basic-level-3]::after,
.db-successful-bg-basic-level-3::after {
  --db-icon-color: var(--db-successful-on-bg-basic-emphasis-100-default);
}

[data-container-color=warning],
.db-container-color-warning, [data-color=warning-bg-basic-level-3],
.db-warning-bg-basic-level-3, [data-color=warning-bg-basic-level-2],
.db-warning-bg-basic-level-2, [data-color=warning-bg-basic-level-1],
.db-warning-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-warning-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-warning-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-warning-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-warning-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-warning-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-warning-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-warning-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-warning-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-warning-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-warning-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-warning-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-warning-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-warning-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-warning-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-warning-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-warning-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-warning-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-warning-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-warning-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-warning-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-warning-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-warning-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-warning-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-warning-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-warning-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-warning-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-warning-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-warning-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-warning-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-warning-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-warning-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-warning-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-warning-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-warning-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-warning-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-warning-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-warning-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-warning-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-warning-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-warning-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-warning-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-warning-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-warning-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-warning-origin-default);
  --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-warning-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-warning-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-warning-on-origin-pressed
  );
}

[data-color=warning-bg-basic-level-1],
.db-warning-bg-basic-level-1 {
  background-color: var(--db-warning-bg-basic-level-1-default);
  color: var(--db-warning-on-bg-basic-emphasis-100-default);
}
[data-color=warning-bg-basic-level-1]::before,
.db-warning-bg-basic-level-1::before, [data-color=warning-bg-basic-level-1]::after,
.db-warning-bg-basic-level-1::after {
  --db-icon-color: var(--db-warning-on-bg-basic-emphasis-100-default);
}

[data-color=warning-bg-basic-level-2],
.db-warning-bg-basic-level-2 {
  background-color: var(--db-warning-bg-basic-level-2-default);
  color: var(--db-warning-on-bg-basic-emphasis-100-default);
}
[data-color=warning-bg-basic-level-2]::before,
.db-warning-bg-basic-level-2::before, [data-color=warning-bg-basic-level-2]::after,
.db-warning-bg-basic-level-2::after {
  --db-icon-color: var(--db-warning-on-bg-basic-emphasis-100-default);
}

[data-color=warning-bg-basic-level-3],
.db-warning-bg-basic-level-3 {
  background-color: var(--db-warning-bg-basic-level-3-default);
  color: var(--db-warning-on-bg-basic-emphasis-100-default);
}
[data-color=warning-bg-basic-level-3]::before,
.db-warning-bg-basic-level-3::before, [data-color=warning-bg-basic-level-3]::after,
.db-warning-bg-basic-level-3::after {
  --db-icon-color: var(--db-warning-on-bg-basic-emphasis-100-default);
}

[data-container-color=informational],
.db-container-color-informational, [data-color=informational-bg-basic-level-3],
.db-informational-bg-basic-level-3, [data-color=informational-bg-basic-level-2],
.db-informational-bg-basic-level-2, [data-color=informational-bg-basic-level-1],
.db-informational-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-informational-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-informational-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-informational-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-informational-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-informational-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-informational-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-informational-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-informational-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-informational-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-informational-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-informational-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-informational-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-informational-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-informational-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-informational-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-informational-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-informational-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-informational-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-informational-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-informational-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-informational-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-informational-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-informational-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-informational-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-informational-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-informational-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-informational-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-informational-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-informational-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-informational-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-informational-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-informational-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-informational-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-informational-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-informational-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-informational-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-informational-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-informational-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-informational-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-informational-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-informational-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-informational-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-informational-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-informational-origin-default);
  --db-adaptive-origin-hovered: var(--db-informational-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-informational-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-informational-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-informational-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-informational-on-origin-pressed
  );
}

[data-color=informational-bg-basic-level-1],
.db-informational-bg-basic-level-1 {
  background-color: var(--db-informational-bg-basic-level-1-default);
  color: var(--db-informational-on-bg-basic-emphasis-100-default);
}
[data-color=informational-bg-basic-level-1]::before,
.db-informational-bg-basic-level-1::before, [data-color=informational-bg-basic-level-1]::after,
.db-informational-bg-basic-level-1::after {
  --db-icon-color: var(--db-informational-on-bg-basic-emphasis-100-default);
}

[data-color=informational-bg-basic-level-2],
.db-informational-bg-basic-level-2 {
  background-color: var(--db-informational-bg-basic-level-2-default);
  color: var(--db-informational-on-bg-basic-emphasis-100-default);
}
[data-color=informational-bg-basic-level-2]::before,
.db-informational-bg-basic-level-2::before, [data-color=informational-bg-basic-level-2]::after,
.db-informational-bg-basic-level-2::after {
  --db-icon-color: var(--db-informational-on-bg-basic-emphasis-100-default);
}

[data-color=informational-bg-basic-level-3],
.db-informational-bg-basic-level-3 {
  background-color: var(--db-informational-bg-basic-level-3-default);
  color: var(--db-informational-on-bg-basic-emphasis-100-default);
}
[data-color=informational-bg-basic-level-3]::before,
.db-informational-bg-basic-level-3::before, [data-color=informational-bg-basic-level-3]::after,
.db-informational-bg-basic-level-3::after {
  --db-icon-color: var(--db-informational-on-bg-basic-emphasis-100-default);
}

[data-container-color=yellow],
.db-container-color-yellow, [data-color=yellow-bg-basic-level-3],
.db-yellow-bg-basic-level-3, [data-color=yellow-bg-basic-level-2],
.db-yellow-bg-basic-level-2, [data-color=yellow-bg-basic-level-1],
.db-yellow-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-yellow-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-yellow-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-yellow-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-yellow-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-yellow-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-yellow-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-yellow-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-yellow-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-yellow-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-yellow-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-yellow-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-yellow-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-yellow-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-yellow-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-yellow-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-yellow-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-yellow-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-yellow-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-yellow-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-yellow-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-yellow-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-yellow-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-yellow-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-yellow-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-yellow-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-yellow-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-yellow-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-yellow-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-yellow-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-yellow-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-yellow-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-yellow-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-yellow-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-yellow-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-yellow-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-yellow-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-yellow-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-yellow-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-yellow-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-yellow-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-yellow-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-yellow-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-yellow-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-yellow-origin-default);
  --db-adaptive-origin-hovered: var(--db-yellow-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-yellow-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-yellow-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-yellow-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-yellow-on-origin-pressed
  );
}

[data-color=yellow-bg-basic-level-1],
.db-yellow-bg-basic-level-1 {
  background-color: var(--db-yellow-bg-basic-level-1-default);
  color: var(--db-yellow-on-bg-basic-emphasis-100-default);
}
[data-color=yellow-bg-basic-level-1]::before,
.db-yellow-bg-basic-level-1::before, [data-color=yellow-bg-basic-level-1]::after,
.db-yellow-bg-basic-level-1::after {
  --db-icon-color: var(--db-yellow-on-bg-basic-emphasis-100-default);
}

[data-color=yellow-bg-basic-level-2],
.db-yellow-bg-basic-level-2 {
  background-color: var(--db-yellow-bg-basic-level-2-default);
  color: var(--db-yellow-on-bg-basic-emphasis-100-default);
}
[data-color=yellow-bg-basic-level-2]::before,
.db-yellow-bg-basic-level-2::before, [data-color=yellow-bg-basic-level-2]::after,
.db-yellow-bg-basic-level-2::after {
  --db-icon-color: var(--db-yellow-on-bg-basic-emphasis-100-default);
}

[data-color=yellow-bg-basic-level-3],
.db-yellow-bg-basic-level-3 {
  background-color: var(--db-yellow-bg-basic-level-3-default);
  color: var(--db-yellow-on-bg-basic-emphasis-100-default);
}
[data-color=yellow-bg-basic-level-3]::before,
.db-yellow-bg-basic-level-3::before, [data-color=yellow-bg-basic-level-3]::after,
.db-yellow-bg-basic-level-3::after {
  --db-icon-color: var(--db-yellow-on-bg-basic-emphasis-100-default);
}

[data-container-color=orange],
.db-container-color-orange, [data-color=orange-bg-basic-level-3],
.db-orange-bg-basic-level-3, [data-color=orange-bg-basic-level-2],
.db-orange-bg-basic-level-2, [data-color=orange-bg-basic-level-1],
.db-orange-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-orange-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-orange-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-orange-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-orange-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-orange-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-orange-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-orange-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-orange-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-orange-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-orange-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-orange-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-orange-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-orange-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-orange-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-orange-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-orange-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-orange-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-orange-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-orange-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-orange-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-orange-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-orange-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-orange-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-orange-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-orange-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-orange-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-orange-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-orange-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-orange-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-orange-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-orange-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-orange-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-orange-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-orange-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-orange-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-orange-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-orange-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-orange-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-orange-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-orange-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-orange-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-orange-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-orange-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-orange-origin-default);
  --db-adaptive-origin-hovered: var(--db-orange-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-orange-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-orange-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-orange-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-orange-on-origin-pressed
  );
}

[data-color=orange-bg-basic-level-1],
.db-orange-bg-basic-level-1 {
  background-color: var(--db-orange-bg-basic-level-1-default);
  color: var(--db-orange-on-bg-basic-emphasis-100-default);
}
[data-color=orange-bg-basic-level-1]::before,
.db-orange-bg-basic-level-1::before, [data-color=orange-bg-basic-level-1]::after,
.db-orange-bg-basic-level-1::after {
  --db-icon-color: var(--db-orange-on-bg-basic-emphasis-100-default);
}

[data-color=orange-bg-basic-level-2],
.db-orange-bg-basic-level-2 {
  background-color: var(--db-orange-bg-basic-level-2-default);
  color: var(--db-orange-on-bg-basic-emphasis-100-default);
}
[data-color=orange-bg-basic-level-2]::before,
.db-orange-bg-basic-level-2::before, [data-color=orange-bg-basic-level-2]::after,
.db-orange-bg-basic-level-2::after {
  --db-icon-color: var(--db-orange-on-bg-basic-emphasis-100-default);
}

[data-color=orange-bg-basic-level-3],
.db-orange-bg-basic-level-3 {
  background-color: var(--db-orange-bg-basic-level-3-default);
  color: var(--db-orange-on-bg-basic-emphasis-100-default);
}
[data-color=orange-bg-basic-level-3]::before,
.db-orange-bg-basic-level-3::before, [data-color=orange-bg-basic-level-3]::after,
.db-orange-bg-basic-level-3::after {
  --db-icon-color: var(--db-orange-on-bg-basic-emphasis-100-default);
}

[data-container-color=red],
.db-container-color-red, [data-color=red-bg-basic-level-3],
.db-red-bg-basic-level-3, [data-color=red-bg-basic-level-2],
.db-red-bg-basic-level-2, [data-color=red-bg-basic-level-1],
.db-red-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-red-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-red-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-red-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-red-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-red-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-red-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-red-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-red-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-red-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-red-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-red-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-red-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-red-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-red-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-red-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-red-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-red-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-red-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-red-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-red-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-red-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-red-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-red-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-red-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-red-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-red-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-red-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-red-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-red-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-red-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-red-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-red-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-red-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-red-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-red-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-red-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-red-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-red-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-red-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-red-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-red-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-red-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-red-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-red-origin-default);
  --db-adaptive-origin-hovered: var(--db-red-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-red-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-red-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-red-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-red-on-origin-pressed
  );
}

[data-color=red-bg-basic-level-1],
.db-red-bg-basic-level-1 {
  background-color: var(--db-red-bg-basic-level-1-default);
  color: var(--db-red-on-bg-basic-emphasis-100-default);
}
[data-color=red-bg-basic-level-1]::before,
.db-red-bg-basic-level-1::before, [data-color=red-bg-basic-level-1]::after,
.db-red-bg-basic-level-1::after {
  --db-icon-color: var(--db-red-on-bg-basic-emphasis-100-default);
}

[data-color=red-bg-basic-level-2],
.db-red-bg-basic-level-2 {
  background-color: var(--db-red-bg-basic-level-2-default);
  color: var(--db-red-on-bg-basic-emphasis-100-default);
}
[data-color=red-bg-basic-level-2]::before,
.db-red-bg-basic-level-2::before, [data-color=red-bg-basic-level-2]::after,
.db-red-bg-basic-level-2::after {
  --db-icon-color: var(--db-red-on-bg-basic-emphasis-100-default);
}

[data-color=red-bg-basic-level-3],
.db-red-bg-basic-level-3 {
  background-color: var(--db-red-bg-basic-level-3-default);
  color: var(--db-red-on-bg-basic-emphasis-100-default);
}
[data-color=red-bg-basic-level-3]::before,
.db-red-bg-basic-level-3::before, [data-color=red-bg-basic-level-3]::after,
.db-red-bg-basic-level-3::after {
  --db-icon-color: var(--db-red-on-bg-basic-emphasis-100-default);
}

[data-container-color=pink],
.db-container-color-pink, [data-color=pink-bg-basic-level-3],
.db-pink-bg-basic-level-3, [data-color=pink-bg-basic-level-2],
.db-pink-bg-basic-level-2, [data-color=pink-bg-basic-level-1],
.db-pink-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-pink-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-pink-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-pink-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-pink-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-pink-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-pink-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-pink-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-pink-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-pink-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-pink-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-pink-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-pink-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-pink-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-pink-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-pink-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-pink-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-pink-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-pink-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-pink-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-pink-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-pink-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-pink-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-pink-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-pink-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-pink-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-pink-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-pink-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-pink-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-pink-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-pink-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-pink-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-pink-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-pink-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-pink-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-pink-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-pink-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-pink-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-pink-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-pink-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-pink-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-pink-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-pink-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-pink-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-pink-origin-default);
  --db-adaptive-origin-hovered: var(--db-pink-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-pink-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-pink-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-pink-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-pink-on-origin-pressed
  );
}

[data-color=pink-bg-basic-level-1],
.db-pink-bg-basic-level-1 {
  background-color: var(--db-pink-bg-basic-level-1-default);
  color: var(--db-pink-on-bg-basic-emphasis-100-default);
}
[data-color=pink-bg-basic-level-1]::before,
.db-pink-bg-basic-level-1::before, [data-color=pink-bg-basic-level-1]::after,
.db-pink-bg-basic-level-1::after {
  --db-icon-color: var(--db-pink-on-bg-basic-emphasis-100-default);
}

[data-color=pink-bg-basic-level-2],
.db-pink-bg-basic-level-2 {
  background-color: var(--db-pink-bg-basic-level-2-default);
  color: var(--db-pink-on-bg-basic-emphasis-100-default);
}
[data-color=pink-bg-basic-level-2]::before,
.db-pink-bg-basic-level-2::before, [data-color=pink-bg-basic-level-2]::after,
.db-pink-bg-basic-level-2::after {
  --db-icon-color: var(--db-pink-on-bg-basic-emphasis-100-default);
}

[data-color=pink-bg-basic-level-3],
.db-pink-bg-basic-level-3 {
  background-color: var(--db-pink-bg-basic-level-3-default);
  color: var(--db-pink-on-bg-basic-emphasis-100-default);
}
[data-color=pink-bg-basic-level-3]::before,
.db-pink-bg-basic-level-3::before, [data-color=pink-bg-basic-level-3]::after,
.db-pink-bg-basic-level-3::after {
  --db-icon-color: var(--db-pink-on-bg-basic-emphasis-100-default);
}

[data-container-color=violet],
.db-container-color-violet, [data-color=violet-bg-basic-level-3],
.db-violet-bg-basic-level-3, [data-color=violet-bg-basic-level-2],
.db-violet-bg-basic-level-2, [data-color=violet-bg-basic-level-1],
.db-violet-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-violet-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-violet-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-violet-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-violet-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-violet-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-violet-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-violet-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-violet-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-violet-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-violet-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-violet-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-violet-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-violet-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-violet-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-violet-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-violet-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-violet-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-violet-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-violet-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-violet-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-violet-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-violet-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-violet-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-violet-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-violet-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-violet-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-violet-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-violet-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-violet-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-violet-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-violet-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-violet-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-violet-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-violet-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-violet-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-violet-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-violet-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-violet-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-violet-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-violet-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-violet-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-violet-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-violet-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-violet-origin-default);
  --db-adaptive-origin-hovered: var(--db-violet-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-violet-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-violet-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-violet-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-violet-on-origin-pressed
  );
}

[data-color=violet-bg-basic-level-1],
.db-violet-bg-basic-level-1 {
  background-color: var(--db-violet-bg-basic-level-1-default);
  color: var(--db-violet-on-bg-basic-emphasis-100-default);
}
[data-color=violet-bg-basic-level-1]::before,
.db-violet-bg-basic-level-1::before, [data-color=violet-bg-basic-level-1]::after,
.db-violet-bg-basic-level-1::after {
  --db-icon-color: var(--db-violet-on-bg-basic-emphasis-100-default);
}

[data-color=violet-bg-basic-level-2],
.db-violet-bg-basic-level-2 {
  background-color: var(--db-violet-bg-basic-level-2-default);
  color: var(--db-violet-on-bg-basic-emphasis-100-default);
}
[data-color=violet-bg-basic-level-2]::before,
.db-violet-bg-basic-level-2::before, [data-color=violet-bg-basic-level-2]::after,
.db-violet-bg-basic-level-2::after {
  --db-icon-color: var(--db-violet-on-bg-basic-emphasis-100-default);
}

[data-color=violet-bg-basic-level-3],
.db-violet-bg-basic-level-3 {
  background-color: var(--db-violet-bg-basic-level-3-default);
  color: var(--db-violet-on-bg-basic-emphasis-100-default);
}
[data-color=violet-bg-basic-level-3]::before,
.db-violet-bg-basic-level-3::before, [data-color=violet-bg-basic-level-3]::after,
.db-violet-bg-basic-level-3::after {
  --db-icon-color: var(--db-violet-on-bg-basic-emphasis-100-default);
}

[data-container-color=blue],
.db-container-color-blue, [data-color=blue-bg-basic-level-3],
.db-blue-bg-basic-level-3, [data-color=blue-bg-basic-level-2],
.db-blue-bg-basic-level-2, [data-color=blue-bg-basic-level-1],
.db-blue-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-blue-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-blue-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-blue-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-blue-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-blue-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-blue-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-blue-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-blue-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-blue-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-blue-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-blue-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-blue-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-blue-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-blue-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-blue-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-blue-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-blue-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-blue-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-blue-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-blue-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-blue-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-blue-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-blue-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-blue-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-blue-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-blue-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-blue-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-blue-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-blue-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-blue-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-blue-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-blue-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-blue-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-blue-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-blue-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-blue-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-blue-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-blue-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-blue-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-blue-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-blue-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-blue-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-blue-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-blue-origin-default);
  --db-adaptive-origin-hovered: var(--db-blue-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-blue-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-blue-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-blue-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-blue-on-origin-pressed
  );
}

[data-color=blue-bg-basic-level-1],
.db-blue-bg-basic-level-1 {
  background-color: var(--db-blue-bg-basic-level-1-default);
  color: var(--db-blue-on-bg-basic-emphasis-100-default);
}
[data-color=blue-bg-basic-level-1]::before,
.db-blue-bg-basic-level-1::before, [data-color=blue-bg-basic-level-1]::after,
.db-blue-bg-basic-level-1::after {
  --db-icon-color: var(--db-blue-on-bg-basic-emphasis-100-default);
}

[data-color=blue-bg-basic-level-2],
.db-blue-bg-basic-level-2 {
  background-color: var(--db-blue-bg-basic-level-2-default);
  color: var(--db-blue-on-bg-basic-emphasis-100-default);
}
[data-color=blue-bg-basic-level-2]::before,
.db-blue-bg-basic-level-2::before, [data-color=blue-bg-basic-level-2]::after,
.db-blue-bg-basic-level-2::after {
  --db-icon-color: var(--db-blue-on-bg-basic-emphasis-100-default);
}

[data-color=blue-bg-basic-level-3],
.db-blue-bg-basic-level-3 {
  background-color: var(--db-blue-bg-basic-level-3-default);
  color: var(--db-blue-on-bg-basic-emphasis-100-default);
}
[data-color=blue-bg-basic-level-3]::before,
.db-blue-bg-basic-level-3::before, [data-color=blue-bg-basic-level-3]::after,
.db-blue-bg-basic-level-3::after {
  --db-icon-color: var(--db-blue-on-bg-basic-emphasis-100-default);
}

[data-container-color=cyan],
.db-container-color-cyan, [data-color=cyan-bg-basic-level-3],
.db-cyan-bg-basic-level-3, [data-color=cyan-bg-basic-level-2],
.db-cyan-bg-basic-level-2, [data-color=cyan-bg-basic-level-1],
.db-cyan-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-cyan-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-cyan-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-cyan-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-cyan-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-cyan-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-cyan-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-cyan-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-cyan-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-cyan-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-cyan-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-cyan-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-cyan-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-cyan-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-cyan-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-cyan-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-cyan-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-cyan-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-cyan-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-cyan-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-cyan-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-cyan-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-cyan-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-cyan-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-cyan-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-cyan-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-cyan-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-cyan-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-cyan-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-cyan-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-cyan-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-cyan-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-cyan-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-cyan-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-cyan-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-cyan-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-cyan-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-cyan-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-cyan-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-cyan-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-cyan-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-cyan-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-cyan-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-cyan-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-cyan-origin-default);
  --db-adaptive-origin-hovered: var(--db-cyan-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-cyan-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-cyan-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-cyan-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-cyan-on-origin-pressed
  );
}

[data-color=cyan-bg-basic-level-1],
.db-cyan-bg-basic-level-1 {
  background-color: var(--db-cyan-bg-basic-level-1-default);
  color: var(--db-cyan-on-bg-basic-emphasis-100-default);
}
[data-color=cyan-bg-basic-level-1]::before,
.db-cyan-bg-basic-level-1::before, [data-color=cyan-bg-basic-level-1]::after,
.db-cyan-bg-basic-level-1::after {
  --db-icon-color: var(--db-cyan-on-bg-basic-emphasis-100-default);
}

[data-color=cyan-bg-basic-level-2],
.db-cyan-bg-basic-level-2 {
  background-color: var(--db-cyan-bg-basic-level-2-default);
  color: var(--db-cyan-on-bg-basic-emphasis-100-default);
}
[data-color=cyan-bg-basic-level-2]::before,
.db-cyan-bg-basic-level-2::before, [data-color=cyan-bg-basic-level-2]::after,
.db-cyan-bg-basic-level-2::after {
  --db-icon-color: var(--db-cyan-on-bg-basic-emphasis-100-default);
}

[data-color=cyan-bg-basic-level-3],
.db-cyan-bg-basic-level-3 {
  background-color: var(--db-cyan-bg-basic-level-3-default);
  color: var(--db-cyan-on-bg-basic-emphasis-100-default);
}
[data-color=cyan-bg-basic-level-3]::before,
.db-cyan-bg-basic-level-3::before, [data-color=cyan-bg-basic-level-3]::after,
.db-cyan-bg-basic-level-3::after {
  --db-icon-color: var(--db-cyan-on-bg-basic-emphasis-100-default);
}

[data-container-color=turquoise],
.db-container-color-turquoise, [data-color=turquoise-bg-basic-level-3],
.db-turquoise-bg-basic-level-3, [data-color=turquoise-bg-basic-level-2],
.db-turquoise-bg-basic-level-2, [data-color=turquoise-bg-basic-level-1],
.db-turquoise-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-turquoise-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-turquoise-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-turquoise-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-turquoise-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-turquoise-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-turquoise-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-turquoise-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-turquoise-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-turquoise-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-turquoise-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-turquoise-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-turquoise-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-turquoise-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-turquoise-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-turquoise-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-turquoise-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-turquoise-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-turquoise-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-turquoise-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-turquoise-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-turquoise-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-turquoise-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-turquoise-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-turquoise-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-turquoise-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-turquoise-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-turquoise-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-turquoise-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-turquoise-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-turquoise-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-turquoise-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-turquoise-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-turquoise-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-turquoise-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-turquoise-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-turquoise-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-turquoise-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-turquoise-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-turquoise-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-turquoise-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-turquoise-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-turquoise-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-turquoise-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-turquoise-origin-default);
  --db-adaptive-origin-hovered: var(--db-turquoise-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-turquoise-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-turquoise-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-turquoise-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-turquoise-on-origin-pressed
  );
}

[data-color=turquoise-bg-basic-level-1],
.db-turquoise-bg-basic-level-1 {
  background-color: var(--db-turquoise-bg-basic-level-1-default);
  color: var(--db-turquoise-on-bg-basic-emphasis-100-default);
}
[data-color=turquoise-bg-basic-level-1]::before,
.db-turquoise-bg-basic-level-1::before, [data-color=turquoise-bg-basic-level-1]::after,
.db-turquoise-bg-basic-level-1::after {
  --db-icon-color: var(--db-turquoise-on-bg-basic-emphasis-100-default);
}

[data-color=turquoise-bg-basic-level-2],
.db-turquoise-bg-basic-level-2 {
  background-color: var(--db-turquoise-bg-basic-level-2-default);
  color: var(--db-turquoise-on-bg-basic-emphasis-100-default);
}
[data-color=turquoise-bg-basic-level-2]::before,
.db-turquoise-bg-basic-level-2::before, [data-color=turquoise-bg-basic-level-2]::after,
.db-turquoise-bg-basic-level-2::after {
  --db-icon-color: var(--db-turquoise-on-bg-basic-emphasis-100-default);
}

[data-color=turquoise-bg-basic-level-3],
.db-turquoise-bg-basic-level-3 {
  background-color: var(--db-turquoise-bg-basic-level-3-default);
  color: var(--db-turquoise-on-bg-basic-emphasis-100-default);
}
[data-color=turquoise-bg-basic-level-3]::before,
.db-turquoise-bg-basic-level-3::before, [data-color=turquoise-bg-basic-level-3]::after,
.db-turquoise-bg-basic-level-3::after {
  --db-icon-color: var(--db-turquoise-on-bg-basic-emphasis-100-default);
}

[data-container-color=green],
.db-container-color-green, [data-color=green-bg-basic-level-3],
.db-green-bg-basic-level-3, [data-color=green-bg-basic-level-2],
.db-green-bg-basic-level-2, [data-color=green-bg-basic-level-1],
.db-green-bg-basic-level-1 {
  --db-adaptive-bg-basic-level-1-default: var(
  	--db-green-bg-basic-level-1-default
  );
  --db-adaptive-bg-basic-level-1-hovered: var(
  	--db-green-bg-basic-level-1-hovered
  );
  --db-adaptive-bg-basic-level-1-pressed: var(
  	--db-green-bg-basic-level-1-pressed
  );
  --db-adaptive-bg-basic-level-2-default: var(
  	--db-green-bg-basic-level-2-default
  );
  --db-adaptive-bg-basic-level-2-hovered: var(
  	--db-green-bg-basic-level-2-hovered
  );
  --db-adaptive-bg-basic-level-2-pressed: var(
  	--db-green-bg-basic-level-2-pressed
  );
  --db-adaptive-bg-basic-level-3-default: var(
  	--db-green-bg-basic-level-3-default
  );
  --db-adaptive-bg-basic-level-3-hovered: var(
  	--db-green-bg-basic-level-3-hovered
  );
  --db-adaptive-bg-basic-level-3-pressed: var(
  	--db-green-bg-basic-level-3-pressed
  );
  --db-adaptive-bg-basic-transparent-full-default: var(
  	--db-green-bg-basic-transparent-full-default
  );
  --db-adaptive-bg-basic-transparent-semi-default: var(
  	--db-green-bg-basic-transparent-semi-default
  );
  --db-adaptive-bg-basic-transparent-hovered: var(
  	--db-green-bg-basic-transparent-hovered
  );
  --db-adaptive-bg-basic-transparent-pressed: var(
  	--db-green-bg-basic-transparent-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-100-default: var(
  	--db-green-on-bg-basic-emphasis-100-default
  );
  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
  	--db-green-on-bg-basic-emphasis-100-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
  	--db-green-on-bg-basic-emphasis-100-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-90-default: var(
  	--db-green-on-bg-basic-emphasis-90-default
  );
  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
  	--db-green-on-bg-basic-emphasis-90-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
  	--db-green-on-bg-basic-emphasis-90-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-80-default: var(
  	--db-green-on-bg-basic-emphasis-80-default
  );
  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
  	--db-green-on-bg-basic-emphasis-80-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
  	--db-green-on-bg-basic-emphasis-80-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-70-default: var(
  	--db-green-on-bg-basic-emphasis-70-default
  );
  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
  	--db-green-on-bg-basic-emphasis-70-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
  	--db-green-on-bg-basic-emphasis-70-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-60-default: var(
  	--db-green-on-bg-basic-emphasis-60-default
  );
  --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
  	--db-green-on-bg-basic-emphasis-60-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
  	--db-green-on-bg-basic-emphasis-60-pressed
  );
  --db-adaptive-on-bg-basic-emphasis-50-default: var(
  	--db-green-on-bg-basic-emphasis-50-default
  );
  --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
  	--db-green-on-bg-basic-emphasis-50-hovered
  );
  --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
  	--db-green-on-bg-basic-emphasis-50-pressed
  );
  --db-adaptive-bg-inverted-contrast-max-default: var(
  	--db-green-bg-inverted-contrast-max-default
  );
  --db-adaptive-bg-inverted-contrast-max-hovered: var(
  	--db-green-bg-inverted-contrast-max-hovered
  );
  --db-adaptive-bg-inverted-contrast-max-pressed: var(
  	--db-green-bg-inverted-contrast-max-pressed
  );
  --db-adaptive-bg-inverted-contrast-high-default: var(
  	--db-green-bg-inverted-contrast-high-default
  );
  --db-adaptive-bg-inverted-contrast-high-hovered: var(
  	--db-green-bg-inverted-contrast-high-hovered
  );
  --db-adaptive-bg-inverted-contrast-high-pressed: var(
  	--db-green-bg-inverted-contrast-high-pressed
  );
  --db-adaptive-bg-inverted-contrast-low-default: var(
  	--db-green-bg-inverted-contrast-low-default
  );
  --db-adaptive-bg-inverted-contrast-low-hovered: var(
  	--db-green-bg-inverted-contrast-low-hovered
  );
  --db-adaptive-bg-inverted-contrast-low-pressed: var(
  	--db-green-bg-inverted-contrast-low-pressed
  );
  --db-adaptive-on-bg-inverted-default: var(
  	--db-green-on-bg-inverted-default
  );
  --db-adaptive-on-bg-inverted-hovered: var(
  	--db-green-on-bg-inverted-hovered
  );
  --db-adaptive-on-bg-inverted-pressed: var(
  	--db-green-on-bg-inverted-pressed
  );
  --db-adaptive-origin-default: var(--db-green-origin-default);
  --db-adaptive-origin-hovered: var(--db-green-origin-hovered);
  --db-adaptive-origin-pressed: var(--db-green-origin-pressed);
  --db-adaptive-on-origin-default: var(
  	--db-green-on-origin-default
  );
  --db-adaptive-on-origin-hovered: var(
  	--db-green-on-origin-hovered
  );
  --db-adaptive-on-origin-pressed: var(
  	--db-green-on-origin-pressed
  );
}

[data-color=green-bg-basic-level-1],
.db-green-bg-basic-level-1 {
  background-color: var(--db-green-bg-basic-level-1-default);
  color: var(--db-green-on-bg-basic-emphasis-100-default);
}
[data-color=green-bg-basic-level-1]::before,
.db-green-bg-basic-level-1::before, [data-color=green-bg-basic-level-1]::after,
.db-green-bg-basic-level-1::after {
  --db-icon-color: var(--db-green-on-bg-basic-emphasis-100-default);
}

[data-color=green-bg-basic-level-2],
.db-green-bg-basic-level-2 {
  background-color: var(--db-green-bg-basic-level-2-default);
  color: var(--db-green-on-bg-basic-emphasis-100-default);
}
[data-color=green-bg-basic-level-2]::before,
.db-green-bg-basic-level-2::before, [data-color=green-bg-basic-level-2]::after,
.db-green-bg-basic-level-2::after {
  --db-icon-color: var(--db-green-on-bg-basic-emphasis-100-default);
}

[data-color=green-bg-basic-level-3],
.db-green-bg-basic-level-3 {
  background-color: var(--db-green-bg-basic-level-3-default);
  color: var(--db-green-on-bg-basic-emphasis-100-default);
}
[data-color=green-bg-basic-level-3]::before,
.db-green-bg-basic-level-3::before, [data-color=green-bg-basic-level-3]::after,
.db-green-bg-basic-level-3::after {
  --db-icon-color: var(--db-green-on-bg-basic-emphasis-100-default);
}

[data-container-color=neutral],
.db-container-color-neutral {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=brand],
.db-container-color-brand {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=critical],
.db-container-color-critical {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=successful],
.db-container-color-successful {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=warning],
.db-container-color-warning {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=informational],
.db-container-color-informational {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=yellow],
.db-container-color-yellow {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=orange],
.db-container-color-orange {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=red],
.db-container-color-red {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=pink],
.db-container-color-pink {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=violet],
.db-container-color-violet {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=blue],
.db-container-color-blue {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=cyan],
.db-container-color-cyan {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=turquoise],
.db-container-color-turquoise {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-container-color=green],
.db-container-color-green {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-bg-color=basic-level-1],
.db-bg-color-basic-level-1 {
  background-color: var(--db-adaptive-bg-basic-level-1-default);
}

[data-bg-color=basic-level-2],
.db-bg-color-basic-level-2 {
  background-color: var(--db-adaptive-bg-basic-level-2-default);
}

[data-bg-color=basic-level-3],
.db-bg-color-basic-level-3 {
  background-color: var(--db-adaptive-bg-basic-level-3-default);
}

[data-bg-color=basic-transparent-semi],
.db-bg-color-basic-transparent-semi {
  background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
}

[data-bg-color=basic-transparent-full],
.db-bg-color-basic-transparent-full {
  background-color: var(--db-adaptive-bg-basic-transparent-full-default);
}

[data-on-bg-color=emphasis-100],
.db-on-bg-color-emphasis-100 {
  color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
}

[data-on-bg-color=emphasis-90],
.db-on-bg-color-emphasis-90 {
  color: var(--db-adaptive-on-bg-basic-emphasis-90-default);
}

[data-on-bg-color=emphasis-80],
.db-on-bg-color-emphasis-80 {
  color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
}

[data-on-bg-color=emphasis-70],
.db-on-bg-color-emphasis-70 {
  color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
}

[data-on-bg-color=emphasis-60],
.db-on-bg-color-emphasis-60 {
  color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
}

[data-on-bg-color=emphasis-50],
.db-on-bg-color-emphasis-50 {
  color: var(--db-adaptive-on-bg-basic-emphasis-50-default);
}