#speedometer {
	/* float: right; */
	width: 16em;
	height: 5.7em;
	position: relative;
	display: block;
	left: 50%;
	transform: translate(-50%, 0%);
	text-align:left;
	background-color: #C8C8C8;
	padding: 0.6em 0.2em 0.2em 0.2em;
	border-radius:0.3em;
	border-width:0.5em;
	margin: 0em 0em 0.5em 0em;
	background-image: -webkit-linear-gradient(74deg, rgba(39, 39, 39, 0.4) 1%, transparent 75%);
	box-shadow: inset -0.01em -0.01em 0.6em 0.01em rgb(0, 0, 0);
}

#speedometer:hover {
	cursor: pointer;
}

#speed {
	position: relative;
	display: inline-block;
	top: 0;
	padding: 0.2em;
	box-shadow: inset 0.1em 0.1em 0.3em 0.1em rgba(255, 255, 255, 0.3);
	border-style: none;
	border-radius: 0.15em;
	border-top: 1;
}

#speed .number.wrapper {
	top: 0em;
	left: 0em;
	padding: 0em;
}

#speed .digit-border {
	display: inline-block;
	margin-right: -0.5em;
	padding: 0.3em;
}

#ten {

}

#unit .digit {
	margin-right: 0.25em;
}

#speed .digit {
	display: block;
	font-size: 5em;
	line-height: 0.9em;
	box-shadow: inset hsla(0,0%,100%,.25) -0.05em -0.05em 0.6em 0.01em;
	border-style: inset;
	border-color: #464646;
	border-radius: 0.03em;
	border-width: 0.02em;
	background-color: #000000;
	width: 0.5em;
	height: 0.8em;
}

#speed .digit-value{
	color: rgb(242, 57, 39);
	text-shadow: 0px 0px 15px rgb(242, 57, 39);
	margin-right: 0em;
}

#speed .digit-bg{
    color: rgba(232, 136, 126, 0.36);
    top: 0em;
}

#speed .digit-dot {
	position: absolute;
	display: inline-block;
	left: 0.21em;
	top: 0.05em;
	border-style: none;
	color: rgba(232, 136, 126, 0.36);
	box-shadow: none;
}

#speed .digit-dot.on {
	position: absolute;
	display: inline-block;
	left: 0.21em;
	top: 0.05em;
	border-style: none;
	color: rgb(242, 57, 39);
	text-shadow: 0px 0px 15px rgb(242, 57, 39);
}

/* -------------------- labels -------------------- */

#mini-labels {
	position: relative;
	display: inline-block;
	text-align: center;
	top: 0.1em;
	left: 0.2em;
}

.mini-label {
	margin: 0em;
	letter-spacing: 0.1em;
	padding: 0.7em;
	font-weight: 100;
	font-size: 0.65em;
}

#mini-labels .wrapper:nth-child(1) .label-black.mini-label {

}

#mini-labels .wrapper:nth-child(2) .label-black.mini-label {
	/* padding: 0.5em; */
}	
#mini-labels .label-red.mini-label {

}

/* this gets mozilla to handle minor style exceptions */
@-moz-document url-prefix() {

    #speed .digit {
        display: block;
        font-size: 5em;
        line-height: 0.5em; /* fix moz */
        box-shadow: -0.05em -0.05em 0.6em 0.01em rgba(255, 255, 255, 0.25) inset;
        border-style: inset;
        border-color: #464646;
        border-radius: 0.03em;
        border-width: 0.02em;
        background-color: #000;
        width: 0.5em;
        height: 0.8em;
    }

}

/* Android minor style exceptions */
#speed .digit.android {
    line-height: 0.6em;     
}