.indicator{width:200px;height:150px}@media(min-width:768px)and (max-width:1024px){.indicator{width:165px}}@media(max-width:767.98px){.indicator{width:33.33%;max-width:150px;height:auto}}.indicator__name{text-align:center;font-size:1.5rem;font-weight:700;height:24px;line-height:24px}@media(max-width:767.98px){.indicator__name{font-size:1.1rem;font-weight:400}}.indicator__dashboard{position:relative;height:130px}@media(max-width:767.98px){.indicator__dashboard{display:flex;align-items:center;justify-content:center;height:auto}}.indicator__meter{display:block;margin:0 auto}@media(min-width:768px)and (max-width:1024px){.indicator__meter{width:165px;height:auto}}.indicator__text{position:absolute;top:60px;left:50%;transform:translateX(-50%);font-size:1.5rem;font-weight:700}@media(max-width:767.98px){.indicator__text{position:static;transform:none;text-align:center;font-weight:400;font-size:1rem}}.indicator__unit{text-align:center;font-size:1.1rem;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}@media(max-width:767.98px){.indicator__unit{position:static;transform:none;margin-left:4px;font-weight:400;font-size:.9rem}}.indicator__canvas{position:absolute;z-index:1;top:-10px;left:50%;transform:translateX(-50%);width:280px}@media(max-width:767.98px){.indicator__canvas{visibility:hidden}}.indicator__tooltip{position:relative}.indicator__progress{display:none;position:relative;width:80%;height:8px;margin:4px auto;background:#e7e7e9;border-radius:4px;overflow:hidden}.indicator__progress>span{width:100%;height:8px;position:absolute;left:0;top:0;transition:transform .8s ease-out}@media(max-width:767.98px){.indicator__progress{display:block}}.indicator--dark .indicator__name{color:#b8b9c0}.indicator--dark .indicator__text,.indicator--dark .indicator__unit{color:#e7e7e9}.indicator--light .indicator__name{color:#272f3d}.indicator--light .indicator__text,.indicator--light .indicator__unit{color:#868b95}