body .page-loader{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-size:1rem}body .page-loader .page-loader__logo{width:8rem;height:8rem;background:url(/images/foo_black_500.png) no-repeat 50%/contain;opacity:0;transition:opacity 3s;opacity:1}body .page-loader .loader{width:48px;height:48px;display:block;margin:15px auto;position:relative;color:#e37ab0;box-sizing:border-box;animation:rotation 1s linear infinite}body .page-loader .loader:after,body .page-loader .loader:before{content:"";box-sizing:border-box;position:absolute;width:24px;height:24px;top:0;background-color:#e37ab0;border-radius:50%;animation:scale50 1s ease-in-out infinite}body .page-loader .loader:before{top:auto;bottom:0;background-color:#89cca7;animation-delay:-.5s}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scale50{0%,to{transform:scale(.5)}50%{transform:scale(.9)}}body.tiles-loading .page-loader{animation:fadeIn .3s ease;opacity:1}body.tiles-loaded .page-loader{animation:fadeOut .3s ease;opacity:0}