.spinner{position:relative;width:32px;height:32px;border-radius:100%;border:2px solid var(--brand-color);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.spinner-container{position:fixed;z-index:101;top:50%;left:50%;margin-left:-2rem;margin-top:-2rem}.spinner-dot{position:absolute;width:100%;height:100%}.spinner-dot:before{content:"";position:absolute;width:8px;height:8px;background:var(--brand-color);border-radius:100%;left:50%}.spinner-dot-1:before{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner-dot-2:before{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}