.map-loading{background:linear-gradient(#eeefff 0%,#fff7f1 70%,#f2eee6 100%);position:relative}.map-loading__world{--map-loading-zoom-scale:1.09;transform-origin:50% 72%;animation:8s ease-out forwards map-loading-zoom;position:absolute;inset:0}.map-loading__skyline{background-position:0 100%;background-repeat:repeat-x;position:absolute;bottom:0;left:-5%;right:-5%}.map-loading__skyline--far{opacity:.88;background-size:auto 100%;height:48%}.map-loading__skyline--mid{background-size:auto 100%;height:39%}.map-loading__skyline--near{background-size:auto 100%;height:23%}.map-loading__progress{z-index:1;text-align:center;width:min(360px,100% - 44px);position:absolute;top:36%;left:50%;transform:translate(-50%)}.map-loading__progress-track{background:#e3e4ec;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.map-loading__progress-track span{border-radius:inherit;background:#9b9dea;width:10%;height:100%;transition:width .5s ease-out;animation:5s ease-out forwards map-loading-progress;display:block}.map-loading__progress-track--complete span{animation:.5s ease-out forwards map-loading-progress-complete}@keyframes map-loading-zoom{0%{transform:scale(1)}to{transform:scale(var(--map-loading-zoom-scale))}}@keyframes map-loading-progress{0%,10%{width:10%}to{width:50%}}@keyframes map-loading-progress-complete{0%{width:50%}to{width:100%}}@media (max-width:640px){.map-loading__world{--map-loading-zoom-scale:1.04}.map-loading__skyline--far{background-position:-96px 100%;height:40%}.map-loading__skyline--mid{height:33%}.map-loading__skyline--near{background-position:78% 100%;height:19%}}@media (prefers-reduced-motion:reduce){.map-loading__world,.map-loading__progress-track span{animation:none}.map-loading__progress-track span{width:65%}.map-loading__progress-track--complete span{width:100%}}