[data-columns] {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}

[data-columns="1"] {
  flex-wrap: wrap;
}
[data-columns="1"] > * {
  flex: 1 1 100%;
}

[data-columns="2"] {
  flex-wrap: wrap;
}
[data-columns="2"] > * {
  flex: 1 1 calc(50% - 24px);
}
@media (max-width: 767.98px) {
  [data-columns="2"] > * {
    flex: 1 1 100%;
  }
}

[data-columns="3"] {
  flex-wrap: wrap;
}
[data-columns="3"] > * {
  flex: 1 1 calc(33.333% - 24px);
}
@media (max-width: 767.98px) {
  [data-columns="3"] > * {
    flex: 1 1 100%;
  }
}

[data-columns="4"] {
  flex-wrap: wrap;
}
[data-columns="4"] > * {
  flex: 1 1 calc(25% - 24px);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  [data-columns="4"] > * {
    flex: 1 1 calc(50% - 24px);
  }
}
@media (max-width: 767.98px) {
  [data-columns="4"] > * {
    flex: 1 1 100%;
  }
}

[data-columns="5"] {
  flex-wrap: wrap;
}
[data-columns="5"] > * {
  flex: 1 1 calc(20% - 24px);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  [data-columns="5"] > * {
    flex: 1 1 calc(50% - 24px);
  }
}
@media (max-width: 767.98px) {
  [data-columns="5"] > * {
    flex: 1 1 100%;
  }
}

[data-columns="6"] {
  flex-wrap: wrap;
}
[data-columns="6"] > * {
  flex: 1 1 calc(16.6666% - 24px);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  [data-columns="6"] > * {
    flex: 1 1 calc(33.3333% - 24px);
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  [data-columns="6"] > * {
    flex: 1 1 calc(50% - 24px);
  }
}
@media (max-width: 575.98px) {
  [data-columns="6"] > * {
    flex: 1 1 100%;
  }
}
/*# sourceMappingURL=columns.css.map */