/**
 * Gap
 */
.gap-4 {
  gap: 0.25rem;
}

.gap-6 {
  gap: 0.375rem;
}

.gap-8 {
  gap: 0.5rem;
}

.gap-10 {
  gap: 0.625rem;
}

.gap-12 {
  gap: 0.75rem;
}

.gap-16 {
  gap: 1rem;
}

.gap-20 {
  gap: 1.25rem;
}

.gap-24 {
  gap: 1.5rem;
}

.gap-28 {
  gap: 1.75rem;
}

.gap-32 {
  gap: 2rem;
}

.gap-40 {
  gap: 2.5rem;
}

.gap-48 {
  gap: 3rem;
}

.gap-56 {
  gap: 3.5rem;
}

.gap-60 {
  gap: 3.75rem;
}

.gap-80 {
  gap: 5rem;
}

.gap-100px {
  gap: 6.25rem;
}

.gap-0 {
  gap: 0;
}

@media screen and (min-width: 768px) {
  .md--gap-4 {
    gap: 0.25rem;
  }

  .md--gap-6 {
    gap: 0.375rem;
  }

  .md--gap-8 {
    gap: 0.5rem;
  }

  .md--gap-10 {
    gap: 0.625rem;
  }

  .md--gap-12 {
    gap: 0.75rem;
  }

  .md--gap-16 {
    gap: 1rem;
  }

  .md--gap-20 {
    gap: 1.25rem;
  }

  .md--gap-24 {
    gap: 1.5rem;
  }

  .md--gap-32 {
    gap: 2rem;
  }

  .md--gap-40 {
    gap: 2.5rem;
  }

  .md--gap-48 {
    gap: 3rem;
  }

  .md--gap-56 {
    gap: 3.5rem;
  }

  .md--gap-60 {
    gap: 3.75rem;
  }

  .md--gap-80 {
    gap: 5rem;
  }

  .md--gap-0 {
    gap: 0;
  }
}

@media screen and (min-width: 1024px) {
  .lg--gap-4 {
    gap: 0.25rem;
  }

  .lg--gap-6 {
    gap: 0.375rem;
  }

  .lg--gap-8 {
    gap: 0.5rem;
  }

  .lg--gap-10 {
    gap: 0.625rem;
  }

  .lg--gap-12 {
    gap: 0.75rem;
  }

  .lg--gap-16 {
    gap: 1rem;
  }

  .lg--gap-20 {
    gap: 1.25rem;
  }

  .lg--gap-24 {
    gap: 1.5rem;
  }

  .lg--gap-32 {
    gap: 2rem;
  }

  .lg--gap-40 {
    gap: 2.5rem;
  }

  .lg--gap-48 {
    gap: 3rem;
  }

  .lg--gap-56 {
    gap: 3.5rem;
  }

  .lg--gap-60 {
    gap: 3.75rem;
  }

  .lg--gap-80 {
    gap: 5rem;
  }

  .lg--gap-0 {
    gap: 0;
  }
}

@media screen and (min-width: 1200px) {
  .xl--gap-4 {
    gap: 0.25rem;
  }

  .xl--gap-6 {
    gap: 0.375rem;
  }

  .xl--gap-8 {
    gap: 0.5rem;
  }

  .xl--gap-10 {
    gap: 0.625rem;
  }

  .xl--gap-12 {
    gap: 0.75rem;
  }

  .xl--gap-16 {
    gap: 1rem;
  }

  .xl--gap-20 {
    gap: 1.25rem;
  }

  .xl--gap-24 {
    gap: 1.5rem;
  }

  .xl--gap-32 {
    gap: 2rem;
  }

  .xl--gap-40 {
    gap: 2.5rem;
  }

  .xl--gap-48 {
    gap: 3rem;
  }

  .xl--gap-56 {
    gap: 3.5rem;
  }

  .xl--gap-60 {
    gap: 3.75rem;
  }

  .xl--gap-80 {
    gap: 5rem;
  }
  
  .xl--gap-100px {
    gap: 6.25rem;
  }

  .xl--gap-0 {
    gap: 0;
  }
}