.db-bg-informational-transparent-full, .db-bg-informational-transparent-semi, .db-bg-informational, .db-bg-informational-ia, .db-bg-informational[data-variant=interactive], [data-variant=interactive].db-bg-informational-ia {
  --db-current-base-color: var(--db-informational-enabled,
  #0087b9);
  --db-current-color: var(--db-informational-on-bg-enabled, #003143);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-informational-bg-enabled, #e0f0f6)
  );
  --db-current-element-color: var(--db-informational-element-enabled, #309fd1);
  --db-current-border-color: var(--db-informational-border-enabled, rgba(48, 159, 209, 0.64));
  --db-current-border-weak-color: var(--db-informational-border-weak-enabled, rgba(0, 135, 185, 0.32));
}

.db-bg-informational, .db-bg-informational-ia, .db-bg-informational[data-variant=interactive], [data-variant=interactive].db-bg-informational-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-informational-transparent-full, .db-bg-informational-transparent-semi {
  color: var(--db-informational-on-bg-enabled, #003143);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-informational-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-informational-ia:enabled:hover, .db-bg-informational[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-informational-ia:enabled:active, .db-bg-informational[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-informational .db-weak, .db-bg-informational-ia .db-bg-primary .db-weak, .db-bg-primary .db-bg-informational-ia .db-weak, .db-bg-informational-ia .db-bg-warning .db-weak, .db-bg-warning .db-bg-informational-ia .db-weak, .db-bg-informational-ia .db-bg-successful .db-weak, .db-bg-successful .db-bg-informational-ia .db-weak, .db-bg-informational-ia .db-bg-neutral .db-weak, .db-bg-neutral .db-bg-informational-ia .db-weak, .db-bg-informational-ia .db-bg-neutral-strong .db-weak, .db-bg-neutral-strong .db-bg-informational-ia .db-weak, .db-bg-informational-ia .db-bg-critical .db-weak, .db-bg-critical .db-bg-informational-ia .db-weak {
  --db-current-color: var(--db-informational-on-bg-weak-enabled, rgba(0, 49, 67, 0.75));
  color: var(--db-current-color);
}

.db-bg-primary-transparent-full, .db-bg-primary-transparent-semi, .db-bg-primary, .db-bg-primary-ia, .db-bg-primary[data-variant=interactive], [data-variant=interactive].db-bg-primary-ia {
  --db-current-base-color: var(--db-primary-enabled,
  #ec0016);
  --db-current-color: var(--db-primary-on-bg-enabled, #550008);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-primary-bg-enabled, #fce0e2)
  );
  --db-current-element-color: var(--db-primary-element-enabled, #ec0016);
  --db-current-border-color: var(--db-primary-border-enabled, rgba(236, 0, 22, 0.64));
  --db-current-border-weak-color: var(--db-primary-border-weak-enabled, rgba(236, 0, 22, 0.32));
}

.db-bg-primary, .db-bg-primary-ia, .db-bg-primary[data-variant=interactive], [data-variant=interactive].db-bg-primary-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-primary-transparent-full, .db-bg-primary-transparent-semi {
  color: var(--db-primary-on-bg-enabled, #550008);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-primary-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-primary-ia:enabled:hover, .db-bg-primary[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-primary-ia:enabled:active, .db-bg-primary[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-primary .db-weak, .db-bg-primary-ia .db-bg-informational .db-weak, .db-bg-informational .db-bg-primary-ia .db-weak, .db-bg-primary-ia .db-bg-warning .db-weak, .db-bg-warning .db-bg-primary-ia .db-weak, .db-bg-primary-ia .db-bg-successful .db-weak, .db-bg-successful .db-bg-primary-ia .db-weak, .db-bg-primary-ia .db-bg-neutral .db-weak, .db-bg-neutral .db-bg-primary-ia .db-weak, .db-bg-primary-ia .db-bg-neutral-strong .db-weak, .db-bg-neutral-strong .db-bg-primary-ia .db-weak, .db-bg-primary-ia .db-bg-critical .db-weak, .db-bg-critical .db-bg-primary-ia .db-weak {
  --db-current-color: var(--db-primary-on-bg-weak-enabled, rgba(85, 0, 8, 0.75));
  color: var(--db-current-color);
}

.db-bg-warning-transparent-full, .db-bg-warning-transparent-semi, .db-bg-warning, .db-bg-warning-ia, .db-bg-warning[data-variant=interactive], [data-variant=interactive].db-bg-warning-ia {
  --db-current-base-color: var(--db-warning-enabled,
  #ac6600);
  --db-current-color: var(--db-warning-on-bg-enabled, #3e2500);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-warning-bg-enabled, #f5ece0)
  );
  --db-current-element-color: var(--db-warning-element-enabled, #d68000);
  --db-current-border-color: var(--db-warning-border-enabled, rgba(172, 102, 0, 0.64));
  --db-current-border-weak-color: var(--db-warning-border-weak-enabled, rgba(172, 102, 0, 0.32));
}

.db-bg-warning, .db-bg-warning-ia, .db-bg-warning[data-variant=interactive], [data-variant=interactive].db-bg-warning-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-warning-transparent-full, .db-bg-warning-transparent-semi {
  color: var(--db-warning-on-bg-enabled, #3e2500);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-warning-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-warning-ia:enabled:hover, .db-bg-warning[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-warning-ia:enabled:active, .db-bg-warning[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-warning .db-weak, .db-bg-warning-ia .db-bg-informational .db-weak, .db-bg-informational .db-bg-warning-ia .db-weak, .db-bg-warning-ia .db-bg-primary .db-weak, .db-bg-primary .db-bg-warning-ia .db-weak, .db-bg-warning-ia .db-bg-successful .db-weak, .db-bg-successful .db-bg-warning-ia .db-weak, .db-bg-warning-ia .db-bg-neutral .db-weak, .db-bg-neutral .db-bg-warning-ia .db-weak, .db-bg-warning-ia .db-bg-neutral-strong .db-weak, .db-bg-neutral-strong .db-bg-warning-ia .db-weak, .db-bg-warning-ia .db-bg-critical .db-weak, .db-bg-critical .db-bg-warning-ia .db-weak {
  --db-current-color: var(--db-warning-on-bg-weak-enabled, rgba(62, 37, 0, 0.75));
  color: var(--db-current-color);
}

.db-bg-successful-transparent-full, .db-bg-successful-transparent-semi, .db-bg-successful, .db-bg-successful-ia, .db-bg-successful[data-variant=interactive], [data-variant=interactive].db-bg-successful-ia {
  --db-current-base-color: var(--db-successful-enabled,
  #4c8500);
  --db-current-color: var(--db-successful-on-bg-enabled, #1b3000);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-successful-bg-enabled, #e9f0e0)
  );
  --db-current-element-color: var(--db-successful-element-enabled, #63a615);
  --db-current-border-color: var(--db-successful-border-enabled, rgba(99, 166, 21, 0.64));
  --db-current-border-weak-color: var(--db-successful-border-weak-enabled, rgba(99, 166, 21, 0.32));
}

.db-bg-successful, .db-bg-successful-ia, .db-bg-successful[data-variant=interactive], [data-variant=interactive].db-bg-successful-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-successful-transparent-full, .db-bg-successful-transparent-semi {
  color: var(--db-successful-on-bg-enabled, #1b3000);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-successful-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-successful-ia:enabled:hover, .db-bg-successful[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-successful-ia:enabled:active, .db-bg-successful[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-successful .db-weak, .db-bg-successful-ia .db-bg-informational .db-weak, .db-bg-informational .db-bg-successful-ia .db-weak, .db-bg-successful-ia .db-bg-primary .db-weak, .db-bg-primary .db-bg-successful-ia .db-weak, .db-bg-successful-ia .db-bg-warning .db-weak, .db-bg-warning .db-bg-successful-ia .db-weak, .db-bg-successful-ia .db-bg-neutral .db-weak, .db-bg-neutral .db-bg-successful-ia .db-weak, .db-bg-successful-ia .db-bg-neutral-strong .db-weak, .db-bg-neutral-strong .db-bg-successful-ia .db-weak, .db-bg-successful-ia .db-bg-critical .db-weak, .db-bg-critical .db-bg-successful-ia .db-weak {
  --db-current-color: var(--db-successful-on-bg-weak-enabled, rgba(27, 48, 0, 0.75));
  color: var(--db-current-color);
}

.db-bg-neutral-transparent-full, .db-bg-neutral-transparent-semi, .db-bg-neutral, .db-bg-neutral-ia, .db-bg-neutral[data-variant=interactive], [data-variant=interactive].db-bg-neutral-ia {
  --db-current-base-color: var(--db-neutral-enabled,
  #646973);
  --db-current-color: var(--db-neutral-on-bg-enabled, #242629);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-neutral-bg-enabled, #ffffff)
  );
  --db-current-element-color: var(--db-neutral-element-enabled, #646973);
  --db-current-border-color: var(--db-neutral-border-enabled, rgba(100, 105, 115, 0.64));
  --db-current-border-weak-color: var(--db-neutral-border-weak-enabled, rgba(100, 105, 115, 0.32));
}

.db-bg-neutral, .db-bg-neutral-ia, .db-bg-neutral[data-variant=interactive], [data-variant=interactive].db-bg-neutral-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-neutral-transparent-full, .db-bg-neutral-transparent-semi {
  color: var(--db-neutral-on-bg-enabled, #242629);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-neutral-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-neutral-ia:enabled:hover, .db-bg-neutral[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-neutral-ia:enabled:active, .db-bg-neutral[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-neutral .db-weak, .db-bg-neutral-ia .db-bg-informational .db-weak, .db-bg-informational .db-bg-neutral-ia .db-weak, .db-bg-neutral-ia .db-bg-primary .db-weak, .db-bg-primary .db-bg-neutral-ia .db-weak, .db-bg-neutral-ia .db-bg-warning .db-weak, .db-bg-warning .db-bg-neutral-ia .db-weak, .db-bg-neutral-ia .db-bg-successful .db-weak, .db-bg-successful .db-bg-neutral-ia .db-weak, .db-bg-neutral-ia .db-bg-neutral-strong .db-weak, .db-bg-neutral-strong .db-bg-neutral-ia .db-weak, .db-bg-neutral-ia .db-bg-critical .db-weak, .db-bg-critical .db-bg-neutral-ia .db-weak {
  --db-current-color: var(--db-neutral-on-bg-weak-enabled, rgba(36, 38, 41, 0.75));
  color: var(--db-current-color);
}

.db-bg-neutral-strong-transparent-full, .db-bg-neutral-strong-transparent-semi, .db-bg-neutral-strong, .db-bg-neutral-strong-ia, .db-bg-neutral-strong[data-variant=interactive], [data-variant=interactive].db-bg-neutral-strong-ia {
  --db-current-base-color: var(--db-neutral-enabled,
  #646973);
  --db-current-color: var(--db-neutral-on-bg-enabled, #242629);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-neutral-bg-strong-enabled, #e6e7e8)
  );
  --db-current-element-color: var(--db-neutral-element-enabled, #646973);
  --db-current-border-color: var(--db-neutral-border-enabled, rgba(100, 105, 115, 0.64));
  --db-current-border-weak-color: var(--db-neutral-border-weak-enabled, rgba(100, 105, 115, 0.32));
}

.db-bg-neutral-strong, .db-bg-neutral-strong-ia, .db-bg-neutral-strong[data-variant=interactive], [data-variant=interactive].db-bg-neutral-strong-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-neutral-strong-transparent-full, .db-bg-neutral-strong-transparent-semi {
  color: var(--db-neutral-on-bg-enabled, #242629);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-neutral-strong-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-neutral-strong-ia:enabled:hover, .db-bg-neutral-strong[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-neutral-strong-ia:enabled:active, .db-bg-neutral-strong[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-neutral-strong .db-weak, .db-bg-neutral-strong-ia .db-bg-informational .db-weak, .db-bg-informational .db-bg-neutral-strong-ia .db-weak, .db-bg-neutral-strong-ia .db-bg-primary .db-weak, .db-bg-primary .db-bg-neutral-strong-ia .db-weak, .db-bg-neutral-strong-ia .db-bg-warning .db-weak, .db-bg-warning .db-bg-neutral-strong-ia .db-weak, .db-bg-neutral-strong-ia .db-bg-successful .db-weak, .db-bg-successful .db-bg-neutral-strong-ia .db-weak, .db-bg-neutral-strong-ia .db-bg-neutral .db-weak, .db-bg-neutral .db-bg-neutral-strong-ia .db-weak, .db-bg-neutral-strong-ia .db-bg-critical .db-weak, .db-bg-critical .db-bg-neutral-strong-ia .db-weak {
  --db-current-color: var(--db-neutral-on-bg-weak-enabled, rgba(36, 38, 41, 0.75));
  color: var(--db-current-color);
}

.db-bg-critical-transparent-full, .db-bg-critical-transparent-semi, .db-bg-critical, .db-bg-critical-ia, .db-bg-critical[data-variant=interactive], [data-variant=interactive].db-bg-critical-ia {
  --db-current-base-color: var(--db-critical-enabled,
  #ec0016);
  --db-current-color: var(--db-critical-on-bg-enabled, #550008);
  --db-current-bg-color: color-mix(
  	in srgb,
  	transparent	var(--db-bg-transparent, 0%),
  	var(--db-critical-bg-enabled, #fce0e2)
  );
  --db-current-element-color: var(--db-critical-element-enabled, #ec0016);
  --db-current-border-color: var(--db-critical-border-enabled, rgba(236, 0, 22, 0.64));
  --db-current-border-weak-color: var(--db-critical-border-weak-enabled, rgba(236, 0, 22, 0.32));
}

.db-bg-critical, .db-bg-critical-ia, .db-bg-critical[data-variant=interactive], [data-variant=interactive].db-bg-critical-ia {
  background-color: var(--db-current-bg-color);
  color: var(--db-current-color);
}
.db-bg-critical-transparent-full, .db-bg-critical-transparent-semi {
  color: var(--db-critical-on-bg-enabled, #550008);
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 100%), var(--db-current-base-color));
}
.db-bg-critical-transparent-semi {
  background-color: color-mix(in srgb, transparent var(--db-bg-transparent, 92%), var(--db-current-base-color));
}
.db-bg-critical-ia:enabled:hover, .db-bg-critical[data-variant=interactive]:enabled:hover {
  --db-bg-transparent: 84%;
}
.db-bg-critical-ia:enabled:active, .db-bg-critical[data-variant=interactive]:enabled:active {
  --db-bg-transparent: 68%;
}
.db-bg-critical .db-weak, .db-bg-critical-ia .db-bg-informational .db-weak, .db-bg-informational .db-bg-critical-ia .db-weak, .db-bg-critical-ia .db-bg-primary .db-weak, .db-bg-primary .db-bg-critical-ia .db-weak, .db-bg-critical-ia .db-bg-warning .db-weak, .db-bg-warning .db-bg-critical-ia .db-weak, .db-bg-critical-ia .db-bg-successful .db-weak, .db-bg-successful .db-bg-critical-ia .db-weak, .db-bg-critical-ia .db-bg-neutral .db-weak, .db-bg-neutral .db-bg-critical-ia .db-weak, .db-bg-critical-ia .db-bg-neutral-strong .db-weak, .db-bg-neutral-strong .db-bg-critical-ia .db-weak {
  --db-current-color: var(--db-critical-on-bg-weak-enabled, rgba(85, 0, 8, 0.75));
  color: var(--db-current-color);
}
