.city-atlas{background:#061019;border:1px solid #25505a;scroll-margin-top:24px;box-shadow:0 0 60px #00e5a008}.city-viewport{isolation:isolate;touch-action:pan-y;cursor:grab;background:#061019;height:min(760px,100svh - 88px);position:relative;overflow:hidden}.city-atlas[data-ready] .city-viewport{touch-action:none}.city-viewport[data-dragging]{cursor:grabbing}.city-fallback,.city-webgl{width:100%;height:100%;position:absolute;inset:0}.city-fallback{object-fit:contain;transform-origin:50%}.city-atlas[data-near=true] .city-viewport[data-map-state="2d"] .city-fallback{will-change:transform}.city-atlas:not([data-ready]) .city-map-labels,.city-webgl{visibility:hidden}.city-webgl canvas{width:100%;height:100%;display:block}.city-viewport[data-map-state="3d"] .city-webgl{visibility:visible}.city-viewport[data-map-state="3d"] .city-fallback{visibility:hidden}.city-map-labels{pointer-events:none;position:absolute;inset:0}.city-marker{pointer-events:auto;touch-action:none;cursor:pointer;white-space:nowrap;color:#f0f5f3;background:#0b111ae8;border:1px solid #53616b;justify-content:center;align-items:center;gap:7px;width:max-content;min-width:48px;max-width:185px;min-height:48px;padding:8px 11px;font:700 .75rem/1.2 Chakra,sans-serif;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 15px #0006}.city-marker span{text-overflow:ellipsis;min-width:0;overflow:hidden}.city-marker svg{color:#d8e1e6;flex-shrink:0}.city-marker.district-marker{letter-spacing:.08em;color:#f0f5f3;text-transform:uppercase;background:#0b111ad9;border-color:#53616b;font-size:.6875rem}.city-marker:hover{background:#23303a;border-color:#b3c3ca}.city-marker[aria-pressed=true]{color:#f0f5f3;z-index:3;background:#14212b;border-color:#f0f5f3;box-shadow:0 0 0 1px #f0f5f355}.city-marker[aria-pressed=true] svg{color:#f0f5f3}.city-marker:focus-visible{z-index:5;outline-offset:3px;outline:2px solid #f0f5f3}.city-marker[data-collapsed=true]{visibility:hidden;pointer-events:none}.city-ui{cursor:default;touch-action:auto}.city-ui button,.city-help summary{color:#d6eeea;cursor:pointer;background:#0a1b24ed;border:1px solid #345d64;min-width:48px;min-height:48px}.city-ui button:hover,.city-help summary:hover{background:#23303a;border-color:#b3c3ca}.city-modes{background:#071820ed;border:1px solid #345d64;gap:2px;padding:3px;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 8px 24px #0003}.city-modes button{border:0;padding:8px 17px;font:700 .75rem/1.2 Chakra,sans-serif}.city-modes button[aria-pressed=true]{color:#f0f5f3;background:#283641;box-shadow:inset 0 -2px #f0f5f3}.city-view-controls{display:flex;position:absolute;top:18px;left:18px;box-shadow:0 8px 24px #0003}.city-view-controls button{place-items:center;width:48px;height:48px;font-size:1.5rem;line-height:1;display:grid}.city-view-controls button+button{border-left:0}.city-selection-slot{width:280px;height:var(--city-info-height,180px);pointer-events:none;max-height:calc(100% - 112px);position:absolute;top:94px;right:18px}.city-selection{overscroll-behavior:contain;pointer-events:auto;background:#14212bf5;border:1px solid #77868f;width:100%;height:100%;padding:18px 44px 18px 18px;overflow:auto;box-shadow:0 12px 40px #0006}.city-selection h3{color:#e8fff8;margin:0 0 10px;font:700 1.375rem/1.2 Chakra,sans-serif}.city-selection p{color:#c7ded9;margin:0;font-size:.8125rem;line-height:1.65}.city-selection>button{background:0 0;border:0;width:48px;min-width:48px;font-size:1.5rem;line-height:1;position:absolute;top:0;right:0}.city-help{z-index:6;position:absolute;top:0;right:54px}.city-help summary{place-items:center;width:48px;height:48px;font:700 1rem/1 Chakra,sans-serif;list-style:none;display:grid}.city-help summary::-webkit-details-marker{display:none}.city-help p{color:#cee6e1;background:#09222bf7;border:1px solid #345d64;width:260px;max-width:calc(100vw - 120px);padding:16px;font-size:.75rem;line-height:1.7;position:absolute;bottom:54px;right:-42px;box-shadow:0 8px 30px #0005}@media (width<=850px){.city-atlas.wrap{width:calc(100% - 32px)}}@media (width<=560px){.city-atlas.wrap{width:calc(100% - 24px)}.city-modes{top:12px;right:12px}.city-modes button{padding:8px 13px;font-size:.6875rem}.city-view-controls{top:12px;left:12px}.city-marker{gap:5px;max-width:148px;padding:6px 8px;font-size:.625rem}.city-marker.district-marker{letter-spacing:.04em;white-space:normal;text-align:center;max-width:145px;font-size:.625rem}}@media (forced-colors:active){.city-webgl{display:none!important}.city-viewport .city-fallback{visibility:visible!important}.city-marker,.city-ui button,.city-help summary{border:1px solid buttontext}.city-marker[aria-pressed=true]{outline:3px solid highlight}}.city-flat-buildings{pointer-events:none;position:absolute;overflow:visible}.city-flat-buildings g{visibility:hidden;fill:#f0f5f3;stroke:#f0f5f3;stroke-width:.8px}.city-flat-buildings g.selected{visibility:visible;opacity:.45;animation:2.2s ease-in-out infinite city-building-pulse}.city-flat-buildings [data-district-id].selected{opacity:.18;stroke-width:2px;animation:none}.city-viewport[data-map-state="3d"] .city-flat-buildings,.city-viewport[data-map-state="2d"] .city-selection-slot{display:none}.city-atlas:not([data-near=true]) .city-flat-buildings g,.city-atlas[data-document-hidden=true] .city-flat-buildings g{animation-play-state:paused}.city-legend{color:#dbe4e8;background:#0b111a;border-top:1px solid #34434e;font:.75rem/1.5 Chakra,sans-serif}.city-map-footer{position:relative}.city-legend summary{cursor:pointer;box-sizing:border-box;min-height:48px;padding:14px 120px 14px 20px}.city-legend>div{gap:14px;padding:0 20px 20px;display:grid}.city-legend ul{flex-wrap:wrap;gap:14px 28px;margin:0;padding:0;list-style:none;display:flex}.city-legend li{align-items:center;gap:9px;min-width:125px;display:flex}.city-district-icon{flex-shrink:0}@keyframes city-building-pulse{0%,to{opacity:.2}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.city-flat-buildings g.selected{opacity:.5;animation:none}}@media (width<=1000px){.poi-marker:not([data-marker-id=clinic]):not([data-marker-id=gym]){width:48px;box-shadow:none;background:0 0;border-color:#0000;gap:0;padding:0}.poi-marker:not([data-marker-id=clinic]):not([data-marker-id=gym]) span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.city-selection-slot{width:auto;max-height:calc(100% - 160px);inset:auto 12px 12px}.city-selection{padding:14px 44px 14px 16px}.city-selection h3{margin-bottom:6px;font-size:1.125rem}.city-selection p{font-size:.75rem;line-height:1.5}.poi-marker:not([data-marker-id=clinic]):not([data-marker-id=gym]):before{content:"";z-index:-1;background:#0b111aee;border:1px solid #71818c;position:absolute;inset:7px}.poi-marker:not([data-marker-id=clinic]):not([data-marker-id=gym])[aria-pressed=true]:before{background:#283641;border-color:#f0f5f3}}.city-expand{color:#d6eeea;cursor:pointer;background:#0a1b24ed;border:1px solid #345d64;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:0;right:0}.city-collapse-icon{display:none}.city-expanded{color:#f0f5f3;background:#061019;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.city-expanded::backdrop{background:#030b12}.city-expanded[open] .city-map-frame{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.city-expanded[open] .city-viewport{height:100%;min-height:0}.city-expanded .city-legend{overscroll-behavior:contain;max-height:35dvh;overflow:auto}.city-expanded .city-expand-icon{display:none}.city-expanded .city-collapse-icon{display:block}