.wp-block-gallery-slider {
	display: flex;
	flex-direction: column;
	gap: calc(var(--col-gap)*2);

	p {
		margin-bottom: 0;
	}

	figure {
		margin: 0;
	}

	img,
	svg {
		display: block;
	}

	&.alignment--content-image {
		@media (min-width: 1200px) {
			.wp-block-gallery-slider__slider {
				order: 2;
			}
		}
	}

	.wp-block-gallery-slider__slide {
		border-radius: 20px;
		overflow: hidden;
		aspect-ratio: 1.5/1;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}
	}

	.slick-dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: var(--col-gap);
	}

	ul.slick-dots li:not(.slick-active) button {
		background: var(--wp--preset--color--base);
	}

	.slick-prev, 
	.slick-next {
		top: calc(50% - 30px);
	}

	@media (min-width: 1200px) {
		flex-direction: row;
		>* {
			width: calc(50% - var(--col-gap));
		}

		.slick-list,
		.slick-track,
		.wp-block-gallery-slider__slide {
			height: 100%;
		}
	}
}

.wp-block-gallery-slider__content {
	> *:first-child {
		margin-top: 0;
	}
}

.wp-block-gallery-slider__grid {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--col-gap)*.5);
	margin-top: calc(var(--col-gap)*2);
	>* {
		aspect-ratio: 1.5 / 1;
		border-radius: 20px;
		overflow: hidden;
		width: calc(50% - calc(var(--col-gap)*.25));
		transition: all .3s;
		cursor: pointer;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			outline: 6px solid transparent;
			outline-offset: -6px;
			border-radius: 20px;
			transition: all .3s;
		}

		&:hover img {
			outline-color: #faa983;
		}

		&.active img {
			outline-color: var(--wp--preset--color--accent-3);
		}
	}

	@media (min-width: 992px) {
		>* {
			width: calc(33.33% - calc(var(--col-gap)*.34));
		}
	}
}