/* Make clicks pass-through */
#nprogress {
	pointer-events: none;
}

#nprogress .bar {
	background: linear-gradient(
		90deg,
		var(--color-gold-dark) 0%,
		var(--color-gold) 50%,
		#d4c77a 100%
	);
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	box-shadow: 0 1px 8px rgba(192, 176, 92, 0.35);
}

/* Premium glow */
#nprogress .peg {
	display: block;
	position: absolute;
	z-index: 999999;
	right: 0;
	width: 120px;
	height: 100%;
	opacity: 1;

	box-shadow:
		0 0 10px rgba(192, 176, 92, 0.8),
		0 0 20px rgba(192, 176, 92, 0.45),
		0 0 30px rgba(192, 176, 92, 0.2);

	transform: rotate(3deg) translate(0, -4px);
}

/* Spinner */
#nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 999999;
	top: 18px;
	right: 18px;
}

#nprogress .spinner-icon {
	width: 20px;
	height: 20px;
	box-sizing: border-box;

	border: solid 2px transparent;
	border-top-color: var(--color-gold);
	border-left-color: var(--color-gold-dark);
	border-radius: 50%;

	filter: drop-shadow(0 0 6px rgba(192, 176, 92, 0.4));

	animation: nprogress-spinner 500ms linear infinite;
}

.nprogress-custom-parent {
	overflow: hidden;
	position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
	position: absolute;
}