.wp-block-gallery-carousel {
	position: relative;
	background: #002855;
	color: #fff;
	&::before,
	&::after,
	.indicator {
		position: absolute;
		bottom: 0;
		width: 3rem !important;
		height: 3rem;
		/* transform: translateY(-50%); */
		font-size: 0;
		outline: 0;
	}

	&::before,
	.previous {
		left: 0;
	}

	&::after,
	.next {
		right: 0;
	}

	&::before,
	&::after {
		content: "";
		z-index: 1;
		/* background-color: #333; */
		background-size: 2rem 2rem;
		background-repeat: no-repeat;
		background-position: center center;
		color: #fff;
		font-size: 2.5rem;
		line-height: 4rem;
		text-align: center;
		pointer-events: none;
	}

	&::before {
		background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 360"><defs><style>.cls-1{fill:%23fff;}</style></defs><polygon class="cls-1" points="204.83 310.11 290.02 310.11 238.04 261.15 155.17 183.11 233.21 100.24 280.63 49.89 195.44 49.89 148.02 100.24 69.98 183.11 152.84 261.15 204.83 310.11"/></svg>');
	}

	&::after {
		background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 360"><defs><style>.cls-1{fill:%23fff;}</style></defs><polygon class="cls-1" points="155.17 49.89 69.98 49.89 121.96 98.85 204.83 176.89 126.79 259.76 79.37 310.11 164.56 310.11 211.98 259.76 290.02 176.89 207.16 98.85 155.17 49.89"/></svg>');
	}

	.wp-block-gallery {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		counter-reset: item;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;

		scrollbar-color: transparent transparent; /* thumb and track color */
		scrollbar-width: none;

		.wp-block-image {
			position: relative;
			flex: 0 0 100%;
			width: 100%;
			aspect-ratio: 3/2;
			counter-increment: item;
		}

		.indicators {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			scroll-snap-align: center;
		}
		figcaption{
			padding-left: 3em !important;
			padding-right: 3em !important;
			color: #fff !important;
			min-height: 3em;

		}
	}
}
/*
.wp-block-columns .wp-block-gallery-carousel {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-repeat: no-repeat;
	mask-size: cover;

	-webkit-mask-image: var(--image-bracket-out-bottom);
	-webkit-mask-position: bottom;
	mask-image: var(--image-bracket-out-bottom);
	mask-position: bottom;
}
@media (min-width: 600px) {
	.wp-block-columns .wp-block-gallery-carousel {
		-webkit-mask-image: var(--image-bracket-out-right);
		-webkit-mask-position: right;
		mask-image: var(--image-bracket-out-right);
		mask-position: right;
	}
}
*/