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