.spin{animation:spin 1s linear}@keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.cross__svg{border-radius:50%;display:block;height:154px;margin:4rem auto;stroke-width:3;width:154px}.cross__circle{animation:stroke .6s ease 0s 1 normal forwards running;fill:none;margin:0 auto;stroke:#d21818;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2}.cross__path{stroke:#d21818;stroke-dasharray:48;stroke-dashoffset:48;transform-origin:50% 50% 0}.cross__path--right{animation:stroke .3s ease .8s 1 normal forwards running}.cross__path--left{animation:stroke 1s ease .8s 1 normal forwards running}.check__svg{border-radius:50%;display:block;height:154px;margin:4rem auto;stroke-width:3;width:154px}.check__circle{animation:stroke .6s ease 0s 1 normal forwards running;fill:none;margin:0 auto;stroke:green;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2}.check__path{stroke:green;stroke-dasharray:48;stroke-dashoffset:48;transform-origin:50% 50% 0}.check__path--right{animation:stroke .3s ease .8s 1 normal forwards running}.check__path--left{animation:stroke 1s ease .8s 1 normal forwards running}@keyframes stroke{to{stroke-dashoffset:0}}.loader{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.star{width:20px;height:20px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);position:absolute;opacity:0;animation:sparkle 1.5s ease-in-out infinite}.loader .star:first-child{top:15px;left:20px;animation-delay:.3s}.loader .star:nth-child(2){top:45px;left:0;animation-delay:.6s}.loader .star:nth-child(3){top:65px;left:40px;animation-delay:.9s}.loader .star:nth-child(4){top:5px;left:50px;animation-delay:.2s}@keyframes sparkle{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}