@import"https://fonts.googleapis.com/css?family=Aldrich";@import"https://fonts.googleapis.com/css?family=Aldrich";@import"https://fonts.googleapis.com/css?family=Aldrich";@import"https://fonts.googleapis.com/css?family=Aldrich";.tachometer{position:absolute;left:calc(50% - 320px/2);background-color:#000;color:#fff;border-radius:50%;border:16px outset gray;width:320px;height:320px;font-family:"Aldrich";font-weight:bold}.tachometer .digit{position:absolute;left:50%;top:50%;width:1em;height:43%;padding-bottom:2%;text-align:center;margin-left:-0.5em;display:flex;align-items:flex-end;transform-origin:top;font-size:20px}.tachometer .digit:after{content:"";display:block;position:absolute;left:5.3333333333px;bottom:-16px;background-image:linear-gradient(to bottom, currentColor 70%, transparent 70%, transparent 80%, currentColor 80%);width:5.3333333333px;height:20px;border-radius:20% 20% 0 0}.tachometer .digit:not(:last-of-type):before{content:"";display:block;position:absolute;left:calc(-40px + 8px);right:22.8571428571px;top:100%;bottom:-5%;border-bottom:2px solid currentColor;background-image:linear-gradient(to right, currentColor 0, transparent 1px, transparent 33%, currentColor calc(33% + 1px), transparent calc(33% + 1px), transparent 67%, currentColor calc(67% + 1px), transparent calc(67% + 1px), transparent calc(100% - 1px), currentColor 100%);transform-origin:top;transform:rotate(11deg)}.tachometer .digit:nth-of-type(10)~.digit{color:red}.tachometer .digit>span{display:block;margin:0 auto;color:#fff}.tachometer .digit:nth-of-type(1){transform:rotate(0deg)}.tachometer .digit:nth-of-type(1)>span{transform:rotate(0deg) scaleY(0.8)}.tachometer .digit:nth-of-type(2){transform:rotate(18deg)}.tachometer .digit:nth-of-type(2)>span{transform:rotate(-18deg) scaleY(0.8)}.tachometer .digit:nth-of-type(3){transform:rotate(36deg)}.tachometer .digit:nth-of-type(3)>span{transform:rotate(-36deg) scaleY(0.8)}.tachometer .digit:nth-of-type(4){transform:rotate(54deg)}.tachometer .digit:nth-of-type(4)>span{transform:rotate(-54deg) scaleY(0.8)}.tachometer .digit:nth-of-type(5){transform:rotate(72deg)}.tachometer .digit:nth-of-type(5)>span{transform:rotate(-72deg) scaleY(0.8)}.tachometer .digit:nth-of-type(6){transform:rotate(90deg)}.tachometer .digit:nth-of-type(6)>span{transform:rotate(-90deg) scaleY(0.8)}.tachometer .digit:nth-of-type(7){transform:rotate(108deg)}.tachometer .digit:nth-of-type(7)>span{transform:rotate(-108deg) scaleY(0.8)}.tachometer .digit:nth-of-type(8){transform:rotate(126deg)}.tachometer .digit:nth-of-type(8)>span{transform:rotate(-126deg) scaleY(0.8)}.tachometer .digit:nth-of-type(9){transform:rotate(144deg)}.tachometer .digit:nth-of-type(9)>span{transform:rotate(-144deg) scaleY(0.8)}.tachometer .digit:nth-of-type(10){transform:rotate(162deg)}.tachometer .digit:nth-of-type(10)>span{transform:rotate(-162deg) scaleY(0.8)}.tachometer .digit:nth-of-type(11){transform:rotate(180deg)}.tachometer .digit:nth-of-type(11)>span{transform:rotate(-180deg) scaleY(0.8)}.tachometer .digit:nth-of-type(12){transform:rotate(198deg)}.tachometer .digit:nth-of-type(12)>span{transform:rotate(-198deg) scaleY(0.8)}.tachometer .digit:nth-of-type(13){transform:rotate(216deg)}.tachometer .digit:nth-of-type(13)>span{transform:rotate(-216deg) scaleY(0.8)}.tachometer .needle{z-index:2;position:absolute;left:48.5%;top:40%;width:3%;height:50%;background-color:red;box-shadow:0 0 3px #000;border-radius:25% 25% 40% 40%;transform-origin:center 20%}@keyframes revvin-needle{from{transform:rotate(0)}to{transform:rotate(220deg)}}.tachometer .rpm-label{position:absolute;font-size:16px;transform:scaleY(0.8);top:65%;text-align:center;width:100%}.aftermarket-meter{position:absolute;left:calc(50% - 240px/2);background-color:#000;color:#fff;border-radius:50%;border:12px outset gray;width:240px;height:240px;font-family:"Aldrich";font-weight:bold}.aftermarket-meter .digit{position:absolute;left:50%;top:50%;width:1em;height:43%;padding-bottom:2%;text-align:center;margin-left:-0.5em;display:flex;align-items:flex-end;transform-origin:top;font-size:15px}.aftermarket-meter .digit:after{content:"";display:block;position:absolute;left:4px;bottom:-12px;background-image:linear-gradient(to bottom, currentColor 70%, transparent 70%, transparent 80%, currentColor 80%);width:4px;height:15px;border-radius:20% 20% 0 0}.aftermarket-meter .digit:not(:last-of-type):before{content:"";display:block;position:absolute;left:calc(-30px + 8px);right:17.1428571429px;top:100%;bottom:-5%;border-bottom:2px solid currentColor;background-image:linear-gradient(to right, currentColor 0, transparent 1px, transparent 33%, currentColor calc(33% + 1px), transparent calc(33% + 1px), transparent 67%, currentColor calc(67% + 1px), transparent calc(67% + 1px), transparent calc(100% - 1px), currentColor 100%);transform-origin:top;transform:rotate(11deg)}.aftermarket-meter .digit:nth-of-type(4)~.digit{color:red}.aftermarket-meter .digit>span{display:block;margin:0 auto;color:#fff}.aftermarket-meter .digit:nth-of-type(1){transform:rotate(234deg)}.aftermarket-meter .digit:nth-of-type(1)>span{transform:rotate(-234deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(2){transform:rotate(252deg)}.aftermarket-meter .digit:nth-of-type(2)>span{transform:rotate(-252deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(3){transform:rotate(270deg)}.aftermarket-meter .digit:nth-of-type(3)>span{transform:rotate(-270deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(4){transform:rotate(288deg)}.aftermarket-meter .digit:nth-of-type(4)>span{transform:rotate(-288deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(5){transform:rotate(306deg)}.aftermarket-meter .digit:nth-of-type(5)>span{transform:rotate(-306deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(6){transform:rotate(324deg)}.aftermarket-meter .digit:nth-of-type(6)>span{transform:rotate(-324deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(7){transform:rotate(342deg)}.aftermarket-meter .digit:nth-of-type(7)>span{transform:rotate(-342deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(8){transform:rotate(360deg)}.aftermarket-meter .digit:nth-of-type(8)>span{transform:rotate(-360deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(9){transform:rotate(378deg)}.aftermarket-meter .digit:nth-of-type(9)>span{transform:rotate(-378deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(10){transform:rotate(396deg)}.aftermarket-meter .digit:nth-of-type(10)>span{transform:rotate(-396deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(11){transform:rotate(414deg)}.aftermarket-meter .digit:nth-of-type(11)>span{transform:rotate(-414deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(12){transform:rotate(432deg)}.aftermarket-meter .digit:nth-of-type(12)>span{transform:rotate(-432deg) scaleY(0.8)}.aftermarket-meter .digit:nth-of-type(13){transform:rotate(450deg)}.aftermarket-meter .digit:nth-of-type(13)>span{transform:rotate(-450deg) scaleY(0.8)}.aftermarket-meter .needle{z-index:2;position:absolute;left:48.5%;top:40%;width:3%;height:50%;background-color:red;box-shadow:0 0 3px #000;border-radius:25% 25% 40% 40%;transform-origin:center 20%}@keyframes revvin-needle{from{transform:rotate(0)}to{transform:rotate(220deg)}}.aftermarket-meter .label{position:absolute;font-size:12px;transform:scaleY(0.8);top:65%;left:35%;text-align:center;width:100%}.beginner-meter{position:absolute;left:calc(50% - 240px/2);background-color:#000;color:#fff;border-radius:50%;border:12px outset gray;width:240px;height:240px;font-family:"Aldrich";font-weight:bold}.beginner-meter .digit{position:absolute;left:50%;top:50%;width:1em;height:43%;padding-bottom:2%;text-align:center;margin-left:-0.5em;display:flex;align-items:flex-end;transform-origin:top;font-size:15px}.beginner-meter .digit:after{content:"";display:block;position:absolute;left:4px;bottom:-12px;background-image:linear-gradient(to bottom, currentColor 70%, transparent 70%, transparent 80%, currentColor 80%);width:4px;height:15px;border-radius:20% 20% 0 0}.beginner-meter .digit:not(:last-of-type):before{content:"";display:block;position:absolute;left:calc(-30px + 8px);right:17.1428571429px;top:100%;bottom:-5%;border-bottom:2px solid currentColor;background-image:linear-gradient(to right, currentColor 0, transparent 1px, transparent 33%, currentColor calc(33% + 1px), transparent calc(33% + 1px), transparent 67%, currentColor calc(67% + 1px), transparent calc(67% + 1px), transparent calc(100% - 1px), currentColor 100%);transform-origin:top;transform:rotate(11deg)}.beginner-meter .digit:nth-of-type(4)~.digit{color:red}.beginner-meter .digit>span{display:block;margin:0 auto;color:#fff}.beginner-meter .digit:nth-of-type(1){transform:rotate(54deg)}.beginner-meter .digit:nth-of-type(1)>span{transform:rotate(-54deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(2){transform:rotate(72deg)}.beginner-meter .digit:nth-of-type(2)>span{transform:rotate(-72deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(3){transform:rotate(90deg)}.beginner-meter .digit:nth-of-type(3)>span{transform:rotate(-90deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(4){transform:rotate(108deg)}.beginner-meter .digit:nth-of-type(4)>span{transform:rotate(-108deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(5){transform:rotate(126deg)}.beginner-meter .digit:nth-of-type(5)>span{transform:rotate(-126deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(6){transform:rotate(144deg)}.beginner-meter .digit:nth-of-type(6)>span{transform:rotate(-144deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(7){transform:rotate(162deg)}.beginner-meter .digit:nth-of-type(7)>span{transform:rotate(-162deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(8){transform:rotate(180deg)}.beginner-meter .digit:nth-of-type(8)>span{transform:rotate(-180deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(9){transform:rotate(198deg)}.beginner-meter .digit:nth-of-type(9)>span{transform:rotate(-198deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(10){transform:rotate(216deg)}.beginner-meter .digit:nth-of-type(10)>span{transform:rotate(-216deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(11){transform:rotate(234deg)}.beginner-meter .digit:nth-of-type(11)>span{transform:rotate(-234deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(12){transform:rotate(252deg)}.beginner-meter .digit:nth-of-type(12)>span{transform:rotate(-252deg) scaleY(0.8)}.beginner-meter .digit:nth-of-type(13){transform:rotate(270deg)}.beginner-meter .digit:nth-of-type(13)>span{transform:rotate(-270deg) scaleY(0.8)}.beginner-meter .needle{z-index:2;position:absolute;left:48.5%;top:40%;width:3%;height:50%;background-color:red;box-shadow:0 0 3px #000;border-radius:25% 25% 40% 40%;transform-origin:center 20%}@keyframes revvin-needle{from{transform:rotate(0)}to{transform:rotate(220deg)}}.beginner-meter .label{position:absolute;font-size:12px;transform:scaleY(0.8);top:65%;left:35%;text-align:center;width:100%}.thermometer{padding:16px;position:absolute;left:calc(50% - 240px/2);background-color:#000;color:#fff;width:159.84px;height:240px;border-radius:8px;border:4px outset gray}.thermometer .digits{display:block}.thermometer .digit{font-size:11px;background-color:gray;color:gray;margin-top:6px;margin-bottom:6px;border-radius:0px 4px 4px 0px}.thermometer .digit:nth-of-type(3)~.digit{background-color:red;color:red}.thermometer .digit:nth-of-type(1){width:120px}.thermometer .digit:nth-of-type(2){width:102.8571428571px}.thermometer .digit:nth-of-type(3){width:85.7142857143px}.thermometer .digit:nth-of-type(4){width:68.5714285714px}.thermometer .digit:nth-of-type(5){width:51.4285714286px}.thermometer .digit:nth-of-type(6){width:34.2857142857px}.thermometer .digit:nth-of-type(7){width:17.1428571429px}
