:root{--spinder-color:"#111827"}.spinner{height:100vh;display:flex;justify-content:center;align-items:center;background-color:transparent}.spinner span{font-size:2rem;animation:fade 1s linear 0s infinite;padding-right:1rem}.half-spinner{width:30px;height:30px;border:3px solid var(--spinder-color);border-top:3px solid transparent;border-radius:50%;animation:spin .5s linear 0s infinite}.completed{font-size:2rem;color:#111827;animation:bigger 1s linear}@keyframes bigger{0%{transform:scale(0)}to{transform:scale(2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fade{0%{opacity:0}to{opacity:1}}