.info{text-transform:uppercase;margin:auto -15px 30px;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding:10px 0;font-size:90%}.info-code{cursor:pointer}.info-code:hover{color:salmon}.progress-wrapper{text-transform:uppercase;margin:auto;justify-content:space-between;padding:40px 20px 30px;max-width:350px}[type=range]{width:200px}.code{left:0;visibility:hidden;opacity:0;margin:auto;line-height:1.6;position:absolute;height:0;transition:visibility 0s,opacity .5s linear;width:260px}.show-code .code{visibility:visible;opacity:1;top:45px;height:100%}pre{margin:0;padding:0;height:100%;width:100%}code{margin-top:-20px;height:calc(100% - 45px)}.pie-unit-9{fill:#f50057;font-size:1rem}