.progress-control{font-size:16px;line-height:26px;border:0;border-radius:1000px;display:block;margin-top:12px;outline:0;overflow:hidden;padding:3px 20px;position:relative;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease,color .3s ease;width:100%}.progress-control__button{background-color:transparent;box-shadow:inset 0 0 0 2px #b3b8be;cursor:pointer;text-align:center}.progress-control__button .progress-control__control-inner{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progress-control__button .progress-control__percent{opacity:0}.progress-control__span{color:#fff;outline:2px solid transparent;pointer-events:none;text-align:left}.progress-control__span .progress-control__control-inner{left:0;-webkit-transform:translateX(0);transform:translateX(0)}.progress-control__span .progress-control__percent{opacity:1}.progress-control_voted{background-color:#00a7b0;border:2px solid #00a7b0}.progress-control_intact{background-color:#fff;border:2px solid #b3b8be;color:#000}.progress-control_intact .progress-control__percent{color:#000}.progress-control__progress{background-color:rgba(0,0,0,.16);bottom:0;display:block;left:0;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease;transition:background-color .3s ease,transform .3s ease,-webkit-transform .3s ease;width:100%}.progress-control__inner{display:block;font-size:15px;line-height:20px;overflow:hidden;position:relative;text-overflow:ellipsis;transition:left .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,left .3s ease;transition:transform .3s ease,left .3s ease,-webkit-transform .3s ease;white-space:nowrap}.progress-control__inner_voted{max-width:83%}.progress-control__percent{bottom:0;color:#fff;display:block;font-size:15px;line-height:20px;margin:auto;padding:3px 20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.lifehack{font-size:16px;font-weight:300;line-height:26px;transition:font-size .2s linear,line-height .2s linear;font-family:Roboto,Helvetica,Arial,sans-serif;letter-spacing:.015625em}@media (min-width:640px) and (max-width:960px){.lifehack{font-size:calc(0 * 100vw + 14px);line-height:calc(0 * 100vw + 18px)}}@media (min-width:960px) and (max-width:1280px){.lifehack{font-size:calc(.00625 * 100vw + 8px);line-height:calc(.025 * 100vw + -6px)}}@media (max-width:640px){.lifehack{font-size:14px;line-height:18px}}.lifehack__control-bar{padding:4px 12px}