@baloise/ds-styles 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

package/css/utilities/elevation.css

@@ -42,6 +42,10 @@
   box-shadow: var(--bal-shadow-large) !important;
 }
 
+.shadow-header {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
 .focus\:shadow-none:focus {
   box-shadow: none !important;
 }
@@ -90,6 +94,18 @@
   box-shadow: var(--bal-shadow-large) !important;
 }
 
+.focus\:shadow-header:focus {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
+.hover\:shadow-header:hover {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
+.active\:shadow-header:active {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
 @media screen and (max-width: 768px) {
   .mobile\:shadow-none {
     box-shadow: none !important;
@@ -103,6 +119,9 @@
   .mobile\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .mobile\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .mobile\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -139,6 +158,15 @@
   .mobile\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .mobile\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .mobile\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .mobile\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 769px), print {
   .tablet\:shadow-none {
@@ -153,6 +181,9 @@
   .tablet\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .tablet\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .tablet\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -189,6 +220,15 @@
   .tablet\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .tablet\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .tablet\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .tablet\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 1024px) {
   .desktop\:shadow-none {
@@ -203,6 +243,9 @@
   .desktop\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .desktop\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .desktop\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -239,6 +282,15 @@
   .desktop\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .desktop\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .desktop\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .desktop\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 1440px) {
   .widescreen\:shadow-none {
@@ -253,6 +305,9 @@
   .widescreen\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .widescreen\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .widescreen\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -289,6 +344,15 @@
   .widescreen\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .widescreen\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .widescreen\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .widescreen\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 .text-shadow-normal {
   text-shadow: var(--bal-text-shadow-normal) !important;

package/css/utilities/elevation.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/elevation.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACtDA;EDyDA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnGF;EDsGA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxIF;ED2IA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjKF;EDoKA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AC7PA;EDgQA;IACE;;;AC7PF;EDgQA;IACE;;;ACrPF;EDwPA;IACE;;;ACjOF;EDoOA;IACE","sourcesContent":[".opacity-0\n  opacity: var(--bal-opacity-0) !important\n\n.opacity-30\n  opacity: var(--bal-opacity-30) !important\n\n.opacity-40\n  opacity: var(--bal-opacity-40) !important\n\n.opacity-50\n  opacity: var(--bal-opacity-50) !important\n\n.opacity-60\n  opacity: var(--bal-opacity-60) !important\n\n.opacity-80\n  opacity: var(--bal-opacity-80) !important\n\n.opacity-100\n  opacity: var(--bal-opacity-100) !important\n\n.shadow-none\n  box-shadow: none !important\n\n.shadow-small\n  box-shadow: var(--bal-shadow-small) !important\n\n.shadow-normal\n  box-shadow: var(--bal-shadow-normal) !important\n\n.shadow-large\n  box-shadow: var(--bal-shadow-large) !important\n\n.focus\\:shadow-none:focus\n  box-shadow: none !important\n\n.hover\\:shadow-none:hover\n  box-shadow: none !important\n\n.active\\:shadow-none:active\n  box-shadow: none !important\n\n.focus\\:shadow-small:focus\n  box-shadow: var(--bal-shadow-small) !important\n\n.hover\\:shadow-small:hover\n  box-shadow: var(--bal-shadow-small) !important\n\n.active\\:shadow-small:active\n  box-shadow: var(--bal-shadow-small) !important\n\n.focus\\:shadow-normal:focus\n  box-shadow: var(--bal-shadow-normal) !important\n\n.hover\\:shadow-normal:hover\n  box-shadow: var(--bal-shadow-normal) !important\n\n.active\\:shadow-normal:active\n  box-shadow: var(--bal-shadow-normal) !important\n\n.focus\\:shadow-large:focus\n  box-shadow: var(--bal-shadow-large) !important\n\n.hover\\:shadow-large:hover\n  box-shadow: var(--bal-shadow-large) !important\n\n.active\\:shadow-large:active\n  box-shadow: var(--bal-shadow-large) !important\n\n+mobile\n  .mobile\\:shadow-none\n    box-shadow: none !important\n\n  .mobile\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .mobile\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .mobile\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .mobile\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n+tablet\n  .tablet\\:shadow-none\n    box-shadow: none !important\n\n  .tablet\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .tablet\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .tablet\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .tablet\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n+desktop\n  .desktop\\:shadow-none\n    box-shadow: none !important\n\n  .desktop\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .desktop\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .desktop\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .desktop\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n+widescreen\n  .widescreen\\:shadow-none\n    box-shadow: none !important\n\n  .widescreen\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .widescreen\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .widescreen\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .widescreen\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n.text-shadow-normal\n  text-shadow: var(--bal-text-shadow-normal) !important\n\n+mobile\n  .mobile\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n\n+tablet\n  .tablet\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n\n+desktop\n  .desktop\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n\n+widescreen\n  .widescreen\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n","=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}
+{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/elevation.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACnEA;EDsEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5HF;ED+HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7KF;EDgLA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClNF;EDqNA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AC1TA;ED6TA;IACE;;;AC1TF;ED6TA;IACE;;;AClTF;EDqTA;IACE;;;AC9RF;EDiSA;IACE","sourcesContent":["@use '../mixins/_all' as *\n\n\n.opacity-0\n  opacity: var(--bal-opacity-0) !important\n\n.opacity-30\n  opacity: var(--bal-opacity-30) !important\n\n.opacity-40\n  opacity: var(--bal-opacity-40) !important\n\n.opacity-50\n  opacity: var(--bal-opacity-50) !important\n\n.opacity-60\n  opacity: var(--bal-opacity-60) !important\n\n.opacity-80\n  opacity: var(--bal-opacity-80) !important\n\n.opacity-100\n  opacity: var(--bal-opacity-100) !important\n\n.shadow-none\n  box-shadow: none !important\n\n.shadow-small\n  box-shadow: var(--bal-shadow-small) !important\n\n.shadow-normal\n  box-shadow: var(--bal-shadow-normal) !important\n\n.shadow-large\n  box-shadow: var(--bal-shadow-large) !important\n\n.shadow-header\n  box-shadow: var(--bal-shadow-header) !important\n\n.focus\\:shadow-none:focus\n  box-shadow: none !important\n\n.hover\\:shadow-none:hover\n  box-shadow: none !important\n\n.active\\:shadow-none:active\n  box-shadow: none !important\n\n.focus\\:shadow-small:focus\n  box-shadow: var(--bal-shadow-small) !important\n\n.hover\\:shadow-small:hover\n  box-shadow: var(--bal-shadow-small) !important\n\n.active\\:shadow-small:active\n  box-shadow: var(--bal-shadow-small) !important\n\n.focus\\:shadow-normal:focus\n  box-shadow: var(--bal-shadow-normal) !important\n\n.hover\\:shadow-normal:hover\n  box-shadow: var(--bal-shadow-normal) !important\n\n.active\\:shadow-normal:active\n  box-shadow: var(--bal-shadow-normal) !important\n\n.focus\\:shadow-large:focus\n  box-shadow: var(--bal-shadow-large) !important\n\n.hover\\:shadow-large:hover\n  box-shadow: var(--bal-shadow-large) !important\n\n.active\\:shadow-large:active\n  box-shadow: var(--bal-shadow-large) !important\n\n.focus\\:shadow-header:focus\n  box-shadow: var(--bal-shadow-header) !important\n\n.hover\\:shadow-header:hover\n  box-shadow: var(--bal-shadow-header) !important\n\n.active\\:shadow-header:active\n  box-shadow: var(--bal-shadow-header) !important\n\n+mobile\n  .mobile\\:shadow-none\n    box-shadow: none !important\n\n  .mobile\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:shadow-header\n    box-shadow: var(--bal-shadow-header) !important\n\n  .mobile\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .mobile\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .mobile\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .mobile\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .mobile\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .mobile\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n  .mobile\\:focus\\:shadow-header:focus\n    box-shadow: var(--bal-shadow-header) !important\n\n  .mobile\\:hover\\:shadow-header:hover\n    box-shadow: var(--bal-shadow-header) !important\n\n  .mobile\\:active\\:shadow-header:active\n    box-shadow: var(--bal-shadow-header) !important\n\n+tablet\n  .tablet\\:shadow-none\n    box-shadow: none !important\n\n  .tablet\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:shadow-header\n    box-shadow: var(--bal-shadow-header) !important\n\n  .tablet\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .tablet\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .tablet\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .tablet\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .tablet\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .tablet\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n  .tablet\\:focus\\:shadow-header:focus\n    box-shadow: var(--bal-shadow-header) !important\n\n  .tablet\\:hover\\:shadow-header:hover\n    box-shadow: var(--bal-shadow-header) !important\n\n  .tablet\\:active\\:shadow-header:active\n    box-shadow: var(--bal-shadow-header) !important\n\n+desktop\n  .desktop\\:shadow-none\n    box-shadow: none !important\n\n  .desktop\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:shadow-header\n    box-shadow: var(--bal-shadow-header) !important\n\n  .desktop\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .desktop\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .desktop\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .desktop\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .desktop\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .desktop\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n  .desktop\\:focus\\:shadow-header:focus\n    box-shadow: var(--bal-shadow-header) !important\n\n  .desktop\\:hover\\:shadow-header:hover\n    box-shadow: var(--bal-shadow-header) !important\n\n  .desktop\\:active\\:shadow-header:active\n    box-shadow: var(--bal-shadow-header) !important\n\n+widescreen\n  .widescreen\\:shadow-none\n    box-shadow: none !important\n\n  .widescreen\\:shadow-small\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:shadow-normal\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:shadow-large\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:shadow-header\n    box-shadow: var(--bal-shadow-header) !important\n\n  .widescreen\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .widescreen\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .widescreen\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .widescreen\\:focus\\:shadow-small:focus\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:hover\\:shadow-small:hover\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:active\\:shadow-small:active\n    box-shadow: var(--bal-shadow-small) !important\n\n  .widescreen\\:focus\\:shadow-normal:focus\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:hover\\:shadow-normal:hover\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:active\\:shadow-normal:active\n    box-shadow: var(--bal-shadow-normal) !important\n\n  .widescreen\\:focus\\:shadow-large:focus\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:hover\\:shadow-large:hover\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:active\\:shadow-large:active\n    box-shadow: var(--bal-shadow-large) !important\n\n  .widescreen\\:focus\\:shadow-header:focus\n    box-shadow: var(--bal-shadow-header) !important\n\n  .widescreen\\:hover\\:shadow-header:hover\n    box-shadow: var(--bal-shadow-header) !important\n\n  .widescreen\\:active\\:shadow-header:active\n    box-shadow: var(--bal-shadow-header) !important\n\n.text-shadow-normal\n  text-shadow: var(--bal-text-shadow-normal) !important\n\n+mobile\n  .mobile\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n\n+tablet\n  .tablet\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n\n+desktop\n  .desktop\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n\n+widescreen\n  .widescreen\\:text-shadow-normal\n    text-shadow: var(--bal-text-shadow-normal) !important\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}

package/css/utilities/elevation.min.css

@@ -1 +1 @@
-.opacity-0{opacity:var(--bal-opacity-0)!important}.opacity-30{opacity:var(--bal-opacity-30)!important}.opacity-40{opacity:var(--bal-opacity-40)!important}.opacity-50{opacity:var(--bal-opacity-50)!important}.opacity-60{opacity:var(--bal-opacity-60)!important}.opacity-80{opacity:var(--bal-opacity-80)!important}.opacity-100{opacity:var(--bal-opacity-100)!important}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:var(--bal-shadow-small)!important}.shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.shadow-large{box-shadow:var(--bal-shadow-large)!important}.active\:shadow-none:active,.focus\:shadow-none:focus,.hover\:shadow-none:hover{box-shadow:none!important}.active\:shadow-small:active,.focus\:shadow-small:focus,.hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.active\:shadow-normal:active,.focus\:shadow-normal:focus,.hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.active\:shadow-large:active,.focus\:shadow-large:focus,.hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}@media screen and (max-width:768px){.mobile\:shadow-none{box-shadow:none!important}.mobile\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.mobile\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.mobile\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.mobile\:active\:shadow-none:active,.mobile\:focus\:shadow-none:focus,.mobile\:hover\:shadow-none:hover{box-shadow:none!important}.mobile\:active\:shadow-small:active,.mobile\:focus\:shadow-small:focus,.mobile\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.mobile\:active\:shadow-normal:active,.mobile\:focus\:shadow-normal:focus,.mobile\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.mobile\:active\:shadow-large:active,.mobile\:focus\:shadow-large:focus,.mobile\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.mobile\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}@media screen and (min-width:769px),print{.tablet\:shadow-none{box-shadow:none!important}.tablet\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.tablet\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.tablet\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.tablet\:active\:shadow-none:active,.tablet\:focus\:shadow-none:focus,.tablet\:hover\:shadow-none:hover{box-shadow:none!important}.tablet\:active\:shadow-small:active,.tablet\:focus\:shadow-small:focus,.tablet\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.tablet\:active\:shadow-normal:active,.tablet\:focus\:shadow-normal:focus,.tablet\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.tablet\:active\:shadow-large:active,.tablet\:focus\:shadow-large:focus,.tablet\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.tablet\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}@media screen and (min-width:1024px){.desktop\:shadow-none{box-shadow:none!important}.desktop\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.desktop\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.desktop\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.desktop\:active\:shadow-none:active,.desktop\:focus\:shadow-none:focus,.desktop\:hover\:shadow-none:hover{box-shadow:none!important}.desktop\:active\:shadow-small:active,.desktop\:focus\:shadow-small:focus,.desktop\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.desktop\:active\:shadow-normal:active,.desktop\:focus\:shadow-normal:focus,.desktop\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.desktop\:active\:shadow-large:active,.desktop\:focus\:shadow-large:focus,.desktop\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.desktop\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}@media screen and (min-width:1440px){.widescreen\:shadow-none{box-shadow:none!important}.widescreen\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.widescreen\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.widescreen\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.widescreen\:active\:shadow-none:active,.widescreen\:focus\:shadow-none:focus,.widescreen\:hover\:shadow-none:hover{box-shadow:none!important}.widescreen\:active\:shadow-small:active,.widescreen\:focus\:shadow-small:focus,.widescreen\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.widescreen\:active\:shadow-normal:active,.widescreen\:focus\:shadow-normal:focus,.widescreen\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.widescreen\:active\:shadow-large:active,.widescreen\:focus\:shadow-large:focus,.widescreen\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.widescreen\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}
+.opacity-0{opacity:var(--bal-opacity-0)!important}.opacity-30{opacity:var(--bal-opacity-30)!important}.opacity-40{opacity:var(--bal-opacity-40)!important}.opacity-50{opacity:var(--bal-opacity-50)!important}.opacity-60{opacity:var(--bal-opacity-60)!important}.opacity-80{opacity:var(--bal-opacity-80)!important}.opacity-100{opacity:var(--bal-opacity-100)!important}.shadow-none{box-shadow:none!important}.shadow-small{box-shadow:var(--bal-shadow-small)!important}.shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.shadow-large{box-shadow:var(--bal-shadow-large)!important}.shadow-header{box-shadow:var(--bal-shadow-header)!important}.active\:shadow-none:active,.focus\:shadow-none:focus,.hover\:shadow-none:hover{box-shadow:none!important}.active\:shadow-small:active,.focus\:shadow-small:focus,.hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.active\:shadow-normal:active,.focus\:shadow-normal:focus,.hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.active\:shadow-large:active,.focus\:shadow-large:focus,.hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.active\:shadow-header:active,.focus\:shadow-header:focus,.hover\:shadow-header:hover{box-shadow:var(--bal-shadow-header)!important}.text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}@media screen and (max-width:768px){.mobile\:shadow-none{box-shadow:none!important}.mobile\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.mobile\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.mobile\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.mobile\:shadow-header{box-shadow:var(--bal-shadow-header)!important}.mobile\:active\:shadow-none:active,.mobile\:focus\:shadow-none:focus,.mobile\:hover\:shadow-none:hover{box-shadow:none!important}.mobile\:active\:shadow-small:active,.mobile\:focus\:shadow-small:focus,.mobile\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.mobile\:active\:shadow-normal:active,.mobile\:focus\:shadow-normal:focus,.mobile\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.mobile\:active\:shadow-large:active,.mobile\:focus\:shadow-large:focus,.mobile\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.mobile\:active\:shadow-header:active,.mobile\:focus\:shadow-header:focus,.mobile\:hover\:shadow-header:hover{box-shadow:var(--bal-shadow-header)!important}.mobile\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}@media screen and (min-width:769px),print{.tablet\:shadow-none{box-shadow:none!important}.tablet\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.tablet\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.tablet\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.tablet\:shadow-header{box-shadow:var(--bal-shadow-header)!important}.tablet\:active\:shadow-none:active,.tablet\:focus\:shadow-none:focus,.tablet\:hover\:shadow-none:hover{box-shadow:none!important}.tablet\:active\:shadow-small:active,.tablet\:focus\:shadow-small:focus,.tablet\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.tablet\:active\:shadow-normal:active,.tablet\:focus\:shadow-normal:focus,.tablet\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.tablet\:active\:shadow-large:active,.tablet\:focus\:shadow-large:focus,.tablet\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.tablet\:active\:shadow-header:active,.tablet\:focus\:shadow-header:focus,.tablet\:hover\:shadow-header:hover{box-shadow:var(--bal-shadow-header)!important}.tablet\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}@media screen and (min-width:1024px){.desktop\:shadow-none{box-shadow:none!important}.desktop\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.desktop\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.desktop\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.desktop\:shadow-header{box-shadow:var(--bal-shadow-header)!important}.desktop\:active\:shadow-none:active,.desktop\:focus\:shadow-none:focus,.desktop\:hover\:shadow-none:hover{box-shadow:none!important}.desktop\:active\:shadow-small:active,.desktop\:focus\:shadow-small:focus,.desktop\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.desktop\:active\:shadow-normal:active,.desktop\:focus\:shadow-normal:focus,.desktop\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.desktop\:active\:shadow-large:active,.desktop\:focus\:shadow-large:focus,.desktop\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.desktop\:active\:shadow-header:active,.desktop\:focus\:shadow-header:focus,.desktop\:hover\:shadow-header:hover{box-shadow:var(--bal-shadow-header)!important}.desktop\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}@media screen and (min-width:1440px){.widescreen\:shadow-none{box-shadow:none!important}.widescreen\:shadow-small{box-shadow:var(--bal-shadow-small)!important}.widescreen\:shadow-normal{box-shadow:var(--bal-shadow-normal)!important}.widescreen\:shadow-large{box-shadow:var(--bal-shadow-large)!important}.widescreen\:shadow-header{box-shadow:var(--bal-shadow-header)!important}.widescreen\:active\:shadow-none:active,.widescreen\:focus\:shadow-none:focus,.widescreen\:hover\:shadow-none:hover{box-shadow:none!important}.widescreen\:active\:shadow-small:active,.widescreen\:focus\:shadow-small:focus,.widescreen\:hover\:shadow-small:hover{box-shadow:var(--bal-shadow-small)!important}.widescreen\:active\:shadow-normal:active,.widescreen\:focus\:shadow-normal:focus,.widescreen\:hover\:shadow-normal:hover{box-shadow:var(--bal-shadow-normal)!important}.widescreen\:active\:shadow-large:active,.widescreen\:focus\:shadow-large:focus,.widescreen\:hover\:shadow-large:hover{box-shadow:var(--bal-shadow-large)!important}.widescreen\:active\:shadow-header:active,.widescreen\:focus\:shadow-header:focus,.widescreen\:hover\:shadow-header:hover{box-shadow:var(--bal-shadow-header)!important}.widescreen\:text-shadow-normal{text-shadow:var(--bal-text-shadow-normal)!important}}

package/css/utilities/flex.css

@@ -966,4 +966,134 @@
          column-gap: var(--bal-space-xxxx-large-desktop) !important;
   }
 }
+.gap-none {
+  gap: 0 !important;
+}
+
+.gap-auto {
+  gap: auto !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:gap-none {
+    gap: 0 !important;
+  }
+  .mobile\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:gap-none {
+    gap: 0 !important;
+  }
+  .tablet\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:gap-none {
+    gap: 0 !important;
+  }
+  .desktop\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:gap-none {
+    gap: 0 !important;
+  }
+  .widescreen\:gap-auto {
+    gap: auto !important;
+  }
+}
+.row-gap-none {
+  row-gap: 0 !important;
+}
+
+.row-gap-auto {
+  row-gap: auto !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .mobile\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .tablet\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .desktop\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .widescreen\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+.column-gap-none {
+  -moz-column-gap: 0 !important;
+       column-gap: 0 !important;
+}
+
+.column-gap-auto {
+  -moz-column-gap: auto !important;
+       column-gap: auto !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .mobile\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .tablet\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .desktop\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .widescreen\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
 /*# sourceMappingURL=utilities/flex.css.map */

package/css/utilities/flex.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/flex.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACNA;EDSA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxBF;ED2BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClCF;EDqCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChCF;EDmCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC7GA;EDgHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzHF;ED4HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7HF;EDgIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrHF;EDwHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC5LA;ED+LA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxMF;ED2MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5MF;ED+MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpMF;EDuMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACxQA;ED2QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjRF;EDoRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClRF;EDqRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvQF;ED0QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACxUA;ED2UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjVF;EDoVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClVF;EDqVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvUF;ED0UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC9YA;EDiZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7ZF;EDgaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpaF;EDuaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/ZF;EDkaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACneA;EDseA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzeF;ED4eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACveF;ED0eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzdF;ED4dA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACnnBA;EDsnBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClpBF;EDqpBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjrBF;EDorBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpsBF;EDusBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnuBF;EDsuBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClwBF;EDqwBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE","sourcesContent":[".align-content-start\n  align-content: flex-start !important\n\n.align-content-end\n  align-content: flex-end !important\n\n.align-content-center\n  align-content: center !important\n\n.align-content-baseline\n  align-content: baseline !important\n\n.align-content-space-between\n  align-content: space-between !important\n\n.align-content-space-around\n  align-content: space-around !important\n\n.align-content-space-evenly\n  align-content: space-evenly !important\n\n+mobile\n  .mobile\\:align-content-start\n    align-content: flex-start !important\n\n  .mobile\\:align-content-end\n    align-content: flex-end !important\n\n  .mobile\\:align-content-center\n    align-content: center !important\n\n  .mobile\\:align-content-baseline\n    align-content: baseline !important\n\n  .mobile\\:align-content-space-between\n    align-content: space-between !important\n\n  .mobile\\:align-content-space-around\n    align-content: space-around !important\n\n  .mobile\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+tablet\n  .tablet\\:align-content-start\n    align-content: flex-start !important\n\n  .tablet\\:align-content-end\n    align-content: flex-end !important\n\n  .tablet\\:align-content-center\n    align-content: center !important\n\n  .tablet\\:align-content-baseline\n    align-content: baseline !important\n\n  .tablet\\:align-content-space-between\n    align-content: space-between !important\n\n  .tablet\\:align-content-space-around\n    align-content: space-around !important\n\n  .tablet\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+desktop\n  .desktop\\:align-content-start\n    align-content: flex-start !important\n\n  .desktop\\:align-content-end\n    align-content: flex-end !important\n\n  .desktop\\:align-content-center\n    align-content: center !important\n\n  .desktop\\:align-content-baseline\n    align-content: baseline !important\n\n  .desktop\\:align-content-space-between\n    align-content: space-between !important\n\n  .desktop\\:align-content-space-around\n    align-content: space-around !important\n\n  .desktop\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+widescreen\n  .widescreen\\:align-content-start\n    align-content: flex-start !important\n\n  .widescreen\\:align-content-end\n    align-content: flex-end !important\n\n  .widescreen\\:align-content-center\n    align-content: center !important\n\n  .widescreen\\:align-content-baseline\n    align-content: baseline !important\n\n  .widescreen\\:align-content-space-between\n    align-content: space-between !important\n\n  .widescreen\\:align-content-space-around\n    align-content: space-around !important\n\n  .widescreen\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n.align-items-start\n  align-items: flex-start !important\n\n.align-items-end\n  align-items: flex-end !important\n\n.align-items-center\n  align-items: center !important\n\n.align-items-stretch\n  align-items: stretch !important\n\n.align-items-baseline\n  align-items: baseline !important\n\n+mobile\n  .mobile\\:align-items-start\n    align-items: flex-start !important\n\n  .mobile\\:align-items-end\n    align-items: flex-end !important\n\n  .mobile\\:align-items-center\n    align-items: center !important\n\n  .mobile\\:align-items-stretch\n    align-items: stretch !important\n\n  .mobile\\:align-items-baseline\n    align-items: baseline !important\n\n+tablet\n  .tablet\\:align-items-start\n    align-items: flex-start !important\n\n  .tablet\\:align-items-end\n    align-items: flex-end !important\n\n  .tablet\\:align-items-center\n    align-items: center !important\n\n  .tablet\\:align-items-stretch\n    align-items: stretch !important\n\n  .tablet\\:align-items-baseline\n    align-items: baseline !important\n\n+desktop\n  .desktop\\:align-items-start\n    align-items: flex-start !important\n\n  .desktop\\:align-items-end\n    align-items: flex-end !important\n\n  .desktop\\:align-items-center\n    align-items: center !important\n\n  .desktop\\:align-items-stretch\n    align-items: stretch !important\n\n  .desktop\\:align-items-baseline\n    align-items: baseline !important\n\n+widescreen\n  .widescreen\\:align-items-start\n    align-items: flex-start !important\n\n  .widescreen\\:align-items-end\n    align-items: flex-end !important\n\n  .widescreen\\:align-items-center\n    align-items: center !important\n\n  .widescreen\\:align-items-stretch\n    align-items: stretch !important\n\n  .widescreen\\:align-items-baseline\n    align-items: baseline !important\n\n.align-self-start\n  align-self: flex-start !important\n\n.align-self-end\n  align-self: flex-end !important\n\n.align-self-center\n  align-self: center !important\n\n.align-self-stretch\n  align-self: stretch !important\n\n.align-self-baseline\n  align-self: baseline !important\n\n+mobile\n  .mobile\\:align-self-start\n    align-self: flex-start !important\n\n  .mobile\\:align-self-end\n    align-self: flex-end !important\n\n  .mobile\\:align-self-center\n    align-self: center !important\n\n  .mobile\\:align-self-stretch\n    align-self: stretch !important\n\n  .mobile\\:align-self-baseline\n    align-self: baseline !important\n\n+tablet\n  .tablet\\:align-self-start\n    align-self: flex-start !important\n\n  .tablet\\:align-self-end\n    align-self: flex-end !important\n\n  .tablet\\:align-self-center\n    align-self: center !important\n\n  .tablet\\:align-self-stretch\n    align-self: stretch !important\n\n  .tablet\\:align-self-baseline\n    align-self: baseline !important\n\n+desktop\n  .desktop\\:align-self-start\n    align-self: flex-start !important\n\n  .desktop\\:align-self-end\n    align-self: flex-end !important\n\n  .desktop\\:align-self-center\n    align-self: center !important\n\n  .desktop\\:align-self-stretch\n    align-self: stretch !important\n\n  .desktop\\:align-self-baseline\n    align-self: baseline !important\n\n+widescreen\n  .widescreen\\:align-self-start\n    align-self: flex-start !important\n\n  .widescreen\\:align-self-end\n    align-self: flex-end !important\n\n  .widescreen\\:align-self-center\n    align-self: center !important\n\n  .widescreen\\:align-self-stretch\n    align-self: stretch !important\n\n  .widescreen\\:align-self-baseline\n    align-self: baseline !important\n\n.flex-direction-row\n  flex-direction: row !important\n\n.flex-direction-row-reverse\n  flex-direction: row-reverse !important\n\n.flex-direction-column\n  flex-direction: column !important\n\n.flex-direction-column-reverse\n  flex-direction: column-reverse !important\n\n+mobile\n  .mobile\\:flex-direction-row\n    flex-direction: row !important\n\n  .mobile\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .mobile\\:flex-direction-column\n    flex-direction: column !important\n\n  .mobile\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+tablet\n  .tablet\\:flex-direction-row\n    flex-direction: row !important\n\n  .tablet\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .tablet\\:flex-direction-column\n    flex-direction: column !important\n\n  .tablet\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+desktop\n  .desktop\\:flex-direction-row\n    flex-direction: row !important\n\n  .desktop\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .desktop\\:flex-direction-column\n    flex-direction: column !important\n\n  .desktop\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+widescreen\n  .widescreen\\:flex-direction-row\n    flex-direction: row !important\n\n  .widescreen\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .widescreen\\:flex-direction-column\n    flex-direction: column !important\n\n  .widescreen\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n.flex-1\n  flex: 1 1 0% !important\n\n.flex-auto\n  flex: 1 1 auto !important\n\n.flex-initial\n  flex: 0 1 auto !important\n\n.flex-none\n  flex: none !important\n\n+mobile\n  .mobile\\:flex-1\n    flex: 1 1 0% !important\n\n  .mobile\\:flex-auto\n    flex: 1 1 auto !important\n\n  .mobile\\:flex-initial\n    flex: 0 1 auto !important\n\n  .mobile\\:flex-none\n    flex: none !important\n\n+tablet\n  .tablet\\:flex-1\n    flex: 1 1 0% !important\n\n  .tablet\\:flex-auto\n    flex: 1 1 auto !important\n\n  .tablet\\:flex-initial\n    flex: 0 1 auto !important\n\n  .tablet\\:flex-none\n    flex: none !important\n\n+desktop\n  .desktop\\:flex-1\n    flex: 1 1 0% !important\n\n  .desktop\\:flex-auto\n    flex: 1 1 auto !important\n\n  .desktop\\:flex-initial\n    flex: 0 1 auto !important\n\n  .desktop\\:flex-none\n    flex: none !important\n\n+widescreen\n  .widescreen\\:flex-1\n    flex: 1 1 0% !important\n\n  .widescreen\\:flex-auto\n    flex: 1 1 auto !important\n\n  .widescreen\\:flex-initial\n    flex: 0 1 auto !important\n\n  .widescreen\\:flex-none\n    flex: none !important\n\n.justify-content-start\n  justify-content: flex-start !important\n\n.justify-content-end\n  justify-content: flex-end !important\n\n.justify-content-center\n  justify-content: center !important\n\n.justify-content-space-between\n  justify-content: space-between !important\n\n.justify-content-space-around\n  justify-content: space-around !important\n\n.justify-content-space-evenly\n  justify-content: space-evenly !important\n\n+mobile\n  .mobile\\:justify-content-start\n    justify-content: flex-start !important\n\n  .mobile\\:justify-content-end\n    justify-content: flex-end !important\n\n  .mobile\\:justify-content-center\n    justify-content: center !important\n\n  .mobile\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .mobile\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .mobile\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+tablet\n  .tablet\\:justify-content-start\n    justify-content: flex-start !important\n\n  .tablet\\:justify-content-end\n    justify-content: flex-end !important\n\n  .tablet\\:justify-content-center\n    justify-content: center !important\n\n  .tablet\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .tablet\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .tablet\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+desktop\n  .desktop\\:justify-content-start\n    justify-content: flex-start !important\n\n  .desktop\\:justify-content-end\n    justify-content: flex-end !important\n\n  .desktop\\:justify-content-center\n    justify-content: center !important\n\n  .desktop\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .desktop\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .desktop\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+widescreen\n  .widescreen\\:justify-content-start\n    justify-content: flex-start !important\n\n  .widescreen\\:justify-content-end\n    justify-content: flex-end !important\n\n  .widescreen\\:justify-content-center\n    justify-content: center !important\n\n  .widescreen\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .widescreen\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .widescreen\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n.flex-nowrap\n  flex-wrap: nowrap !important\n\n.flex-wrap\n  flex-wrap: wrap !important\n\n.flex-wrap-reverse\n  flex-wrap: wrap-reverse !important\n\n+mobile\n  .mobile\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .mobile\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .mobile\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+tablet\n  .tablet\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .tablet\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .tablet\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+desktop\n  .desktop\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .desktop\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .desktop\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+widescreen\n  .widescreen\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .widescreen\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .widescreen\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n.gap-none\n  gap: 0 !important\n\n.gap-auto\n  gap: auto !important\n\n.gap-xx-small\n  gap: var(--bal-space-xx-small) !important\n\n.gap-x-small\n  gap: var(--bal-space-x-small) !important\n\n.gap-small\n  gap: var(--bal-space-small) !important\n\n.gap-normal\n  gap: var(--bal-space-normal) !important\n\n.gap-medium\n  gap: var(--bal-space-medium) !important\n\n.gap-large\n  gap: var(--bal-space-large) !important\n\n.gap-x-large\n  gap: var(--bal-space-x-large) !important\n\n.gap-xx-large\n  gap: var(--bal-space-xx-large) !important\n\n.gap-xxx-large\n  gap: var(--bal-space-xxx-large) !important\n\n.gap-xxxx-large\n  gap: var(--bal-space-xxxx-large) !important\n\n.row-gap-none\n  row-gap: 0 !important\n\n.row-gap-auto\n  row-gap: auto !important\n\n.row-gap-xx-small\n  row-gap: var(--bal-space-xx-small) !important\n\n.row-gap-x-small\n  row-gap: var(--bal-space-x-small) !important\n\n.row-gap-small\n  row-gap: var(--bal-space-small) !important\n\n.row-gap-normal\n  row-gap: var(--bal-space-normal) !important\n\n.row-gap-medium\n  row-gap: var(--bal-space-medium) !important\n\n.row-gap-large\n  row-gap: var(--bal-space-large) !important\n\n.row-gap-x-large\n  row-gap: var(--bal-space-x-large) !important\n\n.row-gap-xx-large\n  row-gap: var(--bal-space-xx-large) !important\n\n.row-gap-xxx-large\n  row-gap: var(--bal-space-xxx-large) !important\n\n.row-gap-xxxx-large\n  row-gap: var(--bal-space-xxxx-large) !important\n\n.column-gap-none\n  column-gap: 0 !important\n\n.column-gap-auto\n  column-gap: auto !important\n\n.column-gap-xx-small\n  column-gap: var(--bal-space-xx-small) !important\n\n.column-gap-x-small\n  column-gap: var(--bal-space-x-small) !important\n\n.column-gap-small\n  column-gap: var(--bal-space-small) !important\n\n.column-gap-normal\n  column-gap: var(--bal-space-normal) !important\n\n.column-gap-medium\n  column-gap: var(--bal-space-medium) !important\n\n.column-gap-large\n  column-gap: var(--bal-space-large) !important\n\n.column-gap-x-large\n  column-gap: var(--bal-space-x-large) !important\n\n.column-gap-xx-large\n  column-gap: var(--bal-space-xx-large) !important\n\n.column-gap-xxx-large\n  column-gap: var(--bal-space-xxx-large) !important\n\n.column-gap-xxxx-large\n  column-gap: var(--bal-space-xxxx-large) !important\n\n+tablet\n  .gap-xx-small\n    gap: var(--bal-space-xx-small-tablet) !important\n\n  .gap-x-small\n    gap: var(--bal-space-x-small-tablet) !important\n\n  .gap-small\n    gap: var(--bal-space-small-tablet) !important\n\n  .gap-normal\n    gap: var(--bal-space-normal-tablet) !important\n\n  .gap-medium\n    gap: var(--bal-space-medium-tablet) !important\n\n  .gap-large\n    gap: var(--bal-space-large-tablet) !important\n\n  .gap-x-large\n    gap: var(--bal-space-x-large-tablet) !important\n\n  .gap-xx-large\n    gap: var(--bal-space-xx-large-tablet) !important\n\n  .gap-xxx-large\n    gap: var(--bal-space-xxx-large-tablet) !important\n\n  .gap-xxxx-large\n    gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n  .row-gap-xx-small\n    row-gap: var(--bal-space-xx-small-tablet) !important\n\n  .row-gap-x-small\n    row-gap: var(--bal-space-x-small-tablet) !important\n\n  .row-gap-small\n    row-gap: var(--bal-space-small-tablet) !important\n\n  .row-gap-normal\n    row-gap: var(--bal-space-normal-tablet) !important\n\n  .row-gap-medium\n    row-gap: var(--bal-space-medium-tablet) !important\n\n  .row-gap-large\n    row-gap: var(--bal-space-large-tablet) !important\n\n  .row-gap-x-large\n    row-gap: var(--bal-space-x-large-tablet) !important\n\n  .row-gap-xx-large\n    row-gap: var(--bal-space-xx-large-tablet) !important\n\n  .row-gap-xxx-large\n    row-gap: var(--bal-space-xxx-large-tablet) !important\n\n  .row-gap-xxxx-large\n    row-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n  .column-gap-xx-small\n    column-gap: var(--bal-space-xx-small-tablet) !important\n\n  .column-gap-x-small\n    column-gap: var(--bal-space-x-small-tablet) !important\n\n  .column-gap-small\n    column-gap: var(--bal-space-small-tablet) !important\n\n  .column-gap-normal\n    column-gap: var(--bal-space-normal-tablet) !important\n\n  .column-gap-medium\n    column-gap: var(--bal-space-medium-tablet) !important\n\n  .column-gap-large\n    column-gap: var(--bal-space-large-tablet) !important\n\n  .column-gap-x-large\n    column-gap: var(--bal-space-x-large-tablet) !important\n\n  .column-gap-xx-large\n    column-gap: var(--bal-space-xx-large-tablet) !important\n\n  .column-gap-xxx-large\n    column-gap: var(--bal-space-xxx-large-tablet) !important\n\n  .column-gap-xxxx-large\n    column-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+desktop\n  .gap-xx-small\n    gap: var(--bal-space-xx-small-desktop) !important\n\n  .gap-x-small\n    gap: var(--bal-space-x-small-desktop) !important\n\n  .gap-small\n    gap: var(--bal-space-small-desktop) !important\n\n  .gap-normal\n    gap: var(--bal-space-normal-desktop) !important\n\n  .gap-medium\n    gap: var(--bal-space-medium-desktop) !important\n\n  .gap-large\n    gap: var(--bal-space-large-desktop) !important\n\n  .gap-x-large\n    gap: var(--bal-space-x-large-desktop) !important\n\n  .gap-xx-large\n    gap: var(--bal-space-xx-large-desktop) !important\n\n  .gap-xxx-large\n    gap: var(--bal-space-xxx-large-desktop) !important\n\n  .gap-xxxx-large\n    gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n  .row-gap-xx-small\n    row-gap: var(--bal-space-xx-small-desktop) !important\n\n  .row-gap-x-small\n    row-gap: var(--bal-space-x-small-desktop) !important\n\n  .row-gap-small\n    row-gap: var(--bal-space-small-desktop) !important\n\n  .row-gap-normal\n    row-gap: var(--bal-space-normal-desktop) !important\n\n  .row-gap-medium\n    row-gap: var(--bal-space-medium-desktop) !important\n\n  .row-gap-large\n    row-gap: var(--bal-space-large-desktop) !important\n\n  .row-gap-x-large\n    row-gap: var(--bal-space-x-large-desktop) !important\n\n  .row-gap-xx-large\n    row-gap: var(--bal-space-xx-large-desktop) !important\n\n  .row-gap-xxx-large\n    row-gap: var(--bal-space-xxx-large-desktop) !important\n\n  .row-gap-xxxx-large\n    row-gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n  .column-gap-xx-small\n    column-gap: var(--bal-space-xx-small-desktop) !important\n\n  .column-gap-x-small\n    column-gap: var(--bal-space-x-small-desktop) !important\n\n  .column-gap-small\n    column-gap: var(--bal-space-small-desktop) !important\n\n  .column-gap-normal\n    column-gap: var(--bal-space-normal-desktop) !important\n\n  .column-gap-medium\n    column-gap: var(--bal-space-medium-desktop) !important\n\n  .column-gap-large\n    column-gap: var(--bal-space-large-desktop) !important\n\n  .column-gap-x-large\n    column-gap: var(--bal-space-x-large-desktop) !important\n\n  .column-gap-xx-large\n    column-gap: var(--bal-space-xx-large-desktop) !important\n\n  .column-gap-xxx-large\n    column-gap: var(--bal-space-xxx-large-desktop) !important\n\n  .column-gap-xxxx-large\n    column-gap: var(--bal-space-xxxx-large-desktop) !important\n","=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}
+{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/flex.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACPA;EDUA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzBF;ED4BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnCF;EDsCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjCF;EDoCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC9GA;EDiHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1HF;ED6HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9HF;EDiIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtHF;EDyHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC7LA;EDgMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzMF;ED4MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7MF;EDgNA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrMF;EDwMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACzQA;ED4QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClRF;EDqRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnRF;EDsRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxQF;ED2QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACzUA;ED4UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClVF;EDqVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnVF;EDsVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxUF;ED2UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC/YA;EDkZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9ZF;EDiaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACraF;EDwaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChaF;EDmaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACpeA;EDueA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1eF;ED6eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxeF;ED2eA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1dF;ED6dA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACpnBA;EDunBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnpBF;EDspBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClrBF;EDqrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrsBF;EDwsBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpuBF;EDuuBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnwBF;EDswBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;ACxzBA;ED2zBA;IACE;;EAEF;IACE;;;AC3zBF;ED8zBA;IACE;;EAEF;IACE;;;ACtzBF;EDyzBA;IACE;;EAEF;IACE;;;ACryBF;EDwyBA;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AC11BA;ED61BA;IACE;;EAEF;IACE;;;AC71BF;EDg2BA;IACE;;EAEF;IACE;;;ACx1BF;ED21BA;IACE;;EAEF;IACE;;;ACv0BF;ED00BA;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AC53BA;ED+3BA;IACE;;EAEF;IACE;;;AC/3BF;EDk4BA;IACE;;EAEF;IACE;;;AC13BF;ED63BA;IACE;;EAEF;IACE;;;ACz2BF;ED42BA;IACE;;EAEF;IACE","sourcesContent":["@use '../mixins/_all' as *\n\n\n.align-content-start\n  align-content: flex-start !important\n\n.align-content-end\n  align-content: flex-end !important\n\n.align-content-center\n  align-content: center !important\n\n.align-content-baseline\n  align-content: baseline !important\n\n.align-content-space-between\n  align-content: space-between !important\n\n.align-content-space-around\n  align-content: space-around !important\n\n.align-content-space-evenly\n  align-content: space-evenly !important\n\n+mobile\n  .mobile\\:align-content-start\n    align-content: flex-start !important\n\n  .mobile\\:align-content-end\n    align-content: flex-end !important\n\n  .mobile\\:align-content-center\n    align-content: center !important\n\n  .mobile\\:align-content-baseline\n    align-content: baseline !important\n\n  .mobile\\:align-content-space-between\n    align-content: space-between !important\n\n  .mobile\\:align-content-space-around\n    align-content: space-around !important\n\n  .mobile\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+tablet\n  .tablet\\:align-content-start\n    align-content: flex-start !important\n\n  .tablet\\:align-content-end\n    align-content: flex-end !important\n\n  .tablet\\:align-content-center\n    align-content: center !important\n\n  .tablet\\:align-content-baseline\n    align-content: baseline !important\n\n  .tablet\\:align-content-space-between\n    align-content: space-between !important\n\n  .tablet\\:align-content-space-around\n    align-content: space-around !important\n\n  .tablet\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+desktop\n  .desktop\\:align-content-start\n    align-content: flex-start !important\n\n  .desktop\\:align-content-end\n    align-content: flex-end !important\n\n  .desktop\\:align-content-center\n    align-content: center !important\n\n  .desktop\\:align-content-baseline\n    align-content: baseline !important\n\n  .desktop\\:align-content-space-between\n    align-content: space-between !important\n\n  .desktop\\:align-content-space-around\n    align-content: space-around !important\n\n  .desktop\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+widescreen\n  .widescreen\\:align-content-start\n    align-content: flex-start !important\n\n  .widescreen\\:align-content-end\n    align-content: flex-end !important\n\n  .widescreen\\:align-content-center\n    align-content: center !important\n\n  .widescreen\\:align-content-baseline\n    align-content: baseline !important\n\n  .widescreen\\:align-content-space-between\n    align-content: space-between !important\n\n  .widescreen\\:align-content-space-around\n    align-content: space-around !important\n\n  .widescreen\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n.align-items-start\n  align-items: flex-start !important\n\n.align-items-end\n  align-items: flex-end !important\n\n.align-items-center\n  align-items: center !important\n\n.align-items-stretch\n  align-items: stretch !important\n\n.align-items-baseline\n  align-items: baseline !important\n\n+mobile\n  .mobile\\:align-items-start\n    align-items: flex-start !important\n\n  .mobile\\:align-items-end\n    align-items: flex-end !important\n\n  .mobile\\:align-items-center\n    align-items: center !important\n\n  .mobile\\:align-items-stretch\n    align-items: stretch !important\n\n  .mobile\\:align-items-baseline\n    align-items: baseline !important\n\n+tablet\n  .tablet\\:align-items-start\n    align-items: flex-start !important\n\n  .tablet\\:align-items-end\n    align-items: flex-end !important\n\n  .tablet\\:align-items-center\n    align-items: center !important\n\n  .tablet\\:align-items-stretch\n    align-items: stretch !important\n\n  .tablet\\:align-items-baseline\n    align-items: baseline !important\n\n+desktop\n  .desktop\\:align-items-start\n    align-items: flex-start !important\n\n  .desktop\\:align-items-end\n    align-items: flex-end !important\n\n  .desktop\\:align-items-center\n    align-items: center !important\n\n  .desktop\\:align-items-stretch\n    align-items: stretch !important\n\n  .desktop\\:align-items-baseline\n    align-items: baseline !important\n\n+widescreen\n  .widescreen\\:align-items-start\n    align-items: flex-start !important\n\n  .widescreen\\:align-items-end\n    align-items: flex-end !important\n\n  .widescreen\\:align-items-center\n    align-items: center !important\n\n  .widescreen\\:align-items-stretch\n    align-items: stretch !important\n\n  .widescreen\\:align-items-baseline\n    align-items: baseline !important\n\n.align-self-start\n  align-self: flex-start !important\n\n.align-self-end\n  align-self: flex-end !important\n\n.align-self-center\n  align-self: center !important\n\n.align-self-stretch\n  align-self: stretch !important\n\n.align-self-baseline\n  align-self: baseline !important\n\n+mobile\n  .mobile\\:align-self-start\n    align-self: flex-start !important\n\n  .mobile\\:align-self-end\n    align-self: flex-end !important\n\n  .mobile\\:align-self-center\n    align-self: center !important\n\n  .mobile\\:align-self-stretch\n    align-self: stretch !important\n\n  .mobile\\:align-self-baseline\n    align-self: baseline !important\n\n+tablet\n  .tablet\\:align-self-start\n    align-self: flex-start !important\n\n  .tablet\\:align-self-end\n    align-self: flex-end !important\n\n  .tablet\\:align-self-center\n    align-self: center !important\n\n  .tablet\\:align-self-stretch\n    align-self: stretch !important\n\n  .tablet\\:align-self-baseline\n    align-self: baseline !important\n\n+desktop\n  .desktop\\:align-self-start\n    align-self: flex-start !important\n\n  .desktop\\:align-self-end\n    align-self: flex-end !important\n\n  .desktop\\:align-self-center\n    align-self: center !important\n\n  .desktop\\:align-self-stretch\n    align-self: stretch !important\n\n  .desktop\\:align-self-baseline\n    align-self: baseline !important\n\n+widescreen\n  .widescreen\\:align-self-start\n    align-self: flex-start !important\n\n  .widescreen\\:align-self-end\n    align-self: flex-end !important\n\n  .widescreen\\:align-self-center\n    align-self: center !important\n\n  .widescreen\\:align-self-stretch\n    align-self: stretch !important\n\n  .widescreen\\:align-self-baseline\n    align-self: baseline !important\n\n.flex-direction-row\n  flex-direction: row !important\n\n.flex-direction-row-reverse\n  flex-direction: row-reverse !important\n\n.flex-direction-column\n  flex-direction: column !important\n\n.flex-direction-column-reverse\n  flex-direction: column-reverse !important\n\n+mobile\n  .mobile\\:flex-direction-row\n    flex-direction: row !important\n\n  .mobile\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .mobile\\:flex-direction-column\n    flex-direction: column !important\n\n  .mobile\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+tablet\n  .tablet\\:flex-direction-row\n    flex-direction: row !important\n\n  .tablet\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .tablet\\:flex-direction-column\n    flex-direction: column !important\n\n  .tablet\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+desktop\n  .desktop\\:flex-direction-row\n    flex-direction: row !important\n\n  .desktop\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .desktop\\:flex-direction-column\n    flex-direction: column !important\n\n  .desktop\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+widescreen\n  .widescreen\\:flex-direction-row\n    flex-direction: row !important\n\n  .widescreen\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .widescreen\\:flex-direction-column\n    flex-direction: column !important\n\n  .widescreen\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n.flex-1\n  flex: 1 1 0% !important\n\n.flex-auto\n  flex: 1 1 auto !important\n\n.flex-initial\n  flex: 0 1 auto !important\n\n.flex-none\n  flex: none !important\n\n+mobile\n  .mobile\\:flex-1\n    flex: 1 1 0% !important\n\n  .mobile\\:flex-auto\n    flex: 1 1 auto !important\n\n  .mobile\\:flex-initial\n    flex: 0 1 auto !important\n\n  .mobile\\:flex-none\n    flex: none !important\n\n+tablet\n  .tablet\\:flex-1\n    flex: 1 1 0% !important\n\n  .tablet\\:flex-auto\n    flex: 1 1 auto !important\n\n  .tablet\\:flex-initial\n    flex: 0 1 auto !important\n\n  .tablet\\:flex-none\n    flex: none !important\n\n+desktop\n  .desktop\\:flex-1\n    flex: 1 1 0% !important\n\n  .desktop\\:flex-auto\n    flex: 1 1 auto !important\n\n  .desktop\\:flex-initial\n    flex: 0 1 auto !important\n\n  .desktop\\:flex-none\n    flex: none !important\n\n+widescreen\n  .widescreen\\:flex-1\n    flex: 1 1 0% !important\n\n  .widescreen\\:flex-auto\n    flex: 1 1 auto !important\n\n  .widescreen\\:flex-initial\n    flex: 0 1 auto !important\n\n  .widescreen\\:flex-none\n    flex: none !important\n\n.justify-content-start\n  justify-content: flex-start !important\n\n.justify-content-end\n  justify-content: flex-end !important\n\n.justify-content-center\n  justify-content: center !important\n\n.justify-content-space-between\n  justify-content: space-between !important\n\n.justify-content-space-around\n  justify-content: space-around !important\n\n.justify-content-space-evenly\n  justify-content: space-evenly !important\n\n+mobile\n  .mobile\\:justify-content-start\n    justify-content: flex-start !important\n\n  .mobile\\:justify-content-end\n    justify-content: flex-end !important\n\n  .mobile\\:justify-content-center\n    justify-content: center !important\n\n  .mobile\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .mobile\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .mobile\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+tablet\n  .tablet\\:justify-content-start\n    justify-content: flex-start !important\n\n  .tablet\\:justify-content-end\n    justify-content: flex-end !important\n\n  .tablet\\:justify-content-center\n    justify-content: center !important\n\n  .tablet\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .tablet\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .tablet\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+desktop\n  .desktop\\:justify-content-start\n    justify-content: flex-start !important\n\n  .desktop\\:justify-content-end\n    justify-content: flex-end !important\n\n  .desktop\\:justify-content-center\n    justify-content: center !important\n\n  .desktop\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .desktop\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .desktop\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+widescreen\n  .widescreen\\:justify-content-start\n    justify-content: flex-start !important\n\n  .widescreen\\:justify-content-end\n    justify-content: flex-end !important\n\n  .widescreen\\:justify-content-center\n    justify-content: center !important\n\n  .widescreen\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .widescreen\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .widescreen\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n.flex-nowrap\n  flex-wrap: nowrap !important\n\n.flex-wrap\n  flex-wrap: wrap !important\n\n.flex-wrap-reverse\n  flex-wrap: wrap-reverse !important\n\n+mobile\n  .mobile\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .mobile\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .mobile\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+tablet\n  .tablet\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .tablet\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .tablet\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+desktop\n  .desktop\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .desktop\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .desktop\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+widescreen\n  .widescreen\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .widescreen\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .widescreen\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n.gap-none\n  gap: 0 !important\n\n.gap-auto\n  gap: auto !important\n\n.gap-xx-small\n  gap: var(--bal-space-xx-small) !important\n\n.gap-x-small\n  gap: var(--bal-space-x-small) !important\n\n.gap-small\n  gap: var(--bal-space-small) !important\n\n.gap-normal\n  gap: var(--bal-space-normal) !important\n\n.gap-medium\n  gap: var(--bal-space-medium) !important\n\n.gap-large\n  gap: var(--bal-space-large) !important\n\n.gap-x-large\n  gap: var(--bal-space-x-large) !important\n\n.gap-xx-large\n  gap: var(--bal-space-xx-large) !important\n\n.gap-xxx-large\n  gap: var(--bal-space-xxx-large) !important\n\n.gap-xxxx-large\n  gap: var(--bal-space-xxxx-large) !important\n\n.row-gap-none\n  row-gap: 0 !important\n\n.row-gap-auto\n  row-gap: auto !important\n\n.row-gap-xx-small\n  row-gap: var(--bal-space-xx-small) !important\n\n.row-gap-x-small\n  row-gap: var(--bal-space-x-small) !important\n\n.row-gap-small\n  row-gap: var(--bal-space-small) !important\n\n.row-gap-normal\n  row-gap: var(--bal-space-normal) !important\n\n.row-gap-medium\n  row-gap: var(--bal-space-medium) !important\n\n.row-gap-large\n  row-gap: var(--bal-space-large) !important\n\n.row-gap-x-large\n  row-gap: var(--bal-space-x-large) !important\n\n.row-gap-xx-large\n  row-gap: var(--bal-space-xx-large) !important\n\n.row-gap-xxx-large\n  row-gap: var(--bal-space-xxx-large) !important\n\n.row-gap-xxxx-large\n  row-gap: var(--bal-space-xxxx-large) !important\n\n.column-gap-none\n  column-gap: 0 !important\n\n.column-gap-auto\n  column-gap: auto !important\n\n.column-gap-xx-small\n  column-gap: var(--bal-space-xx-small) !important\n\n.column-gap-x-small\n  column-gap: var(--bal-space-x-small) !important\n\n.column-gap-small\n  column-gap: var(--bal-space-small) !important\n\n.column-gap-normal\n  column-gap: var(--bal-space-normal) !important\n\n.column-gap-medium\n  column-gap: var(--bal-space-medium) !important\n\n.column-gap-large\n  column-gap: var(--bal-space-large) !important\n\n.column-gap-x-large\n  column-gap: var(--bal-space-x-large) !important\n\n.column-gap-xx-large\n  column-gap: var(--bal-space-xx-large) !important\n\n.column-gap-xxx-large\n  column-gap: var(--bal-space-xxx-large) !important\n\n.column-gap-xxxx-large\n  column-gap: var(--bal-space-xxxx-large) !important\n\n+tablet\n  .gap-xx-small\n    gap: var(--bal-space-xx-small-tablet) !important\n\n  .gap-x-small\n    gap: var(--bal-space-x-small-tablet) !important\n\n  .gap-small\n    gap: var(--bal-space-small-tablet) !important\n\n  .gap-normal\n    gap: var(--bal-space-normal-tablet) !important\n\n  .gap-medium\n    gap: var(--bal-space-medium-tablet) !important\n\n  .gap-large\n    gap: var(--bal-space-large-tablet) !important\n\n  .gap-x-large\n    gap: var(--bal-space-x-large-tablet) !important\n\n  .gap-xx-large\n    gap: var(--bal-space-xx-large-tablet) !important\n\n  .gap-xxx-large\n    gap: var(--bal-space-xxx-large-tablet) !important\n\n  .gap-xxxx-large\n    gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n  .row-gap-xx-small\n    row-gap: var(--bal-space-xx-small-tablet) !important\n\n  .row-gap-x-small\n    row-gap: var(--bal-space-x-small-tablet) !important\n\n  .row-gap-small\n    row-gap: var(--bal-space-small-tablet) !important\n\n  .row-gap-normal\n    row-gap: var(--bal-space-normal-tablet) !important\n\n  .row-gap-medium\n    row-gap: var(--bal-space-medium-tablet) !important\n\n  .row-gap-large\n    row-gap: var(--bal-space-large-tablet) !important\n\n  .row-gap-x-large\n    row-gap: var(--bal-space-x-large-tablet) !important\n\n  .row-gap-xx-large\n    row-gap: var(--bal-space-xx-large-tablet) !important\n\n  .row-gap-xxx-large\n    row-gap: var(--bal-space-xxx-large-tablet) !important\n\n  .row-gap-xxxx-large\n    row-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n  .column-gap-xx-small\n    column-gap: var(--bal-space-xx-small-tablet) !important\n\n  .column-gap-x-small\n    column-gap: var(--bal-space-x-small-tablet) !important\n\n  .column-gap-small\n    column-gap: var(--bal-space-small-tablet) !important\n\n  .column-gap-normal\n    column-gap: var(--bal-space-normal-tablet) !important\n\n  .column-gap-medium\n    column-gap: var(--bal-space-medium-tablet) !important\n\n  .column-gap-large\n    column-gap: var(--bal-space-large-tablet) !important\n\n  .column-gap-x-large\n    column-gap: var(--bal-space-x-large-tablet) !important\n\n  .column-gap-xx-large\n    column-gap: var(--bal-space-xx-large-tablet) !important\n\n  .column-gap-xxx-large\n    column-gap: var(--bal-space-xxx-large-tablet) !important\n\n  .column-gap-xxxx-large\n    column-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+desktop\n  .gap-xx-small\n    gap: var(--bal-space-xx-small-desktop) !important\n\n  .gap-x-small\n    gap: var(--bal-space-x-small-desktop) !important\n\n  .gap-small\n    gap: var(--bal-space-small-desktop) !important\n\n  .gap-normal\n    gap: var(--bal-space-normal-desktop) !important\n\n  .gap-medium\n    gap: var(--bal-space-medium-desktop) !important\n\n  .gap-large\n    gap: var(--bal-space-large-desktop) !important\n\n  .gap-x-large\n    gap: var(--bal-space-x-large-desktop) !important\n\n  .gap-xx-large\n    gap: var(--bal-space-xx-large-desktop) !important\n\n  .gap-xxx-large\n    gap: var(--bal-space-xxx-large-desktop) !important\n\n  .gap-xxxx-large\n    gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n  .row-gap-xx-small\n    row-gap: var(--bal-space-xx-small-desktop) !important\n\n  .row-gap-x-small\n    row-gap: var(--bal-space-x-small-desktop) !important\n\n  .row-gap-small\n    row-gap: var(--bal-space-small-desktop) !important\n\n  .row-gap-normal\n    row-gap: var(--bal-space-normal-desktop) !important\n\n  .row-gap-medium\n    row-gap: var(--bal-space-medium-desktop) !important\n\n  .row-gap-large\n    row-gap: var(--bal-space-large-desktop) !important\n\n  .row-gap-x-large\n    row-gap: var(--bal-space-x-large-desktop) !important\n\n  .row-gap-xx-large\n    row-gap: var(--bal-space-xx-large-desktop) !important\n\n  .row-gap-xxx-large\n    row-gap: var(--bal-space-xxx-large-desktop) !important\n\n  .row-gap-xxxx-large\n    row-gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n  .column-gap-xx-small\n    column-gap: var(--bal-space-xx-small-desktop) !important\n\n  .column-gap-x-small\n    column-gap: var(--bal-space-x-small-desktop) !important\n\n  .column-gap-small\n    column-gap: var(--bal-space-small-desktop) !important\n\n  .column-gap-normal\n    column-gap: var(--bal-space-normal-desktop) !important\n\n  .column-gap-medium\n    column-gap: var(--bal-space-medium-desktop) !important\n\n  .column-gap-large\n    column-gap: var(--bal-space-large-desktop) !important\n\n  .column-gap-x-large\n    column-gap: var(--bal-space-x-large-desktop) !important\n\n  .column-gap-xx-large\n    column-gap: var(--bal-space-xx-large-desktop) !important\n\n  .column-gap-xxx-large\n    column-gap: var(--bal-space-xxx-large-desktop) !important\n\n  .column-gap-xxxx-large\n    column-gap: var(--bal-space-xxxx-large-desktop) !important\n\n.gap-none\n  gap: 0 !important\n\n.gap-auto\n  gap: auto !important\n\n+mobile\n  .mobile\\:gap-none\n    gap: 0 !important\n\n  .mobile\\:gap-auto\n    gap: auto !important\n\n+tablet\n  .tablet\\:gap-none\n    gap: 0 !important\n\n  .tablet\\:gap-auto\n    gap: auto !important\n\n+desktop\n  .desktop\\:gap-none\n    gap: 0 !important\n\n  .desktop\\:gap-auto\n    gap: auto !important\n\n+widescreen\n  .widescreen\\:gap-none\n    gap: 0 !important\n\n  .widescreen\\:gap-auto\n    gap: auto !important\n\n.row-gap-none\n  row-gap: 0 !important\n\n.row-gap-auto\n  row-gap: auto !important\n\n+mobile\n  .mobile\\:row-gap-none\n    row-gap: 0 !important\n\n  .mobile\\:row-gap-auto\n    row-gap: auto !important\n\n+tablet\n  .tablet\\:row-gap-none\n    row-gap: 0 !important\n\n  .tablet\\:row-gap-auto\n    row-gap: auto !important\n\n+desktop\n  .desktop\\:row-gap-none\n    row-gap: 0 !important\n\n  .desktop\\:row-gap-auto\n    row-gap: auto !important\n\n+widescreen\n  .widescreen\\:row-gap-none\n    row-gap: 0 !important\n\n  .widescreen\\:row-gap-auto\n    row-gap: auto !important\n\n.column-gap-none\n  column-gap: 0 !important\n\n.column-gap-auto\n  column-gap: auto !important\n\n+mobile\n  .mobile\\:column-gap-none\n    column-gap: 0 !important\n\n  .mobile\\:column-gap-auto\n    column-gap: auto !important\n\n+tablet\n  .tablet\\:column-gap-none\n    column-gap: 0 !important\n\n  .tablet\\:column-gap-auto\n    column-gap: auto !important\n\n+desktop\n  .desktop\\:column-gap-none\n    column-gap: 0 !important\n\n  .desktop\\:column-gap-auto\n    column-gap: auto !important\n\n+widescreen\n  .widescreen\\:column-gap-none\n    column-gap: 0 !important\n\n  .widescreen\\:column-gap-auto\n    column-gap: auto !important\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}

package/css/utilities/flex.min.css

@@ -1 +1 @@
-.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-baseline{align-content:baseline!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-space-evenly{align-content:space-evenly!important}@media screen and (max-width:768px){.mobile\:align-content-start{align-content:flex-start!important}.mobile\:align-content-end{align-content:flex-end!important}.mobile\:align-content-center{align-content:center!important}.mobile\:align-content-baseline{align-content:baseline!important}.mobile\:align-content-space-between{align-content:space-between!important}.mobile\:align-content-space-around{align-content:space-around!important}.mobile\:align-content-space-evenly{align-content:space-evenly!important}}@media screen and (min-width:769px),print{.tablet\:align-content-start{align-content:flex-start!important}.tablet\:align-content-end{align-content:flex-end!important}.tablet\:align-content-center{align-content:center!important}.tablet\:align-content-baseline{align-content:baseline!important}.tablet\:align-content-space-between{align-content:space-between!important}.tablet\:align-content-space-around{align-content:space-around!important}.tablet\:align-content-space-evenly{align-content:space-evenly!important}}@media screen and (min-width:1024px){.desktop\:align-content-start{align-content:flex-start!important}.desktop\:align-content-end{align-content:flex-end!important}.desktop\:align-content-center{align-content:center!important}.desktop\:align-content-baseline{align-content:baseline!important}.desktop\:align-content-space-between{align-content:space-between!important}.desktop\:align-content-space-around{align-content:space-around!important}.desktop\:align-content-space-evenly{align-content:space-evenly!important}}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-items-baseline{align-items:baseline!important}@media screen and (max-width:768px){.mobile\:align-items-start{align-items:flex-start!important}.mobile\:align-items-end{align-items:flex-end!important}.mobile\:align-items-center{align-items:center!important}.mobile\:align-items-stretch{align-items:stretch!important}.mobile\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:769px),print{.tablet\:align-items-start{align-items:flex-start!important}.tablet\:align-items-end{align-items:flex-end!important}.tablet\:align-items-center{align-items:center!important}.tablet\:align-items-stretch{align-items:stretch!important}.tablet\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:1024px){.desktop\:align-items-start{align-items:flex-start!important}.desktop\:align-items-end{align-items:flex-end!important}.desktop\:align-items-center{align-items:center!important}.desktop\:align-items-stretch{align-items:stretch!important}.desktop\:align-items-baseline{align-items:baseline!important}}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.align-self-baseline{align-self:baseline!important}@media screen and (max-width:768px){.mobile\:align-self-start{align-self:flex-start!important}.mobile\:align-self-end{align-self:flex-end!important}.mobile\:align-self-center{align-self:center!important}.mobile\:align-self-stretch{align-self:stretch!important}.mobile\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:769px),print{.tablet\:align-self-start{align-self:flex-start!important}.tablet\:align-self-end{align-self:flex-end!important}.tablet\:align-self-center{align-self:center!important}.tablet\:align-self-stretch{align-self:stretch!important}.tablet\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:1024px){.desktop\:align-self-start{align-self:flex-start!important}.desktop\:align-self-end{align-self:flex-end!important}.desktop\:align-self-center{align-self:center!important}.desktop\:align-self-stretch{align-self:stretch!important}.desktop\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:1440px){.widescreen\:align-content-start{align-content:flex-start!important}.widescreen\:align-content-end{align-content:flex-end!important}.widescreen\:align-content-center{align-content:center!important}.widescreen\:align-content-baseline{align-content:baseline!important}.widescreen\:align-content-space-between{align-content:space-between!important}.widescreen\:align-content-space-around{align-content:space-around!important}.widescreen\:align-content-space-evenly{align-content:space-evenly!important}.widescreen\:align-items-start{align-items:flex-start!important}.widescreen\:align-items-end{align-items:flex-end!important}.widescreen\:align-items-center{align-items:center!important}.widescreen\:align-items-stretch{align-items:stretch!important}.widescreen\:align-items-baseline{align-items:baseline!important}.widescreen\:align-self-start{align-self:flex-start!important}.widescreen\:align-self-end{align-self:flex-end!important}.widescreen\:align-self-center{align-self:center!important}.widescreen\:align-self-stretch{align-self:stretch!important}.widescreen\:align-self-baseline{align-self:baseline!important}}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}@media screen and (max-width:768px){.mobile\:flex-direction-row{flex-direction:row!important}.mobile\:flex-direction-row-reverse{flex-direction:row-reverse!important}.mobile\:flex-direction-column{flex-direction:column!important}.mobile\:flex-direction-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:769px),print{.tablet\:flex-direction-row{flex-direction:row!important}.tablet\:flex-direction-row-reverse{flex-direction:row-reverse!important}.tablet\:flex-direction-column{flex-direction:column!important}.tablet\:flex-direction-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:1024px){.desktop\:flex-direction-row{flex-direction:row!important}.desktop\:flex-direction-row-reverse{flex-direction:row-reverse!important}.desktop\:flex-direction-column{flex-direction:column!important}.desktop\:flex-direction-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:1440px){.widescreen\:flex-direction-row{flex-direction:row!important}.widescreen\:flex-direction-row-reverse{flex-direction:row-reverse!important}.widescreen\:flex-direction-column{flex-direction:column!important}.widescreen\:flex-direction-column-reverse{flex-direction:column-reverse!important}}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}@media screen and (max-width:768px){.mobile\:flex-1{flex:1 1 0%!important}.mobile\:flex-auto{flex:1 1 auto!important}.mobile\:flex-initial{flex:0 1 auto!important}.mobile\:flex-none{flex:none!important}}@media screen and (min-width:769px),print{.tablet\:flex-1{flex:1 1 0%!important}.tablet\:flex-auto{flex:1 1 auto!important}.tablet\:flex-initial{flex:0 1 auto!important}.tablet\:flex-none{flex:none!important}}@media screen and (min-width:1024px){.desktop\:flex-1{flex:1 1 0%!important}.desktop\:flex-auto{flex:1 1 auto!important}.desktop\:flex-initial{flex:0 1 auto!important}.desktop\:flex-none{flex:none!important}}@media screen and (min-width:1440px){.widescreen\:flex-1{flex:1 1 0%!important}.widescreen\:flex-auto{flex:1 1 auto!important}.widescreen\:flex-initial{flex:0 1 auto!important}.widescreen\:flex-none{flex:none!important}}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}@media screen and (max-width:768px){.mobile\:justify-content-start{justify-content:flex-start!important}.mobile\:justify-content-end{justify-content:flex-end!important}.mobile\:justify-content-center{justify-content:center!important}.mobile\:justify-content-space-between{justify-content:space-between!important}.mobile\:justify-content-space-around{justify-content:space-around!important}.mobile\:justify-content-space-evenly{justify-content:space-evenly!important}}@media screen and (min-width:769px),print{.tablet\:justify-content-start{justify-content:flex-start!important}.tablet\:justify-content-end{justify-content:flex-end!important}.tablet\:justify-content-center{justify-content:center!important}.tablet\:justify-content-space-between{justify-content:space-between!important}.tablet\:justify-content-space-around{justify-content:space-around!important}.tablet\:justify-content-space-evenly{justify-content:space-evenly!important}}@media screen and (min-width:1024px){.desktop\:justify-content-start{justify-content:flex-start!important}.desktop\:justify-content-end{justify-content:flex-end!important}.desktop\:justify-content-center{justify-content:center!important}.desktop\:justify-content-space-between{justify-content:space-between!important}.desktop\:justify-content-space-around{justify-content:space-around!important}.desktop\:justify-content-space-evenly{justify-content:space-evenly!important}}@media screen and (min-width:1440px){.widescreen\:justify-content-start{justify-content:flex-start!important}.widescreen\:justify-content-end{justify-content:flex-end!important}.widescreen\:justify-content-center{justify-content:center!important}.widescreen\:justify-content-space-between{justify-content:space-between!important}.widescreen\:justify-content-space-around{justify-content:space-around!important}.widescreen\:justify-content-space-evenly{justify-content:space-evenly!important}}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap{flex-wrap:wrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media screen and (max-width:768px){.mobile\:flex-nowrap{flex-wrap:nowrap!important}.mobile\:flex-wrap{flex-wrap:wrap!important}.mobile\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}}@media screen and (min-width:769px),print{.tablet\:flex-nowrap{flex-wrap:nowrap!important}.tablet\:flex-wrap{flex-wrap:wrap!important}.tablet\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}}@media screen and (min-width:1024px){.desktop\:flex-nowrap{flex-wrap:nowrap!important}.desktop\:flex-wrap{flex-wrap:wrap!important}.desktop\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}}@media screen and (min-width:1440px){.widescreen\:flex-nowrap{flex-wrap:nowrap!important}.widescreen\:flex-wrap{flex-wrap:wrap!important}.widescreen\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}}.gap-none{gap:0!important}.gap-auto{gap:auto!important}.gap-xx-small{gap:var(--bal-space-xx-small)!important}.gap-x-small{gap:var(--bal-space-x-small)!important}.gap-small{gap:var(--bal-space-small)!important}.gap-normal{gap:var(--bal-space-normal)!important}.gap-medium{gap:var(--bal-space-medium)!important}.gap-large{gap:var(--bal-space-large)!important}.gap-x-large{gap:var(--bal-space-x-large)!important}.gap-xx-large{gap:var(--bal-space-xx-large)!important}.gap-xxx-large{gap:var(--bal-space-xxx-large)!important}.gap-xxxx-large{gap:var(--bal-space-xxxx-large)!important}.row-gap-none{row-gap:0!important}.row-gap-auto{row-gap:auto!important}.row-gap-xx-small{row-gap:var(--bal-space-xx-small)!important}.row-gap-x-small{row-gap:var(--bal-space-x-small)!important}.row-gap-small{row-gap:var(--bal-space-small)!important}.row-gap-normal{row-gap:var(--bal-space-normal)!important}.row-gap-medium{row-gap:var(--bal-space-medium)!important}.row-gap-large{row-gap:var(--bal-space-large)!important}.row-gap-x-large{row-gap:var(--bal-space-x-large)!important}.row-gap-xx-large{row-gap:var(--bal-space-xx-large)!important}.row-gap-xxx-large{row-gap:var(--bal-space-xxx-large)!important}.row-gap-xxxx-large{row-gap:var(--bal-space-xxxx-large)!important}.column-gap-none{-moz-column-gap:0!important;column-gap:0!important}.column-gap-auto{-moz-column-gap:auto!important;column-gap:auto!important}.column-gap-xx-small{-moz-column-gap:var(--bal-space-xx-small)!important;column-gap:var(--bal-space-xx-small)!important}.column-gap-x-small{-moz-column-gap:var(--bal-space-x-small)!important;column-gap:var(--bal-space-x-small)!important}.column-gap-small{-moz-column-gap:var(--bal-space-small)!important;column-gap:var(--bal-space-small)!important}.column-gap-normal{-moz-column-gap:var(--bal-space-normal)!important;column-gap:var(--bal-space-normal)!important}.column-gap-medium{-moz-column-gap:var(--bal-space-medium)!important;column-gap:var(--bal-space-medium)!important}.column-gap-large{-moz-column-gap:var(--bal-space-large)!important;column-gap:var(--bal-space-large)!important}.column-gap-x-large{-moz-column-gap:var(--bal-space-x-large)!important;column-gap:var(--bal-space-x-large)!important}.column-gap-xx-large{-moz-column-gap:var(--bal-space-xx-large)!important;column-gap:var(--bal-space-xx-large)!important}.column-gap-xxx-large{-moz-column-gap:var(--bal-space-xxx-large)!important;column-gap:var(--bal-space-xxx-large)!important}.column-gap-xxxx-large{-moz-column-gap:var(--bal-space-xxxx-large)!important;column-gap:var(--bal-space-xxxx-large)!important}@media screen and (min-width:769px),print{.gap-xx-small{gap:var(--bal-space-xx-small-tablet)!important}.gap-x-small{gap:var(--bal-space-x-small-tablet)!important}.gap-small{gap:var(--bal-space-small-tablet)!important}.gap-normal{gap:var(--bal-space-normal-tablet)!important}.gap-medium{gap:var(--bal-space-medium-tablet)!important}.gap-large{gap:var(--bal-space-large-tablet)!important}.gap-x-large{gap:var(--bal-space-x-large-tablet)!important}.gap-xx-large{gap:var(--bal-space-xx-large-tablet)!important}.gap-xxx-large{gap:var(--bal-space-xxx-large-tablet)!important}.gap-xxxx-large{gap:var(--bal-space-xxxx-large-tablet)!important}.row-gap-xx-small{row-gap:var(--bal-space-xx-small-tablet)!important}.row-gap-x-small{row-gap:var(--bal-space-x-small-tablet)!important}.row-gap-small{row-gap:var(--bal-space-small-tablet)!important}.row-gap-normal{row-gap:var(--bal-space-normal-tablet)!important}.row-gap-medium{row-gap:var(--bal-space-medium-tablet)!important}.row-gap-large{row-gap:var(--bal-space-large-tablet)!important}.row-gap-x-large{row-gap:var(--bal-space-x-large-tablet)!important}.row-gap-xx-large{row-gap:var(--bal-space-xx-large-tablet)!important}.row-gap-xxx-large{row-gap:var(--bal-space-xxx-large-tablet)!important}.row-gap-xxxx-large{row-gap:var(--bal-space-xxxx-large-tablet)!important}.column-gap-xx-small{-moz-column-gap:var(--bal-space-xx-small-tablet)!important;column-gap:var(--bal-space-xx-small-tablet)!important}.column-gap-x-small{-moz-column-gap:var(--bal-space-x-small-tablet)!important;column-gap:var(--bal-space-x-small-tablet)!important}.column-gap-small{-moz-column-gap:var(--bal-space-small-tablet)!important;column-gap:var(--bal-space-small-tablet)!important}.column-gap-normal{-moz-column-gap:var(--bal-space-normal-tablet)!important;column-gap:var(--bal-space-normal-tablet)!important}.column-gap-medium{-moz-column-gap:var(--bal-space-medium-tablet)!important;column-gap:var(--bal-space-medium-tablet)!important}.column-gap-large{-moz-column-gap:var(--bal-space-large-tablet)!important;column-gap:var(--bal-space-large-tablet)!important}.column-gap-x-large{-moz-column-gap:var(--bal-space-x-large-tablet)!important;column-gap:var(--bal-space-x-large-tablet)!important}.column-gap-xx-large{-moz-column-gap:var(--bal-space-xx-large-tablet)!important;column-gap:var(--bal-space-xx-large-tablet)!important}.column-gap-xxx-large{-moz-column-gap:var(--bal-space-xxx-large-tablet)!important;column-gap:var(--bal-space-xxx-large-tablet)!important}.column-gap-xxxx-large{-moz-column-gap:var(--bal-space-xxxx-large-tablet)!important;column-gap:var(--bal-space-xxxx-large-tablet)!important}}@media screen and (min-width:1024px){.gap-xx-small{gap:var(--bal-space-xx-small-desktop)!important}.gap-x-small{gap:var(--bal-space-x-small-desktop)!important}.gap-small{gap:var(--bal-space-small-desktop)!important}.gap-normal{gap:var(--bal-space-normal-desktop)!important}.gap-medium{gap:var(--bal-space-medium-desktop)!important}.gap-large{gap:var(--bal-space-large-desktop)!important}.gap-x-large{gap:var(--bal-space-x-large-desktop)!important}.gap-xx-large{gap:var(--bal-space-xx-large-desktop)!important}.gap-xxx-large{gap:var(--bal-space-xxx-large-desktop)!important}.gap-xxxx-large{gap:var(--bal-space-xxxx-large-desktop)!important}.row-gap-xx-small{row-gap:var(--bal-space-xx-small-desktop)!important}.row-gap-x-small{row-gap:var(--bal-space-x-small-desktop)!important}.row-gap-small{row-gap:var(--bal-space-small-desktop)!important}.row-gap-normal{row-gap:var(--bal-space-normal-desktop)!important}.row-gap-medium{row-gap:var(--bal-space-medium-desktop)!important}.row-gap-large{row-gap:var(--bal-space-large-desktop)!important}.row-gap-x-large{row-gap:var(--bal-space-x-large-desktop)!important}.row-gap-xx-large{row-gap:var(--bal-space-xx-large-desktop)!important}.row-gap-xxx-large{row-gap:var(--bal-space-xxx-large-desktop)!important}.row-gap-xxxx-large{row-gap:var(--bal-space-xxxx-large-desktop)!important}.column-gap-xx-small{-moz-column-gap:var(--bal-space-xx-small-desktop)!important;column-gap:var(--bal-space-xx-small-desktop)!important}.column-gap-x-small{-moz-column-gap:var(--bal-space-x-small-desktop)!important;column-gap:var(--bal-space-x-small-desktop)!important}.column-gap-small{-moz-column-gap:var(--bal-space-small-desktop)!important;column-gap:var(--bal-space-small-desktop)!important}.column-gap-normal{-moz-column-gap:var(--bal-space-normal-desktop)!important;column-gap:var(--bal-space-normal-desktop)!important}.column-gap-medium{-moz-column-gap:var(--bal-space-medium-desktop)!important;column-gap:var(--bal-space-medium-desktop)!important}.column-gap-large{-moz-column-gap:var(--bal-space-large-desktop)!important;column-gap:var(--bal-space-large-desktop)!important}.column-gap-x-large{-moz-column-gap:var(--bal-space-x-large-desktop)!important;column-gap:var(--bal-space-x-large-desktop)!important}.column-gap-xx-large{-moz-column-gap:var(--bal-space-xx-large-desktop)!important;column-gap:var(--bal-space-xx-large-desktop)!important}.column-gap-xxx-large{-moz-column-gap:var(--bal-space-xxx-large-desktop)!important;column-gap:var(--bal-space-xxx-large-desktop)!important}.column-gap-xxxx-large{-moz-column-gap:var(--bal-space-xxxx-large-desktop)!important;column-gap:var(--bal-space-xxxx-large-desktop)!important}}
+.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-baseline{align-content:baseline!important}.align-content-space-between{align-content:space-between!important}.align-content-space-around{align-content:space-around!important}.align-content-space-evenly{align-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-items-baseline{align-items:baseline!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.align-self-baseline{align-self:baseline!important}@media screen and (max-width:768px){.mobile\:align-content-start{align-content:flex-start!important}.mobile\:align-content-end{align-content:flex-end!important}.mobile\:align-content-center{align-content:center!important}.mobile\:align-content-baseline{align-content:baseline!important}.mobile\:align-content-space-between{align-content:space-between!important}.mobile\:align-content-space-around{align-content:space-around!important}.mobile\:align-content-space-evenly{align-content:space-evenly!important}.mobile\:align-items-start{align-items:flex-start!important}.mobile\:align-items-end{align-items:flex-end!important}.mobile\:align-items-center{align-items:center!important}.mobile\:align-items-stretch{align-items:stretch!important}.mobile\:align-items-baseline{align-items:baseline!important}.mobile\:align-self-start{align-self:flex-start!important}.mobile\:align-self-end{align-self:flex-end!important}.mobile\:align-self-center{align-self:center!important}.mobile\:align-self-stretch{align-self:stretch!important}.mobile\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:769px),print{.tablet\:align-content-start{align-content:flex-start!important}.tablet\:align-content-end{align-content:flex-end!important}.tablet\:align-content-center{align-content:center!important}.tablet\:align-content-baseline{align-content:baseline!important}.tablet\:align-content-space-between{align-content:space-between!important}.tablet\:align-content-space-around{align-content:space-around!important}.tablet\:align-content-space-evenly{align-content:space-evenly!important}.tablet\:align-items-start{align-items:flex-start!important}.tablet\:align-items-end{align-items:flex-end!important}.tablet\:align-items-center{align-items:center!important}.tablet\:align-items-stretch{align-items:stretch!important}.tablet\:align-items-baseline{align-items:baseline!important}.tablet\:align-self-start{align-self:flex-start!important}.tablet\:align-self-end{align-self:flex-end!important}.tablet\:align-self-center{align-self:center!important}.tablet\:align-self-stretch{align-self:stretch!important}.tablet\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:1024px){.desktop\:align-content-start{align-content:flex-start!important}.desktop\:align-content-end{align-content:flex-end!important}.desktop\:align-content-center{align-content:center!important}.desktop\:align-content-baseline{align-content:baseline!important}.desktop\:align-content-space-between{align-content:space-between!important}.desktop\:align-content-space-around{align-content:space-around!important}.desktop\:align-content-space-evenly{align-content:space-evenly!important}.desktop\:align-items-start{align-items:flex-start!important}.desktop\:align-items-end{align-items:flex-end!important}.desktop\:align-items-center{align-items:center!important}.desktop\:align-items-stretch{align-items:stretch!important}.desktop\:align-items-baseline{align-items:baseline!important}.desktop\:align-self-start{align-self:flex-start!important}.desktop\:align-self-end{align-self:flex-end!important}.desktop\:align-self-center{align-self:center!important}.desktop\:align-self-stretch{align-self:stretch!important}.desktop\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:1440px){.widescreen\:align-content-start{align-content:flex-start!important}.widescreen\:align-content-end{align-content:flex-end!important}.widescreen\:align-content-center{align-content:center!important}.widescreen\:align-content-baseline{align-content:baseline!important}.widescreen\:align-content-space-between{align-content:space-between!important}.widescreen\:align-content-space-around{align-content:space-around!important}.widescreen\:align-content-space-evenly{align-content:space-evenly!important}.widescreen\:align-items-start{align-items:flex-start!important}.widescreen\:align-items-end{align-items:flex-end!important}.widescreen\:align-items-center{align-items:center!important}.widescreen\:align-items-stretch{align-items:stretch!important}.widescreen\:align-items-baseline{align-items:baseline!important}.widescreen\:align-self-start{align-self:flex-start!important}.widescreen\:align-self-end{align-self:flex-end!important}.widescreen\:align-self-center{align-self:center!important}.widescreen\:align-self-stretch{align-self:stretch!important}.widescreen\:align-self-baseline{align-self:baseline!important}}.flex-direction-row{flex-direction:row!important}.flex-direction-row-reverse{flex-direction:row-reverse!important}.flex-direction-column{flex-direction:column!important}.flex-direction-column-reverse{flex-direction:column-reverse!important}@media screen and (max-width:768px){.mobile\:flex-direction-row{flex-direction:row!important}.mobile\:flex-direction-row-reverse{flex-direction:row-reverse!important}.mobile\:flex-direction-column{flex-direction:column!important}.mobile\:flex-direction-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:769px),print{.tablet\:flex-direction-row{flex-direction:row!important}.tablet\:flex-direction-row-reverse{flex-direction:row-reverse!important}.tablet\:flex-direction-column{flex-direction:column!important}.tablet\:flex-direction-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:1024px){.desktop\:flex-direction-row{flex-direction:row!important}.desktop\:flex-direction-row-reverse{flex-direction:row-reverse!important}.desktop\:flex-direction-column{flex-direction:column!important}.desktop\:flex-direction-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:1440px){.widescreen\:flex-direction-row{flex-direction:row!important}.widescreen\:flex-direction-row-reverse{flex-direction:row-reverse!important}.widescreen\:flex-direction-column{flex-direction:column!important}.widescreen\:flex-direction-column-reverse{flex-direction:column-reverse!important}}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}@media screen and (max-width:768px){.mobile\:flex-1{flex:1 1 0%!important}.mobile\:flex-auto{flex:1 1 auto!important}.mobile\:flex-initial{flex:0 1 auto!important}.mobile\:flex-none{flex:none!important}}@media screen and (min-width:769px),print{.tablet\:flex-1{flex:1 1 0%!important}.tablet\:flex-auto{flex:1 1 auto!important}.tablet\:flex-initial{flex:0 1 auto!important}.tablet\:flex-none{flex:none!important}}@media screen and (min-width:1024px){.desktop\:flex-1{flex:1 1 0%!important}.desktop\:flex-auto{flex:1 1 auto!important}.desktop\:flex-initial{flex:0 1 auto!important}.desktop\:flex-none{flex:none!important}}@media screen and (min-width:1440px){.widescreen\:flex-1{flex:1 1 0%!important}.widescreen\:flex-auto{flex:1 1 auto!important}.widescreen\:flex-initial{flex:0 1 auto!important}.widescreen\:flex-none{flex:none!important}}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-space-evenly{justify-content:space-evenly!important}@media screen and (max-width:768px){.mobile\:justify-content-start{justify-content:flex-start!important}.mobile\:justify-content-end{justify-content:flex-end!important}.mobile\:justify-content-center{justify-content:center!important}.mobile\:justify-content-space-between{justify-content:space-between!important}.mobile\:justify-content-space-around{justify-content:space-around!important}.mobile\:justify-content-space-evenly{justify-content:space-evenly!important}}@media screen and (min-width:769px),print{.tablet\:justify-content-start{justify-content:flex-start!important}.tablet\:justify-content-end{justify-content:flex-end!important}.tablet\:justify-content-center{justify-content:center!important}.tablet\:justify-content-space-between{justify-content:space-between!important}.tablet\:justify-content-space-around{justify-content:space-around!important}.tablet\:justify-content-space-evenly{justify-content:space-evenly!important}}@media screen and (min-width:1024px){.desktop\:justify-content-start{justify-content:flex-start!important}.desktop\:justify-content-end{justify-content:flex-end!important}.desktop\:justify-content-center{justify-content:center!important}.desktop\:justify-content-space-between{justify-content:space-between!important}.desktop\:justify-content-space-around{justify-content:space-around!important}.desktop\:justify-content-space-evenly{justify-content:space-evenly!important}}@media screen and (min-width:1440px){.widescreen\:justify-content-start{justify-content:flex-start!important}.widescreen\:justify-content-end{justify-content:flex-end!important}.widescreen\:justify-content-center{justify-content:center!important}.widescreen\:justify-content-space-between{justify-content:space-between!important}.widescreen\:justify-content-space-around{justify-content:space-around!important}.widescreen\:justify-content-space-evenly{justify-content:space-evenly!important}}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap{flex-wrap:wrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media screen and (max-width:768px){.mobile\:flex-nowrap{flex-wrap:nowrap!important}.mobile\:flex-wrap{flex-wrap:wrap!important}.mobile\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}}.gap-xx-small{gap:var(--bal-space-xx-small)!important}.gap-x-small{gap:var(--bal-space-x-small)!important}.gap-small{gap:var(--bal-space-small)!important}.gap-normal{gap:var(--bal-space-normal)!important}.gap-medium{gap:var(--bal-space-medium)!important}.gap-large{gap:var(--bal-space-large)!important}.gap-x-large{gap:var(--bal-space-x-large)!important}.gap-xx-large{gap:var(--bal-space-xx-large)!important}.gap-xxx-large{gap:var(--bal-space-xxx-large)!important}.gap-xxxx-large{gap:var(--bal-space-xxxx-large)!important}.row-gap-xx-small{row-gap:var(--bal-space-xx-small)!important}.row-gap-x-small{row-gap:var(--bal-space-x-small)!important}.row-gap-small{row-gap:var(--bal-space-small)!important}.row-gap-normal{row-gap:var(--bal-space-normal)!important}.row-gap-medium{row-gap:var(--bal-space-medium)!important}.row-gap-large{row-gap:var(--bal-space-large)!important}.row-gap-x-large{row-gap:var(--bal-space-x-large)!important}.row-gap-xx-large{row-gap:var(--bal-space-xx-large)!important}.row-gap-xxx-large{row-gap:var(--bal-space-xxx-large)!important}.row-gap-xxxx-large{row-gap:var(--bal-space-xxxx-large)!important}.column-gap-xx-small{-moz-column-gap:var(--bal-space-xx-small)!important;column-gap:var(--bal-space-xx-small)!important}.column-gap-x-small{-moz-column-gap:var(--bal-space-x-small)!important;column-gap:var(--bal-space-x-small)!important}.column-gap-small{-moz-column-gap:var(--bal-space-small)!important;column-gap:var(--bal-space-small)!important}.column-gap-normal{-moz-column-gap:var(--bal-space-normal)!important;column-gap:var(--bal-space-normal)!important}.column-gap-medium{-moz-column-gap:var(--bal-space-medium)!important;column-gap:var(--bal-space-medium)!important}.column-gap-large{-moz-column-gap:var(--bal-space-large)!important;column-gap:var(--bal-space-large)!important}.column-gap-x-large{-moz-column-gap:var(--bal-space-x-large)!important;column-gap:var(--bal-space-x-large)!important}.column-gap-xx-large{-moz-column-gap:var(--bal-space-xx-large)!important;column-gap:var(--bal-space-xx-large)!important}.column-gap-xxx-large{-moz-column-gap:var(--bal-space-xxx-large)!important;column-gap:var(--bal-space-xxx-large)!important}.column-gap-xxxx-large{-moz-column-gap:var(--bal-space-xxxx-large)!important;column-gap:var(--bal-space-xxxx-large)!important}@media screen and (min-width:769px),print{.tablet\:flex-nowrap{flex-wrap:nowrap!important}.tablet\:flex-wrap{flex-wrap:wrap!important}.tablet\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xx-small{gap:var(--bal-space-xx-small-tablet)!important}.gap-x-small{gap:var(--bal-space-x-small-tablet)!important}.gap-small{gap:var(--bal-space-small-tablet)!important}.gap-normal{gap:var(--bal-space-normal-tablet)!important}.gap-medium{gap:var(--bal-space-medium-tablet)!important}.gap-large{gap:var(--bal-space-large-tablet)!important}.gap-x-large{gap:var(--bal-space-x-large-tablet)!important}.gap-xx-large{gap:var(--bal-space-xx-large-tablet)!important}.gap-xxx-large{gap:var(--bal-space-xxx-large-tablet)!important}.gap-xxxx-large{gap:var(--bal-space-xxxx-large-tablet)!important}.row-gap-xx-small{row-gap:var(--bal-space-xx-small-tablet)!important}.row-gap-x-small{row-gap:var(--bal-space-x-small-tablet)!important}.row-gap-small{row-gap:var(--bal-space-small-tablet)!important}.row-gap-normal{row-gap:var(--bal-space-normal-tablet)!important}.row-gap-medium{row-gap:var(--bal-space-medium-tablet)!important}.row-gap-large{row-gap:var(--bal-space-large-tablet)!important}.row-gap-x-large{row-gap:var(--bal-space-x-large-tablet)!important}.row-gap-xx-large{row-gap:var(--bal-space-xx-large-tablet)!important}.row-gap-xxx-large{row-gap:var(--bal-space-xxx-large-tablet)!important}.row-gap-xxxx-large{row-gap:var(--bal-space-xxxx-large-tablet)!important}.column-gap-xx-small{-moz-column-gap:var(--bal-space-xx-small-tablet)!important;column-gap:var(--bal-space-xx-small-tablet)!important}.column-gap-x-small{-moz-column-gap:var(--bal-space-x-small-tablet)!important;column-gap:var(--bal-space-x-small-tablet)!important}.column-gap-small{-moz-column-gap:var(--bal-space-small-tablet)!important;column-gap:var(--bal-space-small-tablet)!important}.column-gap-normal{-moz-column-gap:var(--bal-space-normal-tablet)!important;column-gap:var(--bal-space-normal-tablet)!important}.column-gap-medium{-moz-column-gap:var(--bal-space-medium-tablet)!important;column-gap:var(--bal-space-medium-tablet)!important}.column-gap-large{-moz-column-gap:var(--bal-space-large-tablet)!important;column-gap:var(--bal-space-large-tablet)!important}.column-gap-x-large{-moz-column-gap:var(--bal-space-x-large-tablet)!important;column-gap:var(--bal-space-x-large-tablet)!important}.column-gap-xx-large{-moz-column-gap:var(--bal-space-xx-large-tablet)!important;column-gap:var(--bal-space-xx-large-tablet)!important}.column-gap-xxx-large{-moz-column-gap:var(--bal-space-xxx-large-tablet)!important;column-gap:var(--bal-space-xxx-large-tablet)!important}.column-gap-xxxx-large{-moz-column-gap:var(--bal-space-xxxx-large-tablet)!important;column-gap:var(--bal-space-xxxx-large-tablet)!important}}@media screen and (min-width:1024px){.desktop\:flex-nowrap{flex-wrap:nowrap!important}.desktop\:flex-wrap{flex-wrap:wrap!important}.desktop\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xx-small{gap:var(--bal-space-xx-small-desktop)!important}.gap-x-small{gap:var(--bal-space-x-small-desktop)!important}.gap-small{gap:var(--bal-space-small-desktop)!important}.gap-normal{gap:var(--bal-space-normal-desktop)!important}.gap-medium{gap:var(--bal-space-medium-desktop)!important}.gap-large{gap:var(--bal-space-large-desktop)!important}.gap-x-large{gap:var(--bal-space-x-large-desktop)!important}.gap-xx-large{gap:var(--bal-space-xx-large-desktop)!important}.gap-xxx-large{gap:var(--bal-space-xxx-large-desktop)!important}.gap-xxxx-large{gap:var(--bal-space-xxxx-large-desktop)!important}.row-gap-xx-small{row-gap:var(--bal-space-xx-small-desktop)!important}.row-gap-x-small{row-gap:var(--bal-space-x-small-desktop)!important}.row-gap-small{row-gap:var(--bal-space-small-desktop)!important}.row-gap-normal{row-gap:var(--bal-space-normal-desktop)!important}.row-gap-medium{row-gap:var(--bal-space-medium-desktop)!important}.row-gap-large{row-gap:var(--bal-space-large-desktop)!important}.row-gap-x-large{row-gap:var(--bal-space-x-large-desktop)!important}.row-gap-xx-large{row-gap:var(--bal-space-xx-large-desktop)!important}.row-gap-xxx-large{row-gap:var(--bal-space-xxx-large-desktop)!important}.row-gap-xxxx-large{row-gap:var(--bal-space-xxxx-large-desktop)!important}.column-gap-xx-small{-moz-column-gap:var(--bal-space-xx-small-desktop)!important;column-gap:var(--bal-space-xx-small-desktop)!important}.column-gap-x-small{-moz-column-gap:var(--bal-space-x-small-desktop)!important;column-gap:var(--bal-space-x-small-desktop)!important}.column-gap-small{-moz-column-gap:var(--bal-space-small-desktop)!important;column-gap:var(--bal-space-small-desktop)!important}.column-gap-normal{-moz-column-gap:var(--bal-space-normal-desktop)!important;column-gap:var(--bal-space-normal-desktop)!important}.column-gap-medium{-moz-column-gap:var(--bal-space-medium-desktop)!important;column-gap:var(--bal-space-medium-desktop)!important}.column-gap-large{-moz-column-gap:var(--bal-space-large-desktop)!important;column-gap:var(--bal-space-large-desktop)!important}.column-gap-x-large{-moz-column-gap:var(--bal-space-x-large-desktop)!important;column-gap:var(--bal-space-x-large-desktop)!important}.column-gap-xx-large{-moz-column-gap:var(--bal-space-xx-large-desktop)!important;column-gap:var(--bal-space-xx-large-desktop)!important}.column-gap-xxx-large{-moz-column-gap:var(--bal-space-xxx-large-desktop)!important;column-gap:var(--bal-space-xxx-large-desktop)!important}.column-gap-xxxx-large{-moz-column-gap:var(--bal-space-xxxx-large-desktop)!important;column-gap:var(--bal-space-xxxx-large-desktop)!important}}.gap-none{gap:0!important}.gap-auto{gap:auto!important}.row-gap-none{row-gap:0!important}.row-gap-auto{row-gap:auto!important}.column-gap-none{-moz-column-gap:0!important;column-gap:0!important}.column-gap-auto{-moz-column-gap:auto!important;column-gap:auto!important}@media screen and (max-width:768px){.mobile\:gap-none{gap:0!important}.mobile\:gap-auto{gap:auto!important}.mobile\:row-gap-none{row-gap:0!important}.mobile\:row-gap-auto{row-gap:auto!important}.mobile\:column-gap-none{-moz-column-gap:0!important;column-gap:0!important}.mobile\:column-gap-auto{-moz-column-gap:auto!important;column-gap:auto!important}}@media screen and (min-width:769px),print{.tablet\:gap-none{gap:0!important}.tablet\:gap-auto{gap:auto!important}.tablet\:row-gap-none{row-gap:0!important}.tablet\:row-gap-auto{row-gap:auto!important}.tablet\:column-gap-none{-moz-column-gap:0!important;column-gap:0!important}.tablet\:column-gap-auto{-moz-column-gap:auto!important;column-gap:auto!important}}@media screen and (min-width:1024px){.desktop\:gap-none{gap:0!important}.desktop\:gap-auto{gap:auto!important}.desktop\:row-gap-none{row-gap:0!important}.desktop\:row-gap-auto{row-gap:auto!important}.desktop\:column-gap-none{-moz-column-gap:0!important;column-gap:0!important}.desktop\:column-gap-auto{-moz-column-gap:auto!important;column-gap:auto!important}}@media screen and (min-width:1440px){.widescreen\:flex-nowrap{flex-wrap:nowrap!important}.widescreen\:flex-wrap{flex-wrap:wrap!important}.widescreen\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.widescreen\:gap-none{gap:0!important}.widescreen\:gap-auto{gap:auto!important}.widescreen\:row-gap-none{row-gap:0!important}.widescreen\:row-gap-auto{row-gap:auto!important}.widescreen\:column-gap-none{-moz-column-gap:0!important;column-gap:0!important}.widescreen\:column-gap-auto{-moz-column-gap:auto!important;column-gap:auto!important}}