#preloader{position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--background-color,#fff);transition:all .6s ease-out}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #fff;border-color:var(--accent-color,#4caf50) transparent var(--accent-color,#4caf50) transparent;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1.5s linear infinite}@keyframes animate-preloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{display:inline-block;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}