/*
 * Loading affordance for the AJAX-backed collections.
 *
 * Theme-owned on purpose. assets/css/main.css is Grunt output from the
 * designer's scss/, so anything written there is lost on the next export, and
 * the markup has no loader of its own — server-backed filtering is a theme
 * addition. This sits alongside assets/js/hero-video.js for the same reason.
 *
 * Colours are the design's own: $blue (#111729), the value scss uses for
 * .filter-nav-empty, which this element sits next to.
 */

.collection-loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 12px;
	padding: 30px 0;
	color: #111729;
	font-size: 16px;
}

/*
 * Required, not redundant: the display:flex above beats the browser default
 * [hidden] { display: none }, so the attribute would stop hiding anything.
 */
.collection-loader[hidden] {
	display: none;
}

.collection-loader-spinner {
	width: 28px;
	height: 28px;
	border: 3px solid rgba(17, 23, 41, 0.15);
	border-top-color: #111729;
	border-radius: 50%;
	-webkit-animation: collection-spin 0.7s linear infinite;
	        animation: collection-spin 0.7s linear infinite;
}

/*
 * The stale cards stay in place while a request is in flight, but recede, so
 * it is clear they are not yet the answer to what was just typed. Keyed off
 * aria-busy so the visual state cannot drift from the announced one.
 */
.venue-list[aria-busy='true'],
.store-list[aria-busy='true'] {
	opacity: 0.45;
	-webkit-transition: opacity 0.15s ease-out;
	transition: opacity 0.15s ease-out;
}

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

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

/* A spin conveys nothing a fade cannot, so drop it when motion is unwelcome. */
@media (prefers-reduced-motion: reduce) {
	.collection-loader-spinner {
		-webkit-animation: collection-pulse 1.2s ease-in-out infinite;
		        animation: collection-pulse 1.2s ease-in-out infinite;
	}

	@-webkit-keyframes collection-pulse {
		50% {
			opacity: 0.3;
		}
	}

	@keyframes collection-pulse {
		50% {
			opacity: 0.3;
		}
	}
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7R0FVRzs7QUFFSDtDQUNDLHFCQUFjO0NBQWQscUJBQWM7Q0FBZCxjQUFjO0NBQ2QsMEJBQW9CO0tBQXBCLHVCQUFvQjtTQUFwQixvQkFBb0I7Q0FDcEIseUJBQXdCO0tBQXhCLHNCQUF3QjtTQUF4Qix3QkFBd0I7Q0FDeEIsVUFBVTtDQUNWLGdCQUFnQjtDQUNoQixlQUFlO0NBQ2YsZ0JBQWdCO0NBQ2hCOztBQUVEOzs7R0FHRztBQUNIO0NBQ0MsY0FBYztDQUNkOztBQUVEO0NBQ0MsWUFBWTtDQUNaLGFBQWE7Q0FDYix5Q0FBeUM7Q0FDekMsMEJBQTBCO0NBQzFCLG1CQUFtQjtDQUNuQix3REFBZ0Q7U0FBaEQsZ0RBQWdEO0NBQ2hEOztBQUVEOzs7O0dBSUc7QUFDSDs7Q0FFQyxjQUFjO0NBQ2QsMkNBQW1DO0NBQW5DLG1DQUFtQztDQUNuQzs7QUFFRDtDQUNDO0VBQ0Msa0NBQTBCO1VBQTFCLDBCQUEwQjtFQUMxQjtDQUNEOztBQUpEO0NBQ0M7RUFDQyxrQ0FBMEI7VUFBMUIsMEJBQTBCO0VBQzFCO0NBQ0Q7O0FBRUQsZ0ZBQWdGO0FBQ2hGO0NBQ0M7RUFDQyw4REFBc0Q7VUFBdEQsc0RBQXNEO0VBQ3REOztDQUVEO0VBQ0M7R0FDQyxhQUFhO0dBQ2I7RUFDRDs7Q0FKRDtFQUNDO0dBQ0MsYUFBYTtHQUNiO0VBQ0Q7Q0FDRCIsImZpbGUiOiJsb2FkZXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIExvYWRpbmcgYWZmb3JkYW5jZSBmb3IgdGhlIEFKQVgtYmFja2VkIGNvbGxlY3Rpb25zLlxuICpcbiAqIFRoZW1lLW93bmVkIG9uIHB1cnBvc2UuIGFzc2V0cy9jc3MvbWFpbi5jc3MgaXMgR3J1bnQgb3V0cHV0IGZyb20gdGhlXG4gKiBkZXNpZ25lcidzIHNjc3MvLCBzbyBhbnl0aGluZyB3cml0dGVuIHRoZXJlIGlzIGxvc3Qgb24gdGhlIG5leHQgZXhwb3J0LCBhbmRcbiAqIHRoZSBtYXJrdXAgaGFzIG5vIGxvYWRlciBvZiBpdHMgb3duIOKAlCBzZXJ2ZXItYmFja2VkIGZpbHRlcmluZyBpcyBhIHRoZW1lXG4gKiBhZGRpdGlvbi4gVGhpcyBzaXRzIGFsb25nc2lkZSBhc3NldHMvanMvaGVyby12aWRlby5qcyBmb3IgdGhlIHNhbWUgcmVhc29uLlxuICpcbiAqIENvbG91cnMgYXJlIHRoZSBkZXNpZ24ncyBvd246ICRibHVlICgjMTExNzI5KSwgdGhlIHZhbHVlIHNjc3MgdXNlcyBmb3JcbiAqIC5maWx0ZXItbmF2LWVtcHR5LCB3aGljaCB0aGlzIGVsZW1lbnQgc2l0cyBuZXh0IHRvLlxuICovXG5cbi5jb2xsZWN0aW9uLWxvYWRlciB7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDEycHg7XG5cdHBhZGRpbmc6IDMwcHggMDtcblx0Y29sb3I6ICMxMTE3Mjk7XG5cdGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLypcbiAqIFJlcXVpcmVkLCBub3QgcmVkdW5kYW50OiB0aGUgZGlzcGxheTpmbGV4IGFib3ZlIGJlYXRzIHRoZSBicm93c2VyIGRlZmF1bHRcbiAqIFtoaWRkZW5dIHsgZGlzcGxheTogbm9uZSB9LCBzbyB0aGUgYXR0cmlidXRlIHdvdWxkIHN0b3AgaGlkaW5nIGFueXRoaW5nLlxuICovXG4uY29sbGVjdGlvbi1sb2FkZXJbaGlkZGVuXSB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5jb2xsZWN0aW9uLWxvYWRlci1zcGlubmVyIHtcblx0d2lkdGg6IDI4cHg7XG5cdGhlaWdodDogMjhweDtcblx0Ym9yZGVyOiAzcHggc29saWQgcmdiYSgxNywgMjMsIDQxLCAwLjE1KTtcblx0Ym9yZGVyLXRvcC1jb2xvcjogIzExMTcyOTtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRhbmltYXRpb246IGNvbGxlY3Rpb24tc3BpbiAwLjdzIGxpbmVhciBpbmZpbml0ZTtcbn1cblxuLypcbiAqIFRoZSBzdGFsZSBjYXJkcyBzdGF5IGluIHBsYWNlIHdoaWxlIGEgcmVxdWVzdCBpcyBpbiBmbGlnaHQsIGJ1dCByZWNlZGUsIHNvXG4gKiBpdCBpcyBjbGVhciB0aGV5IGFyZSBub3QgeWV0IHRoZSBhbnN3ZXIgdG8gd2hhdCB3YXMganVzdCB0eXBlZC4gS2V5ZWQgb2ZmXG4gKiBhcmlhLWJ1c3kgc28gdGhlIHZpc3VhbCBzdGF0ZSBjYW5ub3QgZHJpZnQgZnJvbSB0aGUgYW5ub3VuY2VkIG9uZS5cbiAqL1xuLnZlbnVlLWxpc3RbYXJpYS1idXN5PSd0cnVlJ10sXG4uc3RvcmUtbGlzdFthcmlhLWJ1c3k9J3RydWUnXSB7XG5cdG9wYWNpdHk6IDAuNDU7XG5cdHRyYW5zaXRpb246IG9wYWNpdHkgMC4xNXMgZWFzZS1vdXQ7XG59XG5cbkBrZXlmcmFtZXMgY29sbGVjdGlvbi1zcGluIHtcblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbn1cblxuLyogQSBzcGluIGNvbnZleXMgbm90aGluZyBhIGZhZGUgY2Fubm90LCBzbyBkcm9wIGl0IHdoZW4gbW90aW9uIGlzIHVud2VsY29tZS4gKi9cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG5cdC5jb2xsZWN0aW9uLWxvYWRlci1zcGlubmVyIHtcblx0XHRhbmltYXRpb246IGNvbGxlY3Rpb24tcHVsc2UgMS4ycyBlYXNlLWluLW91dCBpbmZpbml0ZTtcblx0fVxuXG5cdEBrZXlmcmFtZXMgY29sbGVjdGlvbi1wdWxzZSB7XG5cdFx0NTAlIHtcblx0XHRcdG9wYWNpdHk6IDAuMztcblx0XHR9XG5cdH1cbn1cbiJdfQ== */