:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000000de;background-color:FFF;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--orange-color: #fc4c02;--green-color: #7ac142;--white-color: #FFF;--red-color: #FF0000}.main{width:100svw;height:100svh;display:flex;place-items:center;justify-content:center;position:relative;flex-flow:wrap}body{margin:0;display:flex;place-items:center;min-width:100svw;min-height:100svh}.loader{display:inline-block;position:relative;width:80px;height:80px}.loader div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--orange-color);border-radius:50%;animation:loader 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--orange-color) transparent transparent transparent}.loader div:nth-child(1){animation-delay:-.45s}.loader div:nth-child(2){animation-delay:-.3s}.loader div:nth-child(3){animation-delay:-.15s}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:var(--white-color);stroke-miterlimit:10}.mark.check{box-shadow:inset 0 0 0 var(--green-color);animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.mark.cross{box-shadow:inset 0 0 0 var(--red-color);animation:fill-cross .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.circle.check{stroke:#7ac142}.circle.cross{stroke:red}.path{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.mark-wrapper{position:absolute}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px var(--green-color)}}@keyframes fill-cross{to{box-shadow:inset 0 0 0 30px var(--red-color)}}@media(prefers-reduced-motion:reduce){.mark.check,.mark.cross,.circle,.path{animation-duration:0s;animation-delay:0s}}