.ccl-v2-widget.core-v2-hero-image {
	color: var(--white);

	&:not(.hide-content) .slide {
		padding-bottom: 66px;
	}

	.content-section {
		inset: auto auto -66px 10px;
		gap: var(--space-3);
		width: calc(100% - var(--space-5));
		max-width: 574px;
		padding: var(--space-4) var(--space-5);
		background: rgba(16, 43, 78, 0.85);
		backdrop-filter: blur(0.5px);
	}

	.content-upper {
		gap: 10px;
	}

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

	.slide-title {
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: 1.375rem;
		line-height: calc(12/11);
		letter-spacing: -0.01em;
	}

	.slide-desc {
		line-height: calc(17/16);
	}

	.slide-top::before {
		position: absolute;
		inset: 0 0 -5px;
		z-index: 2;
		display: block;
		content: '';
		border-bottom: 10px dotted var(--sw-body-bg);
		pointer-events: none;
	}

	.img-cont::before {
		display: none;
	}
	
	@media (hover: hover) {
		&.animation-expand .slide:hover .slide-img {
			scale: 1.02;
		}
	}

	@container (min-width: 64em) {
		&:not(.hide-content) .slide {
			padding-bottom: 24px;
		}

		.content-section {
			inset: auto auto -24px var(--space-10);
			padding: var(--space-10) 38px 36px;
		}

		.content-upper {
			gap: var(--space-3);
		}

		.slide-title {
			font-size: 2rem;
			line-height: calc(33/32);
		}

		.slide-desc {
			font-size: var(--text-lg);
			line-height: calc(19/18);
		}
	}
}