/**
  * @deprecated Use desktop with t-shirt size breakpoints instead
  */
.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) {
  .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) {
  .desktop-xl\:align-content-start {
    align-content: flex-start !important;
  }
  .desktop-xl\:align-content-end {
    align-content: flex-end !important;
  }
  .desktop-xl\:align-content-center {
    align-content: center !important;
  }
  .desktop-xl\:align-content-baseline {
    align-content: baseline !important;
  }
  .desktop-xl\:align-content-space-between {
    align-content: space-between !important;
  }
  .desktop-xl\:align-content-space-around {
    align-content: space-around !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:align-items-start {
    align-items: flex-start !important;
  }
  .desktop-xl\:align-items-end {
    align-items: flex-end !important;
  }
  .desktop-xl\:align-items-center {
    align-items: center !important;
  }
  .desktop-xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:align-self-start {
    align-self: flex-start !important;
  }
  .desktop-xl\:align-self-end {
    align-self: flex-end !important;
  }
  .desktop-xl\:align-self-center {
    align-self: center !important;
  }
  .desktop-xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:flex-direction-row {
    flex-direction: row !important;
  }
  .desktop-xl\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .desktop-xl\:flex-direction-column {
    flex-direction: column !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .desktop-xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .desktop-xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .desktop-xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .desktop-xl\:justify-content-center {
    justify-content: center !important;
  }
  .desktop-xl\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .desktop-xl\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .desktop-xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .desktop-xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.gap-none {
  gap: 0 !important;
}

.gap-auto {
  gap: auto !important;
}

.gap-none {
  gap: var(--bal-space-none-device) !important;
}

.gap-auto {
  gap: var(--bal-space-auto-device) !important;
}

.gap-2xs, .gap-xx-small {
  gap: var(--bal-space-2xs-device) !important;
}

.gap-xs, .gap-x-small {
  gap: var(--bal-space-xs-device) !important;
}

.gap-sm, .gap-small {
  gap: var(--bal-space-sm-device) !important;
}

.gap-base, .gap-normal {
  gap: var(--bal-space-base-device) !important;
}

.gap-md, .gap-medium {
  gap: var(--bal-space-md-device) !important;
}

.gap-lg, .gap-large {
  gap: var(--bal-space-lg-device) !important;
}

.gap-xl, .gap-x-large {
  gap: var(--bal-space-xl-device) !important;
}

.gap-2xl, .gap-xx-large {
  gap: var(--bal-space-2xl-device) !important;
}

.gap-3xl, .gap-xxx-large {
  gap: var(--bal-space-3xl-device) !important;
}

.gap-4xl, .gap-xxxx-large {
  gap: var(--bal-space-4xl-device) !important;
}

.row-gap-none {
  row-gap: 0 !important;
}

.row-gap-auto {
  row-gap: auto !important;
}

.row-gap-none {
  row-gap: var(--bal-space-none-device) !important;
}

.row-gap-auto {
  row-gap: var(--bal-space-auto-device) !important;
}

.row-gap-2xs, .row-gap-xx-small {
  row-gap: var(--bal-space-2xs-device) !important;
}

.row-gap-xs, .row-gap-x-small {
  row-gap: var(--bal-space-xs-device) !important;
}

.row-gap-sm, .row-gap-small {
  row-gap: var(--bal-space-sm-device) !important;
}

.row-gap-base, .row-gap-normal {
  row-gap: var(--bal-space-base-device) !important;
}

.row-gap-md, .row-gap-medium {
  row-gap: var(--bal-space-md-device) !important;
}

.row-gap-lg, .row-gap-large {
  row-gap: var(--bal-space-lg-device) !important;
}

.row-gap-xl, .row-gap-x-large {
  row-gap: var(--bal-space-xl-device) !important;
}

.row-gap-2xl, .row-gap-xx-large {
  row-gap: var(--bal-space-2xl-device) !important;
}

.row-gap-3xl, .row-gap-xxx-large {
  row-gap: var(--bal-space-3xl-device) !important;
}

.row-gap-4xl, .row-gap-xxxx-large {
  row-gap: var(--bal-space-4xl-device) !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-none {
  -moz-column-gap: var(--bal-space-none-device) !important;
       column-gap: var(--bal-space-none-device) !important;
}

.column-gap-auto {
  -moz-column-gap: var(--bal-space-auto-device) !important;
       column-gap: var(--bal-space-auto-device) !important;
}

.column-gap-2xs, .column-gap-xx-small {
  -moz-column-gap: var(--bal-space-2xs-device) !important;
       column-gap: var(--bal-space-2xs-device) !important;
}

.column-gap-xs, .column-gap-x-small {
  -moz-column-gap: var(--bal-space-xs-device) !important;
       column-gap: var(--bal-space-xs-device) !important;
}

.column-gap-sm, .column-gap-small {
  -moz-column-gap: var(--bal-space-sm-device) !important;
       column-gap: var(--bal-space-sm-device) !important;
}

.column-gap-base, .column-gap-normal {
  -moz-column-gap: var(--bal-space-base-device) !important;
       column-gap: var(--bal-space-base-device) !important;
}

.column-gap-md, .column-gap-medium {
  -moz-column-gap: var(--bal-space-md-device) !important;
       column-gap: var(--bal-space-md-device) !important;
}

.column-gap-lg, .column-gap-large {
  -moz-column-gap: var(--bal-space-lg-device) !important;
       column-gap: var(--bal-space-lg-device) !important;
}

.column-gap-xl, .column-gap-x-large {
  -moz-column-gap: var(--bal-space-xl-device) !important;
       column-gap: var(--bal-space-xl-device) !important;
}

.column-gap-2xl, .column-gap-xx-large {
  -moz-column-gap: var(--bal-space-2xl-device) !important;
       column-gap: var(--bal-space-2xl-device) !important;
}

.column-gap-3xl, .column-gap-xxx-large {
  -moz-column-gap: var(--bal-space-3xl-device) !important;
       column-gap: var(--bal-space-3xl-device) !important;
}

.column-gap-4xl, .column-gap-xxxx-large {
  -moz-column-gap: var(--bal-space-4xl-device) !important;
       column-gap: var(--bal-space-4xl-device) !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) {
  .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) {
  .desktop-xl\:gap-none {
    gap: 0 !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:row-gap-none {
    row-gap: 0 !important;
  }
  .desktop-xl\: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) {
  .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) {
  .desktop-xl\:column-gap-none {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .desktop-xl\:column-gap-auto {
    -moz-column-gap: auto !important;
         column-gap: auto !important;
  }
}
/*# sourceMappingURL=utilities/flex.css.map */