/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
 * @license MIT
 * 适配 PIX 主题色 (#2b48ff) 与右上角小圆圈 spinner。 */

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

#nprogress .bar {
	background:var(--pix-color-accent, #2b48ff);
	position:fixed;
	z-index:1031;
	top:0;
	left:0;
	width:100%;
	height:3px;
	box-shadow:0 0 8px var(--pix-color-accent, #2b48ff);
}

/* Fancy blur effect */
#nprogress .peg {
	display:block;
	position:absolute;
	right:0;
	width:120px;
	height:100%;
	box-shadow:0 0 16px var(--pix-color-accent, #2b48ff), 0 0 10px var(--pix-color-accent, #2b48ff), 0 0 6px var(--pix-color-accent, #2b48ff);
	opacity:1;
	transform:rotate(3deg) translate(0, -4px);
}

/* 右上角小圆圈加载动画 */
#nprogress .spinner {
	display:block;
	position:fixed;
	z-index:1031;
	top:18px;
	right:18px;
}

#nprogress .spinner-icon {
	width:22px;
	height:22px;
	box-sizing:border-box;
	border:solid 3px transparent;
	border-top-color:var(--pix-color-accent, #2b48ff);
	border-left-color:var(--pix-color-accent, #2b48ff);
	border-radius:50%;
	animation:nprogress-spinner 400ms linear infinite;
}

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

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

@keyframes nprogress-spinner {
	0%   { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

/* 暗色模式下进度条与 spinner 保持品牌蓝 */
.dark #nprogress .bar,
.dark #nprogress .spinner-icon {
	border-top-color:var(--pix-color-accent, #2b48ff);
	border-left-color:var(--pix-color-accent, #2b48ff);
}