.grid {
    display: grid;
}


.--gap-4 {
    grid-gap: .25rem;
}

.--gap-6 {
    grid-gap: .375rem;
}

.--gap-8 {
    grid-gap: .5rem;
}

.--gap-12 {
    grid-gap: .75rem;
}

.--gap-14 {
    grid-gap: .875rem;
}

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

.--gap-18 {
    grid-gap: 1.125rem;
}

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

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

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

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

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

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

.--gap-64 {
    grid-gap: 4rem;
}

.--gap-72 {
    grid-gap: 4.5rem;
}

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

.--gap-88 {
    grid-gap: 5.5rem;
}

.--gap-96 {
    grid-gap: 6rem;
}

.--gap-104 {
    grid-gap: 6.5rem;
}

.--temp-col-1 {
    grid-template-columns: 1fr;
}

.--temp-col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.--temp-col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.--temp-col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.--temp-col-5 {
    grid-template-columns: repeat(5, 1fr);
}

.--temp-col-6 {
    grid-template-columns: repeat(6, 1fr);
}

.--temp-col-7 {
    grid-template-columns: repeat(7, 1fr);
}

.--temp-col-8 {
    grid-template-columns: repeat(8, 1fr);
}