/*!
 * Surplus GY Runner scene loader.
 *
 * The runner, clock sweep and bounce are baked into a single animated GIF
 * (assets/img/surplus-gy-runner-loader.gif), so this file only handles
 * centring, sizing and the dark backdrop.
 *
 * Brand orange used in the artwork: #f46622.
 */

/* Opaque black so the GIF (which has a solid black background) blends into
   the backdrop instead of showing a visible box around the runner. */
.rgy-tour-loader--surplus {
	background: #000;
}

.rgy-surplus-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(32vw, 220px);
	min-width: 120px;
	pointer-events: none;
}

.rgy-surplus-loader__image {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.18));
}

/* ---------------------------------------------------------------------------
 * Responsive sizing.
 * ------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.rgy-surplus-loader {
		width: min(42vw, 200px);
	}
}

@media only screen and (max-width: 640px) {
	.rgy-surplus-loader {
		width: min(54vw, 185px);
		min-width: 100px;
	}
}