@font-face{font-family:Noto Sans Thai;src:url(/fonts/NotoSansThai-thai.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+E00-E7F}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--font-noto-sans-thai:"Noto Sans Thai";--font-noto-sans:"Noto Sans"}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-noto-sans-thai),var(--font-noto-sans),Tahoma,system-ui,sans-serif;width:100%;height:100%}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#121212}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f5f5f5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-to-content{color:#fff;z-index:10000;background:#06c;border-radius:0 0 4px;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-to-content:focus{outline-offset:2px;outline:3px solid #fc0;top:0}:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #06c}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #06c}html[data-theme=dark] :focus-visible,html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible,html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible,html[data-theme=dark] textarea:focus-visible,html[data-theme=dark] [role=button]:focus-visible,html[data-theme=dark] [role=link]:focus-visible,html[data-theme=dark] [tabindex]:focus-visible{outline-offset:2px;outline:2px solid #64b5f6}:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){:focus-visible{outline-offset:3px;outline-width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skip-to-content{transition:none}}html[dir=rtl]{direction:rtl}html[dir=rtl] body{text-align:right}html[dir=rtl] .skip-to-content{border-radius:0 0 0 4px;left:auto;right:0}.page-container{margin-inline:auto;padding-inline:12px}@media (min-width:600px){.page-container{padding-inline:20px}}@media (min-width:900px){.page-container{padding-inline:24px}}@media (min-width:1200px){.page-container{padding-inline:32px}}svg,img,canvas,video,iframe{transition:none!important}.page-container{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;height:100%;min-height:0;padding:12px;display:flex;overflow:hidden}@media (min-width:600px){.page-container{gap:18px;padding:20px}}@media (min-width:900px){.page-container{gap:20px;padding:24px}}@media (min-width:1200px){.page-container{flex-direction:row;gap:24px;padding:32px}}.leaflet-control-attribution,.mapboxgl-ctrl-logo,.mapboxgl-ctrl.mapboxgl-ctrl-attrib{display:none!important}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;margin:0!important;padding:0!important}.page-container{width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body.print-content-box-1 .page-container>:first-child,body.print-content-box-1 header,body.print-content-box-1 nav,body.print-content-box-1 .breadcrumb,body.print-content-box-1 .breadcrumbs,body.print-content-box-1 [class*=breadcrumb],body.print-content-box-1 [class*=navigation],body.print-content-box-1 [class*=navbar],body.print-content-box-1 [class*=header],body.print-content-box-1 .observation-controller,body.print-content-box-1 [style*="width: 28%"],body.print-content-box-1 [style*="width: 25%"],body.print-content-box-1 [style*="max-width: 320px"],body.print-content-box-1 [style*="max-width: 350px"],body.print-content-box-1 [style*="position: sticky"],body.print-content-box-1 .sidebar,body.print-content-box-1 .control-panel,body.print-content-box-1 .filter-panel,body.print-content-box-1 .page-container>div>div:first-child,body.print-content-box-1 .content-box-2,body.print-content-box-1 .observation-script-map-section{display:none!important}body.print-content-box-1 .content-box-1{width:100vw!important;max-width:100%!important;height:100vh!important;box-shadow:none!important;page-break-inside:avoid!important;z-index:9999!important;background:#fff!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:20px!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}body.print-content-box-1 .content-box-1>*{flex:none!important;width:100%!important}body.print-content-box-1 .content-box-1>div:first-child{flex-direction:column!important;flex:0 0 50%!important;width:100%!important;height:50%!important;min-height:300px!important;display:flex!important}body.print-content-box-1 .observation-map,body.print-content-box-1 .map-container,body.print-content-box-1 .mapboxgl-map,body.print-content-box-1 .mapboxgl-canvas-container{flex:1!important;width:100%!important;height:100%!important}body.print-content-box-1 .mapboxgl-map[style*=width],body.print-content-box-1 .mapboxgl-canvas[style*=width],body.print-content-box-1 .mapboxgl-canvas-container[style*=width]{width:100%!important}body.print-content-box-1 .mapboxgl-control-container,body.print-content-box-1 .mapboxgl-ctrl,body.print-content-box-1 .mapboxgl-popup,body.print-content-box-1 .mapboxgl-popup-content{display:none!important}body.print-content-box-1 .content-box-1>div:last-child{flex-direction:column!important;flex:0 0 50%!important;width:100%!important;height:50%!important;min-height:300px!important;display:flex!important}body.print-content-box-1 .content-box-1>div:last-child>:not(.time-series-chart):not(.detail-table){display:none!important}body.print-content-box-1 .time-series-chart,body.print-content-box-1 .detail-table{flex:1!important;width:100%!important}body.print-content-box-1 .content-box-1>*{flex:1!important;min-width:0!important}@media print{body.print-content-box-1 .content-box-1{flex-direction:column!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}body.print-content-box-1 .content-box-1>div:first-child{flex:0 0 50%!important;width:100%!important;height:50vh!important;min-height:50vh!important;max-height:50vh!important;display:block!important}body.print-content-box-1 .content-box-1>div:first-child>*,body.print-content-box-1 .mapboxgl-map,body.print-content-box-1 .mapboxgl-canvas-container,body.print-content-box-1 .mapboxgl-canvas{width:100%!important;height:100%!important;display:block!important}body.print-content-box-1 .content-box-1>div:last-child{flex:0 0 50%!important;width:100%!important;height:50vh!important;min-height:50vh!important;max-height:50vh!important;display:block!important}body.print-content-box-1 .time-series-chart,body.print-content-box-1 .detail-table{width:100%!important;height:auto!important;display:block!important}body.print-content-box-1 .content-box-1>div:last-child>:not(.time-series-chart):not(.detail-table){display:none!important}}body.print-content-box-2 .page-container>:first-child,body.print-content-box-2 header,body.print-content-box-2 nav,body.print-content-box-2 .breadcrumb,body.print-content-box-2 .breadcrumbs,body.print-content-box-2 [class*=breadcrumb],body.print-content-box-2 [class*=navigation],body.print-content-box-2 [class*=navbar],body.print-content-box-2 [class*=header],body.print-content-box-2 .observation-controller,body.print-content-box-2 [style*="width: 28%"],body.print-content-box-2 [style*="width: 25%"],body.print-content-box-2 [style*="max-width: 320px"],body.print-content-box-2 [style*="max-width: 350px"],body.print-content-box-2 [style*="position: sticky"],body.print-content-box-2 .sidebar,body.print-content-box-2 .control-panel,body.print-content-box-2 .filter-panel,body.print-content-box-2 .page-container>div>div:first-child,body.print-content-box-2 .content-box-1,body.print-content-box-2 .observation-script-map-section{display:none!important}body.print-content-box-2 .content-box-2{width:100vw!important;max-width:100%!important;height:100vh!important;box-shadow:none!important;page-break-inside:avoid!important;z-index:9999!important;background:#fff!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:20px!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}body.print-content-box-2 .content-box-2>*{flex:none!important;width:100%!important}body.print-content-box-2 .comparison-chart,body.print-content-box-2 .comparison-table,body.print-content-box-2 .time-series-chart,body.print-content-box-2 .detail-table{flex:1!important;min-height:300px!important}body.print-content-box-2 .content-box-2>*{width:100%!important}@media print{body.print-content-box-2 .content-box-2,body.print-content-box-2 .content-box-2>*{flex-direction:column!important;display:flex!important}body.print-content-box-2 .comparison-chart,body.print-content-box-2 .comparison-table{width:100%!important}}body.print-content-box-1 .action-buttons-container,body.print-content-box-2 .action-buttons-container{display:none!important}canvas,img{max-width:100%!important;height:auto!important}body.cldb-printing-card *{visibility:hidden}body.cldb-printing-card .cldb-print-target,body.cldb-printing-card .cldb-print-target *{visibility:visible}body.cldb-printing-card .cldb-print-target{width:100%;margin:0;padding:0;position:absolute;inset:0 auto auto 0}}.cldb-print-map,.cldb-print-figure-stage,.cldb-print-only{display:none!important}@media print{@page cldb-landscape{size:A4 landscape;margin:10mm}.cldb-screen-only{display:none!important}.cldb-print-report .cldb-print-only{display:block!important}.cldb-print-report{break-after:page}.cldb-print-report:last-child{break-after:auto}.cldb-print-report :is(.MuiPaper-root,.MuiCard-root){box-shadow:none!important;background:#fff!important}.cldb-print-report :is(img,svg,tr){break-inside:avoid}.cldb-print-report[data-cldb-print-orientation=landscape] .cldb-map-sheet-plate{max-width:300px!important}.cldb-print-report [data-heat-level="4"],.cldb-print-report [data-heat-level="4"] *{color:#fff!important}.cldb-screen-map{display:none!important}.cldb-print-map{display:block!important}.cldb-print-basemap,.cldb-print-raster,.cldb-print-outline{width:100%!important;height:100%!important}body.cldb-printing-figures>:not(.cldb-print-figure-stage){display:none!important}body.cldb-printing-figures>.cldb-print-figure-stage{color:#111827!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}body.cldb-printing-figures .cldb-print-figure :is(figcaption,div,p,span,label,small,li,th,td,h1,h2,h3,h4,h5,h6,.MuiTypography-root,.MuiFormLabel-root,.MuiTypography-colorTextSecondary,.MuiTypography-colorTextDisabled){color:#111827!important}body.cldb-printing-figures .cldb-print-figure :is(.Mui-disabled,.MuiTypography-colorTextDisabled){opacity:1!important}.cldb-print-figure{break-inside:avoid;page-break-inside:avoid;width:100%;margin:0 0 12mm;display:block}.cldb-print-figure figcaption{margin-bottom:3mm;font-size:12pt;font-weight:700}.cldb-print-figure img,.cldb-print-figure svg,.cldb-print-figure canvas,.cldb-print-map-grid .cldb-static-map-frame{max-width:100%!important}.cldb-print-map-grid .cldb-static-map-slot{height:auto!important}}.cldb-forecast-popup{--cldb-popup-fg:#111827;--cldb-popup-muted:#6b7280}.cldb-forecast-popup .mapboxgl-popup-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.cldb-forecast-popup .mapboxgl-popup-tip{border-top-color:#fff;border-bottom-color:#fff}html[data-theme=dark] .cldb-forecast-popup{--cldb-popup-fg:#e6edf3;--cldb-popup-muted:#9aa7b2}html[data-theme=dark] .cldb-forecast-popup .mapboxgl-popup-content{background:#1b2430;box-shadow:0 2px 10px #0000008c}html[data-theme=dark] .cldb-forecast-popup .mapboxgl-popup-tip{border-top-color:#1b2430;border-bottom-color:#1b2430}