{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/styles/src/generated/typography.scss","file:///vercel/path0/packages/styles/sass/utilities/typography.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;;;ADlYA;ECsYA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AD9YF;ECmZA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADjZF;ECsZA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADrYF;EC0YA;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;;;ADlgBA;ECsgBA;IACE;;EAGF;IACE;;;ADtgBF;EC2gBA;IACE;;EAGF;IACE;;;ADjgBF;ECsgBA;IACE;;EAGF;IACE;;;AD7eF;ECkfA;IACE;;EAGF;IACE;;;ACxjBJ;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE","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.text-white {\n  color: var(--bal-text-color-white) !important;\n}\n\n.text-primary-light {\n  color: var(--bal-text-color-primary-light) !important;\n}\n\n.text-hint {\n  color: var(--bal-text-color-hint) !important;\n}\n\n.text-disabled {\n  color: var(--bal-text-color-disabled) !important;\n}\n\n.text-inverted-disabled {\n  color: var(--bal-text-color-inverted-disabled) !important;\n}\n\n.text-info {\n  color: var(--bal-text-color-info) !important;\n}\n\n.text-warning {\n  color: var(--bal-text-color-warning) !important;\n}\n\n.text-success {\n  color: var(--bal-text-color-success) !important;\n}\n\n.text-danger {\n  color: var(--bal-text-color-danger) !important;\n}\n\n.text-danger-hover {\n  color: var(--bal-text-color-danger-hover) !important;\n}\n\n.text-danger-active {\n  color: var(--bal-text-color-danger-active) !important;\n}\n\n.text-primary {\n  color: var(--bal-text-color-primary) !important;\n}\n\n.text-primary-hover {\n  color: var(--bal-text-color-primary-hover) !important;\n}\n\n.text-primary-active {\n  color: var(--bal-text-color-primary-active) !important;\n}\n\n.text-inverted-primary {\n  color: var(--bal-text-color-inverted-primary) !important;\n}\n\n.text-inverted-primary-hover {\n  color: var(--bal-text-color-inverted-primary-hover) !important;\n}\n\n.text-inverted-primary-active {\n  color: var(--bal-text-color-inverted-primary-active) !important;\n}\n\n.text-grey-light {\n  color: var(--bal-text-color-grey-light) !important;\n}\n\n.text-grey {\n  color: var(--bal-text-color-grey) !important;\n}\n\n.text-grey-dark {\n  color: var(--bal-text-color-grey-dark) !important;\n}\n\n.focus\\:text-white:focus {\n  color: var(--bal-text-color-white) !important;\n}\n\n.hover\\:text-white:hover {\n  color: var(--bal-text-color-white) !important;\n}\n\n.active\\:text-white:active {\n  color: var(--bal-text-color-white) !important;\n}\n\n.focus\\:text-primary-light:focus {\n  color: var(--bal-text-color-primary-light) !important;\n}\n\n.hover\\:text-primary-light:hover {\n  color: var(--bal-text-color-primary-light) !important;\n}\n\n.active\\:text-primary-light:active {\n  color: var(--bal-text-color-primary-light) !important;\n}\n\n.focus\\:text-hint:focus {\n  color: var(--bal-text-color-hint) !important;\n}\n\n.hover\\:text-hint:hover {\n  color: var(--bal-text-color-hint) !important;\n}\n\n.active\\:text-hint:active {\n  color: var(--bal-text-color-hint) !important;\n}\n\n.focus\\:text-disabled:focus {\n  color: var(--bal-text-color-disabled) !important;\n}\n\n.hover\\:text-disabled:hover {\n  color: var(--bal-text-color-disabled) !important;\n}\n\n.active\\:text-disabled:active {\n  color: var(--bal-text-color-disabled) !important;\n}\n\n.focus\\:text-inverted-disabled:focus {\n  color: var(--bal-text-color-inverted-disabled) !important;\n}\n\n.hover\\:text-inverted-disabled:hover {\n  color: var(--bal-text-color-inverted-disabled) !important;\n}\n\n.active\\:text-inverted-disabled:active {\n  color: var(--bal-text-color-inverted-disabled) !important;\n}\n\n.focus\\:text-info:focus {\n  color: var(--bal-text-color-info) !important;\n}\n\n.hover\\:text-info:hover {\n  color: var(--bal-text-color-info) !important;\n}\n\n.active\\:text-info:active {\n  color: var(--bal-text-color-info) !important;\n}\n\n.focus\\:text-warning:focus {\n  color: var(--bal-text-color-warning) !important;\n}\n\n.hover\\:text-warning:hover {\n  color: var(--bal-text-color-warning) !important;\n}\n\n.active\\:text-warning:active {\n  color: var(--bal-text-color-warning) !important;\n}\n\n.focus\\:text-success:focus {\n  color: var(--bal-text-color-success) !important;\n}\n\n.hover\\:text-success:hover {\n  color: var(--bal-text-color-success) !important;\n}\n\n.active\\:text-success:active {\n  color: var(--bal-text-color-success) !important;\n}\n\n.focus\\:text-danger:focus {\n  color: var(--bal-text-color-danger) !important;\n}\n\n.hover\\:text-danger:hover {\n  color: var(--bal-text-color-danger) !important;\n}\n\n.active\\:text-danger:active {\n  color: var(--bal-text-color-danger) !important;\n}\n\n.focus\\:text-danger-hover:focus {\n  color: var(--bal-text-color-danger-hover) !important;\n}\n\n.hover\\:text-danger-hover:hover {\n  color: var(--bal-text-color-danger-hover) !important;\n}\n\n.active\\:text-danger-hover:active {\n  color: var(--bal-text-color-danger-hover) !important;\n}\n\n.focus\\:text-danger-active:focus {\n  color: var(--bal-text-color-danger-active) !important;\n}\n\n.hover\\:text-danger-active:hover {\n  color: var(--bal-text-color-danger-active) !important;\n}\n\n.active\\:text-danger-active:active {\n  color: var(--bal-text-color-danger-active) !important;\n}\n\n.focus\\:text-primary:focus {\n  color: var(--bal-text-color-primary) !important;\n}\n\n.hover\\:text-primary:hover {\n  color: var(--bal-text-color-primary) !important;\n}\n\n.active\\:text-primary:active {\n  color: var(--bal-text-color-primary) !important;\n}\n\n.focus\\:text-primary-hover:focus {\n  color: var(--bal-text-color-primary-hover) !important;\n}\n\n.hover\\:text-primary-hover:hover {\n  color: var(--bal-text-color-primary-hover) !important;\n}\n\n.active\\:text-primary-hover:active {\n  color: var(--bal-text-color-primary-hover) !important;\n}\n\n.focus\\:text-primary-active:focus {\n  color: var(--bal-text-color-primary-active) !important;\n}\n\n.hover\\:text-primary-active:hover {\n  color: var(--bal-text-color-primary-active) !important;\n}\n\n.active\\:text-primary-active:active {\n  color: var(--bal-text-color-primary-active) !important;\n}\n\n.focus\\:text-inverted-primary:focus {\n  color: var(--bal-text-color-inverted-primary) !important;\n}\n\n.hover\\:text-inverted-primary:hover {\n  color: var(--bal-text-color-inverted-primary) !important;\n}\n\n.active\\:text-inverted-primary:active {\n  color: var(--bal-text-color-inverted-primary) !important;\n}\n\n.focus\\:text-inverted-primary-hover:focus {\n  color: var(--bal-text-color-inverted-primary-hover) !important;\n}\n\n.hover\\:text-inverted-primary-hover:hover {\n  color: var(--bal-text-color-inverted-primary-hover) !important;\n}\n\n.active\\:text-inverted-primary-hover:active {\n  color: var(--bal-text-color-inverted-primary-hover) !important;\n}\n\n.focus\\:text-inverted-primary-active:focus {\n  color: var(--bal-text-color-inverted-primary-active) !important;\n}\n\n.hover\\:text-inverted-primary-active:hover {\n  color: var(--bal-text-color-inverted-primary-active) !important;\n}\n\n.active\\:text-inverted-primary-active:active {\n  color: var(--bal-text-color-inverted-primary-active) !important;\n}\n\n.focus\\:text-grey-light:focus {\n  color: var(--bal-text-color-grey-light) !important;\n}\n\n.hover\\:text-grey-light:hover {\n  color: var(--bal-text-color-grey-light) !important;\n}\n\n.active\\:text-grey-light:active {\n  color: var(--bal-text-color-grey-light) !important;\n}\n\n.focus\\:text-grey:focus {\n  color: var(--bal-text-color-grey) !important;\n}\n\n.hover\\:text-grey:hover {\n  color: var(--bal-text-color-grey) !important;\n}\n\n.active\\:text-grey:active {\n  color: var(--bal-text-color-grey) !important;\n}\n\n.focus\\:text-grey-dark:focus {\n  color: var(--bal-text-color-grey-dark) !important;\n}\n\n.hover\\:text-grey-dark:hover {\n  color: var(--bal-text-color-grey-dark) !important;\n}\n\n.active\\:text-grey-dark:active {\n  color: var(--bal-text-color-grey-dark) !important;\n}\n\n.font-family-heading {\n  font-family: var(--bal-text-family-heading) !important;\n}\n\n.font-family-body {\n  font-family: var(--bal-text-family-body) !important;\n}\n\n.line-height-single {\n  line-height: var(--bal-text-line-height-single) !important;\n}\n\n.line-height-heading {\n  line-height: var(--bal-text-line-height-heading) !important;\n}\n\n.line-height-body {\n  line-height: var(--bal-text-line-height-body) !important;\n}\n\n.line-height-double {\n  line-height: var(--bal-text-line-height-double) !important;\n}\n\n.text-none {\n  font-size: var(--bal-text-size-none-device) !important;\n}\n\n.text-xs, .text-x-small {\n  font-size: var(--bal-text-size-xs-device) !important;\n}\n\n.text-sm, .text-small {\n  font-size: var(--bal-text-size-sm-device) !important;\n}\n\n.text-base, .text-normal {\n  font-size: var(--bal-text-size-base-device) !important;\n}\n\n.text-md, .text-medium {\n  font-size: var(--bal-text-size-md-device) !important;\n}\n\n.text-lg, .text-large {\n  font-size: var(--bal-text-size-lg-device) !important;\n}\n\n.text-xl, .text-x-large {\n  font-size: var(--bal-text-size-xl-device) !important;\n}\n\n.text-2xl, .text-xx-large {\n  font-size: var(--bal-text-size-2xl-device) !important;\n}\n\n.text-3xl, .text-xxx-large {\n  font-size: var(--bal-text-size-3xl-device) !important;\n}\n\n.text-4xl, .text-xxxx-large {\n  font-size: var(--bal-text-size-4xl-device) !important;\n}\n\n.text-5xl, .text-xxxxx-large {\n  font-size: var(--bal-text-size-5xl-device) !important;\n}\n\n.text-align-center {\n  text-align: center !important;\n}\n\n.text-align-left {\n  text-align: left !important;\n}\n\n.text-align-right {\n  text-align: right !important;\n}\n\n.text-align-justify {\n  text-align: justify !important;\n}\n\n@include mobile {\n  .mobile\\:text-align-center {\n    text-align: center !important;\n  }\n\n  .mobile\\:text-align-left {\n    text-align: left !important;\n  }\n\n  .mobile\\:text-align-right {\n    text-align: right !important;\n  }\n\n  .mobile\\:text-align-justify {\n    text-align: justify !important;\n  }\n\n}\n@include tablet {\n  .tablet\\:text-align-center {\n    text-align: center !important;\n  }\n\n  .tablet\\:text-align-left {\n    text-align: left !important;\n  }\n\n  .tablet\\:text-align-right {\n    text-align: right !important;\n  }\n\n  .tablet\\:text-align-justify {\n    text-align: justify !important;\n  }\n\n}\n@include desktop {\n  .desktop\\:text-align-center {\n    text-align: center !important;\n  }\n\n  .desktop\\:text-align-left {\n    text-align: left !important;\n  }\n\n  .desktop\\:text-align-right {\n    text-align: right !important;\n  }\n\n  .desktop\\:text-align-justify {\n    text-align: justify !important;\n  }\n\n}\n@include desktop-xl {\n  .desktop-xl\\:text-align-center {\n    text-align: center !important;\n  }\n\n  .desktop-xl\\:text-align-left {\n    text-align: left !important;\n  }\n\n  .desktop-xl\\:text-align-right {\n    text-align: right !important;\n  }\n\n  .desktop-xl\\:text-align-justify {\n    text-align: justify !important;\n  }\n\n}\n.lowercase {\n  text-transform: lowercase !important;\n}\n\n.uppercase {\n  text-transform: uppercase !important;\n}\n\n.capitalize {\n  text-transform: capitalize !important;\n}\n\n.font-weight-light {\n  font-weight: var(--bal-text-weight-light) !important;\n}\n\n.font-weight-regular {\n  font-weight: var(--bal-text-weight-regular) !important;\n}\n\n.font-weight-bold {\n  font-weight: var(--bal-text-weight-bold) !important;\n}\n\n.white-space-normal {\n  white-space: normal !important;\n}\n\n.white-space-nowrap {\n  white-space: nowrap !important;\n}\n\n.line-height-single {\n  line-height: var(--bal-text-line-height-single) !important;\n}\n\n.line-height-heading {\n  line-height: var(--bal-text-line-height-heading) !important;\n}\n\n.line-height-body {\n  line-height: var(--bal-text-line-height-body) !important;\n}\n\n.line-height-double {\n  line-height: var(--bal-text-line-height-double) !important;\n}\n\n.text-overflow-clip {\n  text-overflow: clip !important;\n}\n\n.text-overflow-ellipsis {\n  text-overflow: ellipsis !important;\n}\n\n@include mobile {\n  .mobile\\:text-overflow-clip {\n    text-overflow: clip !important;\n  }\n\n  .mobile\\:text-overflow-ellipsis {\n    text-overflow: ellipsis !important;\n  }\n\n}\n@include tablet {\n  .tablet\\:text-overflow-clip {\n    text-overflow: clip !important;\n  }\n\n  .tablet\\:text-overflow-ellipsis {\n    text-overflow: ellipsis !important;\n  }\n\n}\n@include desktop {\n  .desktop\\:text-overflow-clip {\n    text-overflow: clip !important;\n  }\n\n  .desktop\\:text-overflow-ellipsis {\n    text-overflow: ellipsis !important;\n  }\n\n}\n@include desktop-xl {\n  .desktop-xl\\:text-overflow-clip {\n    text-overflow: clip !important;\n  }\n\n  .desktop-xl\\:text-overflow-ellipsis {\n    text-overflow: ellipsis !important;\n  }\n\n}","@forward '../../src/generated/typography';\n@use '../../src/mixins/_all' as *;\n\n.text-5xl:not(:last-child),\n.text-xxxxx-large:not(:last-child) {\n  margin-bottom: var(--bal-space-base-device);\n}\n.text-4xl:not(:last-child),\n.text-xxxx-large:not(:last-child) {\n  margin-bottom: var(--bal-space-xs-device);\n}\n\n.text-3xl:not(:last-child),\n.text-xxx-large:not(:last-child) {\n  margin-bottom: var(--bal-space-xs-device);\n}\n\n.text-2xl:not(:last-child),\n.text-xx-large:not(:last-child) {\n  margin-bottom: var(--bal-space-xs-device);\n}\n\n.text-xl:not(:last-child),\n.text-x-large:not(:last-child) {\n  margin-bottom: var(--bal-space-xs-device);\n}\n\n.text-lg:not(:last-child),\n.text-large:not(:last-child) {\n  margin-bottom: var(--bal-space-xs-device);\n}\n\n.text-md:not(:last-child),\n.text-medium:not(:last-child) {\n  margin-bottom: var(--bal-space-xs-device);\n}\n\n.text-base:not(:last-child),\n.text-normal:not(:last-child) {\n  margin-bottom: var(--bal-space-2xs-device);\n}\n\n.text-sm:not(:last-child),\n.text-small:not(:last-child) {\n  margin-bottom: var(--bal-space-2xs-device);\n}\n\n.text-xs:not(:last-child),\n.text-x-small:not(:last-child) {\n  margin-bottom: var(--bal-space-2xs-device);\n}\n"]}