#loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999;visibility:hidden;opacity:0;transition:visibility .3s ease-in-out,opacity .3s ease-in-out}#loading-spinner.active{visibility:visible;opacity:1}.spinner{border:8px solid #f3f3f3;border-top:8px solid #007bff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}