.RoundProgress{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;z-index:9999}.RoundProgress .circle{position:relative;width:80px;height:80px;border-radius:40px;border:1px solid #999}.RoundProgress .circle,.RoundProgress .circle .center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.RoundProgress .circle .center{position:absolute;overflow:hidden;width:100%;height:100%;border-radius:40px}.RoundProgress .circle .center .progress{background:#aaa;border-radius:40px;-webkit-transition:all .05s;transition:all .05s}.RoundProgress .circle p{z-index:1;color:#fff;font-weight:500}.avatar{display:block;width:100px;height:100px;margin:24px auto}.avatar input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.avatar input+label{position:relative;text-align:center;font-size:14rem;font-weight:700;color:#fff;background-color:var(--dark);background-position:50%;background-size:cover;display:inline-block;width:100%;height:100%;margin:0 auto}.avatar input+label>p{height:100%;margin:0;display:table-cell;vertical-align:middle}.avatar input+label:hover,.avatar input:focus+label{background-color:var(--primary)}