.ratio{--ratio:.3;--backgroundColor:#fff;--borderColor:#fff;clip-path:circle(50%);border-radius:50%;position:relative}.ratio:before{content:"";background:0 0;background-image:conic-gradient(var(--borderColor) 0 calc(var(--ratio) * 360deg), transparent calc(var(--ratio) * 360deg) 360deg);z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.ratio:after{content:"";background-color:var(--backgroundColor);z-index:-1;border-radius:50%;width:95%;height:95%;position:absolute;top:2.5%;left:2.5%}.pdf-animate{animation-name:pdf-animation;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes pdf-animation{0%{transform:rotate(0)}25%{transform:rotate(2deg)}40%{transform:rotate(0)scale(1.05)}45%{transform:rotate(0)scale(1.05)rotateX(10deg)}50%{transform:rotate(0)scale(1.05)rotateX(180deg)}55%{transform:rotate(0)scale(1.05)rotateX(10deg)}60%{transform:rotate(0)scale(1.05)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}