.ccl-v2-widget.preview-slider-with-header-2-across-fullwidth {
	/*==============================*/
	/*=====----- TEMPLATE -----=====*/
	/*==============================*/

	position: relative;
	z-index: 2;
	container-type: inline-size;
	margin: 0;
	color: var(--blue-dark);
	
	.widget-inner {
		position: relative;
		display: block;
		padding: var(--space-10) 0 50px;
		margin-bottom: 60px;

		&::before {
			position: absolute;
			inset: 0 0 15px 56px;
			z-index: -1;
			display: block;
			content: '';
			background: var(--teal-light);
			pointer-events: none;
		}
	}

	.widget-header {
		padding: 0 30px;
		margin-bottom: 45px;
	}
	
	.title-col {
		display: block;
		width: auto;
		max-width: none;
		padding: 0;
		margin: 0;
	}

	.widget-title{
		margin-bottom: 6px;
	}
	
	.widget-subtitle {
		margin-bottom: 10px;
	}

	.view-all-col {
		display: block;
		margin: var(--space-3) 0 0;
	}

	.slider-cont {
		width: calc(100% - var(--space-5));
		margin-left: auto;
	}

	.arrows {
		position: absolute;
		inset: auto 0 0;
		display: flex;
		align-items: center;
		justify-content: end;
		gap: var(--space-2);
		padding: 0 var(--space-5);
	}

	.glide__arrow {
		margin: 0;
		transition:
			color var(--transition-appendix),
			background-color var(--transition-appendix),
			opacity var(--transition-appendix);
	}

	.glide__arrow[disabled] {
		pointer-events: none;
		cursor: not-allowed;
		opacity: 0.5;
	}

	/*============================*/
	/*=====----- SLIDES -----=====*/
	/*============================*/

	.slide,
	.slide-top,
	.img-cont {
		position: relative;
	}

	.slide {
		color: var(--white);
		mask:
			url('../svg/top-texture-cream.svg'),
			linear-gradient(var(--black) 0 0);
		mask-position: center top;
		mask-size:
			100% 1%,
			100% 100%;
		mask-repeat: repeat-x;
		mask-composite: exclude;
	}

	.slide-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.slide-top,
	.content-section {
		grid-area: 1 / 1 / 1 / 1;
	}

	.content-section,
	.content-upper {
		display: block;
	}

	.content-section {
		position: relative;
		z-index: 3;
		align-self: end;
		padding: var(--space-5);
		pointer-events: none;

		a,
		button {
			pointer-events: all;
		}
	}

	.info-flag,
	.sponsored,
	.slide-title {
		color: inherit;
	}

	.info-flag,
	.sponsored {
		margin-bottom: 2px;
	}

	.slide-title {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: 1.375rem;
		line-height: 1;
	}

	.img-cont {
		overflow: hidden;
	}

	.img-cont::before,
	.img-cont::after {
		position: absolute;
		display: block;
		content: '';
		pointer-events: none;
	}

	.img-cont::before {
		scale: 100% 50%;
		transform-origin: center bottom;
		inset: 0;
		z-index: 2;
		background: linear-gradient(180deg, rgba(14, 30, 50, 0.00) 0%, rgba(14, 30, 50, 0.75) 100%);
		transition: scale var(--transition-appendix);
	}

	.img-cont::after {
		inset: auto 0 0;
		z-index: 3;
		height: 18px;
		background: url('../svg/bottom-texture-blue.svg') repeat-x right top / auto 100%;
	}

	.slide-img {
		scale: 1.05;
		width: 100%;
		transition: scale var(--transition-appendix);
	}

	.shared-play-button {
		inset: var(--space-5) var(--space-5) auto auto;
		transform: none;
	}

	.slide-top .mini-date-section {
		top: var(--space-4);
		left: var(--space-4);
	}

	/*===================================*/
	/*=====----- MEDIA QUERIES -----=====*/
	/*===================================*/

	@media (hover: hover) {
		.slide:hover .slide-img,
		.slide:hover .img-cont::before {
			scale: 1;
		}

		.slide-title a:hover {
			color: inherit;
		}
	}

	@container (min-width: 64em) {
		.widget-inner {
			display: grid;
			grid-template-columns: 442px minmax(0, 1fr);
			align-items: end;
			gap: 86px;
			padding: 0 0 var(--space-10) 30px;
			margin-bottom: 140px;

			&::before {
				inset: var(--space-10) 0 0 73px;
			}
		}

		.widget-header {
			position: relative;
			width: 100%;
			max-width: none;
			padding: 0;
			margin: 0 0 var(--space-8);
		}

		.widget-title-text {
			font-size: 4.375rem;
		}

		.slider-cont {
			width: 100%;
			margin: 0;
		}

		.arrows {
			inset: auto auto -22px calc(100% + 22px);
			flex-direction: column;
			gap: var(--space-3);
			padding: 0;
		}

		.slide {
			z-index: 2;
			transition:
				translate var(--transition-appendix),
				scale var(--transition-appendix),
				opacity var(--transition-appendix);
		}

		.slide.slide-under {
			z-index: 1;
			translate: 100%;
			scale: 0.66;
			opacity: 0;
		}

		.content-section {
			padding: 30px;
		}

		.info-flag,
		.sponsored {
			font-size: 0.9375rem;
		}

		.slide-title {
			font-size: 2rem;
		}

		.img-cont::before {
			scale: 100% 67%;
		}

		.img-cont::after {
			height: var(--space-6);
		}
	}

	@container (min-width: 90em) {
		.widget-inner {
			width: calc(100% - 112px);
			margin-left: auto;
		}
	}
}