/*
 * Archive filters.
 *
 * Loaded only on the protocol, event and training archives. The button styles
 * themselves live in style.css section 18, because the search page uses them
 * too; this file holds only the show/hide mechanics.
 */

[data-filter-group] { animation: phage-filters-in 0.2s ease; }

@keyframes phage-filters-in {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: none; }
}

/* The item being filtered out. Kept in the DOM so a crawler still sees it. */
[data-filter-hidden] { display: none !important; }

/* Brief dim while the list re-flows, so the change is perceptible. */
.phage-is-filtering { opacity: 0.5; }

@media (prefers-reduced-motion: reduce) {
	[data-filter-group] { animation: none; }
	.phage-is-filtering { opacity: 1; }
}