{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/styles/sass/structure.scss"],"names":[],"mappings":"AAwFA;AAAA;AAAA;ACtFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;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 '../src/mixins/_all' as *;\n\nhtml {\n  background-color: var(--bal-body-color-background);\n  font-size: var(--bal-body-text-size);\n  min-width: 300px;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  text-rendering: optimizeLegibility;\n  text-size-adjust: 100%;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-overflow-scrolling: auto;\n}\n\n*:focus {\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n}\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection {\n  display: block;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: var(--bal-body-family);\n}\n\nbody {\n  color: var(--bal-body-color);\n  font-size: var(--bal-body-size);\n  font-weight: var(--bal-body-weight);\n  line-height: var(--bal-body-line-height);\n  -webkit-overflow-scrolling: auto;\n}\n\nbutton {\n  color: inherit;\n}\n\np:not(.text, .title, .subtitle, .heading) {\n  hyphens: auto;\n  margin: 0;\n  overflow-wrap: break-word;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  strong {\n    color: currentColor;\n  }\n}\n\nsmall {\n  font-size: var(--bal-text-size-sm);\n}\n\nspan {\n  font-style: inherit;\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  color: inherit;\n  font-weight: var(--bal-text-weight-bold);\n}\n\nimg {\n  height: auto;\n  max-width: 100%;\n}\n\ninput[type='checkbox'],\ninput[type='radio'] {\n  vertical-align: baseline;\n}\n\nfieldset {\n  border: none;\n}\n"]}