/* ==========================================================================
   Vintage Ambiance logo spinner - square border trace loader
   ========================================================================== */

#qodef-page-spinner.qodef-layout--va-logo .qodef-m-spinner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

#qodef-page-spinner.qodef-layout--va-logo .qodef-m-va-logo {
	position: relative;
	width: 160px;
	height: 160px;
	max-width: 48vw;
	max-height: 48vw;
}

#qodef-page-spinner.qodef-layout--va-logo .qodef-m-va-logo-inner {
	width: 100%;
	height: 100%;
}

#qodef-page-spinner.qodef-layout--va-logo .qodef-m-svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

#qodef-page-spinner.qodef-layout--va-logo .qodef-m-svg > g {
	opacity: 0.55;
	transition: opacity 0.4s ease;
}

#qodef-page-spinner.qodef-layout--va-logo .qodef-m-va-trace {
	stroke-dasharray: 28 72;
	stroke-dashoffset: 0;
	animation: qodef-va-trace 2s linear infinite;
	filter: drop-shadow(0 0 6px rgba(240, 225, 130, 0.55));
}

@keyframes qodef-va-trace {
	to {
		stroke-dashoffset: -100;
	}
}

@media (prefers-reduced-motion: reduce) {
	#qodef-page-spinner.qodef-layout--va-logo .qodef-m-va-trace {
		animation: none;
		stroke-dasharray: none;
		filter: none;
	}

	#qodef-page-spinner.qodef-layout--va-logo .qodef-m-svg > g {
		opacity: 1;
	}
}
