olelo-highlights-by-topic-stacked {
	[data-topic-section] {
		scroll-margin-top: 4.25rem;
	}

	:is([data-view-all], [data-carousel-dir]):not(:disabled):active {
		background-color: color-mix(
			in oklch,
			var(--color-purple) 85%,
			oklch(0 0 none)
		);
	}
}

@media (hover: hover) and (pointer: fine) {
	olelo-highlights-by-topic-stacked {
		:is([data-view-all], [data-carousel-dir]):not(:disabled):hover:not(
				:active
			) {
			background-color: color-mix(
				in oklch,
				var(--color-purple) 90%,
				oklch(1 0 none)
			);
		}
	}
}