.spinner{--clr:#2acddb;--gap:6px;width:100%;height:100px;display:flex;justify-content:center;align-items:center;gap:var(--gap)}.spinner span{width:20px;height:20px;border-radius:100%;background-color:var(--clr);opacity:0}.spinner span:first-child{animation:fade 1s ease-in-out infinite}.spinner span:nth-child(2){animation:fade 1s ease-in-out .33s infinite}.spinner span:nth-child(3){animation:fade 1s ease-in-out .66s infinite}@keyframes fade{0%,to{opacity:1}60%{opacity:0}}.checkmark-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.checkmark{width:100px;height:100px;border-radius:50%;display:block;stroke:#2acddb;box-shadow:inset 0 0 0 #2acddb;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark,.checkmark-circle{stroke-width:3;stroke-miterlimit:10}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:#2acddb;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@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 8px #2acddb}}