.map-loading-surface{z-index:9;background:color-mix(in srgb, var(--surface-page) 72%, var(--surface-secondary));transition:opacity .32s;position:absolute;inset:0;overflow:hidden}.map-loading-surface.is-done{opacity:0;pointer-events:none}.map-loading-surface__plate{width:100%;height:100%;animation:.36s both map-loading-surface-in;position:absolute;inset:0}.map-loading-surface__land{fill:#0000}.map-loading-surface__water{fill:none;stroke:color-mix(in srgb, var(--surface-secondary) 72%, transparent);stroke-width:48px;stroke-linecap:round;stroke-linejoin:round}.map-loading-surface__roads path{fill:none;stroke:color-mix(in srgb, var(--border) 46%, transparent);stroke-width:10px;stroke-linecap:round}.map-loading-surface__status{z-index:1;white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-loading-surface__indicator{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--muted-foreground) 22%, transparent);border-block-start-color:var(--accent-text);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite map-loading-indicator}.map-loading-surface__label{color:var(--muted-foreground);font-size:var(--text-small);font-weight:var(--font-weight-small);letter-spacing:var(--tracking-small);line-height:var(--leading-small)}@keyframes map-loading-surface-in{0%{opacity:0}to{opacity:1}}@keyframes map-loading-indicator{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.map-loading-surface__plate,.map-loading-surface__indicator{animation:none}}