.circle-loader{position:fixed;display:grid;place-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.25);z-index:999;left:0;top:0}.circle-loader .loader{width:50px;height:50px;border-radius:50%;display:inline-block;position:relative;border-color:#fff #fff transparent transparent;border-style:solid;border-width:4px;box-sizing:border-box;animation:rotation 1s linear infinite}.circle-loader .loader:after,.circle-loader .loader:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:4px solid;border-color:transparent transparent var(--clr-primary) var(--clr-primary);width:40px;height:40px;border-radius:50%;box-sizing:border-box;animation:rotationBack .5s linear infinite;transform-origin:center center}.circle-loader .loader:before{width:30px;height:30px;border-color:#FFF #FFF transparent transparent;animation:rotation 1.5s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}