.surface-int-primary
  background: var(--group-light-interactive-on-light-surface-primary) !important

.surface-int-primary-hover
  background: var(--group-light-interactive-on-light-surface-primary-hover) !important

.surface-int-primary-pressed
  background: var(--group-light-interactive-on-light-surface-primary-pressed) !important

.surface-int-primary-disabled
  background: var(--group-light-interactive-on-light-surface-primary-disabled) !important

.surface-int-primary-processing
  background: var(--group-light-interactive-on-light-surface-primary-processing) !important

.surface-int-active
  background: var(--group-light-interactive-on-light-surface-active) !important

.surface-int-active-hover
  background: var(--group-light-interactive-on-light-surface-active-hover) !important

.surface-int-active-pressed
  background: var(--group-light-interactive-on-light-surface-active-pressed) !important

.surface-int-brand-1
  background: var(--group-light-interactive-on-light-surface-brand-1) !important

.surface-int-brand-1-hover
  background: var(--group-light-interactive-on-light-surface-brand-1-hover) !important

.surface-int-brand-1-pressed
  background: var(--group-light-interactive-on-light-surface-brand-1-pressed) !important

.surface-int-brand-1-disabled
  background: var(--group-light-interactive-on-light-surface-brand-1-disabled) !important

.surface-int-brand-1-processing
  background: var(--group-light-interactive-on-light-surface-brand-1-processing) !important

.surface-int-brand-2
  background: var(--group-light-interactive-on-light-surface-brand-2) !important

.surface-int-brand-2-hover
  background: var(--group-light-interactive-on-light-surface-brand-2-hover) !important

.surface-int-brand-2-pressed
  background: var(--group-light-interactive-on-light-surface-brand-2-pressed) !important

.surface-int-brand-2-disabled
  background: var(--group-light-interactive-on-light-surface-brand-2-disabled) !important

.surface-int-brand-2-processing
  background: var(--group-light-interactive-on-light-surface-brand-2-processing) !important

.surface-dark-int-light-surface-primary
  background: var(--group-dark-interactive-on-light-surface-primary) !important

.surface-dark-int-light-surface-primary-hover
  background: var(--group-dark-interactive-on-light-surface-primary-hover) !important

.surface-dark-int-light-surface-primary-pressed
  background: var(--group-dark-interactive-on-light-surface-primary-pressed) !important

.surface-dark-int-light-surface-primary-disabled
  background: var(--group-dark-interactive-on-light-surface-primary-disabled) !important

.surface-dark-int-light-surface-primary-processing
  background: var(--group-dark-interactive-on-light-surface-primary-processing) !important

.surface-dark-int-light-surface-active
  background: var(--group-dark-interactive-on-light-surface-active) !important

.surface-dark-int-light-surface-active-hover
  background: var(--group-dark-interactive-on-light-surface-active-hover) !important

.surface-dark-int-light-surface-active-pressed
  background: var(--group-dark-interactive-on-light-surface-active-pressed) !important

.surface-dark-int-light-surface-brand-1
  background: var(--group-dark-interactive-on-light-surface-brand-1) !important

.surface-dark-int-light-surface-brand-1-hover
  background: var(--group-dark-interactive-on-light-surface-brand-1-hover) !important

.surface-dark-int-light-surface-brand-1-pressed
  background: var(--group-dark-interactive-on-light-surface-brand-1-pressed) !important

.surface-dark-int-light-surface-brand-1-disabled
  background: var(--group-dark-interactive-on-light-surface-brand-1-disabled) !important

.surface-dark-int-light-surface-brand-1-processing
  background: var(--group-dark-interactive-on-light-surface-brand-1-processing) !important

.surface-dark-int-light-surface-brand-2
  background: var(--group-dark-interactive-on-light-surface-brand-2) !important

.surface-dark-int-light-surface-brand-2-hover
  background: var(--group-dark-interactive-on-light-surface-brand-2-hover) !important

.surface-dark-int-light-surface-brand-2-pressed
  background: var(--group-dark-interactive-on-light-surface-brand-2-pressed) !important

.surface-dark-int-light-surface-brand-2-disabled
  background: var(--group-dark-interactive-on-light-surface-brand-2-disabled) !important

.surface-dark-int-light-surface-brand-2-processing
  background: var(--group-dark-interactive-on-light-surface-brand-2-processing) !important

.surface-ni-white
  background: var(--group-light-non-interactive-surface-white) !important

.surface-ni-neutral-1
  background: var(--group-light-non-interactive-surface-neutral-1) !important

.surface-ni-neutral-2
  background: var(--group-light-non-interactive-surface-neutral-2) !important

.surface-ni-neutral-3
  background: var(--group-light-non-interactive-surface-neutral-3) !important

.surface-ni-neutral-4
  background: var(--group-light-non-interactive-surface-neutral-4) !important

.surface-ni-neutral-5
  background: var(--group-light-non-interactive-surface-neutral-5) !important

.surface-ni-black
  background: var(--group-light-non-interactive-surface-black) !important

.surface-ni-brand-1
  background: var(--group-light-non-interactive-surface-brand-1) !important

.surface-ni-brand-2
  background: var(--group-light-non-interactive-surface-brand-2) !important

.surface-ni-brand-3
  background: var(--group-light-non-interactive-surface-brand-3) !important

.surface-int-dark-primary
  background: var(--group-light-interactive-on-dark-surface-primary) !important

.surface-int-dark-primary-hover
  background: var(--group-light-interactive-on-dark-surface-primary-hover) !important

.surface-int-dark-primary-pressed
  background: var(--group-light-interactive-on-dark-surface-primary-pressed) !important

.surface-int-dark-primary-disabled
  background: var(--group-light-interactive-on-dark-surface-primary-disabled) !important

.surface-int-dark-active
  background: var(--group-light-interactive-on-dark-surface-active) !important

.surface-int-dark-active-hover
  background: var(--group-light-interactive-on-dark-surface-active-hover) !important

.surface-int-dark-active-pressed
  background: var(--group-light-interactive-on-dark-surface-active-pressed) !important

.surface-int-dark-brand-1
  background: var(--group-light-interactive-on-dark-surface-brand-1) !important

.surface-int-dark-brand-1-hover
  background: var(--group-light-interactive-on-dark-surface-brand-1-hover) !important

.surface-int-dark-brand-1-pressed
  background: var(--group-light-interactive-on-dark-surface-brand-1-pressed) !important

.surface-int-dark-brand-1-disabled
  background: var(--group-light-interactive-on-dark-surface-brand-1-disabled) !important

.surface-int-dark-brand-1-processing
  background: var(--group-light-interactive-on-dark-surface-brand-1-processing) !important

.surface-int-dark-brand-2
  background: var(--group-light-interactive-on-dark-surface-brand-2) !important

.surface-int-dark-brand-2-hover
  background: var(--group-light-interactive-on-dark-surface-brand-2-hover) !important

.surface-int-dark-brand-2-pressed
  background: var(--group-light-interactive-on-dark-surface-brand-2-pressed) !important

.surface-int-dark-brand-2-disabled
  background: var(--group-light-interactive-on-dark-surface-brand-2-disabled) !important

.surface-int-dark-brand-2-processing
  background: var(--group-light-interactive-on-dark-surface-brand-2-processing) !important

.surface-dark-int-dark-surface-primary
  background: var(--group-dark-interactive-on-dark-surface-primary) !important

.surface-dark-int-dark-surface-primary-hover
  background: var(--group-dark-interactive-on-dark-surface-primary-hover) !important

.surface-dark-int-dark-surface-primary-pressed
  background: var(--group-dark-interactive-on-dark-surface-primary-pressed) !important

.surface-dark-int-dark-surface-primary-disabled
  background: var(--group-dark-interactive-on-dark-surface-primary-disabled) !important

.surface-dark-int-dark-surface-active
  background: var(--group-dark-interactive-on-dark-surface-active) !important

.surface-dark-int-dark-surface-active-hover
  background: var(--group-dark-interactive-on-dark-surface-active-hover) !important

.surface-dark-int-dark-surface-active-pressed
  background: var(--group-dark-interactive-on-dark-surface-active-pressed) !important

.surface-dark-int-dark-surface-brand-1
  background: var(--group-dark-interactive-on-dark-surface-brand-1) !important

.surface-dark-int-dark-surface-brand-1-hover
  background: var(--group-dark-interactive-on-dark-surface-brand-1-hover) !important

.surface-dark-int-dark-surface-brand-1-pressed
  background: var(--group-dark-interactive-on-dark-surface-brand-1-pressed) !important

.surface-dark-int-dark-surface-brand-1-disabled
  background: var(--group-dark-interactive-on-dark-surface-brand-1-disabled) !important

.surface-dark-int-dark-surface-brand-1-processing
  background: var(--group-dark-interactive-on-dark-surface-brand-1-processing) !important

.surface-dark-int-dark-surface-brand-2
  background: var(--group-dark-interactive-on-dark-surface-brand-2) !important

.surface-dark-int-dark-surface-brand-2-hover
  background: var(--group-dark-interactive-on-dark-surface-brand-2-hover) !important

.surface-dark-int-dark-surface-brand-2-pressed
  background: var(--group-dark-interactive-on-dark-surface-brand-2-pressed) !important

.surface-dark-int-dark-surface-brand-2-disabled
  background: var(--group-dark-interactive-on-dark-surface-brand-2-disabled) !important

.surface-dark-int-dark-surface-brand-2-processing
  background: var(--group-dark-interactive-on-dark-surface-brand-2-processing) !important

.bg-transparent
  background: transparent !important