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