.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;
}
/*# sourceMappingURL=utilities/surface.css.map */