.custom-collection.day-night-slideshow {
	--arrow-width: 3.375rem;

	position: relative;
	container-type: normal;
	margin: 0;

	.glide__arrows {
		position: absolute;
		inset: 39.62% 0 auto;
		z-index: 6;
		justify-content: space-between;
		padding: 0 10px;
	}

	.glide__slides {
		padding: var(--space-4) 0 2px;
	}

	.slide-inner {
		display: flex;
		flex-direction: column;
	}

	.slide-top {
		order: -1;
	}

	.img-cont {
		border-radius: 0;
	}

	.img-cont.normal,
	.slide-img {
		transform-origin: center bottom;
	}
	
	.img-cont.normal {
		scale: 1 0.874;
		transition: opacity var(--transition-long);
	}

	.img-cont.normal::before {
		position: absolute;
		inset: 0;
		z-index: 2;
		display: block;
		content: '';
		background: rgba(25, 61, 108, 0.60);
		pointer-events: none;
	}

	.img-cont.normal .slide-img {
		scale: 1 1.144;
	}

	.img-cont.masked {
		position: absolute;
		inset: 0;
		z-index: 2;
		mask: url('/includes/public/assets/shared/footer-image-mask.svg') repeat-x 31% top / auto 133%;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity var(--transition-long),
			visibility var(--transition-long);
	}

	.content-section,
	.mini-date-section {
		opacity: 0;
		visibility: hidden;
		transition:
			opacity var(--transition-appendix),
			visibility var(--transition-appendix);
	}

	.glide__slide:not(.glide__slide--active) .content-section,
	.glide__slide:not(.glide__slide--active) .content-section * {
		pointer-events: none;
	}

	.content-section {
		position: relative;
		z-index: 5;
		width: calc(100% + 36px);
		padding-top: 10px;
		margin: 0 -18px;
	}

	.slide-title {
		position: absolute;
		inset: auto auto calc(100% - 1px) 50%;
		translate: -50% 0;
		width: calc(100% - (var(--arrow-width) * 2));
		max-width: max-content;
		padding: 10px 25px;
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: 1.625rem;
		line-height: 1.2;
		text-align: center;
		color: var(--text-color);
		background-color: var(--bg-color);
		transition:
			color var(--transition-appendix),
			background-color var(--transition-appendix);
	}

	.slide-title a {
		text-decoration: none !important;
	}

	.slide-desc {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-medium);
		font-size: var(--text-base);
		line-height: var(--leading-normal);
		color: var(--text-color);
		transition: color var(--transition-appendix);
	}

	.slide-footer {
		justify-content: center;
		margin-top: var(--space-5);
	}

	.glide__slide--active {
		.img-cont.normal {
			opacity: 0;
		}

		.img-cont.masked {
			opacity: 1;
			visibility: visible;
		}

		.content-section,
		.mini-date-section {
			opacity: 1;
			visibility: visible;
		}
	}

	@media (min-width: 40em) {
		.img-cont.masked {
			mask-position: 27% top;
			mask-size: auto 132%;
		}
	}

	@media (min-width: 64em) {
		.glide__arrows {
			top: 43.56%;
		}

		.img-cont.normal {
			scale: 1 0.82;
		}

		.img-cont.normal .slide-img {
			scale: 1 1.22;
		}

		.img-cont.masked {
			mask-position: left top;
			mask-size: auto 131%;
		}

		.content-section {
			width: 100%;
			max-width: 79.05ch;
			padding-top: var(--space-5);
			margin: 0 auto;
		}

		.slide-title {
			padding: 10px 22px;
			font-size: 2rem;
		}

		.slide-desc {
			font-size: var(--text-lg);
			line-height: 1.7;
		}
	}

	@media (min-width: 90em) {
		.glide__arrows {
			right: 229px;
			left: 229px;
		}
	}
}