.progress-bar{box-sizing:border-box}.progress-bar{position:relative;width:70%;height:3rem;background-color:transparent;border-radius:1.5rem;color:#fff;display:flex;justify-self:center;margin:3rem 0}.progress-bar:before{content:attr(data-label);display:flex;position:absolute;align-items:center;left:.5rem;top:.5rem;bottom:.5rem;width:calc(var(--width, 0) *1%);min-width:.5rem;max-width:calc(100% - 3rem);background-color:transparent;border-radius:15%;padding:1rem}.point-indicator{position:absolute;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:100%;z-index:19}.point-indicator-icon{position:absolute;top:50%;transform:translate(40%,-52%);font-size:2rem}.progress-indicator-bar,.progress-indicator-bar2{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:25%;border-radius:1rem;background:#fff;background-color:#b2b2b2}.progress-indicator-bar2{background-color:#45bf04;transform:translateY(-50%);transition:width .1s ease-in-out;width:calc(var(--barWidth, 0) *1%);left:1%;z-index:18}.progress-indicator-img{position:absolute;top:50%;transform:translate(-16px,-50%);transition:left .1s ease-in-out;left:calc(var(--width, 0) * 1%);width:6rem;height:150%;z-index:20}.signature{position:relative;display:flex;flex-direction:column;justify-self:center;align-items:center;width:70%}.signature>h1,.signature>p{display:flex;align-self:start}.signature>h1{color:#2425af;font-size:3rem}.signature>p{color:#000;font-size:1.5em;margin:5% 0}.signature>button{background-color:#2425af;color:#fff;font-size:1.5em;align-self:start;margin:0}