.progress-bar-with-percent{align-items:center;display:flex;position:relative;width:100%}.progress-bar-with-percent-count-wr{height:100%;left:13%;position:absolute;top:0;width:74%}.progress-bar-with-percent-num{align-items:center;background-color:#6d3eeb;border-radius:2px;color:#fff;display:flex;font-size:.6666666667rem;font-style:italic;font-weight:600;height:1.0666666667rem;justify-content:center;line-height:.9333333333rem;padding:0 .5333333333rem;position:absolute;transform:translate(-50%,-.4rem) skew(-15deg);z-index:1}.progress-bar-with-percent-num>*{transform:skew(15deg)}@media(min-width:769px)and (max-width:1024px){.progress-bar-with-percent-num{font-size:1rem;height:1.6rem;line-height:1.4rem;padding:0 .8rem;transform:translate(-50%,-.6rem) skew(-15deg)}}@media(min-width:1025px){.progress-bar-with-percent-num{font-size:.5555555556rem;height:.8888888889rem;line-height:.7777777778rem;padding:0 .4444444444rem;transform:translate(-50%,-.3333333333rem) skew(-15deg)}}.progress-bar-with-percent-bar{background-color:#ffffff7d;height:.2666666667rem;margin:0 .6666666667rem;overflow:hidden;transform:skew(-15deg);width:100%}@media(min-width:769px)and (max-width:1024px){.progress-bar-with-percent-bar{height:.4rem;margin:0 1rem}}@media(min-width:1025px){.progress-bar-with-percent-bar{height:.2222222222rem;margin:0 .5555555556rem}}.progress-bar-with-percent-bar-inner{background-image:linear-gradient(270deg,#a53eeb,#3e3eeb);height:100%;transform:skew(15deg)}