.circular-loader{display:inline-block;width:40px;height:40px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--Blue-purple);animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-wrapper{height:100%;width:100%;display:flex;justify-content:center;align-items:center}