{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss"],"names":[],"mappings":"AAwFA;AAAA;AAAA","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"]}