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

package/css/structure.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/structure.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;;AACF;EAEE;;AACF;EAEE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AClEA;ED4DF;IAQI;IACA;;;ACzDF;EDgDF;IAWI;IACA;;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE","sourcesContent":["@import './mixins'\n\nhtml\n  background-color: var(--bal-body-background)\n  font-size: var(--bal-body-font-size)\n  min-width: 300px\n  overflow-x: hidden\n  overflow-y: scroll\n  text-rendering: optimizeLegibility\n  text-size-adjust: 100%\n  -moz-osx-font-smoothing: grayscale\n  -webkit-font-smoothing: antialiased\n  -webkit-tap-highlight-color: transparent\n  -webkit-overflow-scrolling: auto\n\n*:focus\n  -webkit-tap-highlight-color: transparent\n  outline: none\n  -ms-touch-action: manipulation\n  touch-action: manipulation\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection\n  display: block\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea\n  font-family: var(--bal-body-font-family)\n\nbutton\n  color: var(--bal-body-color)\n\nbody\n  color: var(--bal-body-color)\n  font-size: var(--bal-body-font-size)\n  font-weight: var(--bal-body-font-weight)\n  line-height: var(--bal-body-line-height)\n  -webkit-overflow-scrolling: auto\n\na\n  cursor: pointer\n  text-decoration: none\n  hyphens: auto\n  margin: 0\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  strong,\n  &:any-link\n    color: currentColor\n  &:hover,\n  &:any-link:hover\n    color: var(--bal-link-hover-color)\n  &:active,\n  &:any-link:active\n    color: var(--bal-link-active-color)\n\np\n  hyphens: auto\n  margin: 0\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  strong\n    color: currentColor\n  &:not(:last-child)\n    margin-bottom: var(--bal-space-normal)\n\nhr\n  background-color: var(--bal-divider-background)\n  border: none\n  display: block\n  height: var(--bal-border-width-normal)\n  margin-top: var(--bal-space-xx-large)\n  margin-bottom: var(--bal-space-xx-large)\n  +tablet\n    margin-top: var(--bal-space-xx-large-tablet)\n    margin-bottom: var(--bal-space-xx-large-tablet)\n  +desktop\n    margin-top: var(--bal-space-xx-large-desktop)\n    margin-bottom: var(--bal-space-xx-large-desktop)\n\nimg\n  height: auto\n  max-width: 100%\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"]\n  vertical-align: baseline\n\nsmall\n  font-size: var(--bal-small-font-size)\n\nspan\n  font-style: inherit\n  font-weight: inherit\n\nb,\nstrong\n  color: inherit\n  font-weight: var(--bal-strong-font-weight)\n\nfieldset\n  border: none\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/sass/structure.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;;AACF;EAEE;;AACF;EAEE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AChEA;ED0DF;IAQI;IACA;;;ACvDF;ED8CF;IAWI;IACA;;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE","sourcesContent":["@use '../src/mixins/_all' as *\n\nhtml\n  background-color: var(--bal-body-background)\n  font-size: var(--bal-body-font-size)\n  min-width: 300px\n  overflow-x: hidden\n  overflow-y: scroll\n  text-rendering: optimizeLegibility\n  text-size-adjust: 100%\n  -moz-osx-font-smoothing: grayscale\n  -webkit-font-smoothing: antialiased\n  -webkit-tap-highlight-color: transparent\n  -webkit-overflow-scrolling: auto\n\n*:focus\n  -webkit-tap-highlight-color: transparent\n  outline: none\n  -ms-touch-action: manipulation\n  touch-action: manipulation\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection\n  display: block\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea\n  font-family: var(--bal-body-font-family)\n\nbutton\n  color: var(--bal-body-color)\n\nbody\n  color: var(--bal-body-color)\n  font-size: var(--bal-body-font-size)\n  font-weight: var(--bal-body-font-weight)\n  line-height: var(--bal-body-line-height)\n  -webkit-overflow-scrolling: auto\n\na\n  cursor: pointer\n  text-decoration: none\n  hyphens: auto\n  margin: 0\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  strong,\n  &:any-link\n    color: currentColor\n  &:hover,\n  &:any-link:hover\n    color: var(--bal-link-hover-color)\n  &:active,\n  &:any-link:active\n    color: var(--bal-link-active-color)\n\np\n  hyphens: auto\n  margin: 0\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  strong\n    color: currentColor\n  &:not(:last-child)\n    margin-bottom: var(--bal-space-normal)\n\nhr\n  background-color: var(--bal-divider-background)\n  border: none\n  display: block\n  height: var(--bal-border-width-normal)\n  margin-top: var(--bal-space-xx-large)\n  margin-bottom: var(--bal-space-xx-large)\n  +tablet\n    margin-top: var(--bal-space-xx-large-tablet)\n    margin-bottom: var(--bal-space-xx-large-tablet)\n  +desktop\n    margin-top: var(--bal-space-xx-large-desktop)\n    margin-bottom: var(--bal-space-xx-large-desktop)\n\nimg\n  height: auto\n  max-width: 100%\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"]\n  vertical-align: baseline\n\nsmall\n  font-size: var(--bal-small-font-size)\n\nspan\n  font-style: inherit\n  font-weight: inherit\n\nb,\nstrong\n  color: inherit\n  font-weight: var(--bal-strong-font-weight)\n\nfieldset\n  border: none\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/all.css

@@ -6198,6 +6198,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;
 }
@@ -6246,6 +6250,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;
@@ -6259,6 +6275,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;
   }
@@ -6295,6 +6314,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 {
@@ -6309,6 +6337,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;
   }
@@ -6345,6 +6376,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 {
@@ -6359,6 +6399,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;
   }
@@ -6395,6 +6438,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 {
@@ -6409,6 +6461,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;
   }
@@ -6445,6 +6500,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;
@@ -7438,6 +7502,136 @@
          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;
+  }
+}
 .select-none {
   -webkit-user-select: none !important;
      -moz-user-select: none !important;
@@ -8026,6 +8220,18 @@
   top: auto !important;
 }
 
+.top-1rem {
+  top: 1rem !important;
+}
+
+.top-0-5rem {
+  top: 0.5rem !important;
+}
+
+.top-0-25rem {
+  top: 0.25rem !important;
+}
+
 .top-0 {
   top: 0 !important;
 }
@@ -8042,6 +8248,15 @@
   .mobile\:top-auto {
     top: auto !important;
   }
+  .mobile\:top-1rem {
+    top: 1rem !important;
+  }
+  .mobile\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .mobile\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .mobile\:top-0 {
     top: 0 !important;
   }
@@ -8056,6 +8271,15 @@
   .tablet\:top-auto {
     top: auto !important;
   }
+  .tablet\:top-1rem {
+    top: 1rem !important;
+  }
+  .tablet\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .tablet\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .tablet\:top-0 {
     top: 0 !important;
   }
@@ -8070,6 +8294,15 @@
   .desktop\:top-auto {
     top: auto !important;
   }
+  .desktop\:top-1rem {
+    top: 1rem !important;
+  }
+  .desktop\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .desktop\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .desktop\:top-0 {
     top: 0 !important;
   }
@@ -8084,6 +8317,15 @@
   .widescreen\:top-auto {
     top: auto !important;
   }
+  .widescreen\:top-1rem {
+    top: 1rem !important;
+  }
+  .widescreen\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .widescreen\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .widescreen\:top-0 {
     top: 0 !important;
   }
@@ -8098,6 +8340,10 @@
   right: auto !important;
 }
 
+.right-1rem {
+  right: 1rem !important;
+}
+
 .right-0 {
   right: 0 !important;
 }
@@ -8114,6 +8360,9 @@
   .mobile\:right-auto {
     right: auto !important;
   }
+  .mobile\:right-1rem {
+    right: 1rem !important;
+  }
   .mobile\:right-0 {
     right: 0 !important;
   }
@@ -8128,6 +8377,9 @@
   .tablet\:right-auto {
     right: auto !important;
   }
+  .tablet\:right-1rem {
+    right: 1rem !important;
+  }
   .tablet\:right-0 {
     right: 0 !important;
   }
@@ -8142,6 +8394,9 @@
   .desktop\:right-auto {
     right: auto !important;
   }
+  .desktop\:right-1rem {
+    right: 1rem !important;
+  }
   .desktop\:right-0 {
     right: 0 !important;
   }
@@ -8156,6 +8411,9 @@
   .widescreen\:right-auto {
     right: auto !important;
   }
+  .widescreen\:right-1rem {
+    right: 1rem !important;
+  }
   .widescreen\:right-0 {
     right: 0 !important;
   }
@@ -8170,6 +8428,10 @@
   bottom: auto !important;
 }
 
+.bottom-1rem {
+  bottom: 1rem !important;
+}
+
 .bottom-0 {
   bottom: 0 !important;
 }
@@ -8186,6 +8448,9 @@
   .mobile\:bottom-auto {
     bottom: auto !important;
   }
+  .mobile\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .mobile\:bottom-0 {
     bottom: 0 !important;
   }
@@ -8200,6 +8465,9 @@
   .tablet\:bottom-auto {
     bottom: auto !important;
   }
+  .tablet\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .tablet\:bottom-0 {
     bottom: 0 !important;
   }
@@ -8214,6 +8482,9 @@
   .desktop\:bottom-auto {
     bottom: auto !important;
   }
+  .desktop\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .desktop\:bottom-0 {
     bottom: 0 !important;
   }
@@ -8228,6 +8499,9 @@
   .widescreen\:bottom-auto {
     bottom: auto !important;
   }
+  .widescreen\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .widescreen\:bottom-0 {
     bottom: 0 !important;
   }
@@ -8242,6 +8516,10 @@
   left: auto !important;
 }
 
+.left-1rem {
+  left: 1rem !important;
+}
+
 .left-0 {
   left: 0 !important;
 }
@@ -8258,6 +8536,9 @@
   .mobile\:left-auto {
     left: auto !important;
   }
+  .mobile\:left-1rem {
+    left: 1rem !important;
+  }
   .mobile\:left-0 {
     left: 0 !important;
   }
@@ -8272,6 +8553,9 @@
   .tablet\:left-auto {
     left: auto !important;
   }
+  .tablet\:left-1rem {
+    left: 1rem !important;
+  }
   .tablet\:left-0 {
     left: 0 !important;
   }
@@ -8286,6 +8570,9 @@
   .desktop\:left-auto {
     left: auto !important;
   }
+  .desktop\:left-1rem {
+    left: 1rem !important;
+  }
   .desktop\:left-0 {
     left: 0 !important;
   }
@@ -8300,6 +8587,9 @@
   .widescreen\:left-auto {
     left: auto !important;
   }
+  .widescreen\:left-1rem {
+    left: 1rem !important;
+  }
   .widescreen\:left-0 {
     left: 0 !important;
   }