/**
  * @deprecated Use desktop with t-shirt size breakpoints instead
  */
.bg-white {
  background: var(--bal-background-color-white) !important;
}

.bg-transparent {
  background: var(--bal-background-color-transparent) !important;
}

.bg-sky-light {
  background: var(--bal-background-color-sky-light) !important;
}

.bg-sky {
  background: var(--bal-background-color-sky) !important;
}

.bg-sky-dark {
  background: var(--bal-background-color-sky-dark) !important;
}

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

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

.bg-info-light {
  background: var(--bal-background-color-info-light) !important;
}

.bg-info-dark {
  background: var(--bal-background-color-info-dark) !important;
}

.bg-info-darker {
  background: var(--bal-background-color-info-darker) !important;
}

.bg-info-darkest {
  background: var(--bal-background-color-info-darkest) !important;
}

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

.bg-success-lighter {
  background: var(--bal-background-color-success-lighter) !important;
}

.bg-success-light {
  background: var(--bal-background-color-success-light) !important;
}

.bg-success-dark {
  background: var(--bal-background-color-success-dark) !important;
}

.bg-success-darker {
  background: var(--bal-background-color-success-darker) !important;
}

.bg-success-darkest {
  background: var(--bal-background-color-success-darkest) !important;
}

.bg-warning-lighter {
  background: var(--bal-background-color-warning-lighter) !important;
}

.bg-warning-light {
  background: var(--bal-background-color-warning-light) !important;
}

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

.bg-warning-dark {
  background: var(--bal-background-color-warning-dark) !important;
}

.bg-warning-darker {
  background: var(--bal-background-color-warning-darker) !important;
}

.bg-warning-darkest {
  background: var(--bal-background-color-warning-darkest) !important;
}

.bg-danger-lighter {
  background: var(--bal-background-color-danger-lighter) !important;
}

.bg-danger-light {
  background: var(--bal-background-color-danger-light) !important;
}

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

.bg-danger-dark {
  background: var(--bal-background-color-danger-dark) !important;
}

.bg-danger-darker {
  background: var(--bal-background-color-danger-darker) !important;
}

.bg-danger-darkest {
  background: var(--bal-background-color-danger-darkest) !important;
}

.bg-green-light-2 {
  background: var(--bal-background-color-green-light-2) !important;
}

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

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

.bg-grey-dark {
  background: var(--bal-background-color-grey-dark) !important;
}

.bg-primary-light {
  background: var(--bal-background-color-primary-light) !important;
}

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

.bg-primary-hover {
  background: var(--bal-background-color-primary-hover) !important;
}

.bg-primary-active {
  background: var(--bal-background-color-primary-active) !important;
}

.bg-green-lighter {
  background: var(--bal-background-color-green-lighter) !important;
}

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

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

.bg-purple-lighter {
  background: var(--bal-background-color-purple-lighter) !important;
}

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

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

.bg-red-lighter {
  background: var(--bal-background-color-red-lighter) !important;
}

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

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

.bg-yellow-lighter {
  background: var(--bal-background-color-yellow-lighter) !important;
}

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

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

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

.bg-neutral {
  background: var(--bal-color-neutral) !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-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-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-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-sky-1 {
  background: var(--bal-color-sky-1) !important;
}

.bg-sky-2 {
  background: var(--bal-color-sky-2) !important;
}

.bg-sky-3 {
  background: var(--bal-color-sky-3) !important;
}

.bg-sky-4 {
  background: var(--bal-color-sky-4) !important;
}

.bg-sky-5 {
  background: var(--bal-color-sky-5) !important;
}

.bg-sky-6 {
  background: var(--bal-color-sky-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-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-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-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;
}

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

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

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

.focus\:bg-transparent:focus {
  background: var(--bal-background-color-transparent) !important;
}

.hover\:bg-transparent:hover {
  background: var(--bal-background-color-transparent) !important;
}

.active\:bg-transparent:active {
  background: var(--bal-background-color-transparent) !important;
}

.focus\:bg-sky-light:focus {
  background: var(--bal-background-color-sky-light) !important;
}

.hover\:bg-sky-light:hover {
  background: var(--bal-background-color-sky-light) !important;
}

.active\:bg-sky-light:active {
  background: var(--bal-background-color-sky-light) !important;
}

.focus\:bg-sky:focus {
  background: var(--bal-background-color-sky) !important;
}

.hover\:bg-sky:hover {
  background: var(--bal-background-color-sky) !important;
}

.active\:bg-sky:active {
  background: var(--bal-background-color-sky) !important;
}

.focus\:bg-sky-dark:focus {
  background: var(--bal-background-color-sky-dark) !important;
}

.hover\:bg-sky-dark:hover {
  background: var(--bal-background-color-sky-dark) !important;
}

.active\:bg-sky-dark:active {
  background: var(--bal-background-color-sky-dark) !important;
}

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

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

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

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

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

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

.focus\:bg-info-light:focus {
  background: var(--bal-background-color-info-light) !important;
}

.hover\:bg-info-light:hover {
  background: var(--bal-background-color-info-light) !important;
}

.active\:bg-info-light:active {
  background: var(--bal-background-color-info-light) !important;
}

.focus\:bg-info-dark:focus {
  background: var(--bal-background-color-info-dark) !important;
}

.hover\:bg-info-dark:hover {
  background: var(--bal-background-color-info-dark) !important;
}

.active\:bg-info-dark:active {
  background: var(--bal-background-color-info-dark) !important;
}

.focus\:bg-info-darker:focus {
  background: var(--bal-background-color-info-darker) !important;
}

.hover\:bg-info-darker:hover {
  background: var(--bal-background-color-info-darker) !important;
}

.active\:bg-info-darker:active {
  background: var(--bal-background-color-info-darker) !important;
}

.focus\:bg-info-darkest:focus {
  background: var(--bal-background-color-info-darkest) !important;
}

.hover\:bg-info-darkest:hover {
  background: var(--bal-background-color-info-darkest) !important;
}

.active\:bg-info-darkest:active {
  background: var(--bal-background-color-info-darkest) !important;
}

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

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

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

.focus\:bg-success-lighter:focus {
  background: var(--bal-background-color-success-lighter) !important;
}

.hover\:bg-success-lighter:hover {
  background: var(--bal-background-color-success-lighter) !important;
}

.active\:bg-success-lighter:active {
  background: var(--bal-background-color-success-lighter) !important;
}

.focus\:bg-success-light:focus {
  background: var(--bal-background-color-success-light) !important;
}

.hover\:bg-success-light:hover {
  background: var(--bal-background-color-success-light) !important;
}

.active\:bg-success-light:active {
  background: var(--bal-background-color-success-light) !important;
}

.focus\:bg-success-dark:focus {
  background: var(--bal-background-color-success-dark) !important;
}

.hover\:bg-success-dark:hover {
  background: var(--bal-background-color-success-dark) !important;
}

.active\:bg-success-dark:active {
  background: var(--bal-background-color-success-dark) !important;
}

.focus\:bg-success-darker:focus {
  background: var(--bal-background-color-success-darker) !important;
}

.hover\:bg-success-darker:hover {
  background: var(--bal-background-color-success-darker) !important;
}

.active\:bg-success-darker:active {
  background: var(--bal-background-color-success-darker) !important;
}

.focus\:bg-success-darkest:focus {
  background: var(--bal-background-color-success-darkest) !important;
}

.hover\:bg-success-darkest:hover {
  background: var(--bal-background-color-success-darkest) !important;
}

.active\:bg-success-darkest:active {
  background: var(--bal-background-color-success-darkest) !important;
}

.focus\:bg-warning-lighter:focus {
  background: var(--bal-background-color-warning-lighter) !important;
}

.hover\:bg-warning-lighter:hover {
  background: var(--bal-background-color-warning-lighter) !important;
}

.active\:bg-warning-lighter:active {
  background: var(--bal-background-color-warning-lighter) !important;
}

.focus\:bg-warning-light:focus {
  background: var(--bal-background-color-warning-light) !important;
}

.hover\:bg-warning-light:hover {
  background: var(--bal-background-color-warning-light) !important;
}

.active\:bg-warning-light:active {
  background: var(--bal-background-color-warning-light) !important;
}

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

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

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

.focus\:bg-warning-dark:focus {
  background: var(--bal-background-color-warning-dark) !important;
}

.hover\:bg-warning-dark:hover {
  background: var(--bal-background-color-warning-dark) !important;
}

.active\:bg-warning-dark:active {
  background: var(--bal-background-color-warning-dark) !important;
}

.focus\:bg-warning-darker:focus {
  background: var(--bal-background-color-warning-darker) !important;
}

.hover\:bg-warning-darker:hover {
  background: var(--bal-background-color-warning-darker) !important;
}

.active\:bg-warning-darker:active {
  background: var(--bal-background-color-warning-darker) !important;
}

.focus\:bg-warning-darkest:focus {
  background: var(--bal-background-color-warning-darkest) !important;
}

.hover\:bg-warning-darkest:hover {
  background: var(--bal-background-color-warning-darkest) !important;
}

.active\:bg-warning-darkest:active {
  background: var(--bal-background-color-warning-darkest) !important;
}

.focus\:bg-danger-lighter:focus {
  background: var(--bal-background-color-danger-lighter) !important;
}

.hover\:bg-danger-lighter:hover {
  background: var(--bal-background-color-danger-lighter) !important;
}

.active\:bg-danger-lighter:active {
  background: var(--bal-background-color-danger-lighter) !important;
}

.focus\:bg-danger-light:focus {
  background: var(--bal-background-color-danger-light) !important;
}

.hover\:bg-danger-light:hover {
  background: var(--bal-background-color-danger-light) !important;
}

.active\:bg-danger-light:active {
  background: var(--bal-background-color-danger-light) !important;
}

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

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

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

.focus\:bg-danger-dark:focus {
  background: var(--bal-background-color-danger-dark) !important;
}

.hover\:bg-danger-dark:hover {
  background: var(--bal-background-color-danger-dark) !important;
}

.active\:bg-danger-dark:active {
  background: var(--bal-background-color-danger-dark) !important;
}

.focus\:bg-danger-darker:focus {
  background: var(--bal-background-color-danger-darker) !important;
}

.hover\:bg-danger-darker:hover {
  background: var(--bal-background-color-danger-darker) !important;
}

.active\:bg-danger-darker:active {
  background: var(--bal-background-color-danger-darker) !important;
}

.focus\:bg-danger-darkest:focus {
  background: var(--bal-background-color-danger-darkest) !important;
}

.hover\:bg-danger-darkest:hover {
  background: var(--bal-background-color-danger-darkest) !important;
}

.active\:bg-danger-darkest:active {
  background: var(--bal-background-color-danger-darkest) !important;
}

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

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

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

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

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

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

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

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

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

.focus\:bg-grey-dark:focus {
  background: var(--bal-background-color-grey-dark) !important;
}

.hover\:bg-grey-dark:hover {
  background: var(--bal-background-color-grey-dark) !important;
}

.active\:bg-grey-dark:active {
  background: var(--bal-background-color-grey-dark) !important;
}

.focus\:bg-primary-light:focus {
  background: var(--bal-background-color-primary-light) !important;
}

.hover\:bg-primary-light:hover {
  background: var(--bal-background-color-primary-light) !important;
}

.active\:bg-primary-light:active {
  background: var(--bal-background-color-primary-light) !important;
}

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

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

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

.focus\:bg-primary-hover:focus {
  background: var(--bal-background-color-primary-hover) !important;
}

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

.active\:bg-primary-hover:active {
  background: var(--bal-background-color-primary-hover) !important;
}

.focus\:bg-primary-active:focus {
  background: var(--bal-background-color-primary-active) !important;
}

.hover\:bg-primary-active:hover {
  background: var(--bal-background-color-primary-active) !important;
}

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

.focus\:bg-green-lighter:focus {
  background: var(--bal-background-color-green-lighter) !important;
}

.hover\:bg-green-lighter:hover {
  background: var(--bal-background-color-green-lighter) !important;
}

.active\:bg-green-lighter:active {
  background: var(--bal-background-color-green-lighter) !important;
}

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

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

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

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

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

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

.focus\:bg-purple-lighter:focus {
  background: var(--bal-background-color-purple-lighter) !important;
}

.hover\:bg-purple-lighter:hover {
  background: var(--bal-background-color-purple-lighter) !important;
}

.active\:bg-purple-lighter:active {
  background: var(--bal-background-color-purple-lighter) !important;
}

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

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

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

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

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

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

.focus\:bg-red-lighter:focus {
  background: var(--bal-background-color-red-lighter) !important;
}

.hover\:bg-red-lighter:hover {
  background: var(--bal-background-color-red-lighter) !important;
}

.active\:bg-red-lighter:active {
  background: var(--bal-background-color-red-lighter) !important;
}

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

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

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

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

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

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

.focus\:bg-yellow-lighter:focus {
  background: var(--bal-background-color-yellow-lighter) !important;
}

.hover\:bg-yellow-lighter:hover {
  background: var(--bal-background-color-yellow-lighter) !important;
}

.active\:bg-yellow-lighter:active {
  background: var(--bal-background-color-yellow-lighter) !important;
}

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

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

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

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

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

.active\:bg-yellow:active {
  background: var(--bal-background-color-yellow) !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-neutral:focus {
  background: var(--bal-color-neutral) !important;
}

.hover\:bg-neutral:hover {
  background: var(--bal-color-neutral) !important;
}

.active\:bg-neutral:active {
  background: var(--bal-color-neutral) !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-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-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-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-sky-1:focus {
  background: var(--bal-color-sky-1) !important;
}

.hover\:bg-sky-1:hover {
  background: var(--bal-color-sky-1) !important;
}

.active\:bg-sky-1:active {
  background: var(--bal-color-sky-1) !important;
}

.focus\:bg-sky-2:focus {
  background: var(--bal-color-sky-2) !important;
}

.hover\:bg-sky-2:hover {
  background: var(--bal-color-sky-2) !important;
}

.active\:bg-sky-2:active {
  background: var(--bal-color-sky-2) !important;
}

.focus\:bg-sky-3:focus {
  background: var(--bal-color-sky-3) !important;
}

.hover\:bg-sky-3:hover {
  background: var(--bal-color-sky-3) !important;
}

.active\:bg-sky-3:active {
  background: var(--bal-color-sky-3) !important;
}

.focus\:bg-sky-4:focus {
  background: var(--bal-color-sky-4) !important;
}

.hover\:bg-sky-4:hover {
  background: var(--bal-color-sky-4) !important;
}

.active\:bg-sky-4:active {
  background: var(--bal-color-sky-4) !important;
}

.focus\:bg-sky-5:focus {
  background: var(--bal-color-sky-5) !important;
}

.hover\:bg-sky-5:hover {
  background: var(--bal-color-sky-5) !important;
}

.active\:bg-sky-5:active {
  background: var(--bal-color-sky-5) !important;
}

.focus\:bg-sky-6:focus {
  background: var(--bal-color-sky-6) !important;
}

.hover\:bg-sky-6:hover {
  background: var(--bal-color-sky-6) !important;
}

.active\:bg-sky-6:active {
  background: var(--bal-color-sky-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-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-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-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;
}

/**
  * Deprecated
  */
.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);
}

.radius-none {
  border-radius: var(--bal-radius-none) !important;
}

.radius {
  border-radius: var(--bal-radius-base) !important;
}

.radius-lg {
  border-radius: var(--bal-radius-lg) !important;
}

.radius-rounded {
  border-radius: var(--bal-radius-rounded) !important;
}

.radius-top-none {
  border-top-left-radius: var(--bal-radius-none) !important;
  border-top-right-radius: var(--bal-radius-none) !important;
}

.radius-top {
  border-top-left-radius: var(--bal-radius-base) !important;
  border-top-right-radius: var(--bal-radius-base) !important;
}

.radius-top-lg {
  border-top-left-radius: var(--bal-radius-lg) !important;
  border-top-right-radius: var(--bal-radius-lg) !important;
}

.radius-top-rounded {
  border-top-left-radius: var(--bal-radius-rounded) !important;
  border-top-right-radius: var(--bal-radius-rounded) !important;
}

.radius-top-left-none {
  border-top-left-radius: var(--bal-radius-none) !important;
}

.radius-top-left {
  border-top-left-radius: var(--bal-radius-base) !important;
}

.radius-top-left-lg {
  border-top-left-radius: var(--bal-radius-lg) !important;
}

.radius-top-left-rounded {
  border-top-left-radius: var(--bal-radius-rounded) !important;
}

.radius-top-right-none {
  border-top-right-radius: var(--bal-radius-none) !important;
}

.radius-top-right {
  border-top-right-radius: var(--bal-radius-base) !important;
}

.radius-top-right-lg {
  border-top-right-radius: var(--bal-radius-lg) !important;
}

.radius-top-right-rounded {
  border-top-right-radius: var(--bal-radius-rounded) !important;
}

.radius-bottom-none {
  border-bottom-left-radius: var(--bal-radius-none) !important;
  border-bottom-right-radius: var(--bal-radius-none) !important;
}

.radius-bottom {
  border-bottom-left-radius: var(--bal-radius-base) !important;
  border-bottom-right-radius: var(--bal-radius-base) !important;
}

.radius-bottom-lg {
  border-bottom-left-radius: var(--bal-radius-lg) !important;
  border-bottom-right-radius: var(--bal-radius-lg) !important;
}

.radius-bottom-rounded {
  border-bottom-left-radius: var(--bal-radius-rounded) !important;
  border-bottom-right-radius: var(--bal-radius-rounded) !important;
}

.radius-bottom-left-none {
  border-bottom-left-radius: var(--bal-radius-none) !important;
}

.radius-bottom-left {
  border-bottom-left-radius: var(--bal-radius-base) !important;
}

.radius-bottom-left-lg {
  border-bottom-left-radius: var(--bal-radius-lg) !important;
}

.radius-bottom-left-rounded {
  border-bottom-left-radius: var(--bal-radius-rounded) !important;
}

.radius-bottom-right-none {
  border-bottom-right-radius: var(--bal-radius-none) !important;
}

.radius-bottom-right {
  border-bottom-right-radius: var(--bal-radius-base) !important;
}

.radius-bottom-right-lg {
  border-bottom-right-radius: var(--bal-radius-lg) !important;
}

.radius-bottom-right-rounded {
  border-bottom-right-radius: var(--bal-radius-rounded) !important;
}

.border-white {
  border-color: var(--bal-border-color-white) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border {
  border-color: var(--bal-border-color-base) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-inverted {
  border-color: var(--bal-border-color-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-disabled {
  border-color: var(--bal-border-color-disabled) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-disabled-inverted {
  border-color: var(--bal-border-color-disabled-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-grey-light {
  border-color: var(--bal-border-color-grey-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-grey {
  border-color: var(--bal-border-color-grey) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-grey-dark {
  border-color: var(--bal-border-color-grey-dark) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-primary-light {
  border-color: var(--bal-border-color-primary-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-primary {
  border-color: var(--bal-border-color-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-primary-hover {
  border-color: var(--bal-border-color-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-primary-active {
  border-color: var(--bal-border-color-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-inverted-primary {
  border-color: var(--bal-border-color-inverted-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-inverted-primary-hover {
  border-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-inverted-primary-active {
  border-color: var(--bal-border-color-inverted-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-info {
  border-color: var(--bal-border-color-info) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-info-hover {
  border-color: var(--bal-border-color-info-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-info-active {
  border-color: var(--bal-border-color-info-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-success {
  border-color: var(--bal-border-color-success) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-success-hover {
  border-color: var(--bal-border-color-success-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-success-active {
  border-color: var(--bal-border-color-success-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-warning {
  border-color: var(--bal-border-color-warning) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-warning-hover {
  border-color: var(--bal-border-color-warning-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-warning-active {
  border-color: var(--bal-border-color-warning-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-danger {
  border-color: var(--bal-border-color-danger) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-danger-hover {
  border-color: var(--bal-border-color-danger-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-danger-active {
  border-color: var(--bal-border-color-danger-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-green {
  border-color: var(--bal-border-color-green) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-green-hover {
  border-color: var(--bal-border-color-green-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-green-active {
  border-color: var(--bal-border-color-green-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-purple {
  border-color: var(--bal-border-color-purple) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-purple-hover {
  border-color: var(--bal-border-color-purple-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-purple-active {
  border-color: var(--bal-border-color-purple-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-red {
  border-color: var(--bal-border-color-red) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-red-hover {
  border-color: var(--bal-border-color-red-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-red-active {
  border-color: var(--bal-border-color-red-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-yellow {
  border-color: var(--bal-border-color-yellow) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-yellow-hover {
  border-color: var(--bal-border-color-yellow-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-yellow-active {
  border-color: var(--bal-border-color-yellow-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-white:focus {
  border-color: var(--bal-border-color-white) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-white:hover {
  border-color: var(--bal-border-color-white) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-white:active {
  border-color: var(--bal-border-color-white) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--bal-border-color-base) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--bal-border-color-base) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--bal-border-color-base) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-inverted:focus {
  border-color: var(--bal-border-color-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-inverted:hover {
  border-color: var(--bal-border-color-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-inverted:active {
  border-color: var(--bal-border-color-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-disabled:focus {
  border-color: var(--bal-border-color-disabled) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-disabled:hover {
  border-color: var(--bal-border-color-disabled) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-disabled:active {
  border-color: var(--bal-border-color-disabled) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-disabled-inverted:focus {
  border-color: var(--bal-border-color-disabled-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-disabled-inverted:hover {
  border-color: var(--bal-border-color-disabled-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-disabled-inverted:active {
  border-color: var(--bal-border-color-disabled-inverted) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-grey-light:focus {
  border-color: var(--bal-border-color-grey-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-grey-light:hover {
  border-color: var(--bal-border-color-grey-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-grey-light:active {
  border-color: var(--bal-border-color-grey-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-grey:focus {
  border-color: var(--bal-border-color-grey) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-grey:hover {
  border-color: var(--bal-border-color-grey) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-grey:active {
  border-color: var(--bal-border-color-grey) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-grey-dark:focus {
  border-color: var(--bal-border-color-grey-dark) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-grey-dark:hover {
  border-color: var(--bal-border-color-grey-dark) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-grey-dark:active {
  border-color: var(--bal-border-color-grey-dark) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-primary-light:focus {
  border-color: var(--bal-border-color-primary-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-primary-light:hover {
  border-color: var(--bal-border-color-primary-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-primary-light:active {
  border-color: var(--bal-border-color-primary-light) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-primary:focus {
  border-color: var(--bal-border-color-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-primary:hover {
  border-color: var(--bal-border-color-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-primary:active {
  border-color: var(--bal-border-color-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-primary-hover:focus {
  border-color: var(--bal-border-color-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-primary-hover:hover {
  border-color: var(--bal-border-color-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-primary-hover:active {
  border-color: var(--bal-border-color-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-primary-active:focus {
  border-color: var(--bal-border-color-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-primary-active:hover {
  border-color: var(--bal-border-color-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-primary-active:active {
  border-color: var(--bal-border-color-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-inverted-primary:focus {
  border-color: var(--bal-border-color-inverted-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-inverted-primary:hover {
  border-color: var(--bal-border-color-inverted-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-inverted-primary:active {
  border-color: var(--bal-border-color-inverted-primary) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-inverted-primary-hover:focus {
  border-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-inverted-primary-hover:hover {
  border-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-inverted-primary-hover:active {
  border-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-inverted-primary-active:focus {
  border-color: var(--bal-border-color-inverted-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-inverted-primary-active:hover {
  border-color: var(--bal-border-color-inverted-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-inverted-primary-active:active {
  border-color: var(--bal-border-color-inverted-primary-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-info:focus {
  border-color: var(--bal-border-color-info) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-info:hover {
  border-color: var(--bal-border-color-info) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-info:active {
  border-color: var(--bal-border-color-info) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-info-hover:focus {
  border-color: var(--bal-border-color-info-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-info-hover:hover {
  border-color: var(--bal-border-color-info-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-info-hover:active {
  border-color: var(--bal-border-color-info-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-info-active:focus {
  border-color: var(--bal-border-color-info-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-info-active:hover {
  border-color: var(--bal-border-color-info-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-info-active:active {
  border-color: var(--bal-border-color-info-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-success:focus {
  border-color: var(--bal-border-color-success) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-success:hover {
  border-color: var(--bal-border-color-success) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-success:active {
  border-color: var(--bal-border-color-success) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-success-hover:focus {
  border-color: var(--bal-border-color-success-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-success-hover:hover {
  border-color: var(--bal-border-color-success-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-success-hover:active {
  border-color: var(--bal-border-color-success-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-success-active:focus {
  border-color: var(--bal-border-color-success-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-success-active:hover {
  border-color: var(--bal-border-color-success-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-success-active:active {
  border-color: var(--bal-border-color-success-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-warning:focus {
  border-color: var(--bal-border-color-warning) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-warning:hover {
  border-color: var(--bal-border-color-warning) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-warning:active {
  border-color: var(--bal-border-color-warning) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-warning-hover:focus {
  border-color: var(--bal-border-color-warning-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-warning-hover:hover {
  border-color: var(--bal-border-color-warning-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-warning-hover:active {
  border-color: var(--bal-border-color-warning-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-warning-active:focus {
  border-color: var(--bal-border-color-warning-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-warning-active:hover {
  border-color: var(--bal-border-color-warning-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-warning-active:active {
  border-color: var(--bal-border-color-warning-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-danger:focus {
  border-color: var(--bal-border-color-danger) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-danger:hover {
  border-color: var(--bal-border-color-danger) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-danger:active {
  border-color: var(--bal-border-color-danger) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-danger-hover:focus {
  border-color: var(--bal-border-color-danger-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-danger-hover:hover {
  border-color: var(--bal-border-color-danger-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-danger-hover:active {
  border-color: var(--bal-border-color-danger-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-danger-active:focus {
  border-color: var(--bal-border-color-danger-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-danger-active:hover {
  border-color: var(--bal-border-color-danger-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-danger-active:active {
  border-color: var(--bal-border-color-danger-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-green:focus {
  border-color: var(--bal-border-color-green) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-green:hover {
  border-color: var(--bal-border-color-green) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-green:active {
  border-color: var(--bal-border-color-green) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-green-hover:focus {
  border-color: var(--bal-border-color-green-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-green-hover:hover {
  border-color: var(--bal-border-color-green-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-green-hover:active {
  border-color: var(--bal-border-color-green-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-green-active:focus {
  border-color: var(--bal-border-color-green-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-green-active:hover {
  border-color: var(--bal-border-color-green-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-green-active:active {
  border-color: var(--bal-border-color-green-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-purple:focus {
  border-color: var(--bal-border-color-purple) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-purple:hover {
  border-color: var(--bal-border-color-purple) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-purple:active {
  border-color: var(--bal-border-color-purple) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-purple-hover:focus {
  border-color: var(--bal-border-color-purple-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-purple-hover:hover {
  border-color: var(--bal-border-color-purple-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-purple-hover:active {
  border-color: var(--bal-border-color-purple-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-purple-active:focus {
  border-color: var(--bal-border-color-purple-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-purple-active:hover {
  border-color: var(--bal-border-color-purple-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-purple-active:active {
  border-color: var(--bal-border-color-purple-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-red:focus {
  border-color: var(--bal-border-color-red) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-red:hover {
  border-color: var(--bal-border-color-red) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-red:active {
  border-color: var(--bal-border-color-red) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-red-hover:focus {
  border-color: var(--bal-border-color-red-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-red-hover:hover {
  border-color: var(--bal-border-color-red-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-red-hover:active {
  border-color: var(--bal-border-color-red-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-red-active:focus {
  border-color: var(--bal-border-color-red-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-red-active:hover {
  border-color: var(--bal-border-color-red-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-red-active:active {
  border-color: var(--bal-border-color-red-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-yellow:focus {
  border-color: var(--bal-border-color-yellow) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-yellow:hover {
  border-color: var(--bal-border-color-yellow) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-yellow:active {
  border-color: var(--bal-border-color-yellow) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-yellow-hover:focus {
  border-color: var(--bal-border-color-yellow-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-yellow-hover:hover {
  border-color: var(--bal-border-color-yellow-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-yellow-hover:active {
  border-color: var(--bal-border-color-yellow-hover) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.focus\:border-yellow-active:focus {
  border-color: var(--bal-border-color-yellow-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.hover\:border-yellow-active:hover {
  border-color: var(--bal-border-color-yellow-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.active\:border-yellow-active:active {
  border-color: var(--bal-border-color-yellow-active) !important;
  border-width: var(--bal-border-width-normal) !important;
  border-style: solid;
}

.border-top-white {
  border-top-color: var(--bal-border-color-white) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--bal-border-color-base) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-inverted {
  border-top-color: var(--bal-border-color-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-disabled {
  border-top-color: var(--bal-border-color-disabled) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-disabled-inverted {
  border-top-color: var(--bal-border-color-disabled-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-grey-light {
  border-top-color: var(--bal-border-color-grey-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-grey {
  border-top-color: var(--bal-border-color-grey) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-grey-dark {
  border-top-color: var(--bal-border-color-grey-dark) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-primary-light {
  border-top-color: var(--bal-border-color-primary-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-primary {
  border-top-color: var(--bal-border-color-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-primary-hover {
  border-top-color: var(--bal-border-color-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-primary-active {
  border-top-color: var(--bal-border-color-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-inverted-primary {
  border-top-color: var(--bal-border-color-inverted-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-inverted-primary-hover {
  border-top-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-inverted-primary-active {
  border-top-color: var(--bal-border-color-inverted-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-info {
  border-top-color: var(--bal-border-color-info) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-info-hover {
  border-top-color: var(--bal-border-color-info-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-info-active {
  border-top-color: var(--bal-border-color-info-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-success {
  border-top-color: var(--bal-border-color-success) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-success-hover {
  border-top-color: var(--bal-border-color-success-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-success-active {
  border-top-color: var(--bal-border-color-success-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-warning {
  border-top-color: var(--bal-border-color-warning) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-warning-hover {
  border-top-color: var(--bal-border-color-warning-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-warning-active {
  border-top-color: var(--bal-border-color-warning-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-danger {
  border-top-color: var(--bal-border-color-danger) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-danger-hover {
  border-top-color: var(--bal-border-color-danger-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-danger-active {
  border-top-color: var(--bal-border-color-danger-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-green {
  border-top-color: var(--bal-border-color-green) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-green-hover {
  border-top-color: var(--bal-border-color-green-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-green-active {
  border-top-color: var(--bal-border-color-green-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-purple {
  border-top-color: var(--bal-border-color-purple) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-purple-hover {
  border-top-color: var(--bal-border-color-purple-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-purple-active {
  border-top-color: var(--bal-border-color-purple-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-red {
  border-top-color: var(--bal-border-color-red) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-red-hover {
  border-top-color: var(--bal-border-color-red-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-red-active {
  border-top-color: var(--bal-border-color-red-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-yellow {
  border-top-color: var(--bal-border-color-yellow) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-yellow-hover {
  border-top-color: var(--bal-border-color-yellow-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-top-yellow-active {
  border-top-color: var(--bal-border-color-yellow-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-white:focus {
  border-top-color: var(--bal-border-color-white) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-white:hover {
  border-top-color: var(--bal-border-color-white) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-white:active {
  border-top-color: var(--bal-border-color-white) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--bal-border-color-base) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--bal-border-color-base) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--bal-border-color-base) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-inverted:focus {
  border-top-color: var(--bal-border-color-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-inverted:hover {
  border-top-color: var(--bal-border-color-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-inverted:active {
  border-top-color: var(--bal-border-color-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-disabled:focus {
  border-top-color: var(--bal-border-color-disabled) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-disabled:hover {
  border-top-color: var(--bal-border-color-disabled) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-disabled:active {
  border-top-color: var(--bal-border-color-disabled) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-disabled-inverted:focus {
  border-top-color: var(--bal-border-color-disabled-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-disabled-inverted:hover {
  border-top-color: var(--bal-border-color-disabled-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-disabled-inverted:active {
  border-top-color: var(--bal-border-color-disabled-inverted) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-grey-light:focus {
  border-top-color: var(--bal-border-color-grey-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-grey-light:hover {
  border-top-color: var(--bal-border-color-grey-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-grey-light:active {
  border-top-color: var(--bal-border-color-grey-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-grey:focus {
  border-top-color: var(--bal-border-color-grey) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-grey:hover {
  border-top-color: var(--bal-border-color-grey) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-grey:active {
  border-top-color: var(--bal-border-color-grey) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-grey-dark:focus {
  border-top-color: var(--bal-border-color-grey-dark) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-grey-dark:hover {
  border-top-color: var(--bal-border-color-grey-dark) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-grey-dark:active {
  border-top-color: var(--bal-border-color-grey-dark) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-primary-light:focus {
  border-top-color: var(--bal-border-color-primary-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-primary-light:hover {
  border-top-color: var(--bal-border-color-primary-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-primary-light:active {
  border-top-color: var(--bal-border-color-primary-light) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-primary:focus {
  border-top-color: var(--bal-border-color-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-primary:hover {
  border-top-color: var(--bal-border-color-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-primary:active {
  border-top-color: var(--bal-border-color-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-primary-hover:focus {
  border-top-color: var(--bal-border-color-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-primary-hover:hover {
  border-top-color: var(--bal-border-color-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-primary-hover:active {
  border-top-color: var(--bal-border-color-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-primary-active:focus {
  border-top-color: var(--bal-border-color-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-primary-active:hover {
  border-top-color: var(--bal-border-color-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-primary-active:active {
  border-top-color: var(--bal-border-color-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-inverted-primary:focus {
  border-top-color: var(--bal-border-color-inverted-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-inverted-primary:hover {
  border-top-color: var(--bal-border-color-inverted-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-inverted-primary:active {
  border-top-color: var(--bal-border-color-inverted-primary) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-inverted-primary-hover:focus {
  border-top-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-inverted-primary-hover:hover {
  border-top-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-inverted-primary-hover:active {
  border-top-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-inverted-primary-active:focus {
  border-top-color: var(--bal-border-color-inverted-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-inverted-primary-active:hover {
  border-top-color: var(--bal-border-color-inverted-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-inverted-primary-active:active {
  border-top-color: var(--bal-border-color-inverted-primary-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-info:focus {
  border-top-color: var(--bal-border-color-info) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-info:hover {
  border-top-color: var(--bal-border-color-info) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-info:active {
  border-top-color: var(--bal-border-color-info) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-info-hover:focus {
  border-top-color: var(--bal-border-color-info-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-info-hover:hover {
  border-top-color: var(--bal-border-color-info-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-info-hover:active {
  border-top-color: var(--bal-border-color-info-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-info-active:focus {
  border-top-color: var(--bal-border-color-info-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-info-active:hover {
  border-top-color: var(--bal-border-color-info-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-info-active:active {
  border-top-color: var(--bal-border-color-info-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-success:focus {
  border-top-color: var(--bal-border-color-success) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-success:hover {
  border-top-color: var(--bal-border-color-success) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-success:active {
  border-top-color: var(--bal-border-color-success) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-success-hover:focus {
  border-top-color: var(--bal-border-color-success-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-success-hover:hover {
  border-top-color: var(--bal-border-color-success-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-success-hover:active {
  border-top-color: var(--bal-border-color-success-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-success-active:focus {
  border-top-color: var(--bal-border-color-success-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-success-active:hover {
  border-top-color: var(--bal-border-color-success-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-success-active:active {
  border-top-color: var(--bal-border-color-success-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-warning:focus {
  border-top-color: var(--bal-border-color-warning) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-warning:hover {
  border-top-color: var(--bal-border-color-warning) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-warning:active {
  border-top-color: var(--bal-border-color-warning) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-warning-hover:focus {
  border-top-color: var(--bal-border-color-warning-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-warning-hover:hover {
  border-top-color: var(--bal-border-color-warning-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-warning-hover:active {
  border-top-color: var(--bal-border-color-warning-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-warning-active:focus {
  border-top-color: var(--bal-border-color-warning-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-warning-active:hover {
  border-top-color: var(--bal-border-color-warning-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-warning-active:active {
  border-top-color: var(--bal-border-color-warning-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-danger:focus {
  border-top-color: var(--bal-border-color-danger) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-danger:hover {
  border-top-color: var(--bal-border-color-danger) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-danger:active {
  border-top-color: var(--bal-border-color-danger) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-danger-hover:focus {
  border-top-color: var(--bal-border-color-danger-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-danger-hover:hover {
  border-top-color: var(--bal-border-color-danger-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-danger-hover:active {
  border-top-color: var(--bal-border-color-danger-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-danger-active:focus {
  border-top-color: var(--bal-border-color-danger-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-danger-active:hover {
  border-top-color: var(--bal-border-color-danger-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-danger-active:active {
  border-top-color: var(--bal-border-color-danger-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-green:focus {
  border-top-color: var(--bal-border-color-green) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-green:hover {
  border-top-color: var(--bal-border-color-green) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-green:active {
  border-top-color: var(--bal-border-color-green) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-green-hover:focus {
  border-top-color: var(--bal-border-color-green-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-green-hover:hover {
  border-top-color: var(--bal-border-color-green-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-green-hover:active {
  border-top-color: var(--bal-border-color-green-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-green-active:focus {
  border-top-color: var(--bal-border-color-green-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-green-active:hover {
  border-top-color: var(--bal-border-color-green-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-green-active:active {
  border-top-color: var(--bal-border-color-green-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-purple:focus {
  border-top-color: var(--bal-border-color-purple) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-purple:hover {
  border-top-color: var(--bal-border-color-purple) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-purple:active {
  border-top-color: var(--bal-border-color-purple) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-purple-hover:focus {
  border-top-color: var(--bal-border-color-purple-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-purple-hover:hover {
  border-top-color: var(--bal-border-color-purple-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-purple-hover:active {
  border-top-color: var(--bal-border-color-purple-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-purple-active:focus {
  border-top-color: var(--bal-border-color-purple-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-purple-active:hover {
  border-top-color: var(--bal-border-color-purple-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-purple-active:active {
  border-top-color: var(--bal-border-color-purple-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-red:focus {
  border-top-color: var(--bal-border-color-red) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-red:hover {
  border-top-color: var(--bal-border-color-red) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-red:active {
  border-top-color: var(--bal-border-color-red) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-red-hover:focus {
  border-top-color: var(--bal-border-color-red-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-red-hover:hover {
  border-top-color: var(--bal-border-color-red-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-red-hover:active {
  border-top-color: var(--bal-border-color-red-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-red-active:focus {
  border-top-color: var(--bal-border-color-red-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-red-active:hover {
  border-top-color: var(--bal-border-color-red-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-red-active:active {
  border-top-color: var(--bal-border-color-red-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-yellow:focus {
  border-top-color: var(--bal-border-color-yellow) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-yellow:hover {
  border-top-color: var(--bal-border-color-yellow) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-yellow:active {
  border-top-color: var(--bal-border-color-yellow) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-yellow-hover:focus {
  border-top-color: var(--bal-border-color-yellow-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-yellow-hover:hover {
  border-top-color: var(--bal-border-color-yellow-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-yellow-hover:active {
  border-top-color: var(--bal-border-color-yellow-hover) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.focus\:border-top-yellow-active:focus {
  border-top-color: var(--bal-border-color-yellow-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.hover\:border-top-yellow-active:hover {
  border-top-color: var(--bal-border-color-yellow-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.active\:border-top-yellow-active:active {
  border-top-color: var(--bal-border-color-yellow-active) !important;
  border-top-width: var(--bal-border-width-normal) !important;
  border-top-style: solid;
}

.border-right-white {
  border-right-color: var(--bal-border-color-white) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--bal-border-color-base) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-inverted {
  border-right-color: var(--bal-border-color-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-disabled {
  border-right-color: var(--bal-border-color-disabled) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-disabled-inverted {
  border-right-color: var(--bal-border-color-disabled-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-grey-light {
  border-right-color: var(--bal-border-color-grey-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-grey {
  border-right-color: var(--bal-border-color-grey) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-grey-dark {
  border-right-color: var(--bal-border-color-grey-dark) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-primary-light {
  border-right-color: var(--bal-border-color-primary-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-primary {
  border-right-color: var(--bal-border-color-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-primary-hover {
  border-right-color: var(--bal-border-color-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-primary-active {
  border-right-color: var(--bal-border-color-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-inverted-primary {
  border-right-color: var(--bal-border-color-inverted-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-inverted-primary-hover {
  border-right-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-inverted-primary-active {
  border-right-color: var(--bal-border-color-inverted-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-info {
  border-right-color: var(--bal-border-color-info) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-info-hover {
  border-right-color: var(--bal-border-color-info-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-info-active {
  border-right-color: var(--bal-border-color-info-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-success {
  border-right-color: var(--bal-border-color-success) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-success-hover {
  border-right-color: var(--bal-border-color-success-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-success-active {
  border-right-color: var(--bal-border-color-success-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-warning {
  border-right-color: var(--bal-border-color-warning) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-warning-hover {
  border-right-color: var(--bal-border-color-warning-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-warning-active {
  border-right-color: var(--bal-border-color-warning-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-danger {
  border-right-color: var(--bal-border-color-danger) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-danger-hover {
  border-right-color: var(--bal-border-color-danger-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-danger-active {
  border-right-color: var(--bal-border-color-danger-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-green {
  border-right-color: var(--bal-border-color-green) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-green-hover {
  border-right-color: var(--bal-border-color-green-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-green-active {
  border-right-color: var(--bal-border-color-green-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-purple {
  border-right-color: var(--bal-border-color-purple) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-purple-hover {
  border-right-color: var(--bal-border-color-purple-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-purple-active {
  border-right-color: var(--bal-border-color-purple-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-red {
  border-right-color: var(--bal-border-color-red) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-red-hover {
  border-right-color: var(--bal-border-color-red-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-red-active {
  border-right-color: var(--bal-border-color-red-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-yellow {
  border-right-color: var(--bal-border-color-yellow) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-yellow-hover {
  border-right-color: var(--bal-border-color-yellow-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-right-yellow-active {
  border-right-color: var(--bal-border-color-yellow-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-white:focus {
  border-right-color: var(--bal-border-color-white) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-white:hover {
  border-right-color: var(--bal-border-color-white) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-white:active {
  border-right-color: var(--bal-border-color-white) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--bal-border-color-base) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--bal-border-color-base) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--bal-border-color-base) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-inverted:focus {
  border-right-color: var(--bal-border-color-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-inverted:hover {
  border-right-color: var(--bal-border-color-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-inverted:active {
  border-right-color: var(--bal-border-color-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-disabled:focus {
  border-right-color: var(--bal-border-color-disabled) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-disabled:hover {
  border-right-color: var(--bal-border-color-disabled) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-disabled:active {
  border-right-color: var(--bal-border-color-disabled) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-disabled-inverted:focus {
  border-right-color: var(--bal-border-color-disabled-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-disabled-inverted:hover {
  border-right-color: var(--bal-border-color-disabled-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-disabled-inverted:active {
  border-right-color: var(--bal-border-color-disabled-inverted) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-grey-light:focus {
  border-right-color: var(--bal-border-color-grey-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-grey-light:hover {
  border-right-color: var(--bal-border-color-grey-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-grey-light:active {
  border-right-color: var(--bal-border-color-grey-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-grey:focus {
  border-right-color: var(--bal-border-color-grey) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-grey:hover {
  border-right-color: var(--bal-border-color-grey) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-grey:active {
  border-right-color: var(--bal-border-color-grey) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-grey-dark:focus {
  border-right-color: var(--bal-border-color-grey-dark) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-grey-dark:hover {
  border-right-color: var(--bal-border-color-grey-dark) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-grey-dark:active {
  border-right-color: var(--bal-border-color-grey-dark) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-primary-light:focus {
  border-right-color: var(--bal-border-color-primary-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-primary-light:hover {
  border-right-color: var(--bal-border-color-primary-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-primary-light:active {
  border-right-color: var(--bal-border-color-primary-light) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-primary:focus {
  border-right-color: var(--bal-border-color-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-primary:hover {
  border-right-color: var(--bal-border-color-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-primary:active {
  border-right-color: var(--bal-border-color-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-primary-hover:focus {
  border-right-color: var(--bal-border-color-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-primary-hover:hover {
  border-right-color: var(--bal-border-color-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-primary-hover:active {
  border-right-color: var(--bal-border-color-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-primary-active:focus {
  border-right-color: var(--bal-border-color-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-primary-active:hover {
  border-right-color: var(--bal-border-color-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-primary-active:active {
  border-right-color: var(--bal-border-color-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-inverted-primary:focus {
  border-right-color: var(--bal-border-color-inverted-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-inverted-primary:hover {
  border-right-color: var(--bal-border-color-inverted-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-inverted-primary:active {
  border-right-color: var(--bal-border-color-inverted-primary) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-inverted-primary-hover:focus {
  border-right-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-inverted-primary-hover:hover {
  border-right-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-inverted-primary-hover:active {
  border-right-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-inverted-primary-active:focus {
  border-right-color: var(--bal-border-color-inverted-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-inverted-primary-active:hover {
  border-right-color: var(--bal-border-color-inverted-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-inverted-primary-active:active {
  border-right-color: var(--bal-border-color-inverted-primary-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-info:focus {
  border-right-color: var(--bal-border-color-info) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-info:hover {
  border-right-color: var(--bal-border-color-info) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-info:active {
  border-right-color: var(--bal-border-color-info) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-info-hover:focus {
  border-right-color: var(--bal-border-color-info-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-info-hover:hover {
  border-right-color: var(--bal-border-color-info-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-info-hover:active {
  border-right-color: var(--bal-border-color-info-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-info-active:focus {
  border-right-color: var(--bal-border-color-info-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-info-active:hover {
  border-right-color: var(--bal-border-color-info-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-info-active:active {
  border-right-color: var(--bal-border-color-info-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-success:focus {
  border-right-color: var(--bal-border-color-success) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-success:hover {
  border-right-color: var(--bal-border-color-success) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-success:active {
  border-right-color: var(--bal-border-color-success) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-success-hover:focus {
  border-right-color: var(--bal-border-color-success-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-success-hover:hover {
  border-right-color: var(--bal-border-color-success-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-success-hover:active {
  border-right-color: var(--bal-border-color-success-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-success-active:focus {
  border-right-color: var(--bal-border-color-success-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-success-active:hover {
  border-right-color: var(--bal-border-color-success-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-success-active:active {
  border-right-color: var(--bal-border-color-success-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-warning:focus {
  border-right-color: var(--bal-border-color-warning) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-warning:hover {
  border-right-color: var(--bal-border-color-warning) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-warning:active {
  border-right-color: var(--bal-border-color-warning) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-warning-hover:focus {
  border-right-color: var(--bal-border-color-warning-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-warning-hover:hover {
  border-right-color: var(--bal-border-color-warning-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-warning-hover:active {
  border-right-color: var(--bal-border-color-warning-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-warning-active:focus {
  border-right-color: var(--bal-border-color-warning-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-warning-active:hover {
  border-right-color: var(--bal-border-color-warning-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-warning-active:active {
  border-right-color: var(--bal-border-color-warning-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-danger:focus {
  border-right-color: var(--bal-border-color-danger) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-danger:hover {
  border-right-color: var(--bal-border-color-danger) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-danger:active {
  border-right-color: var(--bal-border-color-danger) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-danger-hover:focus {
  border-right-color: var(--bal-border-color-danger-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-danger-hover:hover {
  border-right-color: var(--bal-border-color-danger-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-danger-hover:active {
  border-right-color: var(--bal-border-color-danger-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-danger-active:focus {
  border-right-color: var(--bal-border-color-danger-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-danger-active:hover {
  border-right-color: var(--bal-border-color-danger-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-danger-active:active {
  border-right-color: var(--bal-border-color-danger-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-green:focus {
  border-right-color: var(--bal-border-color-green) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-green:hover {
  border-right-color: var(--bal-border-color-green) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-green:active {
  border-right-color: var(--bal-border-color-green) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-green-hover:focus {
  border-right-color: var(--bal-border-color-green-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-green-hover:hover {
  border-right-color: var(--bal-border-color-green-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-green-hover:active {
  border-right-color: var(--bal-border-color-green-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-green-active:focus {
  border-right-color: var(--bal-border-color-green-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-green-active:hover {
  border-right-color: var(--bal-border-color-green-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-green-active:active {
  border-right-color: var(--bal-border-color-green-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-purple:focus {
  border-right-color: var(--bal-border-color-purple) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-purple:hover {
  border-right-color: var(--bal-border-color-purple) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-purple:active {
  border-right-color: var(--bal-border-color-purple) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-purple-hover:focus {
  border-right-color: var(--bal-border-color-purple-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-purple-hover:hover {
  border-right-color: var(--bal-border-color-purple-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-purple-hover:active {
  border-right-color: var(--bal-border-color-purple-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-purple-active:focus {
  border-right-color: var(--bal-border-color-purple-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-purple-active:hover {
  border-right-color: var(--bal-border-color-purple-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-purple-active:active {
  border-right-color: var(--bal-border-color-purple-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-red:focus {
  border-right-color: var(--bal-border-color-red) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-red:hover {
  border-right-color: var(--bal-border-color-red) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-red:active {
  border-right-color: var(--bal-border-color-red) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-red-hover:focus {
  border-right-color: var(--bal-border-color-red-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-red-hover:hover {
  border-right-color: var(--bal-border-color-red-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-red-hover:active {
  border-right-color: var(--bal-border-color-red-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-red-active:focus {
  border-right-color: var(--bal-border-color-red-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-red-active:hover {
  border-right-color: var(--bal-border-color-red-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-red-active:active {
  border-right-color: var(--bal-border-color-red-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-yellow:focus {
  border-right-color: var(--bal-border-color-yellow) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-yellow:hover {
  border-right-color: var(--bal-border-color-yellow) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-yellow:active {
  border-right-color: var(--bal-border-color-yellow) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-yellow-hover:focus {
  border-right-color: var(--bal-border-color-yellow-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-yellow-hover:hover {
  border-right-color: var(--bal-border-color-yellow-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-yellow-hover:active {
  border-right-color: var(--bal-border-color-yellow-hover) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.focus\:border-right-yellow-active:focus {
  border-right-color: var(--bal-border-color-yellow-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.hover\:border-right-yellow-active:hover {
  border-right-color: var(--bal-border-color-yellow-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.active\:border-right-yellow-active:active {
  border-right-color: var(--bal-border-color-yellow-active) !important;
  border-right-width: var(--bal-border-width-normal) !important;
  border-right-style: solid;
}

.border-bottom-white {
  border-bottom-color: var(--bal-border-color-white) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--bal-border-color-base) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-inverted {
  border-bottom-color: var(--bal-border-color-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-disabled {
  border-bottom-color: var(--bal-border-color-disabled) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-disabled-inverted {
  border-bottom-color: var(--bal-border-color-disabled-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-grey-light {
  border-bottom-color: var(--bal-border-color-grey-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-grey {
  border-bottom-color: var(--bal-border-color-grey) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-grey-dark {
  border-bottom-color: var(--bal-border-color-grey-dark) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-primary-light {
  border-bottom-color: var(--bal-border-color-primary-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-primary {
  border-bottom-color: var(--bal-border-color-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-primary-hover {
  border-bottom-color: var(--bal-border-color-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-primary-active {
  border-bottom-color: var(--bal-border-color-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-inverted-primary {
  border-bottom-color: var(--bal-border-color-inverted-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-inverted-primary-hover {
  border-bottom-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-inverted-primary-active {
  border-bottom-color: var(--bal-border-color-inverted-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-info {
  border-bottom-color: var(--bal-border-color-info) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-info-hover {
  border-bottom-color: var(--bal-border-color-info-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-info-active {
  border-bottom-color: var(--bal-border-color-info-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-success {
  border-bottom-color: var(--bal-border-color-success) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-success-hover {
  border-bottom-color: var(--bal-border-color-success-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-success-active {
  border-bottom-color: var(--bal-border-color-success-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-warning {
  border-bottom-color: var(--bal-border-color-warning) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-warning-hover {
  border-bottom-color: var(--bal-border-color-warning-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-warning-active {
  border-bottom-color: var(--bal-border-color-warning-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-danger {
  border-bottom-color: var(--bal-border-color-danger) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-danger-hover {
  border-bottom-color: var(--bal-border-color-danger-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-danger-active {
  border-bottom-color: var(--bal-border-color-danger-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-green {
  border-bottom-color: var(--bal-border-color-green) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-green-hover {
  border-bottom-color: var(--bal-border-color-green-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-green-active {
  border-bottom-color: var(--bal-border-color-green-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-purple {
  border-bottom-color: var(--bal-border-color-purple) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-purple-hover {
  border-bottom-color: var(--bal-border-color-purple-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-purple-active {
  border-bottom-color: var(--bal-border-color-purple-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-red {
  border-bottom-color: var(--bal-border-color-red) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-red-hover {
  border-bottom-color: var(--bal-border-color-red-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-red-active {
  border-bottom-color: var(--bal-border-color-red-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-yellow {
  border-bottom-color: var(--bal-border-color-yellow) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-yellow-hover {
  border-bottom-color: var(--bal-border-color-yellow-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-bottom-yellow-active {
  border-bottom-color: var(--bal-border-color-yellow-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-white:focus {
  border-bottom-color: var(--bal-border-color-white) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-white:hover {
  border-bottom-color: var(--bal-border-color-white) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-white:active {
  border-bottom-color: var(--bal-border-color-white) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--bal-border-color-base) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--bal-border-color-base) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--bal-border-color-base) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-inverted:focus {
  border-bottom-color: var(--bal-border-color-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-inverted:hover {
  border-bottom-color: var(--bal-border-color-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-inverted:active {
  border-bottom-color: var(--bal-border-color-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-disabled:focus {
  border-bottom-color: var(--bal-border-color-disabled) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-disabled:hover {
  border-bottom-color: var(--bal-border-color-disabled) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-disabled:active {
  border-bottom-color: var(--bal-border-color-disabled) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-disabled-inverted:focus {
  border-bottom-color: var(--bal-border-color-disabled-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-disabled-inverted:hover {
  border-bottom-color: var(--bal-border-color-disabled-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-disabled-inverted:active {
  border-bottom-color: var(--bal-border-color-disabled-inverted) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-grey-light:focus {
  border-bottom-color: var(--bal-border-color-grey-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-grey-light:hover {
  border-bottom-color: var(--bal-border-color-grey-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-grey-light:active {
  border-bottom-color: var(--bal-border-color-grey-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-grey:focus {
  border-bottom-color: var(--bal-border-color-grey) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-grey:hover {
  border-bottom-color: var(--bal-border-color-grey) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-grey:active {
  border-bottom-color: var(--bal-border-color-grey) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-grey-dark:focus {
  border-bottom-color: var(--bal-border-color-grey-dark) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-grey-dark:hover {
  border-bottom-color: var(--bal-border-color-grey-dark) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-grey-dark:active {
  border-bottom-color: var(--bal-border-color-grey-dark) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-primary-light:focus {
  border-bottom-color: var(--bal-border-color-primary-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-primary-light:hover {
  border-bottom-color: var(--bal-border-color-primary-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-primary-light:active {
  border-bottom-color: var(--bal-border-color-primary-light) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-primary:focus {
  border-bottom-color: var(--bal-border-color-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-primary:hover {
  border-bottom-color: var(--bal-border-color-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-primary:active {
  border-bottom-color: var(--bal-border-color-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-primary-hover:focus {
  border-bottom-color: var(--bal-border-color-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-primary-hover:hover {
  border-bottom-color: var(--bal-border-color-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-primary-hover:active {
  border-bottom-color: var(--bal-border-color-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-primary-active:focus {
  border-bottom-color: var(--bal-border-color-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-primary-active:hover {
  border-bottom-color: var(--bal-border-color-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-primary-active:active {
  border-bottom-color: var(--bal-border-color-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-inverted-primary:focus {
  border-bottom-color: var(--bal-border-color-inverted-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-inverted-primary:hover {
  border-bottom-color: var(--bal-border-color-inverted-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-inverted-primary:active {
  border-bottom-color: var(--bal-border-color-inverted-primary) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-inverted-primary-hover:focus {
  border-bottom-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-inverted-primary-hover:hover {
  border-bottom-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-inverted-primary-hover:active {
  border-bottom-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-inverted-primary-active:focus {
  border-bottom-color: var(--bal-border-color-inverted-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-inverted-primary-active:hover {
  border-bottom-color: var(--bal-border-color-inverted-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-inverted-primary-active:active {
  border-bottom-color: var(--bal-border-color-inverted-primary-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-info:focus {
  border-bottom-color: var(--bal-border-color-info) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-info:hover {
  border-bottom-color: var(--bal-border-color-info) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-info:active {
  border-bottom-color: var(--bal-border-color-info) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-info-hover:focus {
  border-bottom-color: var(--bal-border-color-info-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-info-hover:hover {
  border-bottom-color: var(--bal-border-color-info-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-info-hover:active {
  border-bottom-color: var(--bal-border-color-info-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-info-active:focus {
  border-bottom-color: var(--bal-border-color-info-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-info-active:hover {
  border-bottom-color: var(--bal-border-color-info-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-info-active:active {
  border-bottom-color: var(--bal-border-color-info-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-success:focus {
  border-bottom-color: var(--bal-border-color-success) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-success:hover {
  border-bottom-color: var(--bal-border-color-success) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-success:active {
  border-bottom-color: var(--bal-border-color-success) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-success-hover:focus {
  border-bottom-color: var(--bal-border-color-success-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-success-hover:hover {
  border-bottom-color: var(--bal-border-color-success-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-success-hover:active {
  border-bottom-color: var(--bal-border-color-success-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-success-active:focus {
  border-bottom-color: var(--bal-border-color-success-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-success-active:hover {
  border-bottom-color: var(--bal-border-color-success-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-success-active:active {
  border-bottom-color: var(--bal-border-color-success-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-warning:focus {
  border-bottom-color: var(--bal-border-color-warning) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-warning:hover {
  border-bottom-color: var(--bal-border-color-warning) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-warning:active {
  border-bottom-color: var(--bal-border-color-warning) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-warning-hover:focus {
  border-bottom-color: var(--bal-border-color-warning-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-warning-hover:hover {
  border-bottom-color: var(--bal-border-color-warning-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-warning-hover:active {
  border-bottom-color: var(--bal-border-color-warning-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-warning-active:focus {
  border-bottom-color: var(--bal-border-color-warning-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-warning-active:hover {
  border-bottom-color: var(--bal-border-color-warning-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-warning-active:active {
  border-bottom-color: var(--bal-border-color-warning-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-danger:focus {
  border-bottom-color: var(--bal-border-color-danger) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-danger:hover {
  border-bottom-color: var(--bal-border-color-danger) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-danger:active {
  border-bottom-color: var(--bal-border-color-danger) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-danger-hover:focus {
  border-bottom-color: var(--bal-border-color-danger-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-danger-hover:hover {
  border-bottom-color: var(--bal-border-color-danger-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-danger-hover:active {
  border-bottom-color: var(--bal-border-color-danger-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-danger-active:focus {
  border-bottom-color: var(--bal-border-color-danger-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-danger-active:hover {
  border-bottom-color: var(--bal-border-color-danger-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-danger-active:active {
  border-bottom-color: var(--bal-border-color-danger-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-green:focus {
  border-bottom-color: var(--bal-border-color-green) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-green:hover {
  border-bottom-color: var(--bal-border-color-green) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-green:active {
  border-bottom-color: var(--bal-border-color-green) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-green-hover:focus {
  border-bottom-color: var(--bal-border-color-green-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-green-hover:hover {
  border-bottom-color: var(--bal-border-color-green-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-green-hover:active {
  border-bottom-color: var(--bal-border-color-green-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-green-active:focus {
  border-bottom-color: var(--bal-border-color-green-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-green-active:hover {
  border-bottom-color: var(--bal-border-color-green-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-green-active:active {
  border-bottom-color: var(--bal-border-color-green-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-purple:focus {
  border-bottom-color: var(--bal-border-color-purple) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-purple:hover {
  border-bottom-color: var(--bal-border-color-purple) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-purple:active {
  border-bottom-color: var(--bal-border-color-purple) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-purple-hover:focus {
  border-bottom-color: var(--bal-border-color-purple-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-purple-hover:hover {
  border-bottom-color: var(--bal-border-color-purple-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-purple-hover:active {
  border-bottom-color: var(--bal-border-color-purple-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-purple-active:focus {
  border-bottom-color: var(--bal-border-color-purple-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-purple-active:hover {
  border-bottom-color: var(--bal-border-color-purple-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-purple-active:active {
  border-bottom-color: var(--bal-border-color-purple-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-red:focus {
  border-bottom-color: var(--bal-border-color-red) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-red:hover {
  border-bottom-color: var(--bal-border-color-red) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-red:active {
  border-bottom-color: var(--bal-border-color-red) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-red-hover:focus {
  border-bottom-color: var(--bal-border-color-red-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-red-hover:hover {
  border-bottom-color: var(--bal-border-color-red-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-red-hover:active {
  border-bottom-color: var(--bal-border-color-red-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-red-active:focus {
  border-bottom-color: var(--bal-border-color-red-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-red-active:hover {
  border-bottom-color: var(--bal-border-color-red-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-red-active:active {
  border-bottom-color: var(--bal-border-color-red-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-yellow:focus {
  border-bottom-color: var(--bal-border-color-yellow) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-yellow:hover {
  border-bottom-color: var(--bal-border-color-yellow) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-yellow:active {
  border-bottom-color: var(--bal-border-color-yellow) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-yellow-hover:focus {
  border-bottom-color: var(--bal-border-color-yellow-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-yellow-hover:hover {
  border-bottom-color: var(--bal-border-color-yellow-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-yellow-hover:active {
  border-bottom-color: var(--bal-border-color-yellow-hover) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-yellow-active:focus {
  border-bottom-color: var(--bal-border-color-yellow-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-yellow-active:hover {
  border-bottom-color: var(--bal-border-color-yellow-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-yellow-active:active {
  border-bottom-color: var(--bal-border-color-yellow-active) !important;
  border-bottom-width: var(--bal-border-width-normal) !important;
  border-bottom-style: solid;
}

.border-left-white {
  border-left-color: var(--bal-border-color-white) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--bal-border-color-base) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-inverted {
  border-left-color: var(--bal-border-color-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-disabled {
  border-left-color: var(--bal-border-color-disabled) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-disabled-inverted {
  border-left-color: var(--bal-border-color-disabled-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-grey-light {
  border-left-color: var(--bal-border-color-grey-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-grey {
  border-left-color: var(--bal-border-color-grey) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-grey-dark {
  border-left-color: var(--bal-border-color-grey-dark) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-primary-light {
  border-left-color: var(--bal-border-color-primary-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-primary {
  border-left-color: var(--bal-border-color-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-primary-hover {
  border-left-color: var(--bal-border-color-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-primary-active {
  border-left-color: var(--bal-border-color-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-inverted-primary {
  border-left-color: var(--bal-border-color-inverted-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-inverted-primary-hover {
  border-left-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-inverted-primary-active {
  border-left-color: var(--bal-border-color-inverted-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-info {
  border-left-color: var(--bal-border-color-info) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-info-hover {
  border-left-color: var(--bal-border-color-info-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-info-active {
  border-left-color: var(--bal-border-color-info-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-success {
  border-left-color: var(--bal-border-color-success) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-success-hover {
  border-left-color: var(--bal-border-color-success-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-success-active {
  border-left-color: var(--bal-border-color-success-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-warning {
  border-left-color: var(--bal-border-color-warning) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-warning-hover {
  border-left-color: var(--bal-border-color-warning-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-warning-active {
  border-left-color: var(--bal-border-color-warning-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-danger {
  border-left-color: var(--bal-border-color-danger) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-danger-hover {
  border-left-color: var(--bal-border-color-danger-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-danger-active {
  border-left-color: var(--bal-border-color-danger-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-green {
  border-left-color: var(--bal-border-color-green) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-green-hover {
  border-left-color: var(--bal-border-color-green-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-green-active {
  border-left-color: var(--bal-border-color-green-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-purple {
  border-left-color: var(--bal-border-color-purple) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-purple-hover {
  border-left-color: var(--bal-border-color-purple-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-purple-active {
  border-left-color: var(--bal-border-color-purple-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-red {
  border-left-color: var(--bal-border-color-red) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-red-hover {
  border-left-color: var(--bal-border-color-red-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-red-active {
  border-left-color: var(--bal-border-color-red-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-yellow {
  border-left-color: var(--bal-border-color-yellow) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-yellow-hover {
  border-left-color: var(--bal-border-color-yellow-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-left-yellow-active {
  border-left-color: var(--bal-border-color-yellow-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-white:focus {
  border-left-color: var(--bal-border-color-white) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-white:hover {
  border-left-color: var(--bal-border-color-white) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-white:active {
  border-left-color: var(--bal-border-color-white) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--bal-border-color-base) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--bal-border-color-base) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--bal-border-color-base) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-inverted:focus {
  border-left-color: var(--bal-border-color-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-inverted:hover {
  border-left-color: var(--bal-border-color-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-inverted:active {
  border-left-color: var(--bal-border-color-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-disabled:focus {
  border-left-color: var(--bal-border-color-disabled) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-disabled:hover {
  border-left-color: var(--bal-border-color-disabled) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-disabled:active {
  border-left-color: var(--bal-border-color-disabled) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-disabled-inverted:focus {
  border-left-color: var(--bal-border-color-disabled-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-disabled-inverted:hover {
  border-left-color: var(--bal-border-color-disabled-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-disabled-inverted:active {
  border-left-color: var(--bal-border-color-disabled-inverted) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-grey-light:focus {
  border-left-color: var(--bal-border-color-grey-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-grey-light:hover {
  border-left-color: var(--bal-border-color-grey-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-grey-light:active {
  border-left-color: var(--bal-border-color-grey-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-grey:focus {
  border-left-color: var(--bal-border-color-grey) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-grey:hover {
  border-left-color: var(--bal-border-color-grey) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-grey:active {
  border-left-color: var(--bal-border-color-grey) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-grey-dark:focus {
  border-left-color: var(--bal-border-color-grey-dark) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-grey-dark:hover {
  border-left-color: var(--bal-border-color-grey-dark) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-grey-dark:active {
  border-left-color: var(--bal-border-color-grey-dark) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-primary-light:focus {
  border-left-color: var(--bal-border-color-primary-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-primary-light:hover {
  border-left-color: var(--bal-border-color-primary-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-primary-light:active {
  border-left-color: var(--bal-border-color-primary-light) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-primary:focus {
  border-left-color: var(--bal-border-color-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-primary:hover {
  border-left-color: var(--bal-border-color-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-primary:active {
  border-left-color: var(--bal-border-color-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-primary-hover:focus {
  border-left-color: var(--bal-border-color-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-primary-hover:hover {
  border-left-color: var(--bal-border-color-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-primary-hover:active {
  border-left-color: var(--bal-border-color-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-primary-active:focus {
  border-left-color: var(--bal-border-color-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-primary-active:hover {
  border-left-color: var(--bal-border-color-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-primary-active:active {
  border-left-color: var(--bal-border-color-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-inverted-primary:focus {
  border-left-color: var(--bal-border-color-inverted-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-inverted-primary:hover {
  border-left-color: var(--bal-border-color-inverted-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-inverted-primary:active {
  border-left-color: var(--bal-border-color-inverted-primary) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-inverted-primary-hover:focus {
  border-left-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-inverted-primary-hover:hover {
  border-left-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-inverted-primary-hover:active {
  border-left-color: var(--bal-border-color-inverted-primary-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-inverted-primary-active:focus {
  border-left-color: var(--bal-border-color-inverted-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-inverted-primary-active:hover {
  border-left-color: var(--bal-border-color-inverted-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-inverted-primary-active:active {
  border-left-color: var(--bal-border-color-inverted-primary-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-info:focus {
  border-left-color: var(--bal-border-color-info) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-info:hover {
  border-left-color: var(--bal-border-color-info) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-info:active {
  border-left-color: var(--bal-border-color-info) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-info-hover:focus {
  border-left-color: var(--bal-border-color-info-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-info-hover:hover {
  border-left-color: var(--bal-border-color-info-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-info-hover:active {
  border-left-color: var(--bal-border-color-info-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-info-active:focus {
  border-left-color: var(--bal-border-color-info-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-info-active:hover {
  border-left-color: var(--bal-border-color-info-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-info-active:active {
  border-left-color: var(--bal-border-color-info-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-success:focus {
  border-left-color: var(--bal-border-color-success) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-success:hover {
  border-left-color: var(--bal-border-color-success) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-success:active {
  border-left-color: var(--bal-border-color-success) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-success-hover:focus {
  border-left-color: var(--bal-border-color-success-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-success-hover:hover {
  border-left-color: var(--bal-border-color-success-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-success-hover:active {
  border-left-color: var(--bal-border-color-success-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-success-active:focus {
  border-left-color: var(--bal-border-color-success-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-success-active:hover {
  border-left-color: var(--bal-border-color-success-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-success-active:active {
  border-left-color: var(--bal-border-color-success-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-warning:focus {
  border-left-color: var(--bal-border-color-warning) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-warning:hover {
  border-left-color: var(--bal-border-color-warning) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-warning:active {
  border-left-color: var(--bal-border-color-warning) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-warning-hover:focus {
  border-left-color: var(--bal-border-color-warning-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-warning-hover:hover {
  border-left-color: var(--bal-border-color-warning-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-warning-hover:active {
  border-left-color: var(--bal-border-color-warning-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-warning-active:focus {
  border-left-color: var(--bal-border-color-warning-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-warning-active:hover {
  border-left-color: var(--bal-border-color-warning-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-warning-active:active {
  border-left-color: var(--bal-border-color-warning-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-danger:focus {
  border-left-color: var(--bal-border-color-danger) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-danger:hover {
  border-left-color: var(--bal-border-color-danger) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-danger:active {
  border-left-color: var(--bal-border-color-danger) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-danger-hover:focus {
  border-left-color: var(--bal-border-color-danger-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-danger-hover:hover {
  border-left-color: var(--bal-border-color-danger-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-danger-hover:active {
  border-left-color: var(--bal-border-color-danger-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-danger-active:focus {
  border-left-color: var(--bal-border-color-danger-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-danger-active:hover {
  border-left-color: var(--bal-border-color-danger-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-danger-active:active {
  border-left-color: var(--bal-border-color-danger-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-green:focus {
  border-left-color: var(--bal-border-color-green) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-green:hover {
  border-left-color: var(--bal-border-color-green) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-green:active {
  border-left-color: var(--bal-border-color-green) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-green-hover:focus {
  border-left-color: var(--bal-border-color-green-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-green-hover:hover {
  border-left-color: var(--bal-border-color-green-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-green-hover:active {
  border-left-color: var(--bal-border-color-green-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-green-active:focus {
  border-left-color: var(--bal-border-color-green-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-green-active:hover {
  border-left-color: var(--bal-border-color-green-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-green-active:active {
  border-left-color: var(--bal-border-color-green-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-purple:focus {
  border-left-color: var(--bal-border-color-purple) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-purple:hover {
  border-left-color: var(--bal-border-color-purple) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-purple:active {
  border-left-color: var(--bal-border-color-purple) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-purple-hover:focus {
  border-left-color: var(--bal-border-color-purple-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-purple-hover:hover {
  border-left-color: var(--bal-border-color-purple-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-purple-hover:active {
  border-left-color: var(--bal-border-color-purple-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-purple-active:focus {
  border-left-color: var(--bal-border-color-purple-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-purple-active:hover {
  border-left-color: var(--bal-border-color-purple-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-purple-active:active {
  border-left-color: var(--bal-border-color-purple-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-red:focus {
  border-left-color: var(--bal-border-color-red) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-red:hover {
  border-left-color: var(--bal-border-color-red) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-red:active {
  border-left-color: var(--bal-border-color-red) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-red-hover:focus {
  border-left-color: var(--bal-border-color-red-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-red-hover:hover {
  border-left-color: var(--bal-border-color-red-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-red-hover:active {
  border-left-color: var(--bal-border-color-red-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-red-active:focus {
  border-left-color: var(--bal-border-color-red-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-red-active:hover {
  border-left-color: var(--bal-border-color-red-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-red-active:active {
  border-left-color: var(--bal-border-color-red-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-yellow:focus {
  border-left-color: var(--bal-border-color-yellow) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-yellow:hover {
  border-left-color: var(--bal-border-color-yellow) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-yellow:active {
  border-left-color: var(--bal-border-color-yellow) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-yellow-hover:focus {
  border-left-color: var(--bal-border-color-yellow-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-yellow-hover:hover {
  border-left-color: var(--bal-border-color-yellow-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-yellow-hover:active {
  border-left-color: var(--bal-border-color-yellow-hover) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.focus\:border-left-yellow-active:focus {
  border-left-color: var(--bal-border-color-yellow-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.hover\:border-left-yellow-active:hover {
  border-left-color: var(--bal-border-color-yellow-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.active\:border-left-yellow-active:active {
  border-left-color: var(--bal-border-color-yellow-active) !important;
  border-left-width: var(--bal-border-width-normal) !important;
  border-left-style: solid;
}

.border-width-none {
  border-width: var(--bal-border-width-none) !important;
}

.border-width {
  border-width: var(--bal-border-width-base) !important;
}

.border-width-md {
  border-width: var(--bal-border-width-md) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-width-none {
    border-width: var(--bal-border-width-none) !important;
  }
  .mobile\:border-width {
    border-width: var(--bal-border-width-base) !important;
  }
  .mobile\:border-width-md {
    border-width: var(--bal-border-width-md) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:border-width-none {
    border-width: var(--bal-border-width-none) !important;
  }
  .tablet\:border-width {
    border-width: var(--bal-border-width-base) !important;
  }
  .tablet\:border-width-md {
    border-width: var(--bal-border-width-md) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-width-none {
    border-width: var(--bal-border-width-none) !important;
  }
  .desktop\:border-width {
    border-width: var(--bal-border-width-base) !important;
  }
  .desktop\:border-width-md {
    border-width: var(--bal-border-width-md) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:border-width-none {
    border-width: var(--bal-border-width-none) !important;
  }
  .desktop-xl\:border-width {
    border-width: var(--bal-border-width-base) !important;
  }
  .desktop-xl\:border-width-md {
    border-width: var(--bal-border-width-md) !important;
  }
}
.border-none {
  border: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-none {
    border: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:border-none {
    border: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-none {
    border: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:border-none {
    border: none !important;
  }
}
.border-top-none {
  border-top: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-top-none {
    border-top: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:border-top-none {
    border-top: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-top-none {
    border-top: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:border-top-none {
    border-top: none !important;
  }
}
.border-right-none {
  border-right: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-right-none {
    border-right: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:border-right-none {
    border-right: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-right-none {
    border-right: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:border-right-none {
    border-right: none !important;
  }
}
.border-bottom-none {
  border-bottom: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-bottom-none {
    border-bottom: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:border-bottom-none {
    border-bottom: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-bottom-none {
    border-bottom: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:border-bottom-none {
    border-bottom: none !important;
  }
}
.border-left-none {
  border-left: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-left-none {
    border-left: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:border-left-none {
    border-left: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-left-none {
    border-left: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:border-left-none {
    border-left: none !important;
  }
}
.z-index-deep {
  z-index: var(--bal-z-index-deep) !important;
}

.z-index-masked {
  z-index: var(--bal-z-index-masked) !important;
}

.z-index-mask {
  z-index: var(--bal-z-index-mask) !important;
}

.z-index-sticky {
  z-index: var(--bal-z-index-sticky) !important;
}

.z-index-navigation {
  z-index: var(--bal-z-index-navigation) !important;
}

.z-index-popup {
  z-index: var(--bal-z-index-popup) !important;
}

.z-index-modal {
  z-index: var(--bal-z-index-modal) !important;
}

.z-index-toast {
  z-index: var(--bal-z-index-toast) !important;
}

.z-index-tooltip {
  z-index: var(--bal-z-index-tooltip) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .mobile\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .mobile\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .mobile\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .mobile\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .mobile\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .mobile\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .mobile\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .mobile\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .tablet\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .tablet\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .tablet\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .tablet\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .tablet\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .tablet\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .tablet\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .tablet\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .desktop\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .desktop\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .desktop\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .desktop\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .desktop\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .desktop\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .desktop\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .desktop\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .desktop-xl\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .desktop-xl\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .desktop-xl\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .desktop-xl\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .desktop-xl\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .desktop-xl\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .desktop-xl\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .desktop-xl\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
.opacity-hidden {
  opacity: var(--bal-opacity-hidden) !important;
}

.opacity-half {
  opacity: var(--bal-opacity-half) !important;
}

.opacity-disabled {
  opacity: var(--bal-opacity-disabled) !important;
}

.opacity-backdrop {
  opacity: var(--bal-opacity-backdrop) !important;
}

.opacity-full {
  opacity: var(--bal-opacity-full) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .mobile\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .mobile\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .mobile\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .mobile\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .tablet\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .tablet\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .tablet\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .tablet\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .desktop\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .desktop\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .desktop\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .desktop\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .desktop-xl\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .desktop-xl\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .desktop-xl\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .desktop-xl\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
.shadow-none {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.shadow-header {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.shadow {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.shadow-elevated {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

.focus\:shadow-none:focus {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.hover\:shadow-none:hover {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.active\:shadow-none:active {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.focus\:shadow-header:focus {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.hover\:shadow-header:hover {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.active\:shadow-header:active {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.focus\:shadow:focus {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.hover\:shadow:hover {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.active\:shadow:active {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.focus\:shadow-elevated:focus {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

.hover\:shadow-elevated:hover {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

.active\:shadow-elevated:active {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .mobile\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .mobile\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .mobile\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .tablet\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .tablet\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .tablet\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop-xl\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop-xl\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop-xl\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-baseline {
  align-content: baseline !important;
}

.align-content-space-between {
  align-content: space-between !important;
}

.align-content-space-around {
  align-content: space-around !important;
}

.align-content-space-evenly {
  align-content: space-evenly !important;
}

@media screen and (max-width: 768px) {
  .mobile\:align-content-start {
    align-content: flex-start !important;
  }
  .mobile\:align-content-end {
    align-content: flex-end !important;
  }
  .mobile\:align-content-center {
    align-content: center !important;
  }
  .mobile\:align-content-baseline {
    align-content: baseline !important;
  }
  .mobile\:align-content-space-between {
    align-content: space-between !important;
  }
  .mobile\:align-content-space-around {
    align-content: space-around !important;
  }
  .mobile\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:align-content-start {
    align-content: flex-start !important;
  }
  .tablet\:align-content-end {
    align-content: flex-end !important;
  }
  .tablet\:align-content-center {
    align-content: center !important;
  }
  .tablet\:align-content-baseline {
    align-content: baseline !important;
  }
  .tablet\:align-content-space-between {
    align-content: space-between !important;
  }
  .tablet\:align-content-space-around {
    align-content: space-around !important;
  }
  .tablet\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-content-start {
    align-content: flex-start !important;
  }
  .desktop\:align-content-end {
    align-content: flex-end !important;
  }
  .desktop\:align-content-center {
    align-content: center !important;
  }
  .desktop\:align-content-baseline {
    align-content: baseline !important;
  }
  .desktop\:align-content-space-between {
    align-content: space-between !important;
  }
  .desktop\:align-content-space-around {
    align-content: space-around !important;
  }
  .desktop\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:align-content-start {
    align-content: flex-start !important;
  }
  .desktop-xl\:align-content-end {
    align-content: flex-end !important;
  }
  .desktop-xl\:align-content-center {
    align-content: center !important;
  }
  .desktop-xl\:align-content-baseline {
    align-content: baseline !important;
  }
  .desktop-xl\:align-content-space-between {
    align-content: space-between !important;
  }
  .desktop-xl\:align-content-space-around {
    align-content: space-around !important;
  }
  .desktop-xl\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

@media screen and (max-width: 768px) {
  .mobile\:align-items-start {
    align-items: flex-start !important;
  }
  .mobile\:align-items-end {
    align-items: flex-end !important;
  }
  .mobile\:align-items-center {
    align-items: center !important;
  }
  .mobile\:align-items-stretch {
    align-items: stretch !important;
  }
  .mobile\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:align-items-start {
    align-items: flex-start !important;
  }
  .tablet\:align-items-end {
    align-items: flex-end !important;
  }
  .tablet\:align-items-center {
    align-items: center !important;
  }
  .tablet\:align-items-stretch {
    align-items: stretch !important;
  }
  .tablet\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-items-start {
    align-items: flex-start !important;
  }
  .desktop\:align-items-end {
    align-items: flex-end !important;
  }
  .desktop\:align-items-center {
    align-items: center !important;
  }
  .desktop\:align-items-stretch {
    align-items: stretch !important;
  }
  .desktop\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:align-items-start {
    align-items: flex-start !important;
  }
  .desktop-xl\:align-items-end {
    align-items: flex-end !important;
  }
  .desktop-xl\:align-items-center {
    align-items: center !important;
  }
  .desktop-xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .desktop-xl\:align-items-baseline {
    align-items: baseline !important;
  }
}
.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

@media screen and (max-width: 768px) {
  .mobile\:align-self-start {
    align-self: flex-start !important;
  }
  .mobile\:align-self-end {
    align-self: flex-end !important;
  }
  .mobile\:align-self-center {
    align-self: center !important;
  }
  .mobile\:align-self-stretch {
    align-self: stretch !important;
  }
  .mobile\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:align-self-start {
    align-self: flex-start !important;
  }
  .tablet\:align-self-end {
    align-self: flex-end !important;
  }
  .tablet\:align-self-center {
    align-self: center !important;
  }
  .tablet\:align-self-stretch {
    align-self: stretch !important;
  }
  .tablet\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-self-start {
    align-self: flex-start !important;
  }
  .desktop\:align-self-end {
    align-self: flex-end !important;
  }
  .desktop\:align-self-center {
    align-self: center !important;
  }
  .desktop\:align-self-stretch {
    align-self: stretch !important;
  }
  .desktop\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:align-self-start {
    align-self: flex-start !important;
  }
  .desktop-xl\:align-self-end {
    align-self: flex-end !important;
  }
  .desktop-xl\:align-self-center {
    align-self: center !important;
  }
  .desktop-xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .desktop-xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-direction-row {
    flex-direction: row !important;
  }
  .mobile\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .mobile\:flex-direction-column {
    flex-direction: column !important;
  }
  .mobile\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:flex-direction-row {
    flex-direction: row !important;
  }
  .tablet\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .tablet\:flex-direction-column {
    flex-direction: column !important;
  }
  .tablet\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-direction-row {
    flex-direction: row !important;
  }
  .desktop\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .desktop\:flex-direction-column {
    flex-direction: column !important;
  }
  .desktop\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:flex-direction-row {
    flex-direction: row !important;
  }
  .desktop-xl\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .desktop-xl\:flex-direction-column {
    flex-direction: column !important;
  }
  .desktop-xl\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-none {
  flex: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-1 {
    flex: 1 1 0% !important;
  }
  .mobile\:flex-auto {
    flex: 1 1 auto !important;
  }
  .mobile\:flex-initial {
    flex: 0 1 auto !important;
  }
  .mobile\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:flex-1 {
    flex: 1 1 0% !important;
  }
  .tablet\:flex-auto {
    flex: 1 1 auto !important;
  }
  .tablet\:flex-initial {
    flex: 0 1 auto !important;
  }
  .tablet\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-1 {
    flex: 1 1 0% !important;
  }
  .desktop\:flex-auto {
    flex: 1 1 auto !important;
  }
  .desktop\:flex-initial {
    flex: 0 1 auto !important;
  }
  .desktop\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .desktop-xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .desktop-xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .desktop-xl\:flex-none {
    flex: none !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-space-between {
  justify-content: space-between !important;
}

.justify-content-space-around {
  justify-content: space-around !important;
}

.justify-content-space-evenly {
  justify-content: space-evenly !important;
}

@media screen and (max-width: 768px) {
  .mobile\:justify-content-start {
    justify-content: flex-start !important;
  }
  .mobile\:justify-content-end {
    justify-content: flex-end !important;
  }
  .mobile\:justify-content-center {
    justify-content: center !important;
  }
  .mobile\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .mobile\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .mobile\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:justify-content-start {
    justify-content: flex-start !important;
  }
  .tablet\:justify-content-end {
    justify-content: flex-end !important;
  }
  .tablet\:justify-content-center {
    justify-content: center !important;
  }
  .tablet\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .tablet\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .tablet\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:justify-content-start {
    justify-content: flex-start !important;
  }
  .desktop\:justify-content-end {
    justify-content: flex-end !important;
  }
  .desktop\:justify-content-center {
    justify-content: center !important;
  }
  .desktop\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .desktop\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .desktop\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .desktop-xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .desktop-xl\:justify-content-center {
    justify-content: center !important;
  }
  .desktop-xl\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .desktop-xl\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .desktop-xl\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .mobile\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .mobile\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .tablet\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .tablet\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .desktop\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .desktop\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .desktop-xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .desktop-xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.gap-none {
  gap: 0 !important;
}

.gap-auto {
  gap: auto !important;
}

.gap-none {
  gap: var(--bal-space-none-device) !important;
}

.gap-auto {
  gap: var(--bal-space-auto-device) !important;
}

.gap-2xs, .gap-xx-small {
  gap: var(--bal-space-2xs-device) !important;
}

.gap-xs, .gap-x-small {
  gap: var(--bal-space-xs-device) !important;
}

.gap-sm, .gap-small {
  gap: var(--bal-space-sm-device) !important;
}

.gap-base, .gap-normal {
  gap: var(--bal-space-base-device) !important;
}

.gap-md, .gap-medium {
  gap: var(--bal-space-md-device) !important;
}

.gap-lg, .gap-large {
  gap: var(--bal-space-lg-device) !important;
}

.gap-xl, .gap-x-large {
  gap: var(--bal-space-xl-device) !important;
}

.gap-2xl, .gap-xx-large {
  gap: var(--bal-space-2xl-device) !important;
}

.gap-3xl, .gap-xxx-large {
  gap: var(--bal-space-3xl-device) !important;
}

.gap-4xl, .gap-xxxx-large {
  gap: var(--bal-space-4xl-device) !important;
}

.row-gap-none {
  row-gap: 0 !important;
}

.row-gap-auto {
  row-gap: auto !important;
}

.row-gap-none {
  row-gap: var(--bal-space-none-device) !important;
}

.row-gap-auto {
  row-gap: var(--bal-space-auto-device) !important;
}

.row-gap-2xs, .row-gap-xx-small {
  row-gap: var(--bal-space-2xs-device) !important;
}

.row-gap-xs, .row-gap-x-small {
  row-gap: var(--bal-space-xs-device) !important;
}

.row-gap-sm, .row-gap-small {
  row-gap: var(--bal-space-sm-device) !important;
}

.row-gap-base, .row-gap-normal {
  row-gap: var(--bal-space-base-device) !important;
}

.row-gap-md, .row-gap-medium {
  row-gap: var(--bal-space-md-device) !important;
}

.row-gap-lg, .row-gap-large {
  row-gap: var(--bal-space-lg-device) !important;
}

.row-gap-xl, .row-gap-x-large {
  row-gap: var(--bal-space-xl-device) !important;
}

.row-gap-2xl, .row-gap-xx-large {
  row-gap: var(--bal-space-2xl-device) !important;
}

.row-gap-3xl, .row-gap-xxx-large {
  row-gap: var(--bal-space-3xl-device) !important;
}

.row-gap-4xl, .row-gap-xxxx-large {
  row-gap: var(--bal-space-4xl-device) !important;
}

.column-gap-none {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-auto {
  -moz-column-gap: auto !important;
       column-gap: auto !important;
}

.column-gap-none {
  -moz-column-gap: var(--bal-space-none-device) !important;
       column-gap: var(--bal-space-none-device) !important;
}

.column-gap-auto {
  -moz-column-gap: var(--bal-space-auto-device) !important;
       column-gap: var(--bal-space-auto-device) !important;
}

.column-gap-2xs, .column-gap-xx-small {
  -moz-column-gap: var(--bal-space-2xs-device) !important;
       column-gap: var(--bal-space-2xs-device) !important;
}

.column-gap-xs, .column-gap-x-small {
  -moz-column-gap: var(--bal-space-xs-device) !important;
       column-gap: var(--bal-space-xs-device) !important;
}

.column-gap-sm, .column-gap-small {
  -moz-column-gap: var(--bal-space-sm-device) !important;
       column-gap: var(--bal-space-sm-device) !important;
}

.column-gap-base, .column-gap-normal {
  -moz-column-gap: var(--bal-space-base-device) !important;
       column-gap: var(--bal-space-base-device) !important;
}

.column-gap-md, .column-gap-medium {
  -moz-column-gap: var(--bal-space-md-device) !important;
       column-gap: var(--bal-space-md-device) !important;
}

.column-gap-lg, .column-gap-large {
  -moz-column-gap: var(--bal-space-lg-device) !important;
       column-gap: var(--bal-space-lg-device) !important;
}

.column-gap-xl, .column-gap-x-large {
  -moz-column-gap: var(--bal-space-xl-device) !important;
       column-gap: var(--bal-space-xl-device) !important;
}

.column-gap-2xl, .column-gap-xx-large {
  -moz-column-gap: var(--bal-space-2xl-device) !important;
       column-gap: var(--bal-space-2xl-device) !important;
}

.column-gap-3xl, .column-gap-xxx-large {
  -moz-column-gap: var(--bal-space-3xl-device) !important;
       column-gap: var(--bal-space-3xl-device) !important;
}

.column-gap-4xl, .column-gap-xxxx-large {
  -moz-column-gap: var(--bal-space-4xl-device) !important;
       column-gap: var(--bal-space-4xl-device) !important;
}

.gap-none {
  gap: 0 !important;
}

.gap-auto {
  gap: auto !important;
}

@media screen and (max-width: 768px) {
  .mobile\:gap-none {
    gap: 0 !important;
  }
  .mobile\:gap-auto {
    gap: auto !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:gap-none {
    gap: 0 !important;
  }
  .tablet\:gap-auto {
    gap: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:gap-none {
    gap: 0 !important;
  }
  .desktop\:gap-auto {
    gap: auto !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:gap-none {
    gap: 0 !important;
  }
  .desktop-xl\:gap-auto {
    gap: auto !important;
  }
}
.row-gap-none {
  row-gap: 0 !important;
}

.row-gap-auto {
  row-gap: auto !important;
}

@media screen and (max-width: 768px) {
  .mobile\:row-gap-none {
    row-gap: 0 !important;
  }
  .mobile\:row-gap-auto {
    row-gap: auto !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:row-gap-none {
    row-gap: 0 !important;
  }
  .tablet\:row-gap-auto {
    row-gap: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:row-gap-none {
    row-gap: 0 !important;
  }
  .desktop\:row-gap-auto {
    row-gap: auto !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:row-gap-none {
    row-gap: 0 !important;
  }
  .desktop-xl\:row-gap-auto {
    row-gap: auto !important;
  }
}
.column-gap-none {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-auto {
  -moz-column-gap: auto !important;
       column-gap: auto !important;
}

@media screen and (max-width: 768px) {
  .mobile\:column-gap-none {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .mobile\:column-gap-auto {
    -moz-column-gap: auto !important;
         column-gap: auto !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:column-gap-none {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .tablet\:column-gap-auto {
    -moz-column-gap: auto !important;
         column-gap: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:column-gap-none {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .desktop\:column-gap-auto {
    -moz-column-gap: auto !important;
         column-gap: auto !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:column-gap-none {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .desktop-xl\:column-gap-auto {
    -moz-column-gap: auto !important;
         column-gap: auto !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .mobile\:hidden {
    display: none !important;
  }
  .mobile\:block {
    display: block !important;
  }
  .mobile\:inline {
    display: inline !important;
  }
  .mobile\:inline-block {
    display: inline-block !important;
  }
  .mobile\:flex {
    display: flex !important;
  }
  .mobile\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:hidden {
    display: none !important;
  }
  .tablet\:block {
    display: block !important;
  }
  .tablet\:inline {
    display: inline !important;
  }
  .tablet\:inline-block {
    display: inline-block !important;
  }
  .tablet\:flex {
    display: flex !important;
  }
  .tablet\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .tablet-only\:hidden {
    display: none !important;
  }
  .tablet-only\:block {
    display: block !important;
  }
  .tablet-only\:inline {
    display: inline !important;
  }
  .tablet-only\:inline-block {
    display: inline-block !important;
  }
  .tablet-only\:flex {
    display: flex !important;
  }
  .tablet-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .touch\:hidden {
    display: none !important;
  }
  .touch\:block {
    display: block !important;
  }
  .touch\:inline {
    display: inline !important;
  }
  .touch\:inline-block {
    display: inline-block !important;
  }
  .touch\:flex {
    display: flex !important;
  }
  .touch\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:hidden {
    display: none !important;
  }
  .desktop\:block {
    display: block !important;
  }
  .desktop\:inline {
    display: inline !important;
  }
  .desktop\:inline-block {
    display: inline-block !important;
  }
  .desktop\:flex {
    display: flex !important;
  }
  .desktop\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .desktop-only\:hidden {
    display: none !important;
  }
  .desktop-only\:block {
    display: block !important;
  }
  .desktop-only\:inline {
    display: inline !important;
  }
  .desktop-only\:inline-block {
    display: inline-block !important;
  }
  .desktop-only\:flex {
    display: flex !important;
  }
  .desktop-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .desktop-lg\:hidden {
    display: none !important;
  }
  .desktop-lg\:block {
    display: block !important;
  }
  .desktop-lg\:inline {
    display: inline !important;
  }
  .desktop-lg\:inline-block {
    display: inline-block !important;
  }
  .desktop-lg\:flex {
    display: flex !important;
  }
  .desktop-lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .desktop-lg-only\:hidden {
    display: none !important;
  }
  .desktop-lg-only\:block {
    display: block !important;
  }
  .desktop-lg-only\:inline {
    display: inline !important;
  }
  .desktop-lg-only\:inline-block {
    display: inline-block !important;
  }
  .desktop-lg-only\:flex {
    display: flex !important;
  }
  .desktop-lg-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:hidden {
    display: none !important;
  }
  .desktop-xl\:block {
    display: block !important;
  }
  .desktop-xl\:inline {
    display: inline !important;
  }
  .desktop-xl\:inline-block {
    display: inline-block !important;
  }
  .desktop-xl\:flex {
    display: flex !important;
  }
  .desktop-xl\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .desktop-xl-only\:hidden {
    display: none !important;
  }
  .desktop-xl-only\:block {
    display: block !important;
  }
  .desktop-xl-only\:inline {
    display: inline !important;
  }
  .desktop-xl-only\:inline-block {
    display: inline-block !important;
  }
  .desktop-xl-only\:flex {
    display: flex !important;
  }
  .desktop-xl-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1920px) {
  .desktop-2xl\:hidden {
    display: none !important;
  }
  .desktop-2xl\:block {
    display: block !important;
  }
  .desktop-2xl\:inline {
    display: inline !important;
  }
  .desktop-2xl\:inline-block {
    display: inline-block !important;
  }
  .desktop-2xl\:flex {
    display: flex !important;
  }
  .desktop-2xl\:inline-flex {
    display: inline-flex !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow: auto !important;
}

.overflow-x-hidden {
  overflow: hidden !important;
}

.overflow-x-visible {
  overflow: visible !important;
}

.overflow-x-scroll {
  overflow: scroll !important;
}

.overflow-y-auto {
  overflow: auto !important;
}

.overflow-y-hidden {
  overflow: hidden !important;
}

.overflow-y-visible {
  overflow: visible !important;
}

.overflow-y-scroll {
  overflow: scroll !important;
}

@media screen and (max-width: 768px) {
  .mobile\:overflow-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-scroll {
    overflow: scroll !important;
  }
  .mobile\:overflow-x-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-x-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .mobile\:overflow-y-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-y-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:overflow-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-scroll {
    overflow: scroll !important;
  }
  .tablet\:overflow-x-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-x-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .tablet\:overflow-y-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-y-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:overflow-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-scroll {
    overflow: scroll !important;
  }
  .desktop\:overflow-x-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-x-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .desktop\:overflow-y-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-y-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:overflow-auto {
    overflow: auto !important;
  }
  .desktop-xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .desktop-xl\:overflow-visible {
    overflow: visible !important;
  }
  .desktop-xl\:overflow-scroll {
    overflow: scroll !important;
  }
  .desktop-xl\:overflow-x-auto {
    overflow: auto !important;
  }
  .desktop-xl\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .desktop-xl\:overflow-x-visible {
    overflow: visible !important;
  }
  .desktop-xl\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .desktop-xl\:overflow-y-auto {
    overflow: auto !important;
  }
  .desktop-xl\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .desktop-xl\:overflow-y-visible {
    overflow: visible !important;
  }
  .desktop-xl\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.sticky {
  position: sticky !important;
}

@media screen and (max-width: 768px) {
  .mobile\:static {
    position: static !important;
  }
  .mobile\:fixed {
    position: fixed !important;
  }
  .mobile\:relative {
    position: relative !important;
  }
  .mobile\:absolute {
    position: absolute !important;
  }
  .mobile\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:static {
    position: static !important;
  }
  .tablet\:fixed {
    position: fixed !important;
  }
  .tablet\:relative {
    position: relative !important;
  }
  .tablet\:absolute {
    position: absolute !important;
  }
  .tablet\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:static {
    position: static !important;
  }
  .desktop\:fixed {
    position: fixed !important;
  }
  .desktop\:relative {
    position: relative !important;
  }
  .desktop\:absolute {
    position: absolute !important;
  }
  .desktop\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:static {
    position: static !important;
  }
  .desktop-xl\:fixed {
    position: fixed !important;
  }
  .desktop-xl\:relative {
    position: relative !important;
  }
  .desktop-xl\:absolute {
    position: absolute !important;
  }
  .desktop-xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}

.top-1rem {
  top: 1rem !important;
}

.top-0-5rem {
  top: 0.5rem !important;
}

.top-0-25rem {
  top: 0.25rem !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:top-auto {
    top: auto !important;
  }
  .mobile\:top-1rem {
    top: 1rem !important;
  }
  .mobile\:top-0-5rem {
    top: 0.5rem !important;
  }
  .mobile\:top-0-25rem {
    top: 0.25rem !important;
  }
  .mobile\:top-0 {
    top: 0 !important;
  }
  .mobile\:top-50 {
    top: 50% !important;
  }
  .mobile\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:top-auto {
    top: auto !important;
  }
  .tablet\:top-1rem {
    top: 1rem !important;
  }
  .tablet\:top-0-5rem {
    top: 0.5rem !important;
  }
  .tablet\:top-0-25rem {
    top: 0.25rem !important;
  }
  .tablet\:top-0 {
    top: 0 !important;
  }
  .tablet\:top-50 {
    top: 50% !important;
  }
  .tablet\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:top-auto {
    top: auto !important;
  }
  .desktop\:top-1rem {
    top: 1rem !important;
  }
  .desktop\:top-0-5rem {
    top: 0.5rem !important;
  }
  .desktop\:top-0-25rem {
    top: 0.25rem !important;
  }
  .desktop\:top-0 {
    top: 0 !important;
  }
  .desktop\:top-50 {
    top: 50% !important;
  }
  .desktop\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:top-auto {
    top: auto !important;
  }
  .desktop-xl\:top-1rem {
    top: 1rem !important;
  }
  .desktop-xl\:top-0-5rem {
    top: 0.5rem !important;
  }
  .desktop-xl\:top-0-25rem {
    top: 0.25rem !important;
  }
  .desktop-xl\:top-0 {
    top: 0 !important;
  }
  .desktop-xl\:top-50 {
    top: 50% !important;
  }
  .desktop-xl\:top-100 {
    top: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}

.right-1rem {
  right: 1rem !important;
}

.right-0 {
  right: 0 !important;
}

.right-50 {
  right: 50% !important;
}

.right-100 {
  right: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:right-auto {
    right: auto !important;
  }
  .mobile\:right-1rem {
    right: 1rem !important;
  }
  .mobile\:right-0 {
    right: 0 !important;
  }
  .mobile\:right-50 {
    right: 50% !important;
  }
  .mobile\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:right-auto {
    right: auto !important;
  }
  .tablet\:right-1rem {
    right: 1rem !important;
  }
  .tablet\:right-0 {
    right: 0 !important;
  }
  .tablet\:right-50 {
    right: 50% !important;
  }
  .tablet\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:right-auto {
    right: auto !important;
  }
  .desktop\:right-1rem {
    right: 1rem !important;
  }
  .desktop\:right-0 {
    right: 0 !important;
  }
  .desktop\:right-50 {
    right: 50% !important;
  }
  .desktop\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:right-auto {
    right: auto !important;
  }
  .desktop-xl\:right-1rem {
    right: 1rem !important;
  }
  .desktop-xl\:right-0 {
    right: 0 !important;
  }
  .desktop-xl\:right-50 {
    right: 50% !important;
  }
  .desktop-xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}

.bottom-1rem {
  bottom: 1rem !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:bottom-auto {
    bottom: auto !important;
  }
  .mobile\:bottom-1rem {
    bottom: 1rem !important;
  }
  .mobile\:bottom-0 {
    bottom: 0 !important;
  }
  .mobile\:bottom-50 {
    bottom: 50% !important;
  }
  .mobile\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:bottom-auto {
    bottom: auto !important;
  }
  .tablet\:bottom-1rem {
    bottom: 1rem !important;
  }
  .tablet\:bottom-0 {
    bottom: 0 !important;
  }
  .tablet\:bottom-50 {
    bottom: 50% !important;
  }
  .tablet\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:bottom-auto {
    bottom: auto !important;
  }
  .desktop\:bottom-1rem {
    bottom: 1rem !important;
  }
  .desktop\:bottom-0 {
    bottom: 0 !important;
  }
  .desktop\:bottom-50 {
    bottom: 50% !important;
  }
  .desktop\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:bottom-auto {
    bottom: auto !important;
  }
  .desktop-xl\:bottom-1rem {
    bottom: 1rem !important;
  }
  .desktop-xl\:bottom-0 {
    bottom: 0 !important;
  }
  .desktop-xl\:bottom-50 {
    bottom: 50% !important;
  }
  .desktop-xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}

.left-1rem {
  left: 1rem !important;
}

.left-0 {
  left: 0 !important;
}

.left-50 {
  left: 50% !important;
}

.left-100 {
  left: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:left-auto {
    left: auto !important;
  }
  .mobile\:left-1rem {
    left: 1rem !important;
  }
  .mobile\:left-0 {
    left: 0 !important;
  }
  .mobile\:left-50 {
    left: 50% !important;
  }
  .mobile\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:left-auto {
    left: auto !important;
  }
  .tablet\:left-1rem {
    left: 1rem !important;
  }
  .tablet\:left-0 {
    left: 0 !important;
  }
  .tablet\:left-50 {
    left: 50% !important;
  }
  .tablet\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:left-auto {
    left: auto !important;
  }
  .desktop\:left-1rem {
    left: 1rem !important;
  }
  .desktop\:left-0 {
    left: 0 !important;
  }
  .desktop\:left-50 {
    left: 50% !important;
  }
  .desktop\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:left-auto {
    left: auto !important;
  }
  .desktop-xl\:left-1rem {
    left: 1rem !important;
  }
  .desktop-xl\:left-0 {
    left: 0 !important;
  }
  .desktop-xl\:left-50 {
    left: 50% !important;
  }
  .desktop-xl\:left-100 {
    left: 100% !important;
  }
}
.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

@media screen and (max-width: 768px) {
  .mobile\:vertical-align-top {
    vertical-align: top !important;
  }
  .mobile\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .mobile\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:vertical-align-top {
    vertical-align: top !important;
  }
  .tablet\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .tablet\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:vertical-align-top {
    vertical-align: top !important;
  }
  .desktop\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .desktop\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .desktop-xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .desktop-xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vh !important;
}

.h-auto {
  height: auto !important;
}

.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}

.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}

.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.h-1rem {
  height: 1rem !important;
}

.h-2rem {
  height: 2rem !important;
}

.h-3rem {
  height: 3rem !important;
}

.h-4rem {
  height: 4rem !important;
}

.h-5rem {
  height: 5rem !important;
}

.h-6rem {
  height: 6rem !important;
}

.h-7rem {
  height: 7rem !important;
}

.h-8rem {
  height: 8rem !important;
}

.h-9rem {
  height: 9rem !important;
}

.h-10rem {
  height: 10rem !important;
}

.h-11rem {
  height: 11rem !important;
}

.h-12rem {
  height: 12rem !important;
}

.h-13rem {
  height: 13rem !important;
}

.h-14rem {
  height: 14rem !important;
}

.h-15rem {
  height: 15rem !important;
}

.h-16rem {
  height: 16rem !important;
}

.h-17rem {
  height: 17rem !important;
}

.h-18rem {
  height: 18rem !important;
}

.h-19rem {
  height: 19rem !important;
}

.h-20rem {
  height: 20rem !important;
}

.h-21rem {
  height: 21rem !important;
}

.h-22rem {
  height: 22rem !important;
}

.h-23rem {
  height: 23rem !important;
}

.h-24rem {
  height: 24rem !important;
}

.h-25rem {
  height: 25rem !important;
}

.h-26rem {
  height: 26rem !important;
}

.h-27rem {
  height: 27rem !important;
}

.h-28rem {
  height: 28rem !important;
}

.h-29rem {
  height: 29rem !important;
}

.h-30rem {
  height: 30rem !important;
}

@media screen and (max-width: 768px) {
  .mobile\:h-full {
    height: 100% !important;
  }
  .mobile\:h-screen {
    height: 100vh !important;
  }
  .mobile\:h-auto {
    height: auto !important;
  }
  .mobile\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .mobile\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .mobile\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .mobile\:h-1rem {
    height: 1rem !important;
  }
  .mobile\:h-2rem {
    height: 2rem !important;
  }
  .mobile\:h-3rem {
    height: 3rem !important;
  }
  .mobile\:h-4rem {
    height: 4rem !important;
  }
  .mobile\:h-5rem {
    height: 5rem !important;
  }
  .mobile\:h-6rem {
    height: 6rem !important;
  }
  .mobile\:h-7rem {
    height: 7rem !important;
  }
  .mobile\:h-8rem {
    height: 8rem !important;
  }
  .mobile\:h-9rem {
    height: 9rem !important;
  }
  .mobile\:h-10rem {
    height: 10rem !important;
  }
  .mobile\:h-11rem {
    height: 11rem !important;
  }
  .mobile\:h-12rem {
    height: 12rem !important;
  }
  .mobile\:h-13rem {
    height: 13rem !important;
  }
  .mobile\:h-14rem {
    height: 14rem !important;
  }
  .mobile\:h-15rem {
    height: 15rem !important;
  }
  .mobile\:h-16rem {
    height: 16rem !important;
  }
  .mobile\:h-17rem {
    height: 17rem !important;
  }
  .mobile\:h-18rem {
    height: 18rem !important;
  }
  .mobile\:h-19rem {
    height: 19rem !important;
  }
  .mobile\:h-20rem {
    height: 20rem !important;
  }
  .mobile\:h-21rem {
    height: 21rem !important;
  }
  .mobile\:h-22rem {
    height: 22rem !important;
  }
  .mobile\:h-23rem {
    height: 23rem !important;
  }
  .mobile\:h-24rem {
    height: 24rem !important;
  }
  .mobile\:h-25rem {
    height: 25rem !important;
  }
  .mobile\:h-26rem {
    height: 26rem !important;
  }
  .mobile\:h-27rem {
    height: 27rem !important;
  }
  .mobile\:h-28rem {
    height: 28rem !important;
  }
  .mobile\:h-29rem {
    height: 29rem !important;
  }
  .mobile\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:h-full {
    height: 100% !important;
  }
  .tablet\:h-screen {
    height: 100vh !important;
  }
  .tablet\:h-auto {
    height: auto !important;
  }
  .tablet\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .tablet\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .tablet\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .tablet\:h-1rem {
    height: 1rem !important;
  }
  .tablet\:h-2rem {
    height: 2rem !important;
  }
  .tablet\:h-3rem {
    height: 3rem !important;
  }
  .tablet\:h-4rem {
    height: 4rem !important;
  }
  .tablet\:h-5rem {
    height: 5rem !important;
  }
  .tablet\:h-6rem {
    height: 6rem !important;
  }
  .tablet\:h-7rem {
    height: 7rem !important;
  }
  .tablet\:h-8rem {
    height: 8rem !important;
  }
  .tablet\:h-9rem {
    height: 9rem !important;
  }
  .tablet\:h-10rem {
    height: 10rem !important;
  }
  .tablet\:h-11rem {
    height: 11rem !important;
  }
  .tablet\:h-12rem {
    height: 12rem !important;
  }
  .tablet\:h-13rem {
    height: 13rem !important;
  }
  .tablet\:h-14rem {
    height: 14rem !important;
  }
  .tablet\:h-15rem {
    height: 15rem !important;
  }
  .tablet\:h-16rem {
    height: 16rem !important;
  }
  .tablet\:h-17rem {
    height: 17rem !important;
  }
  .tablet\:h-18rem {
    height: 18rem !important;
  }
  .tablet\:h-19rem {
    height: 19rem !important;
  }
  .tablet\:h-20rem {
    height: 20rem !important;
  }
  .tablet\:h-21rem {
    height: 21rem !important;
  }
  .tablet\:h-22rem {
    height: 22rem !important;
  }
  .tablet\:h-23rem {
    height: 23rem !important;
  }
  .tablet\:h-24rem {
    height: 24rem !important;
  }
  .tablet\:h-25rem {
    height: 25rem !important;
  }
  .tablet\:h-26rem {
    height: 26rem !important;
  }
  .tablet\:h-27rem {
    height: 27rem !important;
  }
  .tablet\:h-28rem {
    height: 28rem !important;
  }
  .tablet\:h-29rem {
    height: 29rem !important;
  }
  .tablet\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:h-full {
    height: 100% !important;
  }
  .desktop\:h-screen {
    height: 100vh !important;
  }
  .desktop\:h-auto {
    height: auto !important;
  }
  .desktop\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .desktop\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .desktop\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .desktop\:h-1rem {
    height: 1rem !important;
  }
  .desktop\:h-2rem {
    height: 2rem !important;
  }
  .desktop\:h-3rem {
    height: 3rem !important;
  }
  .desktop\:h-4rem {
    height: 4rem !important;
  }
  .desktop\:h-5rem {
    height: 5rem !important;
  }
  .desktop\:h-6rem {
    height: 6rem !important;
  }
  .desktop\:h-7rem {
    height: 7rem !important;
  }
  .desktop\:h-8rem {
    height: 8rem !important;
  }
  .desktop\:h-9rem {
    height: 9rem !important;
  }
  .desktop\:h-10rem {
    height: 10rem !important;
  }
  .desktop\:h-11rem {
    height: 11rem !important;
  }
  .desktop\:h-12rem {
    height: 12rem !important;
  }
  .desktop\:h-13rem {
    height: 13rem !important;
  }
  .desktop\:h-14rem {
    height: 14rem !important;
  }
  .desktop\:h-15rem {
    height: 15rem !important;
  }
  .desktop\:h-16rem {
    height: 16rem !important;
  }
  .desktop\:h-17rem {
    height: 17rem !important;
  }
  .desktop\:h-18rem {
    height: 18rem !important;
  }
  .desktop\:h-19rem {
    height: 19rem !important;
  }
  .desktop\:h-20rem {
    height: 20rem !important;
  }
  .desktop\:h-21rem {
    height: 21rem !important;
  }
  .desktop\:h-22rem {
    height: 22rem !important;
  }
  .desktop\:h-23rem {
    height: 23rem !important;
  }
  .desktop\:h-24rem {
    height: 24rem !important;
  }
  .desktop\:h-25rem {
    height: 25rem !important;
  }
  .desktop\:h-26rem {
    height: 26rem !important;
  }
  .desktop\:h-27rem {
    height: 27rem !important;
  }
  .desktop\:h-28rem {
    height: 28rem !important;
  }
  .desktop\:h-29rem {
    height: 29rem !important;
  }
  .desktop\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:h-full {
    height: 100% !important;
  }
  .desktop-xl\:h-screen {
    height: 100vh !important;
  }
  .desktop-xl\:h-auto {
    height: auto !important;
  }
  .desktop-xl\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .desktop-xl\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .desktop-xl\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .desktop-xl\:h-1rem {
    height: 1rem !important;
  }
  .desktop-xl\:h-2rem {
    height: 2rem !important;
  }
  .desktop-xl\:h-3rem {
    height: 3rem !important;
  }
  .desktop-xl\:h-4rem {
    height: 4rem !important;
  }
  .desktop-xl\:h-5rem {
    height: 5rem !important;
  }
  .desktop-xl\:h-6rem {
    height: 6rem !important;
  }
  .desktop-xl\:h-7rem {
    height: 7rem !important;
  }
  .desktop-xl\:h-8rem {
    height: 8rem !important;
  }
  .desktop-xl\:h-9rem {
    height: 9rem !important;
  }
  .desktop-xl\:h-10rem {
    height: 10rem !important;
  }
  .desktop-xl\:h-11rem {
    height: 11rem !important;
  }
  .desktop-xl\:h-12rem {
    height: 12rem !important;
  }
  .desktop-xl\:h-13rem {
    height: 13rem !important;
  }
  .desktop-xl\:h-14rem {
    height: 14rem !important;
  }
  .desktop-xl\:h-15rem {
    height: 15rem !important;
  }
  .desktop-xl\:h-16rem {
    height: 16rem !important;
  }
  .desktop-xl\:h-17rem {
    height: 17rem !important;
  }
  .desktop-xl\:h-18rem {
    height: 18rem !important;
  }
  .desktop-xl\:h-19rem {
    height: 19rem !important;
  }
  .desktop-xl\:h-20rem {
    height: 20rem !important;
  }
  .desktop-xl\:h-21rem {
    height: 21rem !important;
  }
  .desktop-xl\:h-22rem {
    height: 22rem !important;
  }
  .desktop-xl\:h-23rem {
    height: 23rem !important;
  }
  .desktop-xl\:h-24rem {
    height: 24rem !important;
  }
  .desktop-xl\:h-25rem {
    height: 25rem !important;
  }
  .desktop-xl\:h-26rem {
    height: 26rem !important;
  }
  .desktop-xl\:h-27rem {
    height: 27rem !important;
  }
  .desktop-xl\:h-28rem {
    height: 28rem !important;
  }
  .desktop-xl\:h-29rem {
    height: 29rem !important;
  }
  .desktop-xl\:h-30rem {
    height: 30rem !important;
  }
}
.w-full {
  width: 100% !important;
}

.w-screen {
  width: 100vw !important;
}

.w-auto {
  width: auto !important;
}

.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-1 {
  width: 8.3333% !important;
}

.w-2 {
  width: 16.6667% !important;
}

.w-3 {
  width: 25% !important;
}

.w-4 {
  width: 33.3333% !important;
}

.w-5 {
  width: 41.6667% !important;
}

.w-6 {
  width: 50% !important;
}

.w-7 {
  width: 58.3333% !important;
}

.w-8 {
  width: 66.6667% !important;
}

.w-9 {
  width: 75% !important;
}

.w-10 {
  width: 83.3333% !important;
}

.w-11 {
  width: 91.6667% !important;
}

.w-12 {
  width: 100% !important;
}

.w-1rem {
  width: 1rem !important;
}

.w-2rem {
  width: 2rem !important;
}

.w-3rem {
  width: 3rem !important;
}

.w-4rem {
  width: 4rem !important;
}

.w-5rem {
  width: 5rem !important;
}

.w-6rem {
  width: 6rem !important;
}

.w-7rem {
  width: 7rem !important;
}

.w-8rem {
  width: 8rem !important;
}

.w-9rem {
  width: 9rem !important;
}

.w-10rem {
  width: 10rem !important;
}

.w-11rem {
  width: 11rem !important;
}

.w-12rem {
  width: 12rem !important;
}

.w-13rem {
  width: 13rem !important;
}

.w-14rem {
  width: 14rem !important;
}

.w-15rem {
  width: 15rem !important;
}

.w-16rem {
  width: 16rem !important;
}

.w-17rem {
  width: 17rem !important;
}

.w-18rem {
  width: 18rem !important;
}

.w-19rem {
  width: 19rem !important;
}

.w-20rem {
  width: 20rem !important;
}

.w-21rem {
  width: 21rem !important;
}

.w-22rem {
  width: 22rem !important;
}

.w-23rem {
  width: 23rem !important;
}

.w-24rem {
  width: 24rem !important;
}

.w-25rem {
  width: 25rem !important;
}

.w-26rem {
  width: 26rem !important;
}

.w-27rem {
  width: 27rem !important;
}

.w-28rem {
  width: 28rem !important;
}

.w-29rem {
  width: 29rem !important;
}

.w-30rem {
  width: 30rem !important;
}

@media screen and (max-width: 768px) {
  .mobile\:w-full {
    width: 100% !important;
  }
  .mobile\:w-screen {
    width: 100vw !important;
  }
  .mobile\:w-auto {
    width: auto !important;
  }
  .mobile\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .mobile\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .mobile\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .mobile\:w-1 {
    width: 8.3333% !important;
  }
  .mobile\:w-2 {
    width: 16.6667% !important;
  }
  .mobile\:w-3 {
    width: 25% !important;
  }
  .mobile\:w-4 {
    width: 33.3333% !important;
  }
  .mobile\:w-5 {
    width: 41.6667% !important;
  }
  .mobile\:w-6 {
    width: 50% !important;
  }
  .mobile\:w-7 {
    width: 58.3333% !important;
  }
  .mobile\:w-8 {
    width: 66.6667% !important;
  }
  .mobile\:w-9 {
    width: 75% !important;
  }
  .mobile\:w-10 {
    width: 83.3333% !important;
  }
  .mobile\:w-11 {
    width: 91.6667% !important;
  }
  .mobile\:w-12 {
    width: 100% !important;
  }
  .mobile\:w-1rem {
    width: 1rem !important;
  }
  .mobile\:w-2rem {
    width: 2rem !important;
  }
  .mobile\:w-3rem {
    width: 3rem !important;
  }
  .mobile\:w-4rem {
    width: 4rem !important;
  }
  .mobile\:w-5rem {
    width: 5rem !important;
  }
  .mobile\:w-6rem {
    width: 6rem !important;
  }
  .mobile\:w-7rem {
    width: 7rem !important;
  }
  .mobile\:w-8rem {
    width: 8rem !important;
  }
  .mobile\:w-9rem {
    width: 9rem !important;
  }
  .mobile\:w-10rem {
    width: 10rem !important;
  }
  .mobile\:w-11rem {
    width: 11rem !important;
  }
  .mobile\:w-12rem {
    width: 12rem !important;
  }
  .mobile\:w-13rem {
    width: 13rem !important;
  }
  .mobile\:w-14rem {
    width: 14rem !important;
  }
  .mobile\:w-15rem {
    width: 15rem !important;
  }
  .mobile\:w-16rem {
    width: 16rem !important;
  }
  .mobile\:w-17rem {
    width: 17rem !important;
  }
  .mobile\:w-18rem {
    width: 18rem !important;
  }
  .mobile\:w-19rem {
    width: 19rem !important;
  }
  .mobile\:w-20rem {
    width: 20rem !important;
  }
  .mobile\:w-21rem {
    width: 21rem !important;
  }
  .mobile\:w-22rem {
    width: 22rem !important;
  }
  .mobile\:w-23rem {
    width: 23rem !important;
  }
  .mobile\:w-24rem {
    width: 24rem !important;
  }
  .mobile\:w-25rem {
    width: 25rem !important;
  }
  .mobile\:w-26rem {
    width: 26rem !important;
  }
  .mobile\:w-27rem {
    width: 27rem !important;
  }
  .mobile\:w-28rem {
    width: 28rem !important;
  }
  .mobile\:w-29rem {
    width: 29rem !important;
  }
  .mobile\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:w-full {
    width: 100% !important;
  }
  .tablet\:w-screen {
    width: 100vw !important;
  }
  .tablet\:w-auto {
    width: auto !important;
  }
  .tablet\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .tablet\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .tablet\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .tablet\:w-1 {
    width: 8.3333% !important;
  }
  .tablet\:w-2 {
    width: 16.6667% !important;
  }
  .tablet\:w-3 {
    width: 25% !important;
  }
  .tablet\:w-4 {
    width: 33.3333% !important;
  }
  .tablet\:w-5 {
    width: 41.6667% !important;
  }
  .tablet\:w-6 {
    width: 50% !important;
  }
  .tablet\:w-7 {
    width: 58.3333% !important;
  }
  .tablet\:w-8 {
    width: 66.6667% !important;
  }
  .tablet\:w-9 {
    width: 75% !important;
  }
  .tablet\:w-10 {
    width: 83.3333% !important;
  }
  .tablet\:w-11 {
    width: 91.6667% !important;
  }
  .tablet\:w-12 {
    width: 100% !important;
  }
  .tablet\:w-1rem {
    width: 1rem !important;
  }
  .tablet\:w-2rem {
    width: 2rem !important;
  }
  .tablet\:w-3rem {
    width: 3rem !important;
  }
  .tablet\:w-4rem {
    width: 4rem !important;
  }
  .tablet\:w-5rem {
    width: 5rem !important;
  }
  .tablet\:w-6rem {
    width: 6rem !important;
  }
  .tablet\:w-7rem {
    width: 7rem !important;
  }
  .tablet\:w-8rem {
    width: 8rem !important;
  }
  .tablet\:w-9rem {
    width: 9rem !important;
  }
  .tablet\:w-10rem {
    width: 10rem !important;
  }
  .tablet\:w-11rem {
    width: 11rem !important;
  }
  .tablet\:w-12rem {
    width: 12rem !important;
  }
  .tablet\:w-13rem {
    width: 13rem !important;
  }
  .tablet\:w-14rem {
    width: 14rem !important;
  }
  .tablet\:w-15rem {
    width: 15rem !important;
  }
  .tablet\:w-16rem {
    width: 16rem !important;
  }
  .tablet\:w-17rem {
    width: 17rem !important;
  }
  .tablet\:w-18rem {
    width: 18rem !important;
  }
  .tablet\:w-19rem {
    width: 19rem !important;
  }
  .tablet\:w-20rem {
    width: 20rem !important;
  }
  .tablet\:w-21rem {
    width: 21rem !important;
  }
  .tablet\:w-22rem {
    width: 22rem !important;
  }
  .tablet\:w-23rem {
    width: 23rem !important;
  }
  .tablet\:w-24rem {
    width: 24rem !important;
  }
  .tablet\:w-25rem {
    width: 25rem !important;
  }
  .tablet\:w-26rem {
    width: 26rem !important;
  }
  .tablet\:w-27rem {
    width: 27rem !important;
  }
  .tablet\:w-28rem {
    width: 28rem !important;
  }
  .tablet\:w-29rem {
    width: 29rem !important;
  }
  .tablet\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:w-full {
    width: 100% !important;
  }
  .desktop\:w-screen {
    width: 100vw !important;
  }
  .desktop\:w-auto {
    width: auto !important;
  }
  .desktop\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .desktop\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .desktop\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .desktop\:w-1 {
    width: 8.3333% !important;
  }
  .desktop\:w-2 {
    width: 16.6667% !important;
  }
  .desktop\:w-3 {
    width: 25% !important;
  }
  .desktop\:w-4 {
    width: 33.3333% !important;
  }
  .desktop\:w-5 {
    width: 41.6667% !important;
  }
  .desktop\:w-6 {
    width: 50% !important;
  }
  .desktop\:w-7 {
    width: 58.3333% !important;
  }
  .desktop\:w-8 {
    width: 66.6667% !important;
  }
  .desktop\:w-9 {
    width: 75% !important;
  }
  .desktop\:w-10 {
    width: 83.3333% !important;
  }
  .desktop\:w-11 {
    width: 91.6667% !important;
  }
  .desktop\:w-12 {
    width: 100% !important;
  }
  .desktop\:w-1rem {
    width: 1rem !important;
  }
  .desktop\:w-2rem {
    width: 2rem !important;
  }
  .desktop\:w-3rem {
    width: 3rem !important;
  }
  .desktop\:w-4rem {
    width: 4rem !important;
  }
  .desktop\:w-5rem {
    width: 5rem !important;
  }
  .desktop\:w-6rem {
    width: 6rem !important;
  }
  .desktop\:w-7rem {
    width: 7rem !important;
  }
  .desktop\:w-8rem {
    width: 8rem !important;
  }
  .desktop\:w-9rem {
    width: 9rem !important;
  }
  .desktop\:w-10rem {
    width: 10rem !important;
  }
  .desktop\:w-11rem {
    width: 11rem !important;
  }
  .desktop\:w-12rem {
    width: 12rem !important;
  }
  .desktop\:w-13rem {
    width: 13rem !important;
  }
  .desktop\:w-14rem {
    width: 14rem !important;
  }
  .desktop\:w-15rem {
    width: 15rem !important;
  }
  .desktop\:w-16rem {
    width: 16rem !important;
  }
  .desktop\:w-17rem {
    width: 17rem !important;
  }
  .desktop\:w-18rem {
    width: 18rem !important;
  }
  .desktop\:w-19rem {
    width: 19rem !important;
  }
  .desktop\:w-20rem {
    width: 20rem !important;
  }
  .desktop\:w-21rem {
    width: 21rem !important;
  }
  .desktop\:w-22rem {
    width: 22rem !important;
  }
  .desktop\:w-23rem {
    width: 23rem !important;
  }
  .desktop\:w-24rem {
    width: 24rem !important;
  }
  .desktop\:w-25rem {
    width: 25rem !important;
  }
  .desktop\:w-26rem {
    width: 26rem !important;
  }
  .desktop\:w-27rem {
    width: 27rem !important;
  }
  .desktop\:w-28rem {
    width: 28rem !important;
  }
  .desktop\:w-29rem {
    width: 29rem !important;
  }
  .desktop\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:w-full {
    width: 100% !important;
  }
  .desktop-xl\:w-screen {
    width: 100vw !important;
  }
  .desktop-xl\:w-auto {
    width: auto !important;
  }
  .desktop-xl\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .desktop-xl\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .desktop-xl\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .desktop-xl\:w-1 {
    width: 8.3333% !important;
  }
  .desktop-xl\:w-2 {
    width: 16.6667% !important;
  }
  .desktop-xl\:w-3 {
    width: 25% !important;
  }
  .desktop-xl\:w-4 {
    width: 33.3333% !important;
  }
  .desktop-xl\:w-5 {
    width: 41.6667% !important;
  }
  .desktop-xl\:w-6 {
    width: 50% !important;
  }
  .desktop-xl\:w-7 {
    width: 58.3333% !important;
  }
  .desktop-xl\:w-8 {
    width: 66.6667% !important;
  }
  .desktop-xl\:w-9 {
    width: 75% !important;
  }
  .desktop-xl\:w-10 {
    width: 83.3333% !important;
  }
  .desktop-xl\:w-11 {
    width: 91.6667% !important;
  }
  .desktop-xl\:w-12 {
    width: 100% !important;
  }
  .desktop-xl\:w-1rem {
    width: 1rem !important;
  }
  .desktop-xl\:w-2rem {
    width: 2rem !important;
  }
  .desktop-xl\:w-3rem {
    width: 3rem !important;
  }
  .desktop-xl\:w-4rem {
    width: 4rem !important;
  }
  .desktop-xl\:w-5rem {
    width: 5rem !important;
  }
  .desktop-xl\:w-6rem {
    width: 6rem !important;
  }
  .desktop-xl\:w-7rem {
    width: 7rem !important;
  }
  .desktop-xl\:w-8rem {
    width: 8rem !important;
  }
  .desktop-xl\:w-9rem {
    width: 9rem !important;
  }
  .desktop-xl\:w-10rem {
    width: 10rem !important;
  }
  .desktop-xl\:w-11rem {
    width: 11rem !important;
  }
  .desktop-xl\:w-12rem {
    width: 12rem !important;
  }
  .desktop-xl\:w-13rem {
    width: 13rem !important;
  }
  .desktop-xl\:w-14rem {
    width: 14rem !important;
  }
  .desktop-xl\:w-15rem {
    width: 15rem !important;
  }
  .desktop-xl\:w-16rem {
    width: 16rem !important;
  }
  .desktop-xl\:w-17rem {
    width: 17rem !important;
  }
  .desktop-xl\:w-18rem {
    width: 18rem !important;
  }
  .desktop-xl\:w-19rem {
    width: 19rem !important;
  }
  .desktop-xl\:w-20rem {
    width: 20rem !important;
  }
  .desktop-xl\:w-21rem {
    width: 21rem !important;
  }
  .desktop-xl\:w-22rem {
    width: 22rem !important;
  }
  .desktop-xl\:w-23rem {
    width: 23rem !important;
  }
  .desktop-xl\:w-24rem {
    width: 24rem !important;
  }
  .desktop-xl\:w-25rem {
    width: 25rem !important;
  }
  .desktop-xl\:w-26rem {
    width: 26rem !important;
  }
  .desktop-xl\:w-27rem {
    width: 27rem !important;
  }
  .desktop-xl\:w-28rem {
    width: 28rem !important;
  }
  .desktop-xl\:w-29rem {
    width: 29rem !important;
  }
  .desktop-xl\:w-30rem {
    width: 30rem !important;
  }
}
.min-h-auto {
  min-height: auto !important;
}

.min-h-0 {
  min-height: 0px !important;
}

.min-h-full {
  min-height: 100% !important;
}

.min-h-screen {
  min-height: 100vh !important;
}

.min-h-min {
  min-height: -moz-min-content !important;
  min-height: min-content !important;
}

.min-h-max {
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}

.min-h-fit {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:min-h-auto {
    min-height: auto !important;
  }
  .mobile\:min-h-0 {
    min-height: 0px !important;
  }
  .mobile\:min-h-full {
    min-height: 100% !important;
  }
  .mobile\:min-h-screen {
    min-height: 100vh !important;
  }
  .mobile\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .mobile\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .mobile\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:min-h-auto {
    min-height: auto !important;
  }
  .tablet\:min-h-0 {
    min-height: 0px !important;
  }
  .tablet\:min-h-full {
    min-height: 100% !important;
  }
  .tablet\:min-h-screen {
    min-height: 100vh !important;
  }
  .tablet\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .tablet\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .tablet\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:min-h-auto {
    min-height: auto !important;
  }
  .desktop\:min-h-0 {
    min-height: 0px !important;
  }
  .desktop\:min-h-full {
    min-height: 100% !important;
  }
  .desktop\:min-h-screen {
    min-height: 100vh !important;
  }
  .desktop\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .desktop\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .desktop\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:min-h-auto {
    min-height: auto !important;
  }
  .desktop-xl\:min-h-0 {
    min-height: 0px !important;
  }
  .desktop-xl\:min-h-full {
    min-height: 100% !important;
  }
  .desktop-xl\:min-h-screen {
    min-height: 100vh !important;
  }
  .desktop-xl\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .desktop-xl\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .desktop-xl\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
.min-w-auto {
  min-width: auto !important;
}

.min-w-0 {
  min-width: 0px !important;
}

.min-w-full {
  min-width: 100% !important;
}

.min-w-screen {
  min-width: 100vw !important;
}

.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}

.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

.min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:min-w-auto {
    min-width: auto !important;
  }
  .mobile\:min-w-0 {
    min-width: 0px !important;
  }
  .mobile\:min-w-full {
    min-width: 100% !important;
  }
  .mobile\:min-w-screen {
    min-width: 100vw !important;
  }
  .mobile\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .mobile\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .mobile\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:min-w-auto {
    min-width: auto !important;
  }
  .tablet\:min-w-0 {
    min-width: 0px !important;
  }
  .tablet\:min-w-full {
    min-width: 100% !important;
  }
  .tablet\:min-w-screen {
    min-width: 100vw !important;
  }
  .tablet\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .tablet\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .tablet\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:min-w-auto {
    min-width: auto !important;
  }
  .desktop\:min-w-0 {
    min-width: 0px !important;
  }
  .desktop\:min-w-full {
    min-width: 100% !important;
  }
  .desktop\:min-w-screen {
    min-width: 100vw !important;
  }
  .desktop\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .desktop\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .desktop\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:min-w-auto {
    min-width: auto !important;
  }
  .desktop-xl\:min-w-0 {
    min-width: 0px !important;
  }
  .desktop-xl\:min-w-full {
    min-width: 100% !important;
  }
  .desktop-xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .desktop-xl\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .desktop-xl\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .desktop-xl\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
.max-h-auto {
  max-height: auto !important;
}

.max-h-0 {
  max-height: 0px !important;
}

.max-h-full {
  max-height: 100% !important;
}

.max-h-screen {
  max-height: 100vh !important;
}

.min-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}

.min-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}

.min-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:max-h-auto {
    max-height: auto !important;
  }
  .mobile\:max-h-0 {
    max-height: 0px !important;
  }
  .mobile\:max-h-full {
    max-height: 100% !important;
  }
  .mobile\:max-h-screen {
    max-height: 100vh !important;
  }
  .mobile\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .mobile\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .mobile\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:max-h-auto {
    max-height: auto !important;
  }
  .tablet\:max-h-0 {
    max-height: 0px !important;
  }
  .tablet\:max-h-full {
    max-height: 100% !important;
  }
  .tablet\:max-h-screen {
    max-height: 100vh !important;
  }
  .tablet\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .tablet\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .tablet\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:max-h-auto {
    max-height: auto !important;
  }
  .desktop\:max-h-0 {
    max-height: 0px !important;
  }
  .desktop\:max-h-full {
    max-height: 100% !important;
  }
  .desktop\:max-h-screen {
    max-height: 100vh !important;
  }
  .desktop\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .desktop\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .desktop\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:max-h-auto {
    max-height: auto !important;
  }
  .desktop-xl\:max-h-0 {
    max-height: 0px !important;
  }
  .desktop-xl\:max-h-full {
    max-height: 100% !important;
  }
  .desktop-xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .desktop-xl\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .desktop-xl\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .desktop-xl\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
.max-w-auto {
  max-width: auto !important;
}

.max-w-0 {
  max-width: 0px !important;
}

.max-w-full {
  max-width: 100% !important;
}

.max-w-screen {
  max-width: 100vw !important;
}

.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}

.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:max-w-auto {
    max-width: auto !important;
  }
  .mobile\:max-w-0 {
    max-width: 0px !important;
  }
  .mobile\:max-w-full {
    max-width: 100% !important;
  }
  .mobile\:max-w-screen {
    max-width: 100vw !important;
  }
  .mobile\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .mobile\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .mobile\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:max-w-auto {
    max-width: auto !important;
  }
  .tablet\:max-w-0 {
    max-width: 0px !important;
  }
  .tablet\:max-w-full {
    max-width: 100% !important;
  }
  .tablet\:max-w-screen {
    max-width: 100vw !important;
  }
  .tablet\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .tablet\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .tablet\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:max-w-auto {
    max-width: auto !important;
  }
  .desktop\:max-w-0 {
    max-width: 0px !important;
  }
  .desktop\:max-w-full {
    max-width: 100% !important;
  }
  .desktop\:max-w-screen {
    max-width: 100vw !important;
  }
  .desktop\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .desktop\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .desktop\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:max-w-auto {
    max-width: auto !important;
  }
  .desktop-xl\:max-w-0 {
    max-width: 0px !important;
  }
  .desktop-xl\:max-w-full {
    max-width: 100% !important;
  }
  .desktop-xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .desktop-xl\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .desktop-xl\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .desktop-xl\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
.m-none {
  margin: var(--bal-space-none-device) !important;
}

.m-auto {
  margin: var(--bal-space-auto-device) !important;
}

.m-2xs, .m-xx-small {
  margin: var(--bal-space-2xs-device) !important;
}

.m-xs, .m-x-small {
  margin: var(--bal-space-xs-device) !important;
}

.m-sm, .m-small {
  margin: var(--bal-space-sm-device) !important;
}

.m-base, .m-normal {
  margin: var(--bal-space-base-device) !important;
}

.m-md, .m-medium {
  margin: var(--bal-space-md-device) !important;
}

.m-lg, .m-large {
  margin: var(--bal-space-lg-device) !important;
}

.m-xl, .m-x-large {
  margin: var(--bal-space-xl-device) !important;
}

.m-2xl, .m-xx-large {
  margin: var(--bal-space-2xl-device) !important;
}

.m-3xl, .m-xxx-large {
  margin: var(--bal-space-3xl-device) !important;
}

.m-4xl, .m-xxxx-large {
  margin: var(--bal-space-4xl-device) !important;
}

.mx-none {
  margin-left: var(--bal-space-none-device) !important;
  margin-right: var(--bal-space-none-device) !important;
}

.mx-auto {
  margin-left: var(--bal-space-auto-device) !important;
  margin-right: var(--bal-space-auto-device) !important;
}

.mx-2xs, .mx-xx-small {
  margin-left: var(--bal-space-2xs-device) !important;
  margin-right: var(--bal-space-2xs-device) !important;
}

.mx-xs, .mx-x-small {
  margin-left: var(--bal-space-xs-device) !important;
  margin-right: var(--bal-space-xs-device) !important;
}

.mx-sm, .mx-small {
  margin-left: var(--bal-space-sm-device) !important;
  margin-right: var(--bal-space-sm-device) !important;
}

.mx-base, .mx-normal {
  margin-left: var(--bal-space-base-device) !important;
  margin-right: var(--bal-space-base-device) !important;
}

.mx-md, .mx-medium {
  margin-left: var(--bal-space-md-device) !important;
  margin-right: var(--bal-space-md-device) !important;
}

.mx-lg, .mx-large {
  margin-left: var(--bal-space-lg-device) !important;
  margin-right: var(--bal-space-lg-device) !important;
}

.mx-xl, .mx-x-large {
  margin-left: var(--bal-space-xl-device) !important;
  margin-right: var(--bal-space-xl-device) !important;
}

.mx-2xl, .mx-xx-large {
  margin-left: var(--bal-space-2xl-device) !important;
  margin-right: var(--bal-space-2xl-device) !important;
}

.mx-3xl, .mx-xxx-large {
  margin-left: var(--bal-space-3xl-device) !important;
  margin-right: var(--bal-space-3xl-device) !important;
}

.mx-4xl, .mx-xxxx-large {
  margin-left: var(--bal-space-4xl-device) !important;
  margin-right: var(--bal-space-4xl-device) !important;
}

.my-none {
  margin-top: var(--bal-space-none-device) !important;
  margin-bottom: var(--bal-space-none-device) !important;
}

.my-auto {
  margin-top: var(--bal-space-auto-device) !important;
  margin-bottom: var(--bal-space-auto-device) !important;
}

.my-2xs, .my-xx-small {
  margin-top: var(--bal-space-2xs-device) !important;
  margin-bottom: var(--bal-space-2xs-device) !important;
}

.my-xs, .my-x-small {
  margin-top: var(--bal-space-xs-device) !important;
  margin-bottom: var(--bal-space-xs-device) !important;
}

.my-sm, .my-small {
  margin-top: var(--bal-space-sm-device) !important;
  margin-bottom: var(--bal-space-sm-device) !important;
}

.my-base, .my-normal {
  margin-top: var(--bal-space-base-device) !important;
  margin-bottom: var(--bal-space-base-device) !important;
}

.my-md, .my-medium {
  margin-top: var(--bal-space-md-device) !important;
  margin-bottom: var(--bal-space-md-device) !important;
}

.my-lg, .my-large {
  margin-top: var(--bal-space-lg-device) !important;
  margin-bottom: var(--bal-space-lg-device) !important;
}

.my-xl, .my-x-large {
  margin-top: var(--bal-space-xl-device) !important;
  margin-bottom: var(--bal-space-xl-device) !important;
}

.my-2xl, .my-xx-large {
  margin-top: var(--bal-space-2xl-device) !important;
  margin-bottom: var(--bal-space-2xl-device) !important;
}

.my-3xl, .my-xxx-large {
  margin-top: var(--bal-space-3xl-device) !important;
  margin-bottom: var(--bal-space-3xl-device) !important;
}

.my-4xl, .my-xxxx-large {
  margin-top: var(--bal-space-4xl-device) !important;
  margin-bottom: var(--bal-space-4xl-device) !important;
}

.mt-none {
  margin-top: var(--bal-space-none-device) !important;
}

.mt-auto {
  margin-top: var(--bal-space-auto-device) !important;
}

.mt-2xs, .mt-xx-small {
  margin-top: var(--bal-space-2xs-device) !important;
}

.mt-xs, .mt-x-small {
  margin-top: var(--bal-space-xs-device) !important;
}

.mt-sm, .mt-small {
  margin-top: var(--bal-space-sm-device) !important;
}

.mt-base, .mt-normal {
  margin-top: var(--bal-space-base-device) !important;
}

.mt-md, .mt-medium {
  margin-top: var(--bal-space-md-device) !important;
}

.mt-lg, .mt-large {
  margin-top: var(--bal-space-lg-device) !important;
}

.mt-xl, .mt-x-large {
  margin-top: var(--bal-space-xl-device) !important;
}

.mt-2xl, .mt-xx-large {
  margin-top: var(--bal-space-2xl-device) !important;
}

.mt-3xl, .mt-xxx-large {
  margin-top: var(--bal-space-3xl-device) !important;
}

.mt-4xl, .mt-xxxx-large {
  margin-top: var(--bal-space-4xl-device) !important;
}

.mr-none {
  margin-right: var(--bal-space-none-device) !important;
}

.mr-auto {
  margin-right: var(--bal-space-auto-device) !important;
}

.mr-2xs, .mr-xx-small {
  margin-right: var(--bal-space-2xs-device) !important;
}

.mr-xs, .mr-x-small {
  margin-right: var(--bal-space-xs-device) !important;
}

.mr-sm, .mr-small {
  margin-right: var(--bal-space-sm-device) !important;
}

.mr-base, .mr-normal {
  margin-right: var(--bal-space-base-device) !important;
}

.mr-md, .mr-medium {
  margin-right: var(--bal-space-md-device) !important;
}

.mr-lg, .mr-large {
  margin-right: var(--bal-space-lg-device) !important;
}

.mr-xl, .mr-x-large {
  margin-right: var(--bal-space-xl-device) !important;
}

.mr-2xl, .mr-xx-large {
  margin-right: var(--bal-space-2xl-device) !important;
}

.mr-3xl, .mr-xxx-large {
  margin-right: var(--bal-space-3xl-device) !important;
}

.mr-4xl, .mr-xxxx-large {
  margin-right: var(--bal-space-4xl-device) !important;
}

.mb-none {
  margin-bottom: var(--bal-space-none-device) !important;
}

.mb-auto {
  margin-bottom: var(--bal-space-auto-device) !important;
}

.mb-2xs, .mb-xx-small {
  margin-bottom: var(--bal-space-2xs-device) !important;
}

.mb-xs, .mb-x-small {
  margin-bottom: var(--bal-space-xs-device) !important;
}

.mb-sm, .mb-small {
  margin-bottom: var(--bal-space-sm-device) !important;
}

.mb-base, .mb-normal {
  margin-bottom: var(--bal-space-base-device) !important;
}

.mb-md, .mb-medium {
  margin-bottom: var(--bal-space-md-device) !important;
}

.mb-lg, .mb-large {
  margin-bottom: var(--bal-space-lg-device) !important;
}

.mb-xl, .mb-x-large {
  margin-bottom: var(--bal-space-xl-device) !important;
}

.mb-2xl, .mb-xx-large {
  margin-bottom: var(--bal-space-2xl-device) !important;
}

.mb-3xl, .mb-xxx-large {
  margin-bottom: var(--bal-space-3xl-device) !important;
}

.mb-4xl, .mb-xxxx-large {
  margin-bottom: var(--bal-space-4xl-device) !important;
}

.ml-none {
  margin-left: var(--bal-space-none-device) !important;
}

.ml-auto {
  margin-left: var(--bal-space-auto-device) !important;
}

.ml-2xs, .ml-xx-small {
  margin-left: var(--bal-space-2xs-device) !important;
}

.ml-xs, .ml-x-small {
  margin-left: var(--bal-space-xs-device) !important;
}

.ml-sm, .ml-small {
  margin-left: var(--bal-space-sm-device) !important;
}

.ml-base, .ml-normal {
  margin-left: var(--bal-space-base-device) !important;
}

.ml-md, .ml-medium {
  margin-left: var(--bal-space-md-device) !important;
}

.ml-lg, .ml-large {
  margin-left: var(--bal-space-lg-device) !important;
}

.ml-xl, .ml-x-large {
  margin-left: var(--bal-space-xl-device) !important;
}

.ml-2xl, .ml-xx-large {
  margin-left: var(--bal-space-2xl-device) !important;
}

.ml-3xl, .ml-xxx-large {
  margin-left: var(--bal-space-3xl-device) !important;
}

.ml-4xl, .ml-xxxx-large {
  margin-left: var(--bal-space-4xl-device) !important;
}

.p-none {
  padding: var(--bal-space-none-device) !important;
}

.p-auto {
  padding: var(--bal-space-auto-device) !important;
}

.p-2xs, .p-xx-small {
  padding: var(--bal-space-2xs-device) !important;
}

.p-xs, .p-x-small {
  padding: var(--bal-space-xs-device) !important;
}

.p-sm, .p-small {
  padding: var(--bal-space-sm-device) !important;
}

.p-base, .p-normal {
  padding: var(--bal-space-base-device) !important;
}

.p-md, .p-medium {
  padding: var(--bal-space-md-device) !important;
}

.p-lg, .p-large {
  padding: var(--bal-space-lg-device) !important;
}

.p-xl, .p-x-large {
  padding: var(--bal-space-xl-device) !important;
}

.p-2xl, .p-xx-large {
  padding: var(--bal-space-2xl-device) !important;
}

.p-3xl, .p-xxx-large {
  padding: var(--bal-space-3xl-device) !important;
}

.p-4xl, .p-xxxx-large {
  padding: var(--bal-space-4xl-device) !important;
}

.px-none {
  padding-left: var(--bal-space-none-device) !important;
  padding-right: var(--bal-space-none-device) !important;
}

.px-auto {
  padding-left: var(--bal-space-auto-device) !important;
  padding-right: var(--bal-space-auto-device) !important;
}

.px-2xs, .px-xx-small {
  padding-left: var(--bal-space-2xs-device) !important;
  padding-right: var(--bal-space-2xs-device) !important;
}

.px-xs, .px-x-small {
  padding-left: var(--bal-space-xs-device) !important;
  padding-right: var(--bal-space-xs-device) !important;
}

.px-sm, .px-small {
  padding-left: var(--bal-space-sm-device) !important;
  padding-right: var(--bal-space-sm-device) !important;
}

.px-base, .px-normal {
  padding-left: var(--bal-space-base-device) !important;
  padding-right: var(--bal-space-base-device) !important;
}

.px-md, .px-medium {
  padding-left: var(--bal-space-md-device) !important;
  padding-right: var(--bal-space-md-device) !important;
}

.px-lg, .px-large {
  padding-left: var(--bal-space-lg-device) !important;
  padding-right: var(--bal-space-lg-device) !important;
}

.px-xl, .px-x-large {
  padding-left: var(--bal-space-xl-device) !important;
  padding-right: var(--bal-space-xl-device) !important;
}

.px-2xl, .px-xx-large {
  padding-left: var(--bal-space-2xl-device) !important;
  padding-right: var(--bal-space-2xl-device) !important;
}

.px-3xl, .px-xxx-large {
  padding-left: var(--bal-space-3xl-device) !important;
  padding-right: var(--bal-space-3xl-device) !important;
}

.px-4xl, .px-xxxx-large {
  padding-left: var(--bal-space-4xl-device) !important;
  padding-right: var(--bal-space-4xl-device) !important;
}

.py-none {
  padding-top: var(--bal-space-none-device) !important;
  padding-bottom: var(--bal-space-none-device) !important;
}

.py-auto {
  padding-top: var(--bal-space-auto-device) !important;
  padding-bottom: var(--bal-space-auto-device) !important;
}

.py-2xs, .py-xx-small {
  padding-top: var(--bal-space-2xs-device) !important;
  padding-bottom: var(--bal-space-2xs-device) !important;
}

.py-xs, .py-x-small {
  padding-top: var(--bal-space-xs-device) !important;
  padding-bottom: var(--bal-space-xs-device) !important;
}

.py-sm, .py-small {
  padding-top: var(--bal-space-sm-device) !important;
  padding-bottom: var(--bal-space-sm-device) !important;
}

.py-base, .py-normal {
  padding-top: var(--bal-space-base-device) !important;
  padding-bottom: var(--bal-space-base-device) !important;
}

.py-md, .py-medium {
  padding-top: var(--bal-space-md-device) !important;
  padding-bottom: var(--bal-space-md-device) !important;
}

.py-lg, .py-large {
  padding-top: var(--bal-space-lg-device) !important;
  padding-bottom: var(--bal-space-lg-device) !important;
}

.py-xl, .py-x-large {
  padding-top: var(--bal-space-xl-device) !important;
  padding-bottom: var(--bal-space-xl-device) !important;
}

.py-2xl, .py-xx-large {
  padding-top: var(--bal-space-2xl-device) !important;
  padding-bottom: var(--bal-space-2xl-device) !important;
}

.py-3xl, .py-xxx-large {
  padding-top: var(--bal-space-3xl-device) !important;
  padding-bottom: var(--bal-space-3xl-device) !important;
}

.py-4xl, .py-xxxx-large {
  padding-top: var(--bal-space-4xl-device) !important;
  padding-bottom: var(--bal-space-4xl-device) !important;
}

.pt-none {
  padding-top: var(--bal-space-none-device) !important;
}

.pt-auto {
  padding-top: var(--bal-space-auto-device) !important;
}

.pt-2xs, .pt-xx-small {
  padding-top: var(--bal-space-2xs-device) !important;
}

.pt-xs, .pt-x-small {
  padding-top: var(--bal-space-xs-device) !important;
}

.pt-sm, .pt-small {
  padding-top: var(--bal-space-sm-device) !important;
}

.pt-base, .pt-normal {
  padding-top: var(--bal-space-base-device) !important;
}

.pt-md, .pt-medium {
  padding-top: var(--bal-space-md-device) !important;
}

.pt-lg, .pt-large {
  padding-top: var(--bal-space-lg-device) !important;
}

.pt-xl, .pt-x-large {
  padding-top: var(--bal-space-xl-device) !important;
}

.pt-2xl, .pt-xx-large {
  padding-top: var(--bal-space-2xl-device) !important;
}

.pt-3xl, .pt-xxx-large {
  padding-top: var(--bal-space-3xl-device) !important;
}

.pt-4xl, .pt-xxxx-large {
  padding-top: var(--bal-space-4xl-device) !important;
}

.pr-none {
  padding-right: var(--bal-space-none-device) !important;
}

.pr-auto {
  padding-right: var(--bal-space-auto-device) !important;
}

.pr-2xs, .pr-xx-small {
  padding-right: var(--bal-space-2xs-device) !important;
}

.pr-xs, .pr-x-small {
  padding-right: var(--bal-space-xs-device) !important;
}

.pr-sm, .pr-small {
  padding-right: var(--bal-space-sm-device) !important;
}

.pr-base, .pr-normal {
  padding-right: var(--bal-space-base-device) !important;
}

.pr-md, .pr-medium {
  padding-right: var(--bal-space-md-device) !important;
}

.pr-lg, .pr-large {
  padding-right: var(--bal-space-lg-device) !important;
}

.pr-xl, .pr-x-large {
  padding-right: var(--bal-space-xl-device) !important;
}

.pr-2xl, .pr-xx-large {
  padding-right: var(--bal-space-2xl-device) !important;
}

.pr-3xl, .pr-xxx-large {
  padding-right: var(--bal-space-3xl-device) !important;
}

.pr-4xl, .pr-xxxx-large {
  padding-right: var(--bal-space-4xl-device) !important;
}

.pb-none {
  padding-bottom: var(--bal-space-none-device) !important;
}

.pb-auto {
  padding-bottom: var(--bal-space-auto-device) !important;
}

.pb-2xs, .pb-xx-small {
  padding-bottom: var(--bal-space-2xs-device) !important;
}

.pb-xs, .pb-x-small {
  padding-bottom: var(--bal-space-xs-device) !important;
}

.pb-sm, .pb-small {
  padding-bottom: var(--bal-space-sm-device) !important;
}

.pb-base, .pb-normal {
  padding-bottom: var(--bal-space-base-device) !important;
}

.pb-md, .pb-medium {
  padding-bottom: var(--bal-space-md-device) !important;
}

.pb-lg, .pb-large {
  padding-bottom: var(--bal-space-lg-device) !important;
}

.pb-xl, .pb-x-large {
  padding-bottom: var(--bal-space-xl-device) !important;
}

.pb-2xl, .pb-xx-large {
  padding-bottom: var(--bal-space-2xl-device) !important;
}

.pb-3xl, .pb-xxx-large {
  padding-bottom: var(--bal-space-3xl-device) !important;
}

.pb-4xl, .pb-xxxx-large {
  padding-bottom: var(--bal-space-4xl-device) !important;
}

.pl-none {
  padding-left: var(--bal-space-none-device) !important;
}

.pl-auto {
  padding-left: var(--bal-space-auto-device) !important;
}

.pl-2xs, .pl-xx-small {
  padding-left: var(--bal-space-2xs-device) !important;
}

.pl-xs, .pl-x-small {
  padding-left: var(--bal-space-xs-device) !important;
}

.pl-sm, .pl-small {
  padding-left: var(--bal-space-sm-device) !important;
}

.pl-base, .pl-normal {
  padding-left: var(--bal-space-base-device) !important;
}

.pl-md, .pl-medium {
  padding-left: var(--bal-space-md-device) !important;
}

.pl-lg, .pl-large {
  padding-left: var(--bal-space-lg-device) !important;
}

.pl-xl, .pl-x-large {
  padding-left: var(--bal-space-xl-device) !important;
}

.pl-2xl, .pl-xx-large {
  padding-left: var(--bal-space-2xl-device) !important;
}

.pl-3xl, .pl-xxx-large {
  padding-left: var(--bal-space-3xl-device) !important;
}

.pl-4xl, .pl-xxxx-large {
  padding-left: var(--bal-space-4xl-device) !important;
}

.text-white {
  color: var(--bal-text-color-white) !important;
}

.text-primary-light {
  color: var(--bal-text-color-primary-light) !important;
}

.text-hint {
  color: var(--bal-text-color-hint) !important;
}

.text-disabled {
  color: var(--bal-text-color-disabled) !important;
}

.text-inverted-disabled {
  color: var(--bal-text-color-inverted-disabled) !important;
}

.text-info {
  color: var(--bal-text-color-info) !important;
}

.text-warning {
  color: var(--bal-text-color-warning) !important;
}

.text-success {
  color: var(--bal-text-color-success) !important;
}

.text-danger {
  color: var(--bal-text-color-danger) !important;
}

.text-danger-hover {
  color: var(--bal-text-color-danger-hover) !important;
}

.text-danger-active {
  color: var(--bal-text-color-danger-active) !important;
}

.text-primary {
  color: var(--bal-text-color-primary) !important;
}

.text-primary-hover {
  color: var(--bal-text-color-primary-hover) !important;
}

.text-primary-active {
  color: var(--bal-text-color-primary-active) !important;
}

.text-inverted-primary {
  color: var(--bal-text-color-inverted-primary) !important;
}

.text-inverted-primary-hover {
  color: var(--bal-text-color-inverted-primary-hover) !important;
}

.text-inverted-primary-active {
  color: var(--bal-text-color-inverted-primary-active) !important;
}

.text-grey-light {
  color: var(--bal-text-color-grey-light) !important;
}

.text-grey {
  color: var(--bal-text-color-grey) !important;
}

.text-grey-dark {
  color: var(--bal-text-color-grey-dark) !important;
}

.focus\:text-white:focus {
  color: var(--bal-text-color-white) !important;
}

.hover\:text-white:hover {
  color: var(--bal-text-color-white) !important;
}

.active\:text-white:active {
  color: var(--bal-text-color-white) !important;
}

.focus\:text-primary-light:focus {
  color: var(--bal-text-color-primary-light) !important;
}

.hover\:text-primary-light:hover {
  color: var(--bal-text-color-primary-light) !important;
}

.active\:text-primary-light:active {
  color: var(--bal-text-color-primary-light) !important;
}

.focus\:text-hint:focus {
  color: var(--bal-text-color-hint) !important;
}

.hover\:text-hint:hover {
  color: var(--bal-text-color-hint) !important;
}

.active\:text-hint:active {
  color: var(--bal-text-color-hint) !important;
}

.focus\:text-disabled:focus {
  color: var(--bal-text-color-disabled) !important;
}

.hover\:text-disabled:hover {
  color: var(--bal-text-color-disabled) !important;
}

.active\:text-disabled:active {
  color: var(--bal-text-color-disabled) !important;
}

.focus\:text-inverted-disabled:focus {
  color: var(--bal-text-color-inverted-disabled) !important;
}

.hover\:text-inverted-disabled:hover {
  color: var(--bal-text-color-inverted-disabled) !important;
}

.active\:text-inverted-disabled:active {
  color: var(--bal-text-color-inverted-disabled) !important;
}

.focus\:text-info:focus {
  color: var(--bal-text-color-info) !important;
}

.hover\:text-info:hover {
  color: var(--bal-text-color-info) !important;
}

.active\:text-info:active {
  color: var(--bal-text-color-info) !important;
}

.focus\:text-warning:focus {
  color: var(--bal-text-color-warning) !important;
}

.hover\:text-warning:hover {
  color: var(--bal-text-color-warning) !important;
}

.active\:text-warning:active {
  color: var(--bal-text-color-warning) !important;
}

.focus\:text-success:focus {
  color: var(--bal-text-color-success) !important;
}

.hover\:text-success:hover {
  color: var(--bal-text-color-success) !important;
}

.active\:text-success:active {
  color: var(--bal-text-color-success) !important;
}

.focus\:text-danger:focus {
  color: var(--bal-text-color-danger) !important;
}

.hover\:text-danger:hover {
  color: var(--bal-text-color-danger) !important;
}

.active\:text-danger:active {
  color: var(--bal-text-color-danger) !important;
}

.focus\:text-danger-hover:focus {
  color: var(--bal-text-color-danger-hover) !important;
}

.hover\:text-danger-hover:hover {
  color: var(--bal-text-color-danger-hover) !important;
}

.active\:text-danger-hover:active {
  color: var(--bal-text-color-danger-hover) !important;
}

.focus\:text-danger-active:focus {
  color: var(--bal-text-color-danger-active) !important;
}

.hover\:text-danger-active:hover {
  color: var(--bal-text-color-danger-active) !important;
}

.active\:text-danger-active:active {
  color: var(--bal-text-color-danger-active) !important;
}

.focus\:text-primary:focus {
  color: var(--bal-text-color-primary) !important;
}

.hover\:text-primary:hover {
  color: var(--bal-text-color-primary) !important;
}

.active\:text-primary:active {
  color: var(--bal-text-color-primary) !important;
}

.focus\:text-primary-hover:focus {
  color: var(--bal-text-color-primary-hover) !important;
}

.hover\:text-primary-hover:hover {
  color: var(--bal-text-color-primary-hover) !important;
}

.active\:text-primary-hover:active {
  color: var(--bal-text-color-primary-hover) !important;
}

.focus\:text-primary-active:focus {
  color: var(--bal-text-color-primary-active) !important;
}

.hover\:text-primary-active:hover {
  color: var(--bal-text-color-primary-active) !important;
}

.active\:text-primary-active:active {
  color: var(--bal-text-color-primary-active) !important;
}

.focus\:text-inverted-primary:focus {
  color: var(--bal-text-color-inverted-primary) !important;
}

.hover\:text-inverted-primary:hover {
  color: var(--bal-text-color-inverted-primary) !important;
}

.active\:text-inverted-primary:active {
  color: var(--bal-text-color-inverted-primary) !important;
}

.focus\:text-inverted-primary-hover:focus {
  color: var(--bal-text-color-inverted-primary-hover) !important;
}

.hover\:text-inverted-primary-hover:hover {
  color: var(--bal-text-color-inverted-primary-hover) !important;
}

.active\:text-inverted-primary-hover:active {
  color: var(--bal-text-color-inverted-primary-hover) !important;
}

.focus\:text-inverted-primary-active:focus {
  color: var(--bal-text-color-inverted-primary-active) !important;
}

.hover\:text-inverted-primary-active:hover {
  color: var(--bal-text-color-inverted-primary-active) !important;
}

.active\:text-inverted-primary-active:active {
  color: var(--bal-text-color-inverted-primary-active) !important;
}

.focus\:text-grey-light:focus {
  color: var(--bal-text-color-grey-light) !important;
}

.hover\:text-grey-light:hover {
  color: var(--bal-text-color-grey-light) !important;
}

.active\:text-grey-light:active {
  color: var(--bal-text-color-grey-light) !important;
}

.focus\:text-grey:focus {
  color: var(--bal-text-color-grey) !important;
}

.hover\:text-grey:hover {
  color: var(--bal-text-color-grey) !important;
}

.active\:text-grey:active {
  color: var(--bal-text-color-grey) !important;
}

.focus\:text-grey-dark:focus {
  color: var(--bal-text-color-grey-dark) !important;
}

.hover\:text-grey-dark:hover {
  color: var(--bal-text-color-grey-dark) !important;
}

.active\:text-grey-dark:active {
  color: var(--bal-text-color-grey-dark) !important;
}

.font-family-heading {
  font-family: var(--bal-text-family-heading) !important;
}

.font-family-body {
  font-family: var(--bal-text-family-body) !important;
}

.line-height-single {
  line-height: var(--bal-text-line-height-single) !important;
}

.line-height-heading {
  line-height: var(--bal-text-line-height-heading) !important;
}

.line-height-body {
  line-height: var(--bal-text-line-height-body) !important;
}

.line-height-double {
  line-height: var(--bal-text-line-height-double) !important;
}

.text-none {
  font-size: var(--bal-text-size-none-device) !important;
}

.text-xs, .text-x-small {
  font-size: var(--bal-text-size-xs-device) !important;
}

.text-sm, .text-small {
  font-size: var(--bal-text-size-sm-device) !important;
}

.text-base, .text-normal {
  font-size: var(--bal-text-size-base-device) !important;
}

.text-md, .text-medium {
  font-size: var(--bal-text-size-md-device) !important;
}

.text-lg, .text-large {
  font-size: var(--bal-text-size-lg-device) !important;
}

.text-xl, .text-x-large {
  font-size: var(--bal-text-size-xl-device) !important;
}

.text-2xl, .text-xx-large {
  font-size: var(--bal-text-size-2xl-device) !important;
}

.text-3xl, .text-xxx-large {
  font-size: var(--bal-text-size-3xl-device) !important;
}

.text-4xl, .text-xxxx-large {
  font-size: var(--bal-text-size-4xl-device) !important;
}

.text-5xl, .text-xxxxx-large {
  font-size: var(--bal-text-size-5xl-device) !important;
}

.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-justify {
  text-align: justify !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-align-center {
    text-align: center !important;
  }
  .mobile\:text-align-left {
    text-align: left !important;
  }
  .mobile\:text-align-right {
    text-align: right !important;
  }
  .mobile\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:text-align-center {
    text-align: center !important;
  }
  .tablet\:text-align-left {
    text-align: left !important;
  }
  .tablet\:text-align-right {
    text-align: right !important;
  }
  .tablet\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-align-center {
    text-align: center !important;
  }
  .desktop\:text-align-left {
    text-align: left !important;
  }
  .desktop\:text-align-right {
    text-align: right !important;
  }
  .desktop\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:text-align-center {
    text-align: center !important;
  }
  .desktop-xl\:text-align-left {
    text-align: left !important;
  }
  .desktop-xl\:text-align-right {
    text-align: right !important;
  }
  .desktop-xl\:text-align-justify {
    text-align: justify !important;
  }
}
.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: var(--bal-text-weight-light) !important;
}

.font-weight-regular {
  font-weight: var(--bal-text-weight-regular) !important;
}

.font-weight-bold {
  font-weight: var(--bal-text-weight-bold) !important;
}

.white-space-normal {
  white-space: normal !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.line-height-single {
  line-height: var(--bal-text-line-height-single) !important;
}

.line-height-heading {
  line-height: var(--bal-text-line-height-heading) !important;
}

.line-height-body {
  line-height: var(--bal-text-line-height-body) !important;
}

.line-height-double {
  line-height: var(--bal-text-line-height-double) !important;
}

.text-overflow-clip {
  text-overflow: clip !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .mobile\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .tablet\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .desktop\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .desktop-xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.text-5xl:not(:last-child),
.text-xxxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-base-device);
}

.text-4xl:not(:last-child),
.text-xxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-3xl:not(:last-child),
.text-xxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-2xl:not(:last-child),
.text-xx-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-xl:not(:last-child),
.text-x-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-lg:not(:last-child),
.text-large:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-md:not(:last-child),
.text-medium:not(:last-child) {
  margin-bottom: var(--bal-space-xs-device);
}

.text-base:not(:last-child),
.text-normal:not(:last-child) {
  margin-bottom: var(--bal-space-2xs-device);
}

.text-sm:not(:last-child),
.text-small:not(:last-child) {
  margin-bottom: var(--bal-space-2xs-device);
}

.text-xs:not(:last-child),
.text-x-small:not(:last-child) {
  margin-bottom: var(--bal-space-2xs-device);
}
/*# sourceMappingURL=utilities/all.css.map */