@font-face{font-family:'autovivabold';src:url('../fonts/autoviva-bold-webfont.woff2') format('woff2'),url('../fonts/autoviva-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'autoviva';src:url('../fonts/autoviva-light-webfont.woff2') format('woff2'),url('../fonts/autoviva-light-webfont.woff') format('woff');font-weight:normal;font-style:normal}:root{--color-1a:#008d53;--color-1b:#98ba00;--color-2a:#e74800;--color-2b:#f49900;--color-3a:#d01817;--color-3b:#d8007e;--color-4a:#f7b400;--color-4b:#fade00;--gauge-empty:#ededed;--gauge-width:6.5em;--gauge-weight:.666em}*{font-family:autoviva,Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif}.value *{font-family:autovivabold,Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif}#current-power .pie{--gauge-color-start:var(--color-3a);--gauge-color-end:var(--color-3b)}.today .pie{--gauge-color-start:var(--color-1a);--gauge-color-end:var(--color-1b)}.monthly .pie{--gauge-color-start:var(--color-2a);--gauge-color-end:var(--color-2b)}.yearly .pie{--gauge-color-start:var(--color-4a);--gauge-color-end:var(--color-4b)}.lifetime .pie{--gauge-color-start:#bfbfbf;--gauge-color-end:#e6e6e6}.today .pie,.monthly .pie,.yearly .pie,.lifetime .pie,#current-power .pie{border-radius:999999px}.pie:before{inset:0;z-index:1;background:radial-gradient(farthest-side, var(--gauge-color-end) 98%, #0000) top / var(--gauge-weight) var(--gauge-weight) no-repeat,conic-gradient(var(--gauge-color-end) 0, var(--gauge-color-start) calc(var(--p)*1%), #0000 calc(var(--p)*1%)),conic-gradient(var(--gauge-empty) 0, var(--gauge-empty) 100%)}.pie:after{z-index:2;inset:calc(50% - var(--gauge-weight)/2);background:var(--gauge-color-start);transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--gauge-width)/2));opacity:1}.pie.animate{animation:pie 2s cubic-bezier(.87, 0, .13, 1)}.lifetime .pie.animate{animation:pie calc(var(--t)/1000*1s) cubic-bezier(0, .35, .77, .89)}/*# sourceMappingURL=./base.css.map */