.marqueblanche-home-slider {
	width: var(--marqueblanche-layout-width);
	margin: clamp(0.5rem, 2vw, 1.25rem) auto clamp(1.5rem, 4vw, 3rem);
	--marqueblanche-slider-height: 360px;
}

.marqueblanche-home-slider__viewport {
	overflow: hidden;
	border-radius: 8px;
	background: color-mix(in srgb, var(--marqueblanche-theme-bg) 72%, transparent);
	border: 1px solid color-mix(in srgb, var(--marqueblanche-theme-text) 8%, transparent);
	box-shadow:
		0 22px 58px color-mix(in srgb, var(--marqueblanche-theme-text) 12%, transparent),
		0 1px 0 color-mix(in srgb, var(--marqueblanche-theme-bg) 86%, transparent) inset;
	touch-action: pan-y;
}