.pace
{
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index: 10000;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height:
		clamp(3px,																									/* min value */
		calc(((-1 * var(--global_msc_var)) * ((6 - 3) / (var(--global_sc_var) - var(--global_msc_var))) + 3) * 1px)	/* med value */
		+ calc((6 - 3) / (var(--global_sc_var) - var(--global_msc_var)) * 100vw),
		6px);																										/* max value */
	height: 3px;
	overflow: hidden;
}

.pace .pace-progress
{
	height: 100%;
	width: 100%;	
	position: absolute;
	top: 0;
	right: 100%;
	background-color: var(--global_color_custom);
	background-color: #30719b;
}

.pace.pace-inactive
{
	/* display: none; */ /* niepotrzebne, poniewaz zostal dodany fadeOut w pace.js po zakonczeniu ladowania */
}

html.is_global_contrast .pace
{
	background-color: var(--root_color_dark);
}

html.is_global_contrast .pace .pace-progress
{
	background-color: var(--root_color_light);
}