/* Background */

.bg-transparent {
  background-color: transparent;
}

/* Font */

.font-light {
  font-weight: 300;
}

.leading-loose {
  line-height: 2;
}

/* Font color */

.text-gray {
  color: var(--color-gray);
}

/* Font size */

.text-lg {
  font-size: 1.125rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-2xl {
  font-size: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem !important;
}
.text-4xl {
  font-size: 2.25rem;
}

/* Margin */

.mb-8 {
  margin-bottom: 2rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}

/* Width & Height */

.max-w-1\/4 {
  max-width: 25%;
}

.w-64 {
  width: 16rem;
}
.w-72 {
  width: 18rem;
}
.w-96 {
  width: 24rem;
}
.w-120 {
  width: 30rem;
}

/* Layout */

.flex-wrap {
  flex-wrap: wrap;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-18 {
  gap: 4.5rem;
}
.gap-x-7 {
  column-gap: 1.75rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-12 {
  row-gap: 3rem;
}
.inline-grid {
  display: inline-grid;
}

/* Layout - Placement */

.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.left-0 {
  left: 0;
}

/* Cursor */

.pointer-events-none {
  pointer-events: none;
}