.wbd-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
}

.wbd-grid--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
}

.wbd-grid--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
    grid-auto-flow: row dense;
}

.wbd-grid--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
}

.wbd-grid--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
}

.wbd-grid__column {
    display: block;
}

.wbd-grid__col-1-1 {
    grid-column: 1 / 1;
}
.wbd-grid__col-1-2 {
    grid-column: 1 / 2;
}
.wbd-grid__col-1-3 {
    grid-column: 1 / 3;
}
.wbd-grid__col-1-4 {
    grid-column: 1 / 4;
}
.wbd-grid__col-1-5 {
    grid-column: 1 / 5;
}
.wbd-grid__col-1-6 {
    grid-column: 1 / 6;
}
.wbd-grid__col-1-7 {
    grid-column: 1 / 7;
}
.wbd-grid__col-1-8 {
    grid-column: 1 / 8;
}
.wbd-grid__col-1-9 {
    grid-column: 1 / 9;
}

.wbd-grid__col-2-2 {
    grid-column: 2 / 2;
}
.wbd-grid__col-2-3 {
    grid-column: 2 / 3;
}
.wbd-grid__col-2-4 {
    grid-column: 2 / 4;
}
.wbd-grid__col-2-5 {
    grid-column: 2 / 5;
}
.wbd-grid__col-2-6 {
    grid-column: 2 / 6;
}
.wbd-grid__col-2-7 {
    grid-column: 2 / 7;
}
.wbd-grid__col-2-8 {
    grid-column: 2 / 8;
}
.wbd-grid__col-2-9 {
    grid-column: 2 / 9;
}

.wbd-grid__col-3-3 {
    grid-column: 3 / 3;
}
.wbd-grid__col-3-4 {
    grid-column: 3 / 4;
}
.wbd-grid__col-3-5 {
    grid-column: 3 / 5;
}
.wbd-grid__col-3-6 {
    grid-column: 3 / 6;
}
.wbd-grid__col-3-7 {
    grid-column: 3 / 7;
}
.wbd-grid__col-3-8 {
    grid-column: 3 / 8;
}
.wbd-grid__col-3-9 {
    grid-column: 3 / 9;
}

.wbd-grid__col-4-4 {
    grid-column: 4 / 4;
}
.wbd-grid__col-4-5 {
    grid-column: 4 / 5;
}
.wbd-grid__col-4-6 {
    grid-column: 4 / 6;
}
.wbd-grid__col-4-7 {
    grid-column: 4 / 7;
}
.wbd-grid__col-4-8 {
    grid-column: 4 / 8;
}
.wbd-grid__col-4-9 {
    grid-column: 4 / 9;
}

.wbd-grid__col-5-5 {
    grid-column: 5 / 5;
}
.wbd-grid__col-5-6 {
    grid-column: 5 / 6;
}
.wbd-grid__col-5-7 {
    grid-column: 5 / 7;
}
.wbd-grid__col-5-8 {
    grid-column: 5 / 8;
}
.wbd-grid__col-5-9 {
    grid-column: 5 / 9;
}

.wbd-grid__col-6-6 {
    grid-column: 6 / 6;
}
.wbd-grid__col-6-7 {
    grid-column: 6 / 7;
}
.wbd-grid__col-6-8 {
    grid-column: 6 / 8;
}
.wbd-grid__col-6-9 {
    grid-column: 6 / 9;
}

.wbd-grid__col-7-7 {
    grid-column: 7 / 7;
}
.wbd-grid__col-7-8 {
    grid-column: 7 / 8;
}
.wbd-grid__col-7-9 {
    grid-column: 7 / 9;
}

.wbd-grid__col-8-8 {
    grid-column: 8 / 8;
}
.wbd-grid__col-8-9 {
    grid-column: 8 / 9;
}

.wbd-grid__col-9-9 {
    grid-column: 9 / 9;
}

.wbd-grid__gap--1 {
    gap: 1rem;
}

.wbd-grid__gap--2 {
    gap: 2rem;
}

.wbd-grid__gap--3 {
    gap: 3rem;
}

.wbd-grid__gap--4 {
    gap: 4rem;
}

.align-items--center {
    align-items: center;
}

.wbd-grid__row-1-2 {
    grid-row: 1 / 2;
}

.wbd-columns--2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	columns: 2;
	column-gap: 4rem;
}

.wbd-columns--2 > * {
	break-inside: avoid;
}

@media only screen and (max-width: 810px) {
    .wbd-grid,
    .wbd-grid--2,
    .wbd-grid--3,
    .wbd-grid--4 {
        display: block;
    }
	.wbd-columns--2 {
	columns: unset;
}
}