{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/styles/src/generated/background.scss","file:///vercel/path0/packages/styles/sass/utilities/background.scss"],"names":[],"mappings":"AAwFA;AAAA;AAAA;ACrFA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC70DF;AAAA;AAAA;AAOA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["@use '@baloise/ds-tokens/dist/sass/base.tokens.scss' as *;\n\n@mixin from($device) {\n  @media screen and (min-width: $device) {\n    @content;\n  }\n}\n@mixin until($device) {\n  @media screen and (max-width: $device - 1px) {\n    @content;\n  }\n}\n@mixin between($min-device, $max-device) {\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px) {\n    @content;\n  }\n}\n@mixin mobile {\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px) {\n    @content;\n  }\n}\n@mixin tablet {\n  @media screen and (min-width: $bal-breakpoint-tablet) {\n    @content;\n  }\n}\n@mixin tablet-only {\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px) {\n    @content;\n  }\n}\n@mixin touch {\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px) {\n    @content;\n  }\n}\n@mixin desktop {\n  @media screen and (min-width: $bal-breakpoint-desktop) {\n    @content;\n  }\n}\n@mixin desktop-only {\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin desktop-lg {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) {\n    @content;\n  }\n}\n@mixin desktop-lg-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-lg {\n  @media screen and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-xl {\n  @media screen and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin desktop-xl {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) {\n    @content;\n  }\n}\n@mixin desktop-xl-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-2xl {\n  @media screen and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin desktop-2xl {\n  @media screen and (min-width: $bal-breakpoint-desktop-2xl) {\n    @content;\n  }\n}\n\n/**\n  * @deprecated Use desktop with t-shirt size breakpoints instead\n  */\n\n@mixin high-definition {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) {\n    @content;\n  }\n}\n@mixin high-definition-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin until-high-definition {\n  @media screen and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin until-widescreen {\n  @media screen and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin widescreen {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) {\n    @content;\n  }\n}\n@mixin widescreen-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin until-fullhd {\n  @media screen and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin fullhd {\n  @media screen and (min-width: $bal-breakpoint-desktop-2xl) {\n    @content;\n  }\n}\n","@use '../mixins/_all' as *;\n\n\n.bg-white {\n  background: var(--bal-background-color-white) !important;\n}\n\n.bg-transparent {\n  background: var(--bal-background-color-transparent) !important;\n}\n\n.bg-sky-light {\n  background: var(--bal-background-color-sky-light) !important;\n}\n\n.bg-sky {\n  background: var(--bal-background-color-sky) !important;\n}\n\n.bg-sky-dark {\n  background: var(--bal-background-color-sky-dark) !important;\n}\n\n.bg-disabled {\n  background: var(--bal-background-color-disabled) !important;\n}\n\n.bg-info {\n  background: var(--bal-background-color-info) !important;\n}\n\n.bg-info-light {\n  background: var(--bal-background-color-info-light) !important;\n}\n\n.bg-info-dark {\n  background: var(--bal-background-color-info-dark) !important;\n}\n\n.bg-info-darker {\n  background: var(--bal-background-color-info-darker) !important;\n}\n\n.bg-info-darkest {\n  background: var(--bal-background-color-info-darkest) !important;\n}\n\n.bg-success {\n  background: var(--bal-background-color-success) !important;\n}\n\n.bg-success-lighter {\n  background: var(--bal-background-color-success-lighter) !important;\n}\n\n.bg-success-light {\n  background: var(--bal-background-color-success-light) !important;\n}\n\n.bg-success-dark {\n  background: var(--bal-background-color-success-dark) !important;\n}\n\n.bg-success-darker {\n  background: var(--bal-background-color-success-darker) !important;\n}\n\n.bg-success-darkest {\n  background: var(--bal-background-color-success-darkest) !important;\n}\n\n.bg-warning-lighter {\n  background: var(--bal-background-color-warning-lighter) !important;\n}\n\n.bg-warning-light {\n  background: var(--bal-background-color-warning-light) !important;\n}\n\n.bg-warning {\n  background: var(--bal-background-color-warning) !important;\n}\n\n.bg-warning-dark {\n  background: var(--bal-background-color-warning-dark) !important;\n}\n\n.bg-warning-darker {\n  background: var(--bal-background-color-warning-darker) !important;\n}\n\n.bg-warning-darkest {\n  background: var(--bal-background-color-warning-darkest) !important;\n}\n\n.bg-danger-lighter {\n  background: var(--bal-background-color-danger-lighter) !important;\n}\n\n.bg-danger-light {\n  background: var(--bal-background-color-danger-light) !important;\n}\n\n.bg-danger {\n  background: var(--bal-background-color-danger) !important;\n}\n\n.bg-danger-dark {\n  background: var(--bal-background-color-danger-dark) !important;\n}\n\n.bg-danger-darker {\n  background: var(--bal-background-color-danger-darker) !important;\n}\n\n.bg-danger-darkest {\n  background: var(--bal-background-color-danger-darkest) !important;\n}\n\n.bg-green-light-2 {\n  background: var(--bal-background-color-green-light-2) !important;\n}\n\n.bg-grey-light {\n  background: var(--bal-background-color-grey-light) !important;\n}\n\n.bg-grey {\n  background: var(--bal-background-color-grey) !important;\n}\n\n.bg-grey-dark {\n  background: var(--bal-background-color-grey-dark) !important;\n}\n\n.bg-primary-light {\n  background: var(--bal-background-color-primary-light) !important;\n}\n\n.bg-primary {\n  background: var(--bal-background-color-primary) !important;\n}\n\n.bg-primary-hover {\n  background: var(--bal-background-color-primary-hover) !important;\n}\n\n.bg-primary-active {\n  background: var(--bal-background-color-primary-active) !important;\n}\n\n.bg-green-lighter {\n  background: var(--bal-background-color-green-lighter) !important;\n}\n\n.bg-green-light {\n  background: var(--bal-background-color-green-light) !important;\n}\n\n.bg-green {\n  background: var(--bal-background-color-green) !important;\n}\n\n.bg-purple-lighter {\n  background: var(--bal-background-color-purple-lighter) !important;\n}\n\n.bg-purple-light {\n  background: var(--bal-background-color-purple-light) !important;\n}\n\n.bg-purple {\n  background: var(--bal-background-color-purple) !important;\n}\n\n.bg-red-lighter {\n  background: var(--bal-background-color-red-lighter) !important;\n}\n\n.bg-red-light {\n  background: var(--bal-background-color-red-light) !important;\n}\n\n.bg-red {\n  background: var(--bal-background-color-red) !important;\n}\n\n.bg-yellow-lighter {\n  background: var(--bal-background-color-yellow-lighter) !important;\n}\n\n.bg-yellow-light {\n  background: var(--bal-background-color-yellow-light) !important;\n}\n\n.bg-yellow {\n  background: var(--bal-background-color-yellow) !important;\n}\n\n.bg-black {\n  background: var(--bal-color-black) !important;\n}\n\n.bg-neutral {\n  background: var(--bal-color-neutral) !important;\n}\n\n.bg-danger-1 {\n  background: var(--bal-color-danger-1) !important;\n}\n\n.bg-danger-2 {\n  background: var(--bal-color-danger-2) !important;\n}\n\n.bg-danger-3 {\n  background: var(--bal-color-danger-3) !important;\n}\n\n.bg-danger-4 {\n  background: var(--bal-color-danger-4) !important;\n}\n\n.bg-danger-5 {\n  background: var(--bal-color-danger-5) !important;\n}\n\n.bg-danger-6 {\n  background: var(--bal-color-danger-6) !important;\n}\n\n.bg-warning-1 {\n  background: var(--bal-color-warning-1) !important;\n}\n\n.bg-warning-2 {\n  background: var(--bal-color-warning-2) !important;\n}\n\n.bg-warning-3 {\n  background: var(--bal-color-warning-3) !important;\n}\n\n.bg-warning-4 {\n  background: var(--bal-color-warning-4) !important;\n}\n\n.bg-warning-5 {\n  background: var(--bal-color-warning-5) !important;\n}\n\n.bg-warning-6 {\n  background: var(--bal-color-warning-6) !important;\n}\n\n.bg-success-1 {\n  background: var(--bal-color-success-1) !important;\n}\n\n.bg-success-2 {\n  background: var(--bal-color-success-2) !important;\n}\n\n.bg-success-3 {\n  background: var(--bal-color-success-3) !important;\n}\n\n.bg-success-4 {\n  background: var(--bal-color-success-4) !important;\n}\n\n.bg-success-5 {\n  background: var(--bal-color-success-5) !important;\n}\n\n.bg-success-6 {\n  background: var(--bal-color-success-6) !important;\n}\n\n.bg-info-1 {\n  background: var(--bal-color-info-1) !important;\n}\n\n.bg-info-2 {\n  background: var(--bal-color-info-2) !important;\n}\n\n.bg-info-3 {\n  background: var(--bal-color-info-3) !important;\n}\n\n.bg-info-4 {\n  background: var(--bal-color-info-4) !important;\n}\n\n.bg-info-5 {\n  background: var(--bal-color-info-5) !important;\n}\n\n.bg-info-6 {\n  background: var(--bal-color-info-6) !important;\n}\n\n.bg-sky-1 {\n  background: var(--bal-color-sky-1) !important;\n}\n\n.bg-sky-2 {\n  background: var(--bal-color-sky-2) !important;\n}\n\n.bg-sky-3 {\n  background: var(--bal-color-sky-3) !important;\n}\n\n.bg-sky-4 {\n  background: var(--bal-color-sky-4) !important;\n}\n\n.bg-sky-5 {\n  background: var(--bal-color-sky-5) !important;\n}\n\n.bg-sky-6 {\n  background: var(--bal-color-sky-6) !important;\n}\n\n.bg-grey-1 {\n  background: var(--bal-color-grey-1) !important;\n}\n\n.bg-grey-2 {\n  background: var(--bal-color-grey-2) !important;\n}\n\n.bg-grey-3 {\n  background: var(--bal-color-grey-3) !important;\n}\n\n.bg-grey-4 {\n  background: var(--bal-color-grey-4) !important;\n}\n\n.bg-grey-5 {\n  background: var(--bal-color-grey-5) !important;\n}\n\n.bg-grey-6 {\n  background: var(--bal-color-grey-6) !important;\n}\n\n.bg-yellow-1 {\n  background: var(--bal-color-yellow-1) !important;\n}\n\n.bg-yellow-2 {\n  background: var(--bal-color-yellow-2) !important;\n}\n\n.bg-yellow-3 {\n  background: var(--bal-color-yellow-3) !important;\n}\n\n.bg-yellow-4 {\n  background: var(--bal-color-yellow-4) !important;\n}\n\n.bg-yellow-5 {\n  background: var(--bal-color-yellow-5) !important;\n}\n\n.bg-yellow-6 {\n  background: var(--bal-color-yellow-6) !important;\n}\n\n.bg-red-1 {\n  background: var(--bal-color-red-1) !important;\n}\n\n.bg-red-2 {\n  background: var(--bal-color-red-2) !important;\n}\n\n.bg-red-3 {\n  background: var(--bal-color-red-3) !important;\n}\n\n.bg-red-4 {\n  background: var(--bal-color-red-4) !important;\n}\n\n.bg-red-5 {\n  background: var(--bal-color-red-5) !important;\n}\n\n.bg-red-6 {\n  background: var(--bal-color-red-6) !important;\n}\n\n.bg-green-1 {\n  background: var(--bal-color-green-1) !important;\n}\n\n.bg-green-2 {\n  background: var(--bal-color-green-2) !important;\n}\n\n.bg-green-3 {\n  background: var(--bal-color-green-3) !important;\n}\n\n.bg-green-4 {\n  background: var(--bal-color-green-4) !important;\n}\n\n.bg-green-5 {\n  background: var(--bal-color-green-5) !important;\n}\n\n.bg-green-6 {\n  background: var(--bal-color-green-6) !important;\n}\n\n.bg-purple-1 {\n  background: var(--bal-color-purple-1) !important;\n}\n\n.bg-purple-2 {\n  background: var(--bal-color-purple-2) !important;\n}\n\n.bg-purple-3 {\n  background: var(--bal-color-purple-3) !important;\n}\n\n.bg-purple-4 {\n  background: var(--bal-color-purple-4) !important;\n}\n\n.bg-purple-5 {\n  background: var(--bal-color-purple-5) !important;\n}\n\n.bg-purple-6 {\n  background: var(--bal-color-purple-6) !important;\n}\n\n.bg-primary-1 {\n  background: var(--bal-color-primary-1) !important;\n}\n\n.bg-primary-2 {\n  background: var(--bal-color-primary-2) !important;\n}\n\n.bg-primary-3 {\n  background: var(--bal-color-primary-3) !important;\n}\n\n.bg-primary-4 {\n  background: var(--bal-color-primary-4) !important;\n}\n\n.bg-primary-5 {\n  background: var(--bal-color-primary-5) !important;\n}\n\n.bg-primary-6 {\n  background: var(--bal-color-primary-6) !important;\n}\n\n.focus\\:bg-white:focus {\n  background: var(--bal-background-color-white) !important;\n}\n\n.hover\\:bg-white:hover {\n  background: var(--bal-background-color-white) !important;\n}\n\n.active\\:bg-white:active {\n  background: var(--bal-background-color-white) !important;\n}\n\n.focus\\:bg-transparent:focus {\n  background: var(--bal-background-color-transparent) !important;\n}\n\n.hover\\:bg-transparent:hover {\n  background: var(--bal-background-color-transparent) !important;\n}\n\n.active\\:bg-transparent:active {\n  background: var(--bal-background-color-transparent) !important;\n}\n\n.focus\\:bg-sky-light:focus {\n  background: var(--bal-background-color-sky-light) !important;\n}\n\n.hover\\:bg-sky-light:hover {\n  background: var(--bal-background-color-sky-light) !important;\n}\n\n.active\\:bg-sky-light:active {\n  background: var(--bal-background-color-sky-light) !important;\n}\n\n.focus\\:bg-sky:focus {\n  background: var(--bal-background-color-sky) !important;\n}\n\n.hover\\:bg-sky:hover {\n  background: var(--bal-background-color-sky) !important;\n}\n\n.active\\:bg-sky:active {\n  background: var(--bal-background-color-sky) !important;\n}\n\n.focus\\:bg-sky-dark:focus {\n  background: var(--bal-background-color-sky-dark) !important;\n}\n\n.hover\\:bg-sky-dark:hover {\n  background: var(--bal-background-color-sky-dark) !important;\n}\n\n.active\\:bg-sky-dark:active {\n  background: var(--bal-background-color-sky-dark) !important;\n}\n\n.focus\\:bg-disabled:focus {\n  background: var(--bal-background-color-disabled) !important;\n}\n\n.hover\\:bg-disabled:hover {\n  background: var(--bal-background-color-disabled) !important;\n}\n\n.active\\:bg-disabled:active {\n  background: var(--bal-background-color-disabled) !important;\n}\n\n.focus\\:bg-info:focus {\n  background: var(--bal-background-color-info) !important;\n}\n\n.hover\\:bg-info:hover {\n  background: var(--bal-background-color-info) !important;\n}\n\n.active\\:bg-info:active {\n  background: var(--bal-background-color-info) !important;\n}\n\n.focus\\:bg-info-light:focus {\n  background: var(--bal-background-color-info-light) !important;\n}\n\n.hover\\:bg-info-light:hover {\n  background: var(--bal-background-color-info-light) !important;\n}\n\n.active\\:bg-info-light:active {\n  background: var(--bal-background-color-info-light) !important;\n}\n\n.focus\\:bg-info-dark:focus {\n  background: var(--bal-background-color-info-dark) !important;\n}\n\n.hover\\:bg-info-dark:hover {\n  background: var(--bal-background-color-info-dark) !important;\n}\n\n.active\\:bg-info-dark:active {\n  background: var(--bal-background-color-info-dark) !important;\n}\n\n.focus\\:bg-info-darker:focus {\n  background: var(--bal-background-color-info-darker) !important;\n}\n\n.hover\\:bg-info-darker:hover {\n  background: var(--bal-background-color-info-darker) !important;\n}\n\n.active\\:bg-info-darker:active {\n  background: var(--bal-background-color-info-darker) !important;\n}\n\n.focus\\:bg-info-darkest:focus {\n  background: var(--bal-background-color-info-darkest) !important;\n}\n\n.hover\\:bg-info-darkest:hover {\n  background: var(--bal-background-color-info-darkest) !important;\n}\n\n.active\\:bg-info-darkest:active {\n  background: var(--bal-background-color-info-darkest) !important;\n}\n\n.focus\\:bg-success:focus {\n  background: var(--bal-background-color-success) !important;\n}\n\n.hover\\:bg-success:hover {\n  background: var(--bal-background-color-success) !important;\n}\n\n.active\\:bg-success:active {\n  background: var(--bal-background-color-success) !important;\n}\n\n.focus\\:bg-success-lighter:focus {\n  background: var(--bal-background-color-success-lighter) !important;\n}\n\n.hover\\:bg-success-lighter:hover {\n  background: var(--bal-background-color-success-lighter) !important;\n}\n\n.active\\:bg-success-lighter:active {\n  background: var(--bal-background-color-success-lighter) !important;\n}\n\n.focus\\:bg-success-light:focus {\n  background: var(--bal-background-color-success-light) !important;\n}\n\n.hover\\:bg-success-light:hover {\n  background: var(--bal-background-color-success-light) !important;\n}\n\n.active\\:bg-success-light:active {\n  background: var(--bal-background-color-success-light) !important;\n}\n\n.focus\\:bg-success-dark:focus {\n  background: var(--bal-background-color-success-dark) !important;\n}\n\n.hover\\:bg-success-dark:hover {\n  background: var(--bal-background-color-success-dark) !important;\n}\n\n.active\\:bg-success-dark:active {\n  background: var(--bal-background-color-success-dark) !important;\n}\n\n.focus\\:bg-success-darker:focus {\n  background: var(--bal-background-color-success-darker) !important;\n}\n\n.hover\\:bg-success-darker:hover {\n  background: var(--bal-background-color-success-darker) !important;\n}\n\n.active\\:bg-success-darker:active {\n  background: var(--bal-background-color-success-darker) !important;\n}\n\n.focus\\:bg-success-darkest:focus {\n  background: var(--bal-background-color-success-darkest) !important;\n}\n\n.hover\\:bg-success-darkest:hover {\n  background: var(--bal-background-color-success-darkest) !important;\n}\n\n.active\\:bg-success-darkest:active {\n  background: var(--bal-background-color-success-darkest) !important;\n}\n\n.focus\\:bg-warning-lighter:focus {\n  background: var(--bal-background-color-warning-lighter) !important;\n}\n\n.hover\\:bg-warning-lighter:hover {\n  background: var(--bal-background-color-warning-lighter) !important;\n}\n\n.active\\:bg-warning-lighter:active {\n  background: var(--bal-background-color-warning-lighter) !important;\n}\n\n.focus\\:bg-warning-light:focus {\n  background: var(--bal-background-color-warning-light) !important;\n}\n\n.hover\\:bg-warning-light:hover {\n  background: var(--bal-background-color-warning-light) !important;\n}\n\n.active\\:bg-warning-light:active {\n  background: var(--bal-background-color-warning-light) !important;\n}\n\n.focus\\:bg-warning:focus {\n  background: var(--bal-background-color-warning) !important;\n}\n\n.hover\\:bg-warning:hover {\n  background: var(--bal-background-color-warning) !important;\n}\n\n.active\\:bg-warning:active {\n  background: var(--bal-background-color-warning) !important;\n}\n\n.focus\\:bg-warning-dark:focus {\n  background: var(--bal-background-color-warning-dark) !important;\n}\n\n.hover\\:bg-warning-dark:hover {\n  background: var(--bal-background-color-warning-dark) !important;\n}\n\n.active\\:bg-warning-dark:active {\n  background: var(--bal-background-color-warning-dark) !important;\n}\n\n.focus\\:bg-warning-darker:focus {\n  background: var(--bal-background-color-warning-darker) !important;\n}\n\n.hover\\:bg-warning-darker:hover {\n  background: var(--bal-background-color-warning-darker) !important;\n}\n\n.active\\:bg-warning-darker:active {\n  background: var(--bal-background-color-warning-darker) !important;\n}\n\n.focus\\:bg-warning-darkest:focus {\n  background: var(--bal-background-color-warning-darkest) !important;\n}\n\n.hover\\:bg-warning-darkest:hover {\n  background: var(--bal-background-color-warning-darkest) !important;\n}\n\n.active\\:bg-warning-darkest:active {\n  background: var(--bal-background-color-warning-darkest) !important;\n}\n\n.focus\\:bg-danger-lighter:focus {\n  background: var(--bal-background-color-danger-lighter) !important;\n}\n\n.hover\\:bg-danger-lighter:hover {\n  background: var(--bal-background-color-danger-lighter) !important;\n}\n\n.active\\:bg-danger-lighter:active {\n  background: var(--bal-background-color-danger-lighter) !important;\n}\n\n.focus\\:bg-danger-light:focus {\n  background: var(--bal-background-color-danger-light) !important;\n}\n\n.hover\\:bg-danger-light:hover {\n  background: var(--bal-background-color-danger-light) !important;\n}\n\n.active\\:bg-danger-light:active {\n  background: var(--bal-background-color-danger-light) !important;\n}\n\n.focus\\:bg-danger:focus {\n  background: var(--bal-background-color-danger) !important;\n}\n\n.hover\\:bg-danger:hover {\n  background: var(--bal-background-color-danger) !important;\n}\n\n.active\\:bg-danger:active {\n  background: var(--bal-background-color-danger) !important;\n}\n\n.focus\\:bg-danger-dark:focus {\n  background: var(--bal-background-color-danger-dark) !important;\n}\n\n.hover\\:bg-danger-dark:hover {\n  background: var(--bal-background-color-danger-dark) !important;\n}\n\n.active\\:bg-danger-dark:active {\n  background: var(--bal-background-color-danger-dark) !important;\n}\n\n.focus\\:bg-danger-darker:focus {\n  background: var(--bal-background-color-danger-darker) !important;\n}\n\n.hover\\:bg-danger-darker:hover {\n  background: var(--bal-background-color-danger-darker) !important;\n}\n\n.active\\:bg-danger-darker:active {\n  background: var(--bal-background-color-danger-darker) !important;\n}\n\n.focus\\:bg-danger-darkest:focus {\n  background: var(--bal-background-color-danger-darkest) !important;\n}\n\n.hover\\:bg-danger-darkest:hover {\n  background: var(--bal-background-color-danger-darkest) !important;\n}\n\n.active\\:bg-danger-darkest:active {\n  background: var(--bal-background-color-danger-darkest) !important;\n}\n\n.focus\\:bg-green-light-2:focus {\n  background: var(--bal-background-color-green-light-2) !important;\n}\n\n.hover\\:bg-green-light-2:hover {\n  background: var(--bal-background-color-green-light-2) !important;\n}\n\n.active\\:bg-green-light-2:active {\n  background: var(--bal-background-color-green-light-2) !important;\n}\n\n.focus\\:bg-grey-light:focus {\n  background: var(--bal-background-color-grey-light) !important;\n}\n\n.hover\\:bg-grey-light:hover {\n  background: var(--bal-background-color-grey-light) !important;\n}\n\n.active\\:bg-grey-light:active {\n  background: var(--bal-background-color-grey-light) !important;\n}\n\n.focus\\:bg-grey:focus {\n  background: var(--bal-background-color-grey) !important;\n}\n\n.hover\\:bg-grey:hover {\n  background: var(--bal-background-color-grey) !important;\n}\n\n.active\\:bg-grey:active {\n  background: var(--bal-background-color-grey) !important;\n}\n\n.focus\\:bg-grey-dark:focus {\n  background: var(--bal-background-color-grey-dark) !important;\n}\n\n.hover\\:bg-grey-dark:hover {\n  background: var(--bal-background-color-grey-dark) !important;\n}\n\n.active\\:bg-grey-dark:active {\n  background: var(--bal-background-color-grey-dark) !important;\n}\n\n.focus\\:bg-primary-light:focus {\n  background: var(--bal-background-color-primary-light) !important;\n}\n\n.hover\\:bg-primary-light:hover {\n  background: var(--bal-background-color-primary-light) !important;\n}\n\n.active\\:bg-primary-light:active {\n  background: var(--bal-background-color-primary-light) !important;\n}\n\n.focus\\:bg-primary:focus {\n  background: var(--bal-background-color-primary) !important;\n}\n\n.hover\\:bg-primary:hover {\n  background: var(--bal-background-color-primary) !important;\n}\n\n.active\\:bg-primary:active {\n  background: var(--bal-background-color-primary) !important;\n}\n\n.focus\\:bg-primary-hover:focus {\n  background: var(--bal-background-color-primary-hover) !important;\n}\n\n.hover\\:bg-primary-hover:hover {\n  background: var(--bal-background-color-primary-hover) !important;\n}\n\n.active\\:bg-primary-hover:active {\n  background: var(--bal-background-color-primary-hover) !important;\n}\n\n.focus\\:bg-primary-active:focus {\n  background: var(--bal-background-color-primary-active) !important;\n}\n\n.hover\\:bg-primary-active:hover {\n  background: var(--bal-background-color-primary-active) !important;\n}\n\n.active\\:bg-primary-active:active {\n  background: var(--bal-background-color-primary-active) !important;\n}\n\n.focus\\:bg-green-lighter:focus {\n  background: var(--bal-background-color-green-lighter) !important;\n}\n\n.hover\\:bg-green-lighter:hover {\n  background: var(--bal-background-color-green-lighter) !important;\n}\n\n.active\\:bg-green-lighter:active {\n  background: var(--bal-background-color-green-lighter) !important;\n}\n\n.focus\\:bg-green-light:focus {\n  background: var(--bal-background-color-green-light) !important;\n}\n\n.hover\\:bg-green-light:hover {\n  background: var(--bal-background-color-green-light) !important;\n}\n\n.active\\:bg-green-light:active {\n  background: var(--bal-background-color-green-light) !important;\n}\n\n.focus\\:bg-green:focus {\n  background: var(--bal-background-color-green) !important;\n}\n\n.hover\\:bg-green:hover {\n  background: var(--bal-background-color-green) !important;\n}\n\n.active\\:bg-green:active {\n  background: var(--bal-background-color-green) !important;\n}\n\n.focus\\:bg-purple-lighter:focus {\n  background: var(--bal-background-color-purple-lighter) !important;\n}\n\n.hover\\:bg-purple-lighter:hover {\n  background: var(--bal-background-color-purple-lighter) !important;\n}\n\n.active\\:bg-purple-lighter:active {\n  background: var(--bal-background-color-purple-lighter) !important;\n}\n\n.focus\\:bg-purple-light:focus {\n  background: var(--bal-background-color-purple-light) !important;\n}\n\n.hover\\:bg-purple-light:hover {\n  background: var(--bal-background-color-purple-light) !important;\n}\n\n.active\\:bg-purple-light:active {\n  background: var(--bal-background-color-purple-light) !important;\n}\n\n.focus\\:bg-purple:focus {\n  background: var(--bal-background-color-purple) !important;\n}\n\n.hover\\:bg-purple:hover {\n  background: var(--bal-background-color-purple) !important;\n}\n\n.active\\:bg-purple:active {\n  background: var(--bal-background-color-purple) !important;\n}\n\n.focus\\:bg-red-lighter:focus {\n  background: var(--bal-background-color-red-lighter) !important;\n}\n\n.hover\\:bg-red-lighter:hover {\n  background: var(--bal-background-color-red-lighter) !important;\n}\n\n.active\\:bg-red-lighter:active {\n  background: var(--bal-background-color-red-lighter) !important;\n}\n\n.focus\\:bg-red-light:focus {\n  background: var(--bal-background-color-red-light) !important;\n}\n\n.hover\\:bg-red-light:hover {\n  background: var(--bal-background-color-red-light) !important;\n}\n\n.active\\:bg-red-light:active {\n  background: var(--bal-background-color-red-light) !important;\n}\n\n.focus\\:bg-red:focus {\n  background: var(--bal-background-color-red) !important;\n}\n\n.hover\\:bg-red:hover {\n  background: var(--bal-background-color-red) !important;\n}\n\n.active\\:bg-red:active {\n  background: var(--bal-background-color-red) !important;\n}\n\n.focus\\:bg-yellow-lighter:focus {\n  background: var(--bal-background-color-yellow-lighter) !important;\n}\n\n.hover\\:bg-yellow-lighter:hover {\n  background: var(--bal-background-color-yellow-lighter) !important;\n}\n\n.active\\:bg-yellow-lighter:active {\n  background: var(--bal-background-color-yellow-lighter) !important;\n}\n\n.focus\\:bg-yellow-light:focus {\n  background: var(--bal-background-color-yellow-light) !important;\n}\n\n.hover\\:bg-yellow-light:hover {\n  background: var(--bal-background-color-yellow-light) !important;\n}\n\n.active\\:bg-yellow-light:active {\n  background: var(--bal-background-color-yellow-light) !important;\n}\n\n.focus\\:bg-yellow:focus {\n  background: var(--bal-background-color-yellow) !important;\n}\n\n.hover\\:bg-yellow:hover {\n  background: var(--bal-background-color-yellow) !important;\n}\n\n.active\\:bg-yellow:active {\n  background: var(--bal-background-color-yellow) !important;\n}\n\n.focus\\:bg-black:focus {\n  background: var(--bal-color-black) !important;\n}\n\n.hover\\:bg-black:hover {\n  background: var(--bal-color-black) !important;\n}\n\n.active\\:bg-black:active {\n  background: var(--bal-color-black) !important;\n}\n\n.focus\\:bg-neutral:focus {\n  background: var(--bal-color-neutral) !important;\n}\n\n.hover\\:bg-neutral:hover {\n  background: var(--bal-color-neutral) !important;\n}\n\n.active\\:bg-neutral:active {\n  background: var(--bal-color-neutral) !important;\n}\n\n.focus\\:bg-danger-1:focus {\n  background: var(--bal-color-danger-1) !important;\n}\n\n.hover\\:bg-danger-1:hover {\n  background: var(--bal-color-danger-1) !important;\n}\n\n.active\\:bg-danger-1:active {\n  background: var(--bal-color-danger-1) !important;\n}\n\n.focus\\:bg-danger-2:focus {\n  background: var(--bal-color-danger-2) !important;\n}\n\n.hover\\:bg-danger-2:hover {\n  background: var(--bal-color-danger-2) !important;\n}\n\n.active\\:bg-danger-2:active {\n  background: var(--bal-color-danger-2) !important;\n}\n\n.focus\\:bg-danger-3:focus {\n  background: var(--bal-color-danger-3) !important;\n}\n\n.hover\\:bg-danger-3:hover {\n  background: var(--bal-color-danger-3) !important;\n}\n\n.active\\:bg-danger-3:active {\n  background: var(--bal-color-danger-3) !important;\n}\n\n.focus\\:bg-danger-4:focus {\n  background: var(--bal-color-danger-4) !important;\n}\n\n.hover\\:bg-danger-4:hover {\n  background: var(--bal-color-danger-4) !important;\n}\n\n.active\\:bg-danger-4:active {\n  background: var(--bal-color-danger-4) !important;\n}\n\n.focus\\:bg-danger-5:focus {\n  background: var(--bal-color-danger-5) !important;\n}\n\n.hover\\:bg-danger-5:hover {\n  background: var(--bal-color-danger-5) !important;\n}\n\n.active\\:bg-danger-5:active {\n  background: var(--bal-color-danger-5) !important;\n}\n\n.focus\\:bg-danger-6:focus {\n  background: var(--bal-color-danger-6) !important;\n}\n\n.hover\\:bg-danger-6:hover {\n  background: var(--bal-color-danger-6) !important;\n}\n\n.active\\:bg-danger-6:active {\n  background: var(--bal-color-danger-6) !important;\n}\n\n.focus\\:bg-warning-1:focus {\n  background: var(--bal-color-warning-1) !important;\n}\n\n.hover\\:bg-warning-1:hover {\n  background: var(--bal-color-warning-1) !important;\n}\n\n.active\\:bg-warning-1:active {\n  background: var(--bal-color-warning-1) !important;\n}\n\n.focus\\:bg-warning-2:focus {\n  background: var(--bal-color-warning-2) !important;\n}\n\n.hover\\:bg-warning-2:hover {\n  background: var(--bal-color-warning-2) !important;\n}\n\n.active\\:bg-warning-2:active {\n  background: var(--bal-color-warning-2) !important;\n}\n\n.focus\\:bg-warning-3:focus {\n  background: var(--bal-color-warning-3) !important;\n}\n\n.hover\\:bg-warning-3:hover {\n  background: var(--bal-color-warning-3) !important;\n}\n\n.active\\:bg-warning-3:active {\n  background: var(--bal-color-warning-3) !important;\n}\n\n.focus\\:bg-warning-4:focus {\n  background: var(--bal-color-warning-4) !important;\n}\n\n.hover\\:bg-warning-4:hover {\n  background: var(--bal-color-warning-4) !important;\n}\n\n.active\\:bg-warning-4:active {\n  background: var(--bal-color-warning-4) !important;\n}\n\n.focus\\:bg-warning-5:focus {\n  background: var(--bal-color-warning-5) !important;\n}\n\n.hover\\:bg-warning-5:hover {\n  background: var(--bal-color-warning-5) !important;\n}\n\n.active\\:bg-warning-5:active {\n  background: var(--bal-color-warning-5) !important;\n}\n\n.focus\\:bg-warning-6:focus {\n  background: var(--bal-color-warning-6) !important;\n}\n\n.hover\\:bg-warning-6:hover {\n  background: var(--bal-color-warning-6) !important;\n}\n\n.active\\:bg-warning-6:active {\n  background: var(--bal-color-warning-6) !important;\n}\n\n.focus\\:bg-success-1:focus {\n  background: var(--bal-color-success-1) !important;\n}\n\n.hover\\:bg-success-1:hover {\n  background: var(--bal-color-success-1) !important;\n}\n\n.active\\:bg-success-1:active {\n  background: var(--bal-color-success-1) !important;\n}\n\n.focus\\:bg-success-2:focus {\n  background: var(--bal-color-success-2) !important;\n}\n\n.hover\\:bg-success-2:hover {\n  background: var(--bal-color-success-2) !important;\n}\n\n.active\\:bg-success-2:active {\n  background: var(--bal-color-success-2) !important;\n}\n\n.focus\\:bg-success-3:focus {\n  background: var(--bal-color-success-3) !important;\n}\n\n.hover\\:bg-success-3:hover {\n  background: var(--bal-color-success-3) !important;\n}\n\n.active\\:bg-success-3:active {\n  background: var(--bal-color-success-3) !important;\n}\n\n.focus\\:bg-success-4:focus {\n  background: var(--bal-color-success-4) !important;\n}\n\n.hover\\:bg-success-4:hover {\n  background: var(--bal-color-success-4) !important;\n}\n\n.active\\:bg-success-4:active {\n  background: var(--bal-color-success-4) !important;\n}\n\n.focus\\:bg-success-5:focus {\n  background: var(--bal-color-success-5) !important;\n}\n\n.hover\\:bg-success-5:hover {\n  background: var(--bal-color-success-5) !important;\n}\n\n.active\\:bg-success-5:active {\n  background: var(--bal-color-success-5) !important;\n}\n\n.focus\\:bg-success-6:focus {\n  background: var(--bal-color-success-6) !important;\n}\n\n.hover\\:bg-success-6:hover {\n  background: var(--bal-color-success-6) !important;\n}\n\n.active\\:bg-success-6:active {\n  background: var(--bal-color-success-6) !important;\n}\n\n.focus\\:bg-info-1:focus {\n  background: var(--bal-color-info-1) !important;\n}\n\n.hover\\:bg-info-1:hover {\n  background: var(--bal-color-info-1) !important;\n}\n\n.active\\:bg-info-1:active {\n  background: var(--bal-color-info-1) !important;\n}\n\n.focus\\:bg-info-2:focus {\n  background: var(--bal-color-info-2) !important;\n}\n\n.hover\\:bg-info-2:hover {\n  background: var(--bal-color-info-2) !important;\n}\n\n.active\\:bg-info-2:active {\n  background: var(--bal-color-info-2) !important;\n}\n\n.focus\\:bg-info-3:focus {\n  background: var(--bal-color-info-3) !important;\n}\n\n.hover\\:bg-info-3:hover {\n  background: var(--bal-color-info-3) !important;\n}\n\n.active\\:bg-info-3:active {\n  background: var(--bal-color-info-3) !important;\n}\n\n.focus\\:bg-info-4:focus {\n  background: var(--bal-color-info-4) !important;\n}\n\n.hover\\:bg-info-4:hover {\n  background: var(--bal-color-info-4) !important;\n}\n\n.active\\:bg-info-4:active {\n  background: var(--bal-color-info-4) !important;\n}\n\n.focus\\:bg-info-5:focus {\n  background: var(--bal-color-info-5) !important;\n}\n\n.hover\\:bg-info-5:hover {\n  background: var(--bal-color-info-5) !important;\n}\n\n.active\\:bg-info-5:active {\n  background: var(--bal-color-info-5) !important;\n}\n\n.focus\\:bg-info-6:focus {\n  background: var(--bal-color-info-6) !important;\n}\n\n.hover\\:bg-info-6:hover {\n  background: var(--bal-color-info-6) !important;\n}\n\n.active\\:bg-info-6:active {\n  background: var(--bal-color-info-6) !important;\n}\n\n.focus\\:bg-sky-1:focus {\n  background: var(--bal-color-sky-1) !important;\n}\n\n.hover\\:bg-sky-1:hover {\n  background: var(--bal-color-sky-1) !important;\n}\n\n.active\\:bg-sky-1:active {\n  background: var(--bal-color-sky-1) !important;\n}\n\n.focus\\:bg-sky-2:focus {\n  background: var(--bal-color-sky-2) !important;\n}\n\n.hover\\:bg-sky-2:hover {\n  background: var(--bal-color-sky-2) !important;\n}\n\n.active\\:bg-sky-2:active {\n  background: var(--bal-color-sky-2) !important;\n}\n\n.focus\\:bg-sky-3:focus {\n  background: var(--bal-color-sky-3) !important;\n}\n\n.hover\\:bg-sky-3:hover {\n  background: var(--bal-color-sky-3) !important;\n}\n\n.active\\:bg-sky-3:active {\n  background: var(--bal-color-sky-3) !important;\n}\n\n.focus\\:bg-sky-4:focus {\n  background: var(--bal-color-sky-4) !important;\n}\n\n.hover\\:bg-sky-4:hover {\n  background: var(--bal-color-sky-4) !important;\n}\n\n.active\\:bg-sky-4:active {\n  background: var(--bal-color-sky-4) !important;\n}\n\n.focus\\:bg-sky-5:focus {\n  background: var(--bal-color-sky-5) !important;\n}\n\n.hover\\:bg-sky-5:hover {\n  background: var(--bal-color-sky-5) !important;\n}\n\n.active\\:bg-sky-5:active {\n  background: var(--bal-color-sky-5) !important;\n}\n\n.focus\\:bg-sky-6:focus {\n  background: var(--bal-color-sky-6) !important;\n}\n\n.hover\\:bg-sky-6:hover {\n  background: var(--bal-color-sky-6) !important;\n}\n\n.active\\:bg-sky-6:active {\n  background: var(--bal-color-sky-6) !important;\n}\n\n.focus\\:bg-grey-1:focus {\n  background: var(--bal-color-grey-1) !important;\n}\n\n.hover\\:bg-grey-1:hover {\n  background: var(--bal-color-grey-1) !important;\n}\n\n.active\\:bg-grey-1:active {\n  background: var(--bal-color-grey-1) !important;\n}\n\n.focus\\:bg-grey-2:focus {\n  background: var(--bal-color-grey-2) !important;\n}\n\n.hover\\:bg-grey-2:hover {\n  background: var(--bal-color-grey-2) !important;\n}\n\n.active\\:bg-grey-2:active {\n  background: var(--bal-color-grey-2) !important;\n}\n\n.focus\\:bg-grey-3:focus {\n  background: var(--bal-color-grey-3) !important;\n}\n\n.hover\\:bg-grey-3:hover {\n  background: var(--bal-color-grey-3) !important;\n}\n\n.active\\:bg-grey-3:active {\n  background: var(--bal-color-grey-3) !important;\n}\n\n.focus\\:bg-grey-4:focus {\n  background: var(--bal-color-grey-4) !important;\n}\n\n.hover\\:bg-grey-4:hover {\n  background: var(--bal-color-grey-4) !important;\n}\n\n.active\\:bg-grey-4:active {\n  background: var(--bal-color-grey-4) !important;\n}\n\n.focus\\:bg-grey-5:focus {\n  background: var(--bal-color-grey-5) !important;\n}\n\n.hover\\:bg-grey-5:hover {\n  background: var(--bal-color-grey-5) !important;\n}\n\n.active\\:bg-grey-5:active {\n  background: var(--bal-color-grey-5) !important;\n}\n\n.focus\\:bg-grey-6:focus {\n  background: var(--bal-color-grey-6) !important;\n}\n\n.hover\\:bg-grey-6:hover {\n  background: var(--bal-color-grey-6) !important;\n}\n\n.active\\:bg-grey-6:active {\n  background: var(--bal-color-grey-6) !important;\n}\n\n.focus\\:bg-yellow-1:focus {\n  background: var(--bal-color-yellow-1) !important;\n}\n\n.hover\\:bg-yellow-1:hover {\n  background: var(--bal-color-yellow-1) !important;\n}\n\n.active\\:bg-yellow-1:active {\n  background: var(--bal-color-yellow-1) !important;\n}\n\n.focus\\:bg-yellow-2:focus {\n  background: var(--bal-color-yellow-2) !important;\n}\n\n.hover\\:bg-yellow-2:hover {\n  background: var(--bal-color-yellow-2) !important;\n}\n\n.active\\:bg-yellow-2:active {\n  background: var(--bal-color-yellow-2) !important;\n}\n\n.focus\\:bg-yellow-3:focus {\n  background: var(--bal-color-yellow-3) !important;\n}\n\n.hover\\:bg-yellow-3:hover {\n  background: var(--bal-color-yellow-3) !important;\n}\n\n.active\\:bg-yellow-3:active {\n  background: var(--bal-color-yellow-3) !important;\n}\n\n.focus\\:bg-yellow-4:focus {\n  background: var(--bal-color-yellow-4) !important;\n}\n\n.hover\\:bg-yellow-4:hover {\n  background: var(--bal-color-yellow-4) !important;\n}\n\n.active\\:bg-yellow-4:active {\n  background: var(--bal-color-yellow-4) !important;\n}\n\n.focus\\:bg-yellow-5:focus {\n  background: var(--bal-color-yellow-5) !important;\n}\n\n.hover\\:bg-yellow-5:hover {\n  background: var(--bal-color-yellow-5) !important;\n}\n\n.active\\:bg-yellow-5:active {\n  background: var(--bal-color-yellow-5) !important;\n}\n\n.focus\\:bg-yellow-6:focus {\n  background: var(--bal-color-yellow-6) !important;\n}\n\n.hover\\:bg-yellow-6:hover {\n  background: var(--bal-color-yellow-6) !important;\n}\n\n.active\\:bg-yellow-6:active {\n  background: var(--bal-color-yellow-6) !important;\n}\n\n.focus\\:bg-red-1:focus {\n  background: var(--bal-color-red-1) !important;\n}\n\n.hover\\:bg-red-1:hover {\n  background: var(--bal-color-red-1) !important;\n}\n\n.active\\:bg-red-1:active {\n  background: var(--bal-color-red-1) !important;\n}\n\n.focus\\:bg-red-2:focus {\n  background: var(--bal-color-red-2) !important;\n}\n\n.hover\\:bg-red-2:hover {\n  background: var(--bal-color-red-2) !important;\n}\n\n.active\\:bg-red-2:active {\n  background: var(--bal-color-red-2) !important;\n}\n\n.focus\\:bg-red-3:focus {\n  background: var(--bal-color-red-3) !important;\n}\n\n.hover\\:bg-red-3:hover {\n  background: var(--bal-color-red-3) !important;\n}\n\n.active\\:bg-red-3:active {\n  background: var(--bal-color-red-3) !important;\n}\n\n.focus\\:bg-red-4:focus {\n  background: var(--bal-color-red-4) !important;\n}\n\n.hover\\:bg-red-4:hover {\n  background: var(--bal-color-red-4) !important;\n}\n\n.active\\:bg-red-4:active {\n  background: var(--bal-color-red-4) !important;\n}\n\n.focus\\:bg-red-5:focus {\n  background: var(--bal-color-red-5) !important;\n}\n\n.hover\\:bg-red-5:hover {\n  background: var(--bal-color-red-5) !important;\n}\n\n.active\\:bg-red-5:active {\n  background: var(--bal-color-red-5) !important;\n}\n\n.focus\\:bg-red-6:focus {\n  background: var(--bal-color-red-6) !important;\n}\n\n.hover\\:bg-red-6:hover {\n  background: var(--bal-color-red-6) !important;\n}\n\n.active\\:bg-red-6:active {\n  background: var(--bal-color-red-6) !important;\n}\n\n.focus\\:bg-green-1:focus {\n  background: var(--bal-color-green-1) !important;\n}\n\n.hover\\:bg-green-1:hover {\n  background: var(--bal-color-green-1) !important;\n}\n\n.active\\:bg-green-1:active {\n  background: var(--bal-color-green-1) !important;\n}\n\n.focus\\:bg-green-2:focus {\n  background: var(--bal-color-green-2) !important;\n}\n\n.hover\\:bg-green-2:hover {\n  background: var(--bal-color-green-2) !important;\n}\n\n.active\\:bg-green-2:active {\n  background: var(--bal-color-green-2) !important;\n}\n\n.focus\\:bg-green-3:focus {\n  background: var(--bal-color-green-3) !important;\n}\n\n.hover\\:bg-green-3:hover {\n  background: var(--bal-color-green-3) !important;\n}\n\n.active\\:bg-green-3:active {\n  background: var(--bal-color-green-3) !important;\n}\n\n.focus\\:bg-green-4:focus {\n  background: var(--bal-color-green-4) !important;\n}\n\n.hover\\:bg-green-4:hover {\n  background: var(--bal-color-green-4) !important;\n}\n\n.active\\:bg-green-4:active {\n  background: var(--bal-color-green-4) !important;\n}\n\n.focus\\:bg-green-5:focus {\n  background: var(--bal-color-green-5) !important;\n}\n\n.hover\\:bg-green-5:hover {\n  background: var(--bal-color-green-5) !important;\n}\n\n.active\\:bg-green-5:active {\n  background: var(--bal-color-green-5) !important;\n}\n\n.focus\\:bg-green-6:focus {\n  background: var(--bal-color-green-6) !important;\n}\n\n.hover\\:bg-green-6:hover {\n  background: var(--bal-color-green-6) !important;\n}\n\n.active\\:bg-green-6:active {\n  background: var(--bal-color-green-6) !important;\n}\n\n.focus\\:bg-purple-1:focus {\n  background: var(--bal-color-purple-1) !important;\n}\n\n.hover\\:bg-purple-1:hover {\n  background: var(--bal-color-purple-1) !important;\n}\n\n.active\\:bg-purple-1:active {\n  background: var(--bal-color-purple-1) !important;\n}\n\n.focus\\:bg-purple-2:focus {\n  background: var(--bal-color-purple-2) !important;\n}\n\n.hover\\:bg-purple-2:hover {\n  background: var(--bal-color-purple-2) !important;\n}\n\n.active\\:bg-purple-2:active {\n  background: var(--bal-color-purple-2) !important;\n}\n\n.focus\\:bg-purple-3:focus {\n  background: var(--bal-color-purple-3) !important;\n}\n\n.hover\\:bg-purple-3:hover {\n  background: var(--bal-color-purple-3) !important;\n}\n\n.active\\:bg-purple-3:active {\n  background: var(--bal-color-purple-3) !important;\n}\n\n.focus\\:bg-purple-4:focus {\n  background: var(--bal-color-purple-4) !important;\n}\n\n.hover\\:bg-purple-4:hover {\n  background: var(--bal-color-purple-4) !important;\n}\n\n.active\\:bg-purple-4:active {\n  background: var(--bal-color-purple-4) !important;\n}\n\n.focus\\:bg-purple-5:focus {\n  background: var(--bal-color-purple-5) !important;\n}\n\n.hover\\:bg-purple-5:hover {\n  background: var(--bal-color-purple-5) !important;\n}\n\n.active\\:bg-purple-5:active {\n  background: var(--bal-color-purple-5) !important;\n}\n\n.focus\\:bg-purple-6:focus {\n  background: var(--bal-color-purple-6) !important;\n}\n\n.hover\\:bg-purple-6:hover {\n  background: var(--bal-color-purple-6) !important;\n}\n\n.active\\:bg-purple-6:active {\n  background: var(--bal-color-purple-6) !important;\n}\n\n.focus\\:bg-primary-1:focus {\n  background: var(--bal-color-primary-1) !important;\n}\n\n.hover\\:bg-primary-1:hover {\n  background: var(--bal-color-primary-1) !important;\n}\n\n.active\\:bg-primary-1:active {\n  background: var(--bal-color-primary-1) !important;\n}\n\n.focus\\:bg-primary-2:focus {\n  background: var(--bal-color-primary-2) !important;\n}\n\n.hover\\:bg-primary-2:hover {\n  background: var(--bal-color-primary-2) !important;\n}\n\n.active\\:bg-primary-2:active {\n  background: var(--bal-color-primary-2) !important;\n}\n\n.focus\\:bg-primary-3:focus {\n  background: var(--bal-color-primary-3) !important;\n}\n\n.hover\\:bg-primary-3:hover {\n  background: var(--bal-color-primary-3) !important;\n}\n\n.active\\:bg-primary-3:active {\n  background: var(--bal-color-primary-3) !important;\n}\n\n.focus\\:bg-primary-4:focus {\n  background: var(--bal-color-primary-4) !important;\n}\n\n.hover\\:bg-primary-4:hover {\n  background: var(--bal-color-primary-4) !important;\n}\n\n.active\\:bg-primary-4:active {\n  background: var(--bal-color-primary-4) !important;\n}\n\n.focus\\:bg-primary-5:focus {\n  background: var(--bal-color-primary-5) !important;\n}\n\n.hover\\:bg-primary-5:hover {\n  background: var(--bal-color-primary-5) !important;\n}\n\n.active\\:bg-primary-5:active {\n  background: var(--bal-color-primary-5) !important;\n}\n\n.focus\\:bg-primary-6:focus {\n  background: var(--bal-color-primary-6) !important;\n}\n\n.hover\\:bg-primary-6:hover {\n  background: var(--bal-color-primary-6) !important;\n}\n\n.active\\:bg-primary-6:active {\n  background: var(--bal-color-primary-6) !important;\n}\n","@forward '../mixins';\n@forward '../../src/generated/background';\n\n/**\n  * Deprecated\n  */\n\n// Auto text color rules for dark backgrounds (removed in new version)\n// Users should now manually add text color classes like .text-white\n\n.bg-primary {\n  color: var(--bal-color-white);\n}\n\n.bg-primary-3 {\n  color: var(--bal-color-white);\n}\n\n.bg-primary-4 {\n  color: var(--bal-color-white);\n}\n\n.bg-primary-5 {\n  color: var(--bal-color-white);\n}\n\n.bg-primary-6 {\n  color: var(--bal-color-white);\n}\n\n.focus\\:bg-primary:focus {\n  color: var(--bal-color-white);\n}\n\n.hover\\:bg-primary:hover {\n  color: var(--bal-color-white);\n}\n\n.active\\:bg-primary:active {\n  color: var(--bal-color-white);\n}\n\n.focus\\:bg-primary-3:focus {\n  color: var(--bal-color-white);\n}\n\n.hover\\:bg-primary-3:hover {\n  color: var(--bal-color-white);\n}\n\n.active\\:bg-primary-3:active {\n  color: var(--bal-color-white);\n}\n\n.focus\\:bg-primary-4:focus {\n  color: var(--bal-color-white);\n}\n\n.hover\\:bg-primary-4:hover {\n  color: var(--bal-color-white);\n}\n\n.active\\:bg-primary-4:active {\n  color: var(--bal-color-white);\n}\n\n.focus\\:bg-primary-5:focus {\n  color: var(--bal-color-white);\n}\n\n.hover\\:bg-primary-5:hover {\n  color: var(--bal-color-white);\n}\n\n.active\\:bg-primary-5:active {\n  color: var(--bal-color-white);\n}\n\n.focus\\:bg-primary-6:focus {\n  color: var(--bal-color-white);\n}\n\n.hover\\:bg-primary-6:hover {\n  color: var(--bal-color-white);\n}\n\n.active\\:bg-primary-6:active {\n  color: var(--bal-color-white);\n}\n"]}