.rang{text-align:center;max-width:273px;margin:0 auto}.rang-title{display:inline-block;width:200px}.rang-number{width:100%;margin-top:40px;text-align:center;border-width:0;font-size:50px;font-weight:900;background-color:#fff;color:#0093d7}.rang-slider[type=range]{width:400px;margin-top:40px;-webkit-appearance:none}.rang-slider[type=range]:focus{outline:none}.rang-slider[type=range]::-webkit-slider-runnable-track{width:100%;height:20px;border-radius:25px;background:#0093d7;cursor:pointer}.rang-slider[type=range]::-webkit-slider-thumb{width:50px;height:20px;margin-top:0;border-radius:25px;background:#ffc815;-webkit-appearance:none;cursor:pointer}.rang-slider[type=range]:focus::-webkit-slider-runnable-track{background:#a3cd3b}.meter{display:block;width:273px;height:155px;margin:0 auto}.meter-left{-webkit-transform:skewX(-2deg)skewY(1deg);transform:skewX(-2deg)skewY(1deg);stroke-width:56px;stroke-dashoffset:253;stroke-dasharray:140 397;stroke:#d14c2b;fill:none}.meter-center{stroke-width:60px;stroke-dashoffset:128;stroke-dasharray:40 520;stroke:#e09730;fill:none}.meter-right{-webkit-transform:skewX(2deg)skewY(1deg);transform:skewX(2deg)skewY(1deg);stroke-width:56px;stroke-dashoffset:5;stroke-dasharray:128 354;stroke:#88bc50;fill:none}.meter-clock{-webkit-transform:rotate(-54deg);transform:rotate(-54deg);-webkit-transform-origin:137px 146px;transform-origin:137px 146px;fill:#000}.meter-circle{fill:#000}