.ms-mini-gallery {
	margin: 0 60px 90px 60px;
	position: relative;

	@media (--m) {
		margin: 50px 30px 70px 30px;
	}

	@media (--s) {
		margin: 0;
		width: 100%;
	}
}

.ms-mini-gallery__list {
	display: grid;
	grid-template-areas:
		"i1 i2"
		"i3 i4";
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	grid-gap: 20px;
	width: 100%;

	@media (--s) {
		display: flex;
	}
}

.ms-mini-gallery__item {
	display: flex;

	& a {
		display: block;

		& img {
			display: block;
			width: 100%;
		}
	}

	&:nth-child(1) {
		grid-area: i1;
		justify-content: flex-end;
		align-items: flex-end;

		& a {
			width: 50%;

			@media (--s) {
				width: 100%;
			}
		}
	}

	&:nth-child(2) {
		grid-area: i2;
		justify-content: flex-start;
		align-items: flex-end;

		& a {
			width: 100%;

			@media (--s) {
				width: 100%;
			}
		}
	}

	&:nth-child(3) {
		grid-area: i3;
		justify-content: flex-end;
		align-items: flex-start;

		& a {
			width: 30%;

			@media (--s) {
				width: 100%;
			}
		}
	}

	&:nth-child(4) {
		grid-area: i4;
		justify-content: flex-start;
		align-items: flex-start;

		& a {
			width: 60%;

			@media (--s) {
				width: 100%;
			}
		}
	}
}

.ms-mini-gallery__pagination {
	display: none;

	@media (--s) {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	& .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: #cecece;
		opacity: 1;
	}

	& .swiper-pagination-bullet-active {
		background: #e30613;
	}
}

.ms-mini-gallery__pattern {
	position: absolute;
	opacity: 0.3;
}

.ms-mini-gallery__pattern--left {
	top: 0;
	left: 0;
	width: 45%;
}

.ms-mini-gallery__pattern--right {
	bottom: 0;
	right: 0;
	width: 56%;

	@media (--s) {
		display: none;
	}
}
