1.map-loading {2 position: absolute;3 z-index: 10;4 top: 50%;5 left: 50%;6 display: grid;7 min-width: 235px;8 padding: 24px;9 place-items: center;10 border: 1px solid var(--line);11 border-radius: 12px;12 background: rgba(23, 25, 29, 0.92);13 box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);14 text-align: center;15 transform: translate(-50%, -50%);16 transition: opacity 180ms ease;17}1819.map-loading[hidden] {20 display: none;21}2223.map-loading strong {24 margin-top: 12px;25 font-size: 13px;26}2728.map-loading small {29 margin-top: 5px;30 color: var(--muted);31 font-size: 10px;32}3334.spinner {35 width: 25px;36 height: 25px;37 border: 2px solid rgba(58, 165, 201, 0.18);38 border-top-color: var(--accent);39 border-radius: 50%;40 animation: spin 0.75s linear infinite;41}4243@keyframes spin {44 to { transform: rotate(360deg); }45}46