/**
  * Spacing
  */
.gap-8 {
  gap: var(--spacing);
}
.gap-16 {
  gap: calc(var(--spacing) * 2);
}
.gap-22 {
  gap: calc(var(--spacing) * 2.75);
}
.gap-24 {
  gap: calc(var(--spacing) * 3);
}
.gap-28 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-35 {
  gap: calc(var(--spacing) * 4.375);
}
.gap-40 {
  gap: calc(var(--spacing) * 5);
}
.gap-52 {
  gap: calc(var(--spacing) * 6.5);
}
.gap-60 {
  gap: calc(var(--spacing) * 7.5);
}
.gap-68 {
  gap: calc(var(--spacing) * 8.5);
}
.gap-80 {
  gap: calc(var(--spacing) * 10);
}
.gap-96 {
  gap: calc(var(--spacing) * 12);
}
.gap-128 {
  gap: calc(var(--spacing) * 16);
}

.w-full {
  width: 100%;
}
.w-max-half {
  max-width: 50%;
}
.h-40 {
  height: calc(var(--spacing) * 5);
}
.h-full {
  height: 100%;
}

/**
  * Padding
  */

.pt-12 {
  padding-top: calc(var(--spacing) * 1.5);
}
.pt-28 {
  padding-top: calc(var(--spacing) * 3.5);
}
.pt-44 {
  padding-top: calc(var(--spacing) * 5.5);
}
.pb-100 {
  padding-bottom: calc(var(--spacing) * 12.5);
}
.p-b-60 {
  padding-bottom: calc(var(--spacing) * 7.5);
}
.p-tb-100 {
  padding: calc(var(--spacing) * 12.5) 0;
}