.mtr{color:#213e51;container-type:inline-size}.mtr .mtr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px;justify-items:center}.mtr .mtr-instrument{width:190px;max-width:100%;min-width:0;text-align:center}.mtr .mtr-instrument h3{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 7px;min-height:20px}.mtr .mtr-dial{display:block;width:190px;height:190px;max-width:none;margin:auto}.mtr .mtr-dial text{text-anchor:middle;font:600 12px system-ui;fill:#547286}.mtr .mtr-dial .mtr-dial-value{font-size:23px;fill:#213e51;font-variant-numeric:tabular-nums}.mtr .mtr-dial .mtr-dial-unit{font-size:11px}.mtr .mtr-values{font-size:11px;line-height:1.55;color:#638396}.mtr .mtr-values p{margin:3px 0}.mtr .mtr-values strong{font-size:13px;color:#213e51;font-variant-numeric:tabular-nums;margin-left:4px}.mtr .mtr-values .mtr-max-text{color:#d64a3d}.mtr .mtr-values .mtr-min-text{color:#244e78}.mtr .mtr-detail,.mtr .mtr-stamp{font-size:11px;color:#7390a1;line-height:1.5;margin:9px 0 0}.mtr .mtr-status{font-size:12px;color:#8c6734;line-height:1.5;margin:12px 0 0}.mtr .mtr-status:empty{display:none}.mtr [hidden]{display:none!important}.mtr .panel-action{width:auto;flex-shrink:0;white-space:nowrap}.mtr .mtr-pointer{transform-origin:120px 120px}.mtr.mtr-ready .mtr-pointer{transition:transform 1.2s ease-in-out}.mtr .mtr-water-level{transform:translateY(215px)}.mtr.mtr-ready .mtr-water-level{transition:transform 1.2s ease-in-out}.mtr .mtr-wave-back{fill:#2384b5;opacity:.12;animation:mtr-wave 12s linear infinite}.mtr .mtr-wave-front{fill:#2384b5;opacity:.14;animation:mtr-wave 17s linear infinite reverse}.mtr .mtr-risk{fill:none;stroke-width:3;opacity:.65}.mtr .mtr-refresh:focus-visible{outline:3px solid #2384b5}
@keyframes mtr-wave{from{transform:translateX(0)}to{transform:translateX(-160px)}}
@container(min-width:1030px){.mtr .mtr-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@container(max-width:430px){.mtr .mtr-grid{display:flex;flex-wrap:nowrap;gap:24px 10px;justify-content:flex-start;justify-items:normal;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.mtr .mtr-grid::-webkit-scrollbar{display:none}.mtr .mtr-instrument{flex:0 0 calc((100% - 10px)/2);width:calc((100% - 10px)/2);max-width:none;min-width:0;scroll-snap-align:start}.mtr .mtr-dial{width:100%;height:auto;max-width:190px;aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){.mtr.mtr-ready .mtr-pointer,.mtr.mtr-ready .mtr-water-level{transition:none!important}.mtr .mtr-wave{animation:none!important}}

.mtr.mtr-demo-rain .mtr-status{font-weight:700;color:#965500}.mtr.mtr-demo-rain [data-mtr-key="plu"]{outline:2px dashed #e6a341;outline-offset:5px;border-radius:8px}