.observation-map-page.svelte-1xxt9j7{--observation-panel-edge: 1rem;--observation-legend-space: 8.75rem;position:relative;height:calc(100vh - var(--app-header-height));min-height:calc(100vh - var(--app-header-height));overflow:hidden;background:#111827}.observation-map-page.svelte-1xxt9j7:fullscreen{height:100dvh;min-height:100dvh}@supports (height: 100dvh){.observation-map-page.svelte-1xxt9j7{height:calc(100dvh - var(--app-header-height));min-height:calc(100dvh - var(--app-header-height))}}.observation-map.svelte-1xxt9j7{height:100%;width:100vw}.observation-map-panel.svelte-1xxt9j7{position:absolute;z-index:10;border:1px solid rgb(255 255 255 / .14);border-radius:10px;background:#07111de6;color:#e2e8f0;box-shadow:0 16px 40px #00000047,0 4px 14px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.parameter-panel.svelte-1xxt9j7{top:var(--observation-panel-edge);right:var(--observation-panel-edge);width:min(25rem,calc(100vw - 2rem));max-height:calc(100% - var(--observation-panel-edge) - var(--observation-legend-space));overflow-y:auto;padding:1rem}.observation-controls-toggle.svelte-1xxt9j7{display:none}.observation-share-button.svelte-1xxt9j7{cursor:pointer}.observation-share-button.svelte-1xxt9j7:focus-visible,.observation-controls-toggle.svelte-1xxt9j7:focus-visible,.observation-station-search-button.svelte-1xxt9j7:focus-visible,.observation-station-close-button.svelte-1xxt9j7:focus-visible,.observation-station-page-link.svelte-1xxt9j7:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.observation-mobile-layer-select.svelte-1xxt9j7{display:none}.station-panel.svelte-1xxt9j7{bottom:1rem;left:1rem;width:min(25rem,calc(100vw - 2rem));max-height:calc(100vh - 11rem);overflow-y:auto;padding:1rem}#map .maplibregl-ctrl-top-left,#map .maplibregl-ctrl-top-right,#map .maplibregl-ctrl-bottom-left,#map .maplibregl-ctrl-bottom-right{z-index:5}@media (max-width: 900px){.observation-map-page.svelte-1xxt9j7{--observation-panel-edge: .75rem;--observation-legend-space: 7.5rem}.parameter-panel.svelte-1xxt9j7{width:min(22rem,calc(100vw - 1.5rem));max-height:min(calc(100% - var(--observation-panel-edge) - var(--observation-legend-space)),26rem);padding:.75rem}.station-panel.svelte-1xxt9j7{right:.75rem;bottom:calc(env(safe-area-inset-bottom,0px) + 8.25rem);left:.75rem;width:auto;max-height:min(36dvh,20rem);padding:.75rem}}@media (max-width: 640px){.observation-map-page.svelte-1xxt9j7{--observation-panel-edge: .5rem;--observation-legend-space: 6.25rem}.parameter-panel.svelte-1xxt9j7{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:start;top:calc(env(safe-area-inset-top,0px) + .5rem);left:.5rem;right:.5rem;width:auto;max-height:min(3.25rem,calc(100% - var(--observation-legend-space)));padding:.45rem;border-radius:10px;overflow:hidden}.parameter-panel.controls-open.svelte-1xxt9j7{max-height:min(42dvh,calc(100% - var(--observation-legend-space)));overflow-y:auto}.observation-panel-header.svelte-1xxt9j7,.observation-panel-actions.svelte-1xxt9j7{display:contents}.observation-panel-copy.svelte-1xxt9j7,.observation-share-button.svelte-1xxt9j7,.observation-parameter-icon.svelte-1xxt9j7{display:none}.observation-controls-toggle.svelte-1xxt9j7{grid-column:2;grid-row:1;display:inline-flex;height:2.2rem;align-items:center;justify-content:center;padding:0 .65rem;font-size:.72rem;line-height:1}.observation-controls-body.svelte-1xxt9j7{grid-column:1 / -1;display:none;max-height:min(26dvh,12rem);margin-top:.4rem;overflow-y:auto;overscroll-behavior:contain}.observation-controls-body.open.svelte-1xxt9j7{display:block}.observation-mobile-layer-select.svelte-1xxt9j7{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;height:2.2rem;align-items:center;gap:0;margin-top:0;border:1px solid rgb(255 255 255 / .12);border-radius:.5rem;background:#ffffff12;padding:0 .6rem;color:#cbd5e1;font-size:.75rem;font-weight:900}.observation-mobile-layer-select.svelte-1xxt9j7 span:where(.svelte-1xxt9j7){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.observation-mobile-layer-select.svelte-1xxt9j7 select:where(.svelte-1xxt9j7){min-width:0;flex:1 1 auto;border:0;background:transparent;color:#f8fafc;font-weight:900;outline:0}.observation-mobile-layer-select.svelte-1xxt9j7 select:where(.svelte-1xxt9j7):focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.observation-mobile-layer-select.svelte-1xxt9j7 option:where(.svelte-1xxt9j7),.observation-mobile-layer-select.svelte-1xxt9j7 optgroup:where(.svelte-1xxt9j7){background:#0f172a;color:#f8fafc}.observation-layer-pill-groups.svelte-1xxt9j7{display:none}.station-panel.svelte-1xxt9j7{right:.5rem;bottom:calc(env(safe-area-inset-bottom,0px) + .5rem);left:.5rem;width:auto;max-height:min(34dvh,17rem);border-radius:10px;padding:.65rem}.station-interpretation-section.svelte-1xxt9j7,.station-trend-section.svelte-1xxt9j7,.station-all-metrics.svelte-1xxt9j7,.station-forecast-links.svelte-1xxt9j7{display:none}.parameter-panel.svelte-1xxt9j7 p:where(.svelte-1xxt9j7){display:none}.status-panel p,#map .maplibregl-ctrl-top-left,#map .maplibregl-ctrl-top-right{display:none}}