
.wp-block-slider {
	width: 100%;
	padding: 0 calc(var(--bl) * .5) calc(var(--bl) * 4);

	p {
		margin-bottom: 0;
	}

	figure {
		margin: 0;
	}

	img,
	svg {
		display: block;
	}

	.slick-prev,
	.slick-next {
		position: absolute;
		top: calc(100% - 23px);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border: 1px solid var(--wp--preset--color--accent);
		padding: var(--gap);
		transition: all .3s;
		outline: none;
		font-size: 0;
		cursor: pointer;
		background-color: transparent;
		&:hover {
			background-color: var(--wp--preset--color--accent);
			&::after {
				background-color: var(--wp--preset--color--base);
			}
		}

		&::after {
			content: '';
			width: 100%;
			height: 100%;
			background-color: var(--wp--preset--color--accent);
			mask-size: 24px;
            mask-position: center;
            mask-repeat: no-repeat;
		}
	}

	.slick-prev {
		left: calc(50% - 46px);
		&::after {
			-webkit-mask-image: url('../../../assets/icons/west_FILL0_wght200_GRAD0_opsz24.svg');
			mask-image: url('../../../assets/icons/west_FILL0_wght200_GRAD0_opsz24.svg');
		}
	}

	.slick-next {
		right: calc(50% - 46px);
		&::after {
			-webkit-mask-image: url('../../../assets/icons/east_FILL0_wght200_GRAD0_opsz24.svg');
			mask-image: url('../../../assets/icons/east_FILL0_wght200_GRAD0_opsz24.svg');
		}
	}
}

.wp-block-slide {
	display: flex!important;
	flex-direction: column;
	width: auto;
	margin: 0 calc(var(--bl) * .5);
	img {
		opacity: 1!important;
		transform: none!important;
	}

	/* Content Alignment - Vertical */
	&.content-vertical-alignment--center { justify-content: center; }
	&.content-vertical-alignment--bottom { justify-content: flex-end; }

	/* Content Alignment - Horizontal */
	&.content-horizontal-alignment--center { text-align: center; align-items: center; }
	&.content-horizontal-alignment--right { text-align: right; align-items: flex-end; }

	/* Backgrounds */
	&.has-background-color { padding: calc(var(--bl) * 1.5); }
	@media(min-width: 782px) {
		&.has-background-color { padding: calc(var(--bl) * 2.5); }
	}
}

.entry-content ul.slick-dots {
	padding: 0;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}