#preloader{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:rgba(20,19,22,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .05s ease;animation:opacity .25s linear forwards;animation-delay:.25s}#preloader.fade-out{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:5px solid #ccc;border-top-color:#00bfff;border-radius:50%;animation:spin 1s linear infinite;animation-delay:.25s}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes opacity{from{opacity:0}to{opacity:1}}#blur-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(6px);background-color:rgba(0,0,0,.3);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease}#blur-overlay.active{opacity:1;pointer-events:all;animation-delay:.25s}.loader{width:60px;height:60px;border:6px solid #fff;border-top:6px solid #888;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}