.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.auto {
  margin: auto;
}
.mt-auto {
  margin-top: auto;
}
.grid {
  display: grid;
}
.cols-2 {
  grid-template-columns: 1fr 1fr;
}
.cols-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.cols-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.flex {
  display: flex;
}
.col {
  flex-direction: column;
}
.wrap {
  flex-wrap: wrap;
}
.block {
  display: block;
}
.justify-center {
  justify-content: center;
}
.between {
  justify-content: space-between;
}
.around {
  justify-content: space-around;
}
.evenly {
  justify-content: space-evenly;
}
.p1 {
  padding: calc(var(--spacer));
}
.p2 {
  padding: calc(var(--spacer) * 2);
}
.p3 {
  padding: calc(var(--spacer) * 3);
}
.p4 {
  padding: calc(var(--spacer) * 4);
}
.p5 {
  padding: calc(var(--spacer) * 5);
}
.p6 {
  padding: calc(var(--spacer) * 6);
}
.p7 {
  padding: calc(var(--spacer) * 7);
}
.p8 {
  padding: calc(var(--spacer) * 8);
}
.gap1 {
  gap: calc(var(--spacer));
}
.gap2 {
  gap: calc(var(--spacer) * 2);
}
.gap3 {
  gap: calc(var(--spacer) * 3);
}
.gap4 {
  gap: calc(var(--spacer) * 4);
}
.gap5 {
  gap: calc(var(--spacer) * 5);
}
.gap6 {
  gap: calc(var(--spacer) * 6);
}
.gap7 {
  gap: calc(var(--spacer) * 7);
}
.gap8 {
  gap: calc(var(--spacer) * 8);
}
.m1 {
  margin: calc(var(--spacer));
}
.m2 {
  margin: calc(var(--spacer) * 2);
}
.m3 {
  margin: calc(var(--spacer) * 3);
}
.m4 {
  margin: calc(var(--spacer) * 4);
}
.m5 {
  margin: calc(var(--spacer) * 5);
}
.m6 {
  margin: calc(var(--spacer) * 6);
}
.m7 {
  margin: calc(var(--spacer) * 7);
}
.m8 {
  margin-top: calc(var(--spacer) * 8);
}
.mt1 {
  margin-top: calc(var(--spacer));
}
.mt2 {
  margin-top: calc(var(--spacer) * 2);
}
.mt3 {
  margin-top: calc(var(--spacer) * 3);
}
.mt4 {
  margin-top: calc(var(--spacer) * 4);
}
.mt5 {
  margin-top: calc(var(--spacer) * 5);
}
.mt6 {
  margin-top: calc(var(--spacer) * 6);
}
.mt7 {
  margin-top: calc(var(--spacer) * 7);
}
.mt8 {
  margin-top: calc(var(--spacer) * 8);
}
.mb1 {
  margin-bottom: calc(var(--spacer));
}
.mb2 {
  margin-bottom: calc(var(--spacer) * 2);
}
.mb3 {
  margin-bottom: calc(var(--spacer) * 3);
}
.mb4 {
  margin-bottom: calc(var(--spacer) * 4);
}
.mb5 {
  margin-bottom: calc(var(--spacer) * 5);
}
.mb6 {
  margin-bottom: calc(var(--spacer) * 6);
}
.mb7 {
  margin-bottom: calc(var(--spacer) * 7);
}
.mb8 {
  margin-bottom: calc(var(--spacer) * 8);
}
.cover {
  object-fit: cover;
}
.abs {
  position: absolute;
}
.rel {
  position: relative;
}
