.wp-block-slider {
	width: 100%;

	&.gap-spacing--none {
		.slick-track {
			gap: 0;
		}
	}

	&.gap-spacing--huge {
		.slick-track {
			gap: var(--col-gap-huge);
		}
	}

	&.gap-spacing--large {
		.slick-track {
			gap: var(--col-gap-large);
		}
	}

	&.gap-spacing--small {
		.slick-track {
			gap: var(--col-gap-small);
		}
	}

	p {
		margin-bottom: 0;
	}

	figure {
		margin: 0;
	}

	img,
	svg {
		display: block;
	}

	svg {
		transform: rotate(180deg);
	}

	.slick-prev,
	.slick-next {
		position: absolute;
		top: calc(100% + 24px);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border: 1px solid var(--wp--preset--color--dark-grey);
		border-radius: 50%;
		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;
		}

		@media (min-width: 768px) {
			top: -140px;
			border: 1px solid var(--wp--preset--color--dark-grey);

			&:hover {
				background-color: var(--wp--preset--color--accent);
				border-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--dark-grey);
				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');
		}

		@media (min-width: 768px) {
			left: unset;
			right: 46px;
		}
	}

	.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');
		}

		@media (min-width: 768px) {
			right: 0;
		}
	}
}

.wp-block-slide {
	display: flex !important;
	flex-direction: column;
	width: auto;

	img {
		opacity: 1 !important;
		transform: none !important;
		max-width: 400px;
		max-height: 150px;
		object-fit: contain;
	}

	>*:first-child {
		margin-top: 0;
	}

	>*:last-child {
		margin-bottom: 0;
	}

	/* 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);
		}
	}

	/* Border */
	&.apply-border--true {
		border-left: 1px solid white;
		padding-left: var(--col-gap);
	}

	/* Border */
	&.apply-shadow--true {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
	}
}

.entry-content ul.slick-dots {
	padding: 0;
}

.slick-track {
	display: flex !important;
	margin-left: 0;
	margin-right: 0;
	gap: var(--col-gap);
	padding-top: 10px;
	padding-bottom: 10px;

	@media (max-width: 767px) {
		margin-left: -10px;
	}
}

.slick-slide {
	height: inherit !important;
}