@baloise/ds-styles 0.0.5-nightly.e56f740

package/css/utilities/flex.css

@@ -0,0 +1,969 @@
+.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;
+  }
+}
+@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;
+  }
+}
+.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;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .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;
+  }
+}
+.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-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;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .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;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .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;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .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;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .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;
+  }
+}
+/*# sourceMappingURL=/utilities/flex.css.map */