{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/styles/src/generated/spacing.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;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;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.m-none {\n  margin: var(--bal-space-none-device) !important;\n}\n\n.m-auto {\n  margin: var(--bal-space-auto-device) !important;\n}\n\n.m-2xs, .m-xx-small {\n  margin: var(--bal-space-2xs-device) !important;\n}\n\n.m-xs, .m-x-small {\n  margin: var(--bal-space-xs-device) !important;\n}\n\n.m-sm, .m-small {\n  margin: var(--bal-space-sm-device) !important;\n}\n\n.m-base, .m-normal {\n  margin: var(--bal-space-base-device) !important;\n}\n\n.m-md, .m-medium {\n  margin: var(--bal-space-md-device) !important;\n}\n\n.m-lg, .m-large {\n  margin: var(--bal-space-lg-device) !important;\n}\n\n.m-xl, .m-x-large {\n  margin: var(--bal-space-xl-device) !important;\n}\n\n.m-2xl, .m-xx-large {\n  margin: var(--bal-space-2xl-device) !important;\n}\n\n.m-3xl, .m-xxx-large {\n  margin: var(--bal-space-3xl-device) !important;\n}\n\n.m-4xl, .m-xxxx-large {\n  margin: var(--bal-space-4xl-device) !important;\n}\n\n.mx-none {\n  margin-left: var(--bal-space-none-device) !important;\n  margin-right: var(--bal-space-none-device) !important;\n}\n\n.mx-auto {\n  margin-left: var(--bal-space-auto-device) !important;\n  margin-right: var(--bal-space-auto-device) !important;\n}\n\n.mx-2xs, .mx-xx-small {\n  margin-left: var(--bal-space-2xs-device) !important;\n  margin-right: var(--bal-space-2xs-device) !important;\n}\n\n.mx-xs, .mx-x-small {\n  margin-left: var(--bal-space-xs-device) !important;\n  margin-right: var(--bal-space-xs-device) !important;\n}\n\n.mx-sm, .mx-small {\n  margin-left: var(--bal-space-sm-device) !important;\n  margin-right: var(--bal-space-sm-device) !important;\n}\n\n.mx-base, .mx-normal {\n  margin-left: var(--bal-space-base-device) !important;\n  margin-right: var(--bal-space-base-device) !important;\n}\n\n.mx-md, .mx-medium {\n  margin-left: var(--bal-space-md-device) !important;\n  margin-right: var(--bal-space-md-device) !important;\n}\n\n.mx-lg, .mx-large {\n  margin-left: var(--bal-space-lg-device) !important;\n  margin-right: var(--bal-space-lg-device) !important;\n}\n\n.mx-xl, .mx-x-large {\n  margin-left: var(--bal-space-xl-device) !important;\n  margin-right: var(--bal-space-xl-device) !important;\n}\n\n.mx-2xl, .mx-xx-large {\n  margin-left: var(--bal-space-2xl-device) !important;\n  margin-right: var(--bal-space-2xl-device) !important;\n}\n\n.mx-3xl, .mx-xxx-large {\n  margin-left: var(--bal-space-3xl-device) !important;\n  margin-right: var(--bal-space-3xl-device) !important;\n}\n\n.mx-4xl, .mx-xxxx-large {\n  margin-left: var(--bal-space-4xl-device) !important;\n  margin-right: var(--bal-space-4xl-device) !important;\n}\n\n.my-none {\n  margin-top: var(--bal-space-none-device) !important;\n  margin-bottom: var(--bal-space-none-device) !important;\n}\n\n.my-auto {\n  margin-top: var(--bal-space-auto-device) !important;\n  margin-bottom: var(--bal-space-auto-device) !important;\n}\n\n.my-2xs, .my-xx-small {\n  margin-top: var(--bal-space-2xs-device) !important;\n  margin-bottom: var(--bal-space-2xs-device) !important;\n}\n\n.my-xs, .my-x-small {\n  margin-top: var(--bal-space-xs-device) !important;\n  margin-bottom: var(--bal-space-xs-device) !important;\n}\n\n.my-sm, .my-small {\n  margin-top: var(--bal-space-sm-device) !important;\n  margin-bottom: var(--bal-space-sm-device) !important;\n}\n\n.my-base, .my-normal {\n  margin-top: var(--bal-space-base-device) !important;\n  margin-bottom: var(--bal-space-base-device) !important;\n}\n\n.my-md, .my-medium {\n  margin-top: var(--bal-space-md-device) !important;\n  margin-bottom: var(--bal-space-md-device) !important;\n}\n\n.my-lg, .my-large {\n  margin-top: var(--bal-space-lg-device) !important;\n  margin-bottom: var(--bal-space-lg-device) !important;\n}\n\n.my-xl, .my-x-large {\n  margin-top: var(--bal-space-xl-device) !important;\n  margin-bottom: var(--bal-space-xl-device) !important;\n}\n\n.my-2xl, .my-xx-large {\n  margin-top: var(--bal-space-2xl-device) !important;\n  margin-bottom: var(--bal-space-2xl-device) !important;\n}\n\n.my-3xl, .my-xxx-large {\n  margin-top: var(--bal-space-3xl-device) !important;\n  margin-bottom: var(--bal-space-3xl-device) !important;\n}\n\n.my-4xl, .my-xxxx-large {\n  margin-top: var(--bal-space-4xl-device) !important;\n  margin-bottom: var(--bal-space-4xl-device) !important;\n}\n\n.mt-none {\n  margin-top: var(--bal-space-none-device) !important;\n}\n\n.mt-auto {\n  margin-top: var(--bal-space-auto-device) !important;\n}\n\n.mt-2xs, .mt-xx-small {\n  margin-top: var(--bal-space-2xs-device) !important;\n}\n\n.mt-xs, .mt-x-small {\n  margin-top: var(--bal-space-xs-device) !important;\n}\n\n.mt-sm, .mt-small {\n  margin-top: var(--bal-space-sm-device) !important;\n}\n\n.mt-base, .mt-normal {\n  margin-top: var(--bal-space-base-device) !important;\n}\n\n.mt-md, .mt-medium {\n  margin-top: var(--bal-space-md-device) !important;\n}\n\n.mt-lg, .mt-large {\n  margin-top: var(--bal-space-lg-device) !important;\n}\n\n.mt-xl, .mt-x-large {\n  margin-top: var(--bal-space-xl-device) !important;\n}\n\n.mt-2xl, .mt-xx-large {\n  margin-top: var(--bal-space-2xl-device) !important;\n}\n\n.mt-3xl, .mt-xxx-large {\n  margin-top: var(--bal-space-3xl-device) !important;\n}\n\n.mt-4xl, .mt-xxxx-large {\n  margin-top: var(--bal-space-4xl-device) !important;\n}\n\n.mr-none {\n  margin-right: var(--bal-space-none-device) !important;\n}\n\n.mr-auto {\n  margin-right: var(--bal-space-auto-device) !important;\n}\n\n.mr-2xs, .mr-xx-small {\n  margin-right: var(--bal-space-2xs-device) !important;\n}\n\n.mr-xs, .mr-x-small {\n  margin-right: var(--bal-space-xs-device) !important;\n}\n\n.mr-sm, .mr-small {\n  margin-right: var(--bal-space-sm-device) !important;\n}\n\n.mr-base, .mr-normal {\n  margin-right: var(--bal-space-base-device) !important;\n}\n\n.mr-md, .mr-medium {\n  margin-right: var(--bal-space-md-device) !important;\n}\n\n.mr-lg, .mr-large {\n  margin-right: var(--bal-space-lg-device) !important;\n}\n\n.mr-xl, .mr-x-large {\n  margin-right: var(--bal-space-xl-device) !important;\n}\n\n.mr-2xl, .mr-xx-large {\n  margin-right: var(--bal-space-2xl-device) !important;\n}\n\n.mr-3xl, .mr-xxx-large {\n  margin-right: var(--bal-space-3xl-device) !important;\n}\n\n.mr-4xl, .mr-xxxx-large {\n  margin-right: var(--bal-space-4xl-device) !important;\n}\n\n.mb-none {\n  margin-bottom: var(--bal-space-none-device) !important;\n}\n\n.mb-auto {\n  margin-bottom: var(--bal-space-auto-device) !important;\n}\n\n.mb-2xs, .mb-xx-small {\n  margin-bottom: var(--bal-space-2xs-device) !important;\n}\n\n.mb-xs, .mb-x-small {\n  margin-bottom: var(--bal-space-xs-device) !important;\n}\n\n.mb-sm, .mb-small {\n  margin-bottom: var(--bal-space-sm-device) !important;\n}\n\n.mb-base, .mb-normal {\n  margin-bottom: var(--bal-space-base-device) !important;\n}\n\n.mb-md, .mb-medium {\n  margin-bottom: var(--bal-space-md-device) !important;\n}\n\n.mb-lg, .mb-large {\n  margin-bottom: var(--bal-space-lg-device) !important;\n}\n\n.mb-xl, .mb-x-large {\n  margin-bottom: var(--bal-space-xl-device) !important;\n}\n\n.mb-2xl, .mb-xx-large {\n  margin-bottom: var(--bal-space-2xl-device) !important;\n}\n\n.mb-3xl, .mb-xxx-large {\n  margin-bottom: var(--bal-space-3xl-device) !important;\n}\n\n.mb-4xl, .mb-xxxx-large {\n  margin-bottom: var(--bal-space-4xl-device) !important;\n}\n\n.ml-none {\n  margin-left: var(--bal-space-none-device) !important;\n}\n\n.ml-auto {\n  margin-left: var(--bal-space-auto-device) !important;\n}\n\n.ml-2xs, .ml-xx-small {\n  margin-left: var(--bal-space-2xs-device) !important;\n}\n\n.ml-xs, .ml-x-small {\n  margin-left: var(--bal-space-xs-device) !important;\n}\n\n.ml-sm, .ml-small {\n  margin-left: var(--bal-space-sm-device) !important;\n}\n\n.ml-base, .ml-normal {\n  margin-left: var(--bal-space-base-device) !important;\n}\n\n.ml-md, .ml-medium {\n  margin-left: var(--bal-space-md-device) !important;\n}\n\n.ml-lg, .ml-large {\n  margin-left: var(--bal-space-lg-device) !important;\n}\n\n.ml-xl, .ml-x-large {\n  margin-left: var(--bal-space-xl-device) !important;\n}\n\n.ml-2xl, .ml-xx-large {\n  margin-left: var(--bal-space-2xl-device) !important;\n}\n\n.ml-3xl, .ml-xxx-large {\n  margin-left: var(--bal-space-3xl-device) !important;\n}\n\n.ml-4xl, .ml-xxxx-large {\n  margin-left: var(--bal-space-4xl-device) !important;\n}\n\n.p-none {\n  padding: var(--bal-space-none-device) !important;\n}\n\n.p-auto {\n  padding: var(--bal-space-auto-device) !important;\n}\n\n.p-2xs, .p-xx-small {\n  padding: var(--bal-space-2xs-device) !important;\n}\n\n.p-xs, .p-x-small {\n  padding: var(--bal-space-xs-device) !important;\n}\n\n.p-sm, .p-small {\n  padding: var(--bal-space-sm-device) !important;\n}\n\n.p-base, .p-normal {\n  padding: var(--bal-space-base-device) !important;\n}\n\n.p-md, .p-medium {\n  padding: var(--bal-space-md-device) !important;\n}\n\n.p-lg, .p-large {\n  padding: var(--bal-space-lg-device) !important;\n}\n\n.p-xl, .p-x-large {\n  padding: var(--bal-space-xl-device) !important;\n}\n\n.p-2xl, .p-xx-large {\n  padding: var(--bal-space-2xl-device) !important;\n}\n\n.p-3xl, .p-xxx-large {\n  padding: var(--bal-space-3xl-device) !important;\n}\n\n.p-4xl, .p-xxxx-large {\n  padding: var(--bal-space-4xl-device) !important;\n}\n\n.px-none {\n  padding-left: var(--bal-space-none-device) !important;\n  padding-right: var(--bal-space-none-device) !important;\n}\n\n.px-auto {\n  padding-left: var(--bal-space-auto-device) !important;\n  padding-right: var(--bal-space-auto-device) !important;\n}\n\n.px-2xs, .px-xx-small {\n  padding-left: var(--bal-space-2xs-device) !important;\n  padding-right: var(--bal-space-2xs-device) !important;\n}\n\n.px-xs, .px-x-small {\n  padding-left: var(--bal-space-xs-device) !important;\n  padding-right: var(--bal-space-xs-device) !important;\n}\n\n.px-sm, .px-small {\n  padding-left: var(--bal-space-sm-device) !important;\n  padding-right: var(--bal-space-sm-device) !important;\n}\n\n.px-base, .px-normal {\n  padding-left: var(--bal-space-base-device) !important;\n  padding-right: var(--bal-space-base-device) !important;\n}\n\n.px-md, .px-medium {\n  padding-left: var(--bal-space-md-device) !important;\n  padding-right: var(--bal-space-md-device) !important;\n}\n\n.px-lg, .px-large {\n  padding-left: var(--bal-space-lg-device) !important;\n  padding-right: var(--bal-space-lg-device) !important;\n}\n\n.px-xl, .px-x-large {\n  padding-left: var(--bal-space-xl-device) !important;\n  padding-right: var(--bal-space-xl-device) !important;\n}\n\n.px-2xl, .px-xx-large {\n  padding-left: var(--bal-space-2xl-device) !important;\n  padding-right: var(--bal-space-2xl-device) !important;\n}\n\n.px-3xl, .px-xxx-large {\n  padding-left: var(--bal-space-3xl-device) !important;\n  padding-right: var(--bal-space-3xl-device) !important;\n}\n\n.px-4xl, .px-xxxx-large {\n  padding-left: var(--bal-space-4xl-device) !important;\n  padding-right: var(--bal-space-4xl-device) !important;\n}\n\n.py-none {\n  padding-top: var(--bal-space-none-device) !important;\n  padding-bottom: var(--bal-space-none-device) !important;\n}\n\n.py-auto {\n  padding-top: var(--bal-space-auto-device) !important;\n  padding-bottom: var(--bal-space-auto-device) !important;\n}\n\n.py-2xs, .py-xx-small {\n  padding-top: var(--bal-space-2xs-device) !important;\n  padding-bottom: var(--bal-space-2xs-device) !important;\n}\n\n.py-xs, .py-x-small {\n  padding-top: var(--bal-space-xs-device) !important;\n  padding-bottom: var(--bal-space-xs-device) !important;\n}\n\n.py-sm, .py-small {\n  padding-top: var(--bal-space-sm-device) !important;\n  padding-bottom: var(--bal-space-sm-device) !important;\n}\n\n.py-base, .py-normal {\n  padding-top: var(--bal-space-base-device) !important;\n  padding-bottom: var(--bal-space-base-device) !important;\n}\n\n.py-md, .py-medium {\n  padding-top: var(--bal-space-md-device) !important;\n  padding-bottom: var(--bal-space-md-device) !important;\n}\n\n.py-lg, .py-large {\n  padding-top: var(--bal-space-lg-device) !important;\n  padding-bottom: var(--bal-space-lg-device) !important;\n}\n\n.py-xl, .py-x-large {\n  padding-top: var(--bal-space-xl-device) !important;\n  padding-bottom: var(--bal-space-xl-device) !important;\n}\n\n.py-2xl, .py-xx-large {\n  padding-top: var(--bal-space-2xl-device) !important;\n  padding-bottom: var(--bal-space-2xl-device) !important;\n}\n\n.py-3xl, .py-xxx-large {\n  padding-top: var(--bal-space-3xl-device) !important;\n  padding-bottom: var(--bal-space-3xl-device) !important;\n}\n\n.py-4xl, .py-xxxx-large {\n  padding-top: var(--bal-space-4xl-device) !important;\n  padding-bottom: var(--bal-space-4xl-device) !important;\n}\n\n.pt-none {\n  padding-top: var(--bal-space-none-device) !important;\n}\n\n.pt-auto {\n  padding-top: var(--bal-space-auto-device) !important;\n}\n\n.pt-2xs, .pt-xx-small {\n  padding-top: var(--bal-space-2xs-device) !important;\n}\n\n.pt-xs, .pt-x-small {\n  padding-top: var(--bal-space-xs-device) !important;\n}\n\n.pt-sm, .pt-small {\n  padding-top: var(--bal-space-sm-device) !important;\n}\n\n.pt-base, .pt-normal {\n  padding-top: var(--bal-space-base-device) !important;\n}\n\n.pt-md, .pt-medium {\n  padding-top: var(--bal-space-md-device) !important;\n}\n\n.pt-lg, .pt-large {\n  padding-top: var(--bal-space-lg-device) !important;\n}\n\n.pt-xl, .pt-x-large {\n  padding-top: var(--bal-space-xl-device) !important;\n}\n\n.pt-2xl, .pt-xx-large {\n  padding-top: var(--bal-space-2xl-device) !important;\n}\n\n.pt-3xl, .pt-xxx-large {\n  padding-top: var(--bal-space-3xl-device) !important;\n}\n\n.pt-4xl, .pt-xxxx-large {\n  padding-top: var(--bal-space-4xl-device) !important;\n}\n\n.pr-none {\n  padding-right: var(--bal-space-none-device) !important;\n}\n\n.pr-auto {\n  padding-right: var(--bal-space-auto-device) !important;\n}\n\n.pr-2xs, .pr-xx-small {\n  padding-right: var(--bal-space-2xs-device) !important;\n}\n\n.pr-xs, .pr-x-small {\n  padding-right: var(--bal-space-xs-device) !important;\n}\n\n.pr-sm, .pr-small {\n  padding-right: var(--bal-space-sm-device) !important;\n}\n\n.pr-base, .pr-normal {\n  padding-right: var(--bal-space-base-device) !important;\n}\n\n.pr-md, .pr-medium {\n  padding-right: var(--bal-space-md-device) !important;\n}\n\n.pr-lg, .pr-large {\n  padding-right: var(--bal-space-lg-device) !important;\n}\n\n.pr-xl, .pr-x-large {\n  padding-right: var(--bal-space-xl-device) !important;\n}\n\n.pr-2xl, .pr-xx-large {\n  padding-right: var(--bal-space-2xl-device) !important;\n}\n\n.pr-3xl, .pr-xxx-large {\n  padding-right: var(--bal-space-3xl-device) !important;\n}\n\n.pr-4xl, .pr-xxxx-large {\n  padding-right: var(--bal-space-4xl-device) !important;\n}\n\n.pb-none {\n  padding-bottom: var(--bal-space-none-device) !important;\n}\n\n.pb-auto {\n  padding-bottom: var(--bal-space-auto-device) !important;\n}\n\n.pb-2xs, .pb-xx-small {\n  padding-bottom: var(--bal-space-2xs-device) !important;\n}\n\n.pb-xs, .pb-x-small {\n  padding-bottom: var(--bal-space-xs-device) !important;\n}\n\n.pb-sm, .pb-small {\n  padding-bottom: var(--bal-space-sm-device) !important;\n}\n\n.pb-base, .pb-normal {\n  padding-bottom: var(--bal-space-base-device) !important;\n}\n\n.pb-md, .pb-medium {\n  padding-bottom: var(--bal-space-md-device) !important;\n}\n\n.pb-lg, .pb-large {\n  padding-bottom: var(--bal-space-lg-device) !important;\n}\n\n.pb-xl, .pb-x-large {\n  padding-bottom: var(--bal-space-xl-device) !important;\n}\n\n.pb-2xl, .pb-xx-large {\n  padding-bottom: var(--bal-space-2xl-device) !important;\n}\n\n.pb-3xl, .pb-xxx-large {\n  padding-bottom: var(--bal-space-3xl-device) !important;\n}\n\n.pb-4xl, .pb-xxxx-large {\n  padding-bottom: var(--bal-space-4xl-device) !important;\n}\n\n.pl-none {\n  padding-left: var(--bal-space-none-device) !important;\n}\n\n.pl-auto {\n  padding-left: var(--bal-space-auto-device) !important;\n}\n\n.pl-2xs, .pl-xx-small {\n  padding-left: var(--bal-space-2xs-device) !important;\n}\n\n.pl-xs, .pl-x-small {\n  padding-left: var(--bal-space-xs-device) !important;\n}\n\n.pl-sm, .pl-small {\n  padding-left: var(--bal-space-sm-device) !important;\n}\n\n.pl-base, .pl-normal {\n  padding-left: var(--bal-space-base-device) !important;\n}\n\n.pl-md, .pl-medium {\n  padding-left: var(--bal-space-md-device) !important;\n}\n\n.pl-lg, .pl-large {\n  padding-left: var(--bal-space-lg-device) !important;\n}\n\n.pl-xl, .pl-x-large {\n  padding-left: var(--bal-space-xl-device) !important;\n}\n\n.pl-2xl, .pl-xx-large {\n  padding-left: var(--bal-space-2xl-device) !important;\n}\n\n.pl-3xl, .pl-xxx-large {\n  padding-left: var(--bal-space-3xl-device) !important;\n}\n\n.pl-4xl, .pl-xxxx-large {\n  padding-left: var(--bal-space-4xl-device) !important;\n}\n"]}