.wp-block-olelo-media-hero {
	& el-tab-panels > div {
		grid-area: 1 / 1;
		opacity: 1;
		transition:
			opacity 400ms ease,
			display 400ms;
		transition-behavior: allow-discrete;

		&[hidden] {
			opacity: 0;
		}

		@starting-style {
			opacity: 0;
		}

		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}
	}

	& .promo {
		&:hover {
			background-color: color-mix(in oklab, var(--color-purple) 95%, white);
		}
	}
}