.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0b1ae6;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.loader-container.show{opacity:1;visibility:visible}.loader{position:relative;width:80px;height:80px}.loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:2}.loader-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #6366F1;border-right:3px solid #6366F1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}