:root {
  --grid-columns-count: 24;
}
.container,
.container-lgl {
  max-width: var(--s-lgl);
}
.container-xs {
  max-width: var(--s-xs);
}
.container-sm {
  max-width: var(--s-sm);
}
.container-mds {
  max-width: var(--s-mds);
}
.container-md {
  max-width: var(--s-md);
}
.container-lgs {
  max-width: var(--s-lgs);
}
.container-lg {
  max-width: var(--s-lg);
}
.container,
.container-xs,
.container-sm,
.container-mds,
.container-md,
.container-lgs,
.container-lg,
.container-lgl {
  margin-left: auto;
  margin-right: auto;
}
.container,
.container-fluid,
.container-xs,
.container-sm,
.container-mds,
.container-md,
.container-lgs,
.container-lg,
.container-lgl {
  padding-left: calc(var(--s-min) * 3);
  padding-right: calc(var(--s-min) * 3);
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--s-min) * -3);
  margin-right: calc(var(--s-min) * -3);
}
.row.align-items-center {
  align-items: center;
}
.row.align-items-flex-start {
  align-items: flex-start;
}
.row.align-items-flex-end {
  align-items: flex-end;
}
.row.justify-content-center {
  justify-content: center;
}
.row.justify-content-flex-start {
  justify-content: flex-start;
}
.row.justify-content-flex-end {
  justify-content: flex-end;
}
/*

100% / 3 - 32 * 3 - 1 = 33.333% - 64

*/
.__grid-able-items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
}
.__grid-able-items > * {
  width: calc((100% / var(--grid-items-xs)) - (var(--grid-gap) / var(--grid-items-xs) * (var(--grid-items-xs) - 1)));
  min-width: calc((100% / var(--grid-items-xs)) - (var(--grid-gap) / var(--grid-items-xs) * (var(--grid-items-xs) - 1)));
  max-width: calc((100% / var(--grid-items-xs)) - (var(--grid-gap) / var(--grid-items-xs) * (var(--grid-items-xs) - 1)));
  padding: calc(var(--s-min) * 3);
}
.col-min,
.col-max,
.col-auto,
.col-24,
.col-23,
.col-22,
.col-21,
.col-20,
.col-19,
.col-18,
.col-17,
.col-16,
.col-15,
.col-14,
.col-13,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  padding-left: calc(var(--s-min) * 3);
  padding-right: calc(var(--s-min) * 3);
}
.col-min,
.col-max,
.col-auto {
  width: unset;
}
.col-min {
  flex: 0;
}
.col-max {
  flex: 99;
}
.col-auto {
  flex: 1;
}
.col-24 {
  width: calc(100% / var(--grid-columns-count) * 24);
}
.col-23 {
  width: calc(100% / var(--grid-columns-count) * 23);
}
.col-22 {
  width: calc(100% / var(--grid-columns-count) * 22);
}
.col-21 {
  width: calc(100% / var(--grid-columns-count) * 21);
}
.col-20 {
  width: calc(100% / var(--grid-columns-count) * 20);
}
.col-19 {
  width: calc(100% / var(--grid-columns-count) * 19);
}
.col-18 {
  width: calc(100% / var(--grid-columns-count) * 18);
}
.col-17 {
  width: calc(100% / var(--grid-columns-count) * 17);
}
.col-16 {
  width: calc(100% / var(--grid-columns-count) * 16);
}
.col-15 {
  width: calc(100% / var(--grid-columns-count) * 15);
}
.col-14 {
  width: calc(100% / var(--grid-columns-count) * 14);
}
.col-13 {
  width: calc(100% / var(--grid-columns-count) * 13);
}
.col-12 {
  width: calc(100% / var(--grid-columns-count) * 12);
}
.col-11 {
  width: calc(100% / var(--grid-columns-count) * 11);
}
.col-10 {
  width: calc(100% / var(--grid-columns-count) * 10);
}
.col-9 {
  width: calc(100% / var(--grid-columns-count) * 9);
}
.col-8 {
  width: calc(100% / var(--grid-columns-count) * 8);
}
.col-7 {
  width: calc(100% / var(--grid-columns-count) * 7);
}
.col-6 {
  width: calc(100% / var(--grid-columns-count) * 6);
}
.col-5 {
  width: calc(100% / var(--grid-columns-count) * 5);
}
.col-4 {
  width: calc(100% / var(--grid-columns-count) * 4);
}
.col-3 {
  width: calc(100% / var(--grid-columns-count) * 3);
}
.col-2 {
  width: calc(100% / var(--grid-columns-count) * 2);
}
.col-1 {
  width: calc(100% / var(--grid-columns-count) * 1);
}
.col-align-self-center {
  align-self: center;
}
.col-align-self-flex-start {
  align-self: flex-start;
}
.col-align-self-flex-end {
  align-self: flex-end;
}
.padding-top-0 {
  padding-top: 0!important;
}
.padding-top-1 {
  padding-top: calc(var(--s-min) * 3) !important;
}
.padding-top-2 {
  padding-top: calc(var(--s-min) * 6) !important;
}
.padding-bottom-0 {
  padding-bottom: 0!important;
}
.padding-bottom-1 {
  padding-bottom: calc(var(--s-min) * 3) !important;
}
.padding-bottom-2 {
  padding-bottom: calc(var(--s-min) * 6) !important;
}
.fs-small {
  font-size: calc(var(--s-fs) * (var(--s-fs-2) - var(--s-fs-1) - var(--s-fs-1)) * -1);
}
.fs-1 {
  font-size: calc(var(--s-fs) * var(--s-fs-1));
}
.fs-2 {
  font-size: calc(var(--s-fs) * var(--s-fs-2));
}
.fs-3 {
  font-size: calc(var(--s-fs) * var(--s-fs-3));
}
.fs-4 {
  font-size: calc(var(--s-fs) * var(--s-fs-4));
}
.fs-5 {
  font-size: calc(var(--s-fs) * var(--s-fs-5));
}
.fs-6 {
  font-size: calc(var(--s-fs) * var(--s-fs-6));
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.u-bold {
  font-weight: 700;
}
.u-hidden {
  display: none;
}
/*# sourceMappingURL=xs.css.map */