{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/styles/src/generated/elevation.scss"],"names":[],"mappings":"AAwFA;AAAA;AAAA;ACrFA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ADlBA;ECsBA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADlDF;ECuDA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADzEF;EC8EA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADjFF;ECsFA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AD9LA;ECkMA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AD9MF;ECmNA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADrNF;EC0NA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AD7MF;ECkNA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ADtVA;EC0VA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADlZF;ECuZA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADrcF;EC0cA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADzeF;EC8eA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE","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.z-index-deep {\n  z-index: var(--bal-z-index-deep) !important;\n}\n\n.z-index-masked {\n  z-index: var(--bal-z-index-masked) !important;\n}\n\n.z-index-mask {\n  z-index: var(--bal-z-index-mask) !important;\n}\n\n.z-index-sticky {\n  z-index: var(--bal-z-index-sticky) !important;\n}\n\n.z-index-navigation {\n  z-index: var(--bal-z-index-navigation) !important;\n}\n\n.z-index-popup {\n  z-index: var(--bal-z-index-popup) !important;\n}\n\n.z-index-modal {\n  z-index: var(--bal-z-index-modal) !important;\n}\n\n.z-index-toast {\n  z-index: var(--bal-z-index-toast) !important;\n}\n\n.z-index-tooltip {\n  z-index: var(--bal-z-index-tooltip) !important;\n}\n\n@include mobile {\n  .mobile\\:z-index-deep {\n    z-index: var(--bal-z-index-deep) !important;\n  }\n\n  .mobile\\:z-index-masked {\n    z-index: var(--bal-z-index-masked) !important;\n  }\n\n  .mobile\\:z-index-mask {\n    z-index: var(--bal-z-index-mask) !important;\n  }\n\n  .mobile\\:z-index-sticky {\n    z-index: var(--bal-z-index-sticky) !important;\n  }\n\n  .mobile\\:z-index-navigation {\n    z-index: var(--bal-z-index-navigation) !important;\n  }\n\n  .mobile\\:z-index-popup {\n    z-index: var(--bal-z-index-popup) !important;\n  }\n\n  .mobile\\:z-index-modal {\n    z-index: var(--bal-z-index-modal) !important;\n  }\n\n  .mobile\\:z-index-toast {\n    z-index: var(--bal-z-index-toast) !important;\n  }\n\n  .mobile\\:z-index-tooltip {\n    z-index: var(--bal-z-index-tooltip) !important;\n  }\n\n}\n@include tablet {\n  .tablet\\:z-index-deep {\n    z-index: var(--bal-z-index-deep) !important;\n  }\n\n  .tablet\\:z-index-masked {\n    z-index: var(--bal-z-index-masked) !important;\n  }\n\n  .tablet\\:z-index-mask {\n    z-index: var(--bal-z-index-mask) !important;\n  }\n\n  .tablet\\:z-index-sticky {\n    z-index: var(--bal-z-index-sticky) !important;\n  }\n\n  .tablet\\:z-index-navigation {\n    z-index: var(--bal-z-index-navigation) !important;\n  }\n\n  .tablet\\:z-index-popup {\n    z-index: var(--bal-z-index-popup) !important;\n  }\n\n  .tablet\\:z-index-modal {\n    z-index: var(--bal-z-index-modal) !important;\n  }\n\n  .tablet\\:z-index-toast {\n    z-index: var(--bal-z-index-toast) !important;\n  }\n\n  .tablet\\:z-index-tooltip {\n    z-index: var(--bal-z-index-tooltip) !important;\n  }\n\n}\n@include desktop {\n  .desktop\\:z-index-deep {\n    z-index: var(--bal-z-index-deep) !important;\n  }\n\n  .desktop\\:z-index-masked {\n    z-index: var(--bal-z-index-masked) !important;\n  }\n\n  .desktop\\:z-index-mask {\n    z-index: var(--bal-z-index-mask) !important;\n  }\n\n  .desktop\\:z-index-sticky {\n    z-index: var(--bal-z-index-sticky) !important;\n  }\n\n  .desktop\\:z-index-navigation {\n    z-index: var(--bal-z-index-navigation) !important;\n  }\n\n  .desktop\\:z-index-popup {\n    z-index: var(--bal-z-index-popup) !important;\n  }\n\n  .desktop\\:z-index-modal {\n    z-index: var(--bal-z-index-modal) !important;\n  }\n\n  .desktop\\:z-index-toast {\n    z-index: var(--bal-z-index-toast) !important;\n  }\n\n  .desktop\\:z-index-tooltip {\n    z-index: var(--bal-z-index-tooltip) !important;\n  }\n\n}\n@include desktop-xl {\n  .desktop-xl\\:z-index-deep {\n    z-index: var(--bal-z-index-deep) !important;\n  }\n\n  .desktop-xl\\:z-index-masked {\n    z-index: var(--bal-z-index-masked) !important;\n  }\n\n  .desktop-xl\\:z-index-mask {\n    z-index: var(--bal-z-index-mask) !important;\n  }\n\n  .desktop-xl\\:z-index-sticky {\n    z-index: var(--bal-z-index-sticky) !important;\n  }\n\n  .desktop-xl\\:z-index-navigation {\n    z-index: var(--bal-z-index-navigation) !important;\n  }\n\n  .desktop-xl\\:z-index-popup {\n    z-index: var(--bal-z-index-popup) !important;\n  }\n\n  .desktop-xl\\:z-index-modal {\n    z-index: var(--bal-z-index-modal) !important;\n  }\n\n  .desktop-xl\\:z-index-toast {\n    z-index: var(--bal-z-index-toast) !important;\n  }\n\n  .desktop-xl\\:z-index-tooltip {\n    z-index: var(--bal-z-index-tooltip) !important;\n  }\n\n}\n.opacity-hidden {\n  opacity: var(--bal-opacity-hidden) !important;\n}\n\n.opacity-half {\n  opacity: var(--bal-opacity-half) !important;\n}\n\n.opacity-disabled {\n  opacity: var(--bal-opacity-disabled) !important;\n}\n\n.opacity-backdrop {\n  opacity: var(--bal-opacity-backdrop) !important;\n}\n\n.opacity-full {\n  opacity: var(--bal-opacity-full) !important;\n}\n\n@include mobile {\n  .mobile\\:opacity-hidden {\n    opacity: var(--bal-opacity-hidden) !important;\n  }\n\n  .mobile\\:opacity-half {\n    opacity: var(--bal-opacity-half) !important;\n  }\n\n  .mobile\\:opacity-disabled {\n    opacity: var(--bal-opacity-disabled) !important;\n  }\n\n  .mobile\\:opacity-backdrop {\n    opacity: var(--bal-opacity-backdrop) !important;\n  }\n\n  .mobile\\:opacity-full {\n    opacity: var(--bal-opacity-full) !important;\n  }\n\n}\n@include tablet {\n  .tablet\\:opacity-hidden {\n    opacity: var(--bal-opacity-hidden) !important;\n  }\n\n  .tablet\\:opacity-half {\n    opacity: var(--bal-opacity-half) !important;\n  }\n\n  .tablet\\:opacity-disabled {\n    opacity: var(--bal-opacity-disabled) !important;\n  }\n\n  .tablet\\:opacity-backdrop {\n    opacity: var(--bal-opacity-backdrop) !important;\n  }\n\n  .tablet\\:opacity-full {\n    opacity: var(--bal-opacity-full) !important;\n  }\n\n}\n@include desktop {\n  .desktop\\:opacity-hidden {\n    opacity: var(--bal-opacity-hidden) !important;\n  }\n\n  .desktop\\:opacity-half {\n    opacity: var(--bal-opacity-half) !important;\n  }\n\n  .desktop\\:opacity-disabled {\n    opacity: var(--bal-opacity-disabled) !important;\n  }\n\n  .desktop\\:opacity-backdrop {\n    opacity: var(--bal-opacity-backdrop) !important;\n  }\n\n  .desktop\\:opacity-full {\n    opacity: var(--bal-opacity-full) !important;\n  }\n\n}\n@include desktop-xl {\n  .desktop-xl\\:opacity-hidden {\n    opacity: var(--bal-opacity-hidden) !important;\n  }\n\n  .desktop-xl\\:opacity-half {\n    opacity: var(--bal-opacity-half) !important;\n  }\n\n  .desktop-xl\\:opacity-disabled {\n    opacity: var(--bal-opacity-disabled) !important;\n  }\n\n  .desktop-xl\\:opacity-backdrop {\n    opacity: var(--bal-opacity-backdrop) !important;\n  }\n\n  .desktop-xl\\:opacity-full {\n    opacity: var(--bal-opacity-full) !important;\n  }\n\n}\n.shadow-none {\n  box-shadow: var(--bal-shadow-box-none) !important;\n}\n\n.shadow-header {\n  box-shadow: var(--bal-shadow-box-header) !important;\n}\n\n.shadow {\n  box-shadow: var(--bal-shadow-box-base) !important;\n}\n\n.shadow-elevated {\n  box-shadow: var(--bal-shadow-box-elevated) !important;\n}\n\n.focus\\:shadow-none:focus {\n  box-shadow: var(--bal-shadow-box-none) !important;\n}\n\n.hover\\:shadow-none:hover {\n  box-shadow: var(--bal-shadow-box-none) !important;\n}\n\n.active\\:shadow-none:active {\n  box-shadow: var(--bal-shadow-box-none) !important;\n}\n\n.focus\\:shadow-header:focus {\n  box-shadow: var(--bal-shadow-box-header) !important;\n}\n\n.hover\\:shadow-header:hover {\n  box-shadow: var(--bal-shadow-box-header) !important;\n}\n\n.active\\:shadow-header:active {\n  box-shadow: var(--bal-shadow-box-header) !important;\n}\n\n.focus\\:shadow:focus {\n  box-shadow: var(--bal-shadow-box-base) !important;\n}\n\n.hover\\:shadow:hover {\n  box-shadow: var(--bal-shadow-box-base) !important;\n}\n\n.active\\:shadow:active {\n  box-shadow: var(--bal-shadow-box-base) !important;\n}\n\n.focus\\:shadow-elevated:focus {\n  box-shadow: var(--bal-shadow-box-elevated) !important;\n}\n\n.hover\\:shadow-elevated:hover {\n  box-shadow: var(--bal-shadow-box-elevated) !important;\n}\n\n.active\\:shadow-elevated:active {\n  box-shadow: var(--bal-shadow-box-elevated) !important;\n}\n\n@include mobile {\n  .mobile\\:shadow-none {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .mobile\\:shadow-header {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .mobile\\:shadow {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .mobile\\:shadow-elevated {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .mobile\\:focus\\:shadow-none:focus {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .mobile\\:hover\\:shadow-none:hover {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .mobile\\:active\\:shadow-none:active {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .mobile\\:focus\\:shadow-header:focus {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .mobile\\:hover\\:shadow-header:hover {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .mobile\\:active\\:shadow-header:active {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .mobile\\:focus\\:shadow:focus {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .mobile\\:hover\\:shadow:hover {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .mobile\\:active\\:shadow:active {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .mobile\\:focus\\:shadow-elevated:focus {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .mobile\\:hover\\:shadow-elevated:hover {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .mobile\\:active\\:shadow-elevated:active {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n}\n@include tablet {\n  .tablet\\:shadow-none {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .tablet\\:shadow-header {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .tablet\\:shadow {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .tablet\\:shadow-elevated {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .tablet\\:focus\\:shadow-none:focus {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .tablet\\:hover\\:shadow-none:hover {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .tablet\\:active\\:shadow-none:active {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .tablet\\:focus\\:shadow-header:focus {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .tablet\\:hover\\:shadow-header:hover {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .tablet\\:active\\:shadow-header:active {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .tablet\\:focus\\:shadow:focus {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .tablet\\:hover\\:shadow:hover {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .tablet\\:active\\:shadow:active {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .tablet\\:focus\\:shadow-elevated:focus {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .tablet\\:hover\\:shadow-elevated:hover {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .tablet\\:active\\:shadow-elevated:active {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n}\n@include desktop {\n  .desktop\\:shadow-none {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop\\:shadow-header {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop\\:shadow {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop\\:shadow-elevated {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .desktop\\:focus\\:shadow-none:focus {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop\\:hover\\:shadow-none:hover {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop\\:active\\:shadow-none:active {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop\\:focus\\:shadow-header:focus {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop\\:hover\\:shadow-header:hover {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop\\:active\\:shadow-header:active {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop\\:focus\\:shadow:focus {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop\\:hover\\:shadow:hover {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop\\:active\\:shadow:active {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop\\:focus\\:shadow-elevated:focus {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .desktop\\:hover\\:shadow-elevated:hover {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .desktop\\:active\\:shadow-elevated:active {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n}\n@include desktop-xl {\n  .desktop-xl\\:shadow-none {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop-xl\\:shadow-header {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop-xl\\:shadow {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop-xl\\:shadow-elevated {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .desktop-xl\\:focus\\:shadow-none:focus {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop-xl\\:hover\\:shadow-none:hover {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop-xl\\:active\\:shadow-none:active {\n    box-shadow: var(--bal-shadow-box-none) !important;\n  }\n\n  .desktop-xl\\:focus\\:shadow-header:focus {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop-xl\\:hover\\:shadow-header:hover {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop-xl\\:active\\:shadow-header:active {\n    box-shadow: var(--bal-shadow-box-header) !important;\n  }\n\n  .desktop-xl\\:focus\\:shadow:focus {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop-xl\\:hover\\:shadow:hover {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop-xl\\:active\\:shadow:active {\n    box-shadow: var(--bal-shadow-box-base) !important;\n  }\n\n  .desktop-xl\\:focus\\:shadow-elevated:focus {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .desktop-xl\\:hover\\:shadow-elevated:hover {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n  .desktop-xl\\:active\\:shadow-elevated:active {\n    box-shadow: var(--bal-shadow-box-elevated) !important;\n  }\n\n}\n@include mobile {\n\n}\n@include tablet {\n\n}\n@include desktop {\n\n}\n@include desktop-xl {\n\n}"]}