@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}#loader-wrapper{visibility:hidden;display:flex;justify-content:center;align-items:center;left:0;overflow:hidden}#loader-wrapper,#loader-wrapper .loader-section{position:fixed;top:0;width:100%;height:100%;z-index:2000;transition:all .3s ease-out}#loader-wrapper .loader-section{opacity:0;background:rgba(34,34,34,.7333333333);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#loader{opacity:0;width:150px;height:150px;border-radius:50%;border:5px solid rgba(0,0,0,0);border-top-color:#16a085;animation:spin 1.7s linear infinite;z-index:2001;transition:all .3s ease-out}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:4px solid rgba(0,0,0,0);border-top-color:#e74c3c;animation:spin-reverse .6s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid rgba(0,0,0,0);border-top-color:#f9c922;animation:spin 1s linear infinite}.loading #loader-wrapper{visibility:visible}.loading #loader,.loading #loader-wrapper .loader-section{opacity:1}