.gauge{position:relative;display:inline-block;font-size:33px;line-height:1em;height:1em;width:2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gauge.gauge-big{font-size:73px}.gauge.gauge-small{font-size:17px}.gauge:before{content:'';position:absolute;left:0;top:0;font-size:100%;height:2em;width:2em;line-height:1em;border:.35em solid #e30e1f;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;clip:rect(auto,auto,.8em,auto)}.gauge .gauge-arrow{height:.6em;width:.075em;margin-left:-.3em;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;margin-top:.08em}.gauge .gauge-arrow,.gauge .gauge-arrow:before{position:absolute;display:inline-block;background:#034563;left:62%;border-radius:50% 50% 50% 50% / 50% 50% 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gauge .gauge-arrow:before{content:'';height:.15em;width:.15em;bottom:-.1em;margin-left:-.075em;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.gauge-red.gauge:before{border-color:#e30e1f}.gauge-orange.gauge:before{border-color:#ffa600}.gauge-yellow.gauge:before{border-color:#e30e1f}.gauge-green.gauge:before{border-color:#8ceab9}gauge-blue.gauge:before{border-color:#2bc5ea}