/* Click feedback while the next page loads (loading.js). Loaded on every page, so kept small. */
.dc-nav-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000; height: 3px; overflow: hidden; background: rgba(88, 101, 242, .25); pointer-events: none; }
.dc-nav-bar::after { content: ""; display: block; width: 40%; height: 100%; background: #5865f2; animation: dc-nav-slide 1.1s ease-in-out infinite; }
a.dc-nav-busy { opacity: .6; cursor: progress; pointer-events: none; }
a.dc-nav-spin { opacity: 1; }
a.dc-nav-spin > * { opacity: .5; }
a.dc-nav-spin::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 5; width: 34px; height: 34px; margin: -17px 0 0 -17px; box-sizing: border-box; border: 3px solid rgba(255, 255, 255, .35); border-top-color: #fff; border-radius: 50%; background: rgba(0, 0, 0, .45); animation: dc-nav-spin .7s linear infinite; }
@keyframes dc-nav-slide { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@keyframes dc-nav-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.dc-nav-bar::after { width: 100%; animation: none; }
	a.dc-nav-spin::after { animation: none; }
}