.wp-block-olelo-highlights-by-topic {
	@media (max-width: 63.975rem) {
		padding-bottom: var(--spacing-f-m-l);
	}
}

olelo-highlights-by-topic {
	container-type: inline-size;

	/* Keep hidden panels and controls hidden even when utilities set display. */
	[hidden] {
		display: none;
	}

	[data-topic-tab][aria-selected="true"] {
		background-color: var(--color-gray-96);

		[data-tab-dot] {
			visibility: visible;
		}
	}

	:is(a, button, [tabindex]):focus-visible {
		outline: 2px solid var(--color-purple);
		outline-offset: 2px;
	}

	.highlights-topic-arrow:active {
		background-color: color-mix(
			in oklch,
			var(--color-periwinkle) 22%,
			var(--color-gray-96)
		);
	}
}

@media (hover: hover) and (pointer: fine) {
	olelo-highlights-by-topic {
		.highlights-topic-arrow:hover {
			background-color: color-mix(
				in oklch,
				var(--color-periwinkle) 18%,
				var(--color-gray-96)
			);
		}
	}
}