.shapes-4{width:40px;height:40px;color:var(--critical-500);background:conic-gradient(currentColor 0 270deg,#0000 0);border-radius:50%;animation:sp4-0 4s infinite linear}.shapes-4:before{content:"";display:block;height:50%;width:50%;border-top-left-radius:100px;background:currentColor;animation:sp4 .5s infinite alternate}@keyframes sp4-0{0%,24.99%{transform:rotate(0)}25%,49.99%{transform:rotate(90deg)}50%,74.99%{transform:rotate(180deg)}75%,to{transform:rotate(270deg)}}@keyframes sp4{to{transform:translate(-10px,-10px)}}.shapes-5{width:40px;height:40px;display:flex;transform-origin:50% 125%;animation:sp5-0 1.5s infinite linear}.shapes-5:before,.shapes-5:after{content:"";flex:1;background:var(--warning-500);animation:inherit;transform-origin:bottom left;animation-name:sp5-1}.shapes-5:before{transform-origin:bottom right;--s: -1}@keyframes sp5-0{0%,10%{transform:translateY(0) scaleY(1)}49.99%{transform:translateY(-75%) scaleY(1)}50%{transform:translateY(-75%) scaleY(-1)}90%,to{transform:translateY(-150%) scaleY(-1)}}@keyframes sp5-1{10%,90%{transform:rotate(0)}50%{transform:rotate(calc(var(--s, 1) * 90deg))}}.shapes-6{width:40px;height:40px;color:var(--primary-500);position:relative;background:linear-gradient(currentColor 0 0) center/100% 10px,linear-gradient(currentColor 0 0) center/10px 100%;background-repeat:no-repeat}.shapes-6:before{content:"";position:absolute;inset:0;background:linear-gradient(currentColor 0 0) 0 0,linear-gradient(currentColor 0 0) 100% 0,linear-gradient(currentColor 0 0) 0 100%,linear-gradient(currentColor 0 0) 100% 100%;background-size:15.5px 15.5px;background-repeat:no-repeat;animation:sp6 1.5s infinite cubic-bezier(.3,1,0,1)}@keyframes sp6{33%{inset:-10px;transform:rotate(0)}66%{inset:-10px;transform:rotate(90deg)}to{inset:0;transform:rotate(90deg)}}.vertical-frame:after{animation-name:vertical-frame;animation-fill-mode:forwards;transition-timing-function:cubic-bezier(.7,0,.3,1);animation-duration:.4s;animation-delay:.3s}@keyframes vertical-frame{to{height:100%}}.horizontal-frame:after{animation-name:horizontal-frame;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,1,1);animation-duration:.3s}@keyframes horizontal-frame{to{width:100%}}.bottom-frame:after{animation-delay:.7s}@supports (-webkit-animation: grow .5s cubic-bezier(.25,.25,.25,1) forwards){.tick{stroke-opacity:0;stroke-dasharray:29px;stroke-dashoffset:29px;transform-origin:center;transform:scale(0);-webkit-animation:draw .5s cubic-bezier(.25,.25,.25,1) forwards;-webkit-animation-delay:.8s}.circle{fill-opacity:0;stroke:#36b37e;stroke-width:16px;transform-origin:center;transform:scale(0);animation:grow 1s cubic-bezier(.25,.25,.25,1.25) forwards}}@keyframes grow{60%{transform:scale(.8);fill-opacity:0}to{transform:scale(.9);fill-opacity:1;fill:#36b37e;stroke-width:8px}}@keyframes draw{0%{stroke-opacity:1;transform:scale(.5)}to{stroke-dashoffset:0px;stroke-opacity:1;transform:scale(.9)}}
