.workspace{position:relative}
#map-loading{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;min-height:160px;background:#f5eddfed;border-radius:10px;color:#684828;font:600 20px/1.5 Georgia,serif;cursor:progress}
#map-loading[hidden]{display:none}
#map-loading>span{padding:18px 24px;border:1px solid #c9ad7b;border-radius:12px;background:#fff8ed;box-shadow:0 5px 25px #62452318}
.loading-dots{display:inline-flex;width:24px;justify-content:space-evenly}.loading-dots i{font-style:normal;animation:map-loading-dot 1.2s infinite}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}
@keyframes map-loading-dot{0%,70%,100%{opacity:.25}35%{opacity:1}}
@media(prefers-reduced-motion:reduce){.loading-dots i{animation:none;opacity:1}}
@media(max-width:999px){#map-loading{position:fixed;inset:15vh 12px auto;min-height:150px;box-shadow:0 0 0 100vmax #f5eddfb0}}