.energy-efficiency{display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.energy-efficiency .types{display:flex;flex-flow:column nowrap;gap:30px}.energy-efficiency .type{color:#ced0d5;cursor:pointer;padding-right:80px;transition:color .5s var(--translate-transition)}.energy-efficiency .type.active{color:var(--color-primary);cursor:default}.energy-efficiency .type:after{background-color:var(--color-primary);content:"";display:block;height:1px;margin-top:10px;transition:width .5s var(--translate-transition);width:0}.energy-efficiency .type.active:after{width:100%}.energy-efficiency .categories{display:flex;flex-flow:column nowrap;gap:40px;grid-column:span 2}.energy-efficiency .title{color:#858a95;margin:0}.energy-efficiency .metrics{display:flex;flex-flow:column nowrap;gap:40px;margin-top:1rem}.energy-efficiency .metric .bar{box-shadow:inset 0 0 0 1px #ced0d5;height:30px;position:relative;width:100%}.energy-efficiency .metric .title{left:15px;position:absolute;top:50%;transform:translateY(-50%)}.energy-efficiency .metric .bar-fill{background-color:var(--color-primary);border:1px solid var(--color-primary);height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:width .5s var(--translate-transition);width:var(--percentage)}.energy-efficiency .metric .fill-title{color:#fff;white-space:nowrap}.energy-efficiency .metric .number{align-items:flex-end;display:flex;flex-flow:row nowrap;gap:4px}.energy-efficiency .metric .digit{height:auto;width:24px}.energy-efficiency .metric .point{background-color:var(--color-primary);height:5px;width:5px}@media screen and (max-width:767px){.energy-efficiency{gap:20px;grid-template-columns:1fr}.energy-efficiency .types{display:flex;flex-flow:row wrap;gap:20px}.energy-efficiency .type{padding-right:0}.energy-efficiency .categories{grid-column:unset}}