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