.loading-spinner{position:fixed;top:50%;left:60%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:20px;border-radius:8px;z-index:1000;text-align:center;font-size:16px;font-weight:700}.loading-spinner .spinner{border-radius:50%;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;width:40px;height:40px;margin-bottom:10px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.loading-spinner{left:50%;font-size:14px;padding:15px}}