/**
 * Frontend styles for Spillstation Customizations.
 *
 * Loading overlay for the debounced Filter Everything term-search box.
 * See assets/js/frontend.js.
 */

.spillstation-filter-search-loading {
	position: relative;
	pointer-events: none;
}

.spillstation-filter-search-loading::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(255, 255, 255, 0.65);
}

.spillstation-filter-search-loading::before {
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-top-color: rgba(0, 0, 0, 0.55);
	border-radius: 50%;
	animation: spillstation-filter-search-spin 0.6s linear infinite;
}

@keyframes spillstation-filter-search-spin {
	to {
		transform: rotate(360deg);
	}
}