#catalogResults.is-loading,
.catalog-grid.is-loading {
	opacity: 0.6;
	pointer-events: none;
	position: relative;
}

#catalogResults.is-loading::after,
.catalog-grid.is-loading::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 20px;
	background: rgba(15, 17, 21, 0.45);
	backdrop-filter: blur(6px);
}

.is-loading::after {
	content: '';
	border: 3px solid rgba(255, 255, 255, 0.25);
	border-top-color: #f43f5e;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	animation: eastfilm-spin 0.8s linear infinite;
	margin-left: 10px;
	vertical-align: middle;
}

@keyframes eastfilm-spin {
	to {
		transform: rotate(360deg);
	}
}