.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace.pace-inactive .pace-progress {
	display: none;
}

.pace .pace-progress {
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 0;
	height: 5rem;
	width: 5rem;

	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding : 1.2vw 2vw;
	content: attr(data-progress-text);
	font-family: panamera;
	font-weight: 100;
	font-size: 3vw;
	line-height: 1;
	text-align: right;
	color: var(--c1);
}

@media (orientation: portrait) {


	.pace .pace-progress:after {
		display: block;
		position: absolute;
		top: 7vh;
		right: 2vw;
		padding : 1.2vw 2vw;
		content: attr(data-progress-text);
		font-family: panamera;
		font-weight: 100;
		font-size: 7vw;
		line-height: 1;
		text-align: right;
		color: var(--c1);
	}

}