.timer {
	position: relative;
}
.timer-centered {
	z-index: 20;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}
.timer-scaled-text {
	font-size: 18pt;
	line-height: 18pt;
}
.timer-center-label {
	font-size: 8pt;
	line-height: 8pt;
	color: #81878E;
}
.timer-semi-circle {
	position: absolute;
	overflow: hidden;
	width: 50%;
	height: 100%;
	border: 4px solid #9EA1A1;
	background: none;
}
.timer-semi-circle.left {
	border-radius: 100% 0 0 100%/50% 0 0 50%;
	border-right: none;
	opacity: 1;
}
.timer-semi-circle.right {
	left: 50%;
	border-radius: 0 100% 100% 0/0 50% 50% 0;
	border-left: none;
	opacity: 1;
}
.timer-semi-circle.mask {
	z-index: 15;
}
.timer-semi-circle.spin {
	z-index: 10;
	transform-origin: 100% 50%;
}
.timer-semi-circle.bg {
	z-index: 5;
}