.ccl-widget.core-imagebox.mosaic {
	position: relative;
	margin-bottom: var(--space-16);
}

.ccl-widget.core-imagebox.mosaic .slides {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 1fr 1fr;
}

.ccl-widget.core-imagebox.mosaic .slide:nth-child(1),
.ccl-widget.core-imagebox.mosaic .slide:nth-child(2) {
	grid-column: 1 / span 2;
}

.ccl-widget.core-imagebox.mosaic .slide:nth-child(1) {
	margin-right: 15px;
}

.ccl-widget.core-imagebox.mosaic .slide:nth-child(2) {
	margin-left: 15px;
}

.ccl-widget.core-imagebox.mosaic .slide:nth-child(5) {
	grid-column: 1 / span 2;
	margin-right: 15px;
}

.ccl-widget.core-imagebox.mosaic .slide > .inner {
	position: relative;
}

.ccl-widget.core-imagebox.mosaic .slide .img-cont {
	position: relative;
}

.ccl-widget.core-imagebox.mosaic .slide:nth-child(1) .img-cont,
.ccl-widget.core-imagebox.mosaic .slide:nth-child(3) .img-cont,
.ccl-widget.core-imagebox.mosaic .slide:nth-child(5) .img-cont {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ccl-widget.core-imagebox.mosaic .slide:nth-child(2) .img-cont,
.ccl-widget.core-imagebox.mosaic .slide:nth-child(4) .img-cont {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.ccl-widget.core-imagebox.mosaic .slide .img-cont::after {
	content: none;
}

.ccl-widget.core-imagebox.mosaic .slide .content-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 28px var(--space-8);
	pointer-events: none;
}

.ccl-widget.core-imagebox.mosaic .slide .slide-title,
.ccl-widget.core-imagebox.mosaic .slide .slide-title a {
	font-family: var(--font-display);
	font-size: var(--text-xl-1);
	font-weight: 900;
	line-height: calc(22 / 20);
	letter-spacing: var(--tracking-normal);
	color: var(--white);
	text-shadow: 0px 3px 8px #000000BF ;
}

@media (min-width: 64em) {
	.ccl-widget.core-imagebox.mosaic {
		margin-bottom: var(--space-32);
	}

	.ccl-widget.core-imagebox.mosaic .slide > .inner,
	.ccl-widget.core-imagebox.mosaic .slide .img-cont,
	.ccl-widget.core-imagebox.mosaic .slide .img-cont img {
		height: 100%;
	}
	.ccl-widget.core-imagebox.mosaic .slide .img-cont.has-link::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url(/includes/public/assets/shared/smiley-faces.svg);
		background-size: auto;
		background-position: 50% center;
		background-repeat: no-repeat;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
		transition: opacity 0.3s ease-out;
	}
	.ccl-widget.core-imagebox.mosaic .slide .img-cont.has-link::after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #0071BF;
		opacity: 0;
		pointer-events: none;

		transition: opacity 0.3s ease-out;
	}

	.ccl-widget.core-imagebox.mosaic .slide .img-cont img {
		object-fit: cover;
	}

	.ccl-widget.core-imagebox.mosaic .slides {
		grid-template-columns: 0.69fr 0.515fr 0.6fr 0.51fr;
		grid-template-rows: 35px 1fr 1fr 40px;
		gap: 10px;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(1) {
		grid-column: 1;
		grid-row: 2 / span 2;
		margin-right: unset;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(2) {
		grid-column: 2 / span 2;
		grid-row: 2;
		margin-left: unset;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(3) {
		grid-column: 4;
		grid-row: 1 / span 2;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(4) {
		grid-column: 2;
		grid-row: 3 / span 2;
		
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(5) {
		grid-column: 3 / span 2;
		grid-row: 3;
		margin-right: unset;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(2) .img-cont {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(4) .img-cont,
	.ccl-widget.core-imagebox.mosaic .slide:nth-child(2) .img-cont {
		border-top-right-radius: 10px;
    	border-bottom-right-radius: 10px;
	}

	.ccl-widget.core-imagebox.mosaic .slide:nth-child(5) .img-cont,
	.ccl-widget.core-imagebox.mosaic .slide:nth-child(3) .img-cont {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
	}

	.ccl-widget.core-imagebox.mosaic .slide .slide-title,
	.ccl-widget.core-imagebox.mosaic .slide .slide-title a {
		font-size: calc(22px + (32 - 22) * ((100vw - 1025px) / (1440 - 1025)));
	}

	.ccl-widget.core-imagebox.mosaic .slide .img-cont .shared-play-button {
		width: 99px;
		height: 99px;
		font-size: var(--text-3xl);
	}	

	@media (hover: hover) {
		.ccl-widget.core-imagebox.mosaic .slide:hover .img-cont.has-link::after {
			opacity: 0.5;
		}
		.ccl-widget.core-imagebox.mosaic .slide:hover .img-cont.has-link::before {
			opacity: 1;
		}
	}
}

@media (min-width: 90em) {
	.ccl-widget.core-imagebox.mosaic .slide .slide-title,
	.ccl-widget.core-imagebox.mosaic .slide .slide-title a {
		font-size: var(--text-3xl-1);
	}
}