@use '../mixins/_all' as *


.bg-primary
  background: var(--bal-color-background-primary) !important

.bg-green-light
  background: var(--bal-color-background-green-light) !important

.bg-green
  background: var(--bal-color-background-green) !important

.bg-purple-light
  background: var(--bal-color-background-purple-light) !important

.bg-purple
  background: var(--bal-color-background-purple) !important

.bg-yellow-light
  background: var(--bal-color-background-yellow-light) !important

.bg-yellow
  background: var(--bal-color-background-yellow) !important

.bg-red-light
  background: var(--bal-color-background-red-light) !important

.bg-red
  background: var(--bal-color-background-red) !important

.bg-white
  background: var(--bal-color-background-white) !important

.bg-grey-light
  background: var(--bal-color-background-grey-light) !important

.bg-grey
  background: var(--bal-color-background-grey) !important

.bg-disabled
  background: var(--bal-color-background-disabled) !important

.bg-info
  background: var(--bal-color-background-info) !important

.bg-success
  background: var(--bal-color-background-success) !important

.bg-warning
  background: var(--bal-color-background-warning) !important

.bg-danger
  background: var(--bal-color-background-danger) !important

.bg-light-blue
  background: var(--bal-color-light-blue) !important

.bg-primary-1
  background: var(--bal-color-primary-1) !important

.bg-primary-2
  background: var(--bal-color-primary-2) !important

.bg-primary-3
  background: var(--bal-color-primary-3) !important

.bg-primary-4
  background: var(--bal-color-primary-4) !important

.bg-primary-5
  background: var(--bal-color-primary-5) !important

.bg-primary-6
  background: var(--bal-color-primary-6) !important

.bg-green-1
  background: var(--bal-color-green-1) !important

.bg-green-2
  background: var(--bal-color-green-2) !important

.bg-green-3
  background: var(--bal-color-green-3) !important

.bg-green-4
  background: var(--bal-color-green-4) !important

.bg-green-5
  background: var(--bal-color-green-5) !important

.bg-green-6
  background: var(--bal-color-green-6) !important

.bg-purple-1
  background: var(--bal-color-purple-1) !important

.bg-purple-2
  background: var(--bal-color-purple-2) !important

.bg-purple-3
  background: var(--bal-color-purple-3) !important

.bg-purple-4
  background: var(--bal-color-purple-4) !important

.bg-purple-5
  background: var(--bal-color-purple-5) !important

.bg-purple-6
  background: var(--bal-color-purple-6) !important

.bg-yellow-1
  background: var(--bal-color-yellow-1) !important

.bg-yellow-2
  background: var(--bal-color-yellow-2) !important

.bg-yellow-3
  background: var(--bal-color-yellow-3) !important

.bg-yellow-4
  background: var(--bal-color-yellow-4) !important

.bg-yellow-5
  background: var(--bal-color-yellow-5) !important

.bg-yellow-6
  background: var(--bal-color-yellow-6) !important

.bg-red-1
  background: var(--bal-color-red-1) !important

.bg-red-2
  background: var(--bal-color-red-2) !important

.bg-red-3
  background: var(--bal-color-red-3) !important

.bg-red-4
  background: var(--bal-color-red-4) !important

.bg-red-5
  background: var(--bal-color-red-5) !important

.bg-red-6
  background: var(--bal-color-red-6) !important

.bg-grey-1
  background: var(--bal-color-grey-1) !important

.bg-grey-2
  background: var(--bal-color-grey-2) !important

.bg-grey-3
  background: var(--bal-color-grey-3) !important

.bg-grey-4
  background: var(--bal-color-grey-4) !important

.bg-grey-5
  background: var(--bal-color-grey-5) !important

.bg-grey-6
  background: var(--bal-color-grey-6) !important

.bg-black
  background: var(--bal-color-black) !important

.bg-light-blue-1
  background: var(--bal-color-light-blue-1) !important

.bg-light-blue-2
  background: var(--bal-color-light-blue-2) !important

.bg-light-blue-3
  background: var(--bal-color-light-blue-3) !important

.bg-light-blue-4
  background: var(--bal-color-light-blue-4) !important

.bg-light-blue-5
  background: var(--bal-color-light-blue-5) !important

.bg-light-blue-6
  background: var(--bal-color-light-blue-6) !important

.bg-info-1
  background: var(--bal-color-info-1) !important

.bg-info-2
  background: var(--bal-color-info-2) !important

.bg-info-3
  background: var(--bal-color-info-3) !important

.bg-info-4
  background: var(--bal-color-info-4) !important

.bg-info-5
  background: var(--bal-color-info-5) !important

.bg-info-6
  background: var(--bal-color-info-6) !important

.bg-success-1
  background: var(--bal-color-success-1) !important

.bg-success-2
  background: var(--bal-color-success-2) !important

.bg-success-3
  background: var(--bal-color-success-3) !important

.bg-success-4
  background: var(--bal-color-success-4) !important

.bg-success-5
  background: var(--bal-color-success-5) !important

.bg-success-6
  background: var(--bal-color-success-6) !important

.bg-warning-1
  background: var(--bal-color-warning-1) !important

.bg-warning-2
  background: var(--bal-color-warning-2) !important

.bg-warning-3
  background: var(--bal-color-warning-3) !important

.bg-warning-4
  background: var(--bal-color-warning-4) !important

.bg-warning-5
  background: var(--bal-color-warning-5) !important

.bg-warning-6
  background: var(--bal-color-warning-6) !important

.bg-danger-1
  background: var(--bal-color-danger-1) !important

.bg-danger-2
  background: var(--bal-color-danger-2) !important

.bg-danger-3
  background: var(--bal-color-danger-3) !important

.bg-danger-4
  background: var(--bal-color-danger-4) !important

.bg-danger-5
  background: var(--bal-color-danger-5) !important

.bg-danger-6
  background: var(--bal-color-danger-6) !important

.bg-transparent
  background: transparent !important

.focus\:bg-primary:focus
  background: var(--bal-color-background-primary) !important

.hover\:bg-primary:hover
  background: var(--bal-color-background-primary) !important

.active\:bg-primary:active
  background: var(--bal-color-background-primary) !important

.focus\:bg-green-light:focus
  background: var(--bal-color-background-green-light) !important

.hover\:bg-green-light:hover
  background: var(--bal-color-background-green-light) !important

.active\:bg-green-light:active
  background: var(--bal-color-background-green-light) !important

.focus\:bg-green:focus
  background: var(--bal-color-background-green) !important

.hover\:bg-green:hover
  background: var(--bal-color-background-green) !important

.active\:bg-green:active
  background: var(--bal-color-background-green) !important

.focus\:bg-purple-light:focus
  background: var(--bal-color-background-purple-light) !important

.hover\:bg-purple-light:hover
  background: var(--bal-color-background-purple-light) !important

.active\:bg-purple-light:active
  background: var(--bal-color-background-purple-light) !important

.focus\:bg-purple:focus
  background: var(--bal-color-background-purple) !important

.hover\:bg-purple:hover
  background: var(--bal-color-background-purple) !important

.active\:bg-purple:active
  background: var(--bal-color-background-purple) !important

.focus\:bg-yellow-light:focus
  background: var(--bal-color-background-yellow-light) !important

.hover\:bg-yellow-light:hover
  background: var(--bal-color-background-yellow-light) !important

.active\:bg-yellow-light:active
  background: var(--bal-color-background-yellow-light) !important

.focus\:bg-yellow:focus
  background: var(--bal-color-background-yellow) !important

.hover\:bg-yellow:hover
  background: var(--bal-color-background-yellow) !important

.active\:bg-yellow:active
  background: var(--bal-color-background-yellow) !important

.focus\:bg-red-light:focus
  background: var(--bal-color-background-red-light) !important

.hover\:bg-red-light:hover
  background: var(--bal-color-background-red-light) !important

.active\:bg-red-light:active
  background: var(--bal-color-background-red-light) !important

.focus\:bg-red:focus
  background: var(--bal-color-background-red) !important

.hover\:bg-red:hover
  background: var(--bal-color-background-red) !important

.active\:bg-red:active
  background: var(--bal-color-background-red) !important

.focus\:bg-white:focus
  background: var(--bal-color-background-white) !important

.hover\:bg-white:hover
  background: var(--bal-color-background-white) !important

.active\:bg-white:active
  background: var(--bal-color-background-white) !important

.focus\:bg-grey-light:focus
  background: var(--bal-color-background-grey-light) !important

.hover\:bg-grey-light:hover
  background: var(--bal-color-background-grey-light) !important

.active\:bg-grey-light:active
  background: var(--bal-color-background-grey-light) !important

.focus\:bg-grey:focus
  background: var(--bal-color-background-grey) !important

.hover\:bg-grey:hover
  background: var(--bal-color-background-grey) !important

.active\:bg-grey:active
  background: var(--bal-color-background-grey) !important

.focus\:bg-disabled:focus
  background: var(--bal-color-background-disabled) !important

.hover\:bg-disabled:hover
  background: var(--bal-color-background-disabled) !important

.active\:bg-disabled:active
  background: var(--bal-color-background-disabled) !important

.focus\:bg-info:focus
  background: var(--bal-color-background-info) !important

.hover\:bg-info:hover
  background: var(--bal-color-background-info) !important

.active\:bg-info:active
  background: var(--bal-color-background-info) !important

.focus\:bg-success:focus
  background: var(--bal-color-background-success) !important

.hover\:bg-success:hover
  background: var(--bal-color-background-success) !important

.active\:bg-success:active
  background: var(--bal-color-background-success) !important

.focus\:bg-warning:focus
  background: var(--bal-color-background-warning) !important

.hover\:bg-warning:hover
  background: var(--bal-color-background-warning) !important

.active\:bg-warning:active
  background: var(--bal-color-background-warning) !important

.focus\:bg-danger:focus
  background: var(--bal-color-background-danger) !important

.hover\:bg-danger:hover
  background: var(--bal-color-background-danger) !important

.active\:bg-danger:active
  background: var(--bal-color-background-danger) !important

.focus\:bg-light-blue:focus
  background: var(--bal-color-light-blue) !important

.hover\:bg-light-blue:hover
  background: var(--bal-color-light-blue) !important

.active\:bg-light-blue:active
  background: var(--bal-color-light-blue) !important

.focus\:bg-primary-1:focus
  background: var(--bal-color-primary-1) !important

.hover\:bg-primary-1:hover
  background: var(--bal-color-primary-1) !important

.active\:bg-primary-1:active
  background: var(--bal-color-primary-1) !important

.focus\:bg-primary-2:focus
  background: var(--bal-color-primary-2) !important

.hover\:bg-primary-2:hover
  background: var(--bal-color-primary-2) !important

.active\:bg-primary-2:active
  background: var(--bal-color-primary-2) !important

.focus\:bg-primary-3:focus
  background: var(--bal-color-primary-3) !important

.hover\:bg-primary-3:hover
  background: var(--bal-color-primary-3) !important

.active\:bg-primary-3:active
  background: var(--bal-color-primary-3) !important

.focus\:bg-primary-4:focus
  background: var(--bal-color-primary-4) !important

.hover\:bg-primary-4:hover
  background: var(--bal-color-primary-4) !important

.active\:bg-primary-4:active
  background: var(--bal-color-primary-4) !important

.focus\:bg-primary-5:focus
  background: var(--bal-color-primary-5) !important

.hover\:bg-primary-5:hover
  background: var(--bal-color-primary-5) !important

.active\:bg-primary-5:active
  background: var(--bal-color-primary-5) !important

.focus\:bg-primary-6:focus
  background: var(--bal-color-primary-6) !important

.hover\:bg-primary-6:hover
  background: var(--bal-color-primary-6) !important

.active\:bg-primary-6:active
  background: var(--bal-color-primary-6) !important

.focus\:bg-green-1:focus
  background: var(--bal-color-green-1) !important

.hover\:bg-green-1:hover
  background: var(--bal-color-green-1) !important

.active\:bg-green-1:active
  background: var(--bal-color-green-1) !important

.focus\:bg-green-2:focus
  background: var(--bal-color-green-2) !important

.hover\:bg-green-2:hover
  background: var(--bal-color-green-2) !important

.active\:bg-green-2:active
  background: var(--bal-color-green-2) !important

.focus\:bg-green-3:focus
  background: var(--bal-color-green-3) !important

.hover\:bg-green-3:hover
  background: var(--bal-color-green-3) !important

.active\:bg-green-3:active
  background: var(--bal-color-green-3) !important

.focus\:bg-green-4:focus
  background: var(--bal-color-green-4) !important

.hover\:bg-green-4:hover
  background: var(--bal-color-green-4) !important

.active\:bg-green-4:active
  background: var(--bal-color-green-4) !important

.focus\:bg-green-5:focus
  background: var(--bal-color-green-5) !important

.hover\:bg-green-5:hover
  background: var(--bal-color-green-5) !important

.active\:bg-green-5:active
  background: var(--bal-color-green-5) !important

.focus\:bg-green-6:focus
  background: var(--bal-color-green-6) !important

.hover\:bg-green-6:hover
  background: var(--bal-color-green-6) !important

.active\:bg-green-6:active
  background: var(--bal-color-green-6) !important

.focus\:bg-purple-1:focus
  background: var(--bal-color-purple-1) !important

.hover\:bg-purple-1:hover
  background: var(--bal-color-purple-1) !important

.active\:bg-purple-1:active
  background: var(--bal-color-purple-1) !important

.focus\:bg-purple-2:focus
  background: var(--bal-color-purple-2) !important

.hover\:bg-purple-2:hover
  background: var(--bal-color-purple-2) !important

.active\:bg-purple-2:active
  background: var(--bal-color-purple-2) !important

.focus\:bg-purple-3:focus
  background: var(--bal-color-purple-3) !important

.hover\:bg-purple-3:hover
  background: var(--bal-color-purple-3) !important

.active\:bg-purple-3:active
  background: var(--bal-color-purple-3) !important

.focus\:bg-purple-4:focus
  background: var(--bal-color-purple-4) !important

.hover\:bg-purple-4:hover
  background: var(--bal-color-purple-4) !important

.active\:bg-purple-4:active
  background: var(--bal-color-purple-4) !important

.focus\:bg-purple-5:focus
  background: var(--bal-color-purple-5) !important

.hover\:bg-purple-5:hover
  background: var(--bal-color-purple-5) !important

.active\:bg-purple-5:active
  background: var(--bal-color-purple-5) !important

.focus\:bg-purple-6:focus
  background: var(--bal-color-purple-6) !important

.hover\:bg-purple-6:hover
  background: var(--bal-color-purple-6) !important

.active\:bg-purple-6:active
  background: var(--bal-color-purple-6) !important

.focus\:bg-yellow-1:focus
  background: var(--bal-color-yellow-1) !important

.hover\:bg-yellow-1:hover
  background: var(--bal-color-yellow-1) !important

.active\:bg-yellow-1:active
  background: var(--bal-color-yellow-1) !important

.focus\:bg-yellow-2:focus
  background: var(--bal-color-yellow-2) !important

.hover\:bg-yellow-2:hover
  background: var(--bal-color-yellow-2) !important

.active\:bg-yellow-2:active
  background: var(--bal-color-yellow-2) !important

.focus\:bg-yellow-3:focus
  background: var(--bal-color-yellow-3) !important

.hover\:bg-yellow-3:hover
  background: var(--bal-color-yellow-3) !important

.active\:bg-yellow-3:active
  background: var(--bal-color-yellow-3) !important

.focus\:bg-yellow-4:focus
  background: var(--bal-color-yellow-4) !important

.hover\:bg-yellow-4:hover
  background: var(--bal-color-yellow-4) !important

.active\:bg-yellow-4:active
  background: var(--bal-color-yellow-4) !important

.focus\:bg-yellow-5:focus
  background: var(--bal-color-yellow-5) !important

.hover\:bg-yellow-5:hover
  background: var(--bal-color-yellow-5) !important

.active\:bg-yellow-5:active
  background: var(--bal-color-yellow-5) !important

.focus\:bg-yellow-6:focus
  background: var(--bal-color-yellow-6) !important

.hover\:bg-yellow-6:hover
  background: var(--bal-color-yellow-6) !important

.active\:bg-yellow-6:active
  background: var(--bal-color-yellow-6) !important

.focus\:bg-red-1:focus
  background: var(--bal-color-red-1) !important

.hover\:bg-red-1:hover
  background: var(--bal-color-red-1) !important

.active\:bg-red-1:active
  background: var(--bal-color-red-1) !important

.focus\:bg-red-2:focus
  background: var(--bal-color-red-2) !important

.hover\:bg-red-2:hover
  background: var(--bal-color-red-2) !important

.active\:bg-red-2:active
  background: var(--bal-color-red-2) !important

.focus\:bg-red-3:focus
  background: var(--bal-color-red-3) !important

.hover\:bg-red-3:hover
  background: var(--bal-color-red-3) !important

.active\:bg-red-3:active
  background: var(--bal-color-red-3) !important

.focus\:bg-red-4:focus
  background: var(--bal-color-red-4) !important

.hover\:bg-red-4:hover
  background: var(--bal-color-red-4) !important

.active\:bg-red-4:active
  background: var(--bal-color-red-4) !important

.focus\:bg-red-5:focus
  background: var(--bal-color-red-5) !important

.hover\:bg-red-5:hover
  background: var(--bal-color-red-5) !important

.active\:bg-red-5:active
  background: var(--bal-color-red-5) !important

.focus\:bg-red-6:focus
  background: var(--bal-color-red-6) !important

.hover\:bg-red-6:hover
  background: var(--bal-color-red-6) !important

.active\:bg-red-6:active
  background: var(--bal-color-red-6) !important

.focus\:bg-grey-1:focus
  background: var(--bal-color-grey-1) !important

.hover\:bg-grey-1:hover
  background: var(--bal-color-grey-1) !important

.active\:bg-grey-1:active
  background: var(--bal-color-grey-1) !important

.focus\:bg-grey-2:focus
  background: var(--bal-color-grey-2) !important

.hover\:bg-grey-2:hover
  background: var(--bal-color-grey-2) !important

.active\:bg-grey-2:active
  background: var(--bal-color-grey-2) !important

.focus\:bg-grey-3:focus
  background: var(--bal-color-grey-3) !important

.hover\:bg-grey-3:hover
  background: var(--bal-color-grey-3) !important

.active\:bg-grey-3:active
  background: var(--bal-color-grey-3) !important

.focus\:bg-grey-4:focus
  background: var(--bal-color-grey-4) !important

.hover\:bg-grey-4:hover
  background: var(--bal-color-grey-4) !important

.active\:bg-grey-4:active
  background: var(--bal-color-grey-4) !important

.focus\:bg-grey-5:focus
  background: var(--bal-color-grey-5) !important

.hover\:bg-grey-5:hover
  background: var(--bal-color-grey-5) !important

.active\:bg-grey-5:active
  background: var(--bal-color-grey-5) !important

.focus\:bg-grey-6:focus
  background: var(--bal-color-grey-6) !important

.hover\:bg-grey-6:hover
  background: var(--bal-color-grey-6) !important

.active\:bg-grey-6:active
  background: var(--bal-color-grey-6) !important

.focus\:bg-black:focus
  background: var(--bal-color-black) !important

.hover\:bg-black:hover
  background: var(--bal-color-black) !important

.active\:bg-black:active
  background: var(--bal-color-black) !important

.focus\:bg-light-blue-1:focus
  background: var(--bal-color-light-blue-1) !important

.hover\:bg-light-blue-1:hover
  background: var(--bal-color-light-blue-1) !important

.active\:bg-light-blue-1:active
  background: var(--bal-color-light-blue-1) !important

.focus\:bg-light-blue-2:focus
  background: var(--bal-color-light-blue-2) !important

.hover\:bg-light-blue-2:hover
  background: var(--bal-color-light-blue-2) !important

.active\:bg-light-blue-2:active
  background: var(--bal-color-light-blue-2) !important

.focus\:bg-light-blue-3:focus
  background: var(--bal-color-light-blue-3) !important

.hover\:bg-light-blue-3:hover
  background: var(--bal-color-light-blue-3) !important

.active\:bg-light-blue-3:active
  background: var(--bal-color-light-blue-3) !important

.focus\:bg-light-blue-4:focus
  background: var(--bal-color-light-blue-4) !important

.hover\:bg-light-blue-4:hover
  background: var(--bal-color-light-blue-4) !important

.active\:bg-light-blue-4:active
  background: var(--bal-color-light-blue-4) !important

.focus\:bg-light-blue-5:focus
  background: var(--bal-color-light-blue-5) !important

.hover\:bg-light-blue-5:hover
  background: var(--bal-color-light-blue-5) !important

.active\:bg-light-blue-5:active
  background: var(--bal-color-light-blue-5) !important

.focus\:bg-light-blue-6:focus
  background: var(--bal-color-light-blue-6) !important

.hover\:bg-light-blue-6:hover
  background: var(--bal-color-light-blue-6) !important

.active\:bg-light-blue-6:active
  background: var(--bal-color-light-blue-6) !important

.focus\:bg-info-1:focus
  background: var(--bal-color-info-1) !important

.hover\:bg-info-1:hover
  background: var(--bal-color-info-1) !important

.active\:bg-info-1:active
  background: var(--bal-color-info-1) !important

.focus\:bg-info-2:focus
  background: var(--bal-color-info-2) !important

.hover\:bg-info-2:hover
  background: var(--bal-color-info-2) !important

.active\:bg-info-2:active
  background: var(--bal-color-info-2) !important

.focus\:bg-info-3:focus
  background: var(--bal-color-info-3) !important

.hover\:bg-info-3:hover
  background: var(--bal-color-info-3) !important

.active\:bg-info-3:active
  background: var(--bal-color-info-3) !important

.focus\:bg-info-4:focus
  background: var(--bal-color-info-4) !important

.hover\:bg-info-4:hover
  background: var(--bal-color-info-4) !important

.active\:bg-info-4:active
  background: var(--bal-color-info-4) !important

.focus\:bg-info-5:focus
  background: var(--bal-color-info-5) !important

.hover\:bg-info-5:hover
  background: var(--bal-color-info-5) !important

.active\:bg-info-5:active
  background: var(--bal-color-info-5) !important

.focus\:bg-info-6:focus
  background: var(--bal-color-info-6) !important

.hover\:bg-info-6:hover
  background: var(--bal-color-info-6) !important

.active\:bg-info-6:active
  background: var(--bal-color-info-6) !important

.focus\:bg-success-1:focus
  background: var(--bal-color-success-1) !important

.hover\:bg-success-1:hover
  background: var(--bal-color-success-1) !important

.active\:bg-success-1:active
  background: var(--bal-color-success-1) !important

.focus\:bg-success-2:focus
  background: var(--bal-color-success-2) !important

.hover\:bg-success-2:hover
  background: var(--bal-color-success-2) !important

.active\:bg-success-2:active
  background: var(--bal-color-success-2) !important

.focus\:bg-success-3:focus
  background: var(--bal-color-success-3) !important

.hover\:bg-success-3:hover
  background: var(--bal-color-success-3) !important

.active\:bg-success-3:active
  background: var(--bal-color-success-3) !important

.focus\:bg-success-4:focus
  background: var(--bal-color-success-4) !important

.hover\:bg-success-4:hover
  background: var(--bal-color-success-4) !important

.active\:bg-success-4:active
  background: var(--bal-color-success-4) !important

.focus\:bg-success-5:focus
  background: var(--bal-color-success-5) !important

.hover\:bg-success-5:hover
  background: var(--bal-color-success-5) !important

.active\:bg-success-5:active
  background: var(--bal-color-success-5) !important

.focus\:bg-success-6:focus
  background: var(--bal-color-success-6) !important

.hover\:bg-success-6:hover
  background: var(--bal-color-success-6) !important

.active\:bg-success-6:active
  background: var(--bal-color-success-6) !important

.focus\:bg-warning-1:focus
  background: var(--bal-color-warning-1) !important

.hover\:bg-warning-1:hover
  background: var(--bal-color-warning-1) !important

.active\:bg-warning-1:active
  background: var(--bal-color-warning-1) !important

.focus\:bg-warning-2:focus
  background: var(--bal-color-warning-2) !important

.hover\:bg-warning-2:hover
  background: var(--bal-color-warning-2) !important

.active\:bg-warning-2:active
  background: var(--bal-color-warning-2) !important

.focus\:bg-warning-3:focus
  background: var(--bal-color-warning-3) !important

.hover\:bg-warning-3:hover
  background: var(--bal-color-warning-3) !important

.active\:bg-warning-3:active
  background: var(--bal-color-warning-3) !important

.focus\:bg-warning-4:focus
  background: var(--bal-color-warning-4) !important

.hover\:bg-warning-4:hover
  background: var(--bal-color-warning-4) !important

.active\:bg-warning-4:active
  background: var(--bal-color-warning-4) !important

.focus\:bg-warning-5:focus
  background: var(--bal-color-warning-5) !important

.hover\:bg-warning-5:hover
  background: var(--bal-color-warning-5) !important

.active\:bg-warning-5:active
  background: var(--bal-color-warning-5) !important

.focus\:bg-warning-6:focus
  background: var(--bal-color-warning-6) !important

.hover\:bg-warning-6:hover
  background: var(--bal-color-warning-6) !important

.active\:bg-warning-6:active
  background: var(--bal-color-warning-6) !important

.focus\:bg-danger-1:focus
  background: var(--bal-color-danger-1) !important

.hover\:bg-danger-1:hover
  background: var(--bal-color-danger-1) !important

.active\:bg-danger-1:active
  background: var(--bal-color-danger-1) !important

.focus\:bg-danger-2:focus
  background: var(--bal-color-danger-2) !important

.hover\:bg-danger-2:hover
  background: var(--bal-color-danger-2) !important

.active\:bg-danger-2:active
  background: var(--bal-color-danger-2) !important

.focus\:bg-danger-3:focus
  background: var(--bal-color-danger-3) !important

.hover\:bg-danger-3:hover
  background: var(--bal-color-danger-3) !important

.active\:bg-danger-3:active
  background: var(--bal-color-danger-3) !important

.focus\:bg-danger-4:focus
  background: var(--bal-color-danger-4) !important

.hover\:bg-danger-4:hover
  background: var(--bal-color-danger-4) !important

.active\:bg-danger-4:active
  background: var(--bal-color-danger-4) !important

.focus\:bg-danger-5:focus
  background: var(--bal-color-danger-5) !important

.hover\:bg-danger-5:hover
  background: var(--bal-color-danger-5) !important

.active\:bg-danger-5:active
  background: var(--bal-color-danger-5) !important

.focus\:bg-danger-6:focus
  background: var(--bal-color-danger-6) !important

.hover\:bg-danger-6:hover
  background: var(--bal-color-danger-6) !important

.active\:bg-danger-6:active
  background: var(--bal-color-danger-6) !important

.focus\:bg-transparent:focus
  background: transparent !important

.hover\:bg-transparent:hover
  background: transparent !important

.active\:bg-transparent:active
  background: transparent !important

.bg-primary
  color: var(--bal-color-white)

.bg-primary-3
  color: var(--bal-color-white)

.bg-primary-4
  color: var(--bal-color-white)

.bg-primary-5
  color: var(--bal-color-white)

.bg-primary-6
  color: var(--bal-color-white)

.focus\:bg-primary:focus
  color: var(--bal-color-white)

.hover\:bg-primary:hover
  color: var(--bal-color-white)

.active\:bg-primary:active
  color: var(--bal-color-white)

.focus\:bg-primary-3:focus
  color: var(--bal-color-white)

.hover\:bg-primary-3:hover
  color: var(--bal-color-white)

.active\:bg-primary-3:active
  color: var(--bal-color-white)

.focus\:bg-primary-4:focus
  color: var(--bal-color-white)

.hover\:bg-primary-4:hover
  color: var(--bal-color-white)

.active\:bg-primary-4:active
  color: var(--bal-color-white)

.focus\:bg-primary-5:focus
  color: var(--bal-color-white)

.hover\:bg-primary-5:hover
  color: var(--bal-color-white)

.active\:bg-primary-5:active
  color: var(--bal-color-white)

.focus\:bg-primary-6:focus
  color: var(--bal-color-white)

.hover\:bg-primary-6:hover
  color: var(--bal-color-white)

.active\:bg-primary-6:active
  color: var(--bal-color-white)