body{background-color:#151e2b;justify-items:center;align-content:center}main{background-color:#151e2b;width:100vw;height:100vh;justify-items:center;align-content:center}@media (width < 768px){main{width:fit-content;height:fit-content;padding:24px}}main>.loader-content{display:grid;background-color:#ededed;height:500px;width:500px;border-radius:48px;justify-items:center;align-content:center;gap:8px;position:relative}@media (width < 768px){main>.loader-content{width:300px;height:300px;padding:24px}}@media (width < 320px){main>.loader-content{width:200px;height:200px}}#loading-circle>img{display:block;animation:spin 2.5s ease-in-out infinite}@media (width < 768px){#loading-circle>img{height:200px;width:200px}}@keyframes spin{0%{transform:rotate(0)}75%{transform:rotate(720deg)}to{transform:rotate(720deg)}}#loading-bar{position:absolute;top:50%;left:50%;transform:translate(-57%,-50%)}#loading-bar>img{display:block;transform-origin:left center;transform:scaleX(0);animation:fill 2.5s linear infinite}@media (width < 768px){#loading-bar>img{width:180px;height:200px}}@keyframes fill{0%,74.9%{transform:scaleX(0)}75%{transform:scaleX(0)}87.5%{transform:scaleX(1)}to{transform:scaleX(1)}}