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