.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:120px;height:120px}.loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;z-index:2}.loader-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid transparent;border-top:4px solid #6366F1;border-right:4px solid #6366F1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}