.wp-block-gallery-slider {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	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;
		height: 100%;
		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%;
			aspect-ratio: unset;
		}

		.slick-list {
			display: flex;
		}

		.wp-block-gallery-slider__slide img {
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}

.wp-block-gallery-slider__slider {
	align-self: stretch;
}

.wp-block-gallery-slider__content {
	> *:first-child {
		margin-top: 0;
	}

	/*@media(max-width: 1199px) {
		display: flex;
		flex-direction: column;
	}*/
}

.wp-block-gallery-slider__attr {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--col-gap)*.5);

	/*@media(max-width: 1199px) {
		order: -2;
	}*/

	.wp-block-gallery-slider__attr--single {
		cursor: pointer;
		&:hover {
			img {
	        	outline-color: rgb(18 41 48 / 75%);
	        }

			p::after {
				background-color: #faa983;
			}
		}

		&.active {
			img {
	        	outline-color: var(--wp--preset--color--body);
			}

			p::after {
				background-color: var(--wp--preset--color--accent-3);
			}
		}
	}

	h6 {
		margin: 0;
		margin-top: var(--col-gap);
		width: 100%;
	}

	img {
		border-radius: 100%;
		object-fit: cover;
		width: 45px;
		height: 45px;
        outline: 3px solid transparent;
		outline-offset: -3px;
		transition: all .3s;
	}

	p {
		display: inline-block;
		margin: 0;
		text-transform: uppercase;
		font-weight: bold;
		&::after {
			border-radius: 4px;
			content: '';
			position: absolute;
			bottom: 0px;
			left: 0;
			height: 3px;
			width: 100%;
			transition: all .3s;
			background-color: transparent;
		}
	}

	.wp-block-gallery-slider__ranges__single {
		width: calc(33.33% - calc(var(--col-gap)*.333));
		img {
			width: 100%;
			height: 100px;
			border-radius: 20px;
			margin-bottom: 6px;
		}
	}
}

.wp-block-gallery-slider__grid {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--col-gap)*.5);
	margin-top: calc(var(--col-gap)*1.5);

	/*@media(max-width: 1199px) {
		order: -1;
		margin-bottom: calc(var(--col-gap)*1.5);
	}*/

	>* {
		/*aspect-ratio: 1.5 / 1;*/
		height: 150px;
		border-radius: 20px;
		overflow: hidden;
		transition: all .3s;
		cursor: pointer;
		width: 0;
		min-width: calc(50% - calc(var(--col-gap)*.25));
		max-width: 100%;
		flex-grow: 1;
		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: 768px) {
		>* {
			min-width: calc(33.33% - calc(var(--col-gap)*.34));
			max-width: calc(50% - calc(var(--col-gap)*.25));
		}
	}

	@media (min-width: 2000px) {
		>* {
			min-width: calc(25% - calc(var(--col-gap)*.5));
			max-width: calc(50% - calc(var(--col-gap)*.25));
		}
	}
}