/* stylelint-disable */
.c-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 1024px) {
	.c-box {
		grid-template-columns: repeat(4, 1fr);
	}
}

.c-box__element {
	overflow: hidden;
}

.c-box__element--x1 {
	grid-column-start: 1;
}

.c-box__element--x2 {
	grid-column-start: 2;
}

.c-box__element--x3 {
	grid-column-start: 1;
}

@media (min-width: 1024px) {
	.c-box__element--x3 {
		grid-column-start: 3;
	}
}

@media (min-width: 1024px) {
	.c-box__element--x4 {
		grid-column-start: 4;
	}
}

@media (min-width: 1024px) {
	.c-box__element--y1 {
		grid-row-start: 1;
	}
}

@media (min-width: 1024px) {
	.c-box__element--y2 {
		grid-row-start: 2;
	}
}

@media (min-width: 1024px) {
	.c-box__element--y3 {
		grid-row-start: 3;
	}
}

.c-box__element--size-2 {
	grid-column-end: span 2;
	aspect-ratio: 2 / 1;
}

.c-box__element--size-2x2 {
	aspect-ratio: 1;
	grid-column-end: span 2;
	grid-row-end: span 2;
}

@media (min-width: 0) and (max-width: 1023px) {
	.c-box--links-block .c-box__element:nth-child(4n + 2),
	.c-box--links-block .c-box__element:nth-child(4n + 3) {
		background-color: var(--color-gray-2);
	}
}

@media (min-width: 1024px) {
	.c-box--links-block .c-box__element:nth-child(odd) {
		background-color: var(--color-gray-2);
	}
}

/*# sourceMappingURL=box.css.map */