:root{--constant-black:#000;--constant-white:#fff;--constant-neautral-weak:#f0f0f0;--constant-accent-medium:#1f85be;--base-weak:#fff;--base-strong:#000;--neautral-weak:#f0f0f0;--bg:#fff;--text-strong:#323232;--text-strong-persist:#323232;--text-medium:#505050;--text-weak:#808080;--accent-strong:#1f85be;--accent-strong-persist:#1f85be;--accent-medium:#45a2d7;--accent-weak-strong:#b7e1ff;--accent-weak:#ecf5fb;--critic-strong:#e26767;--purple-strong:#7753bf;--purple-strong-weak:#9471db;--purple-weak:#dacbf7;--light-peach:rgb(255 241 219 / 41%);--light-lavender:rgb(243 240 250 / 52%);--light-mint:rgb(230 246 242 / 57%);--table-row:#fff;--bg-banner:#f9f7fc;--bg-banner-text:#7753bf;--instructions-block-bg-1:#f6f9ff;--instructions-block-bg-2:#edf3ff;--instructions-block-bg-3:#e3ecff;--pastel-blue:#effbfe;--select-icon:url("/images/icons/small-arrow-icon.svg");--close-icon:url("/images/rainviewer2/map/rw-icon-close.svg")}[data-theme=dark]{--table-row:#252628;--bg:#1b1c1f;--bg-banner-text:#c2a9ff;--bg-banner:#353539;--text-strong:#fff;--text-medium:#e8eaed;--neautral-weak:#303134;--accent-strong:#6fbdf6;--accent-medium:#63a7cd;--accent-weak-strong:#505c67;--accent-weak:#343d42;--light-peach:rgb(255 241 219 / 12%);--light-lavender:rgb(255 241 219 / 12%);--light-mint:rgb(255 241 219 / 12%);--instructions-block-bg-1:#27292f;--instructions-block-bg-2:#3a3d45;--instructions-block-bg-3:#434854;--pastel-blue:#0b2838;--select-icon:url("/images/icons/small-arrow-icon-dark.svg");--close-icon:url("/images/rainviewer2/map/rw-icon-close-dark.svg")}html,body{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,fira sans,droid sans,helvetica neue,sans-serif}a{color:var(--text-strong);text-decoration:none}.radar-app-wrapper{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:340px;background-color:#addbff}@media screen and (min-width:1024px){.radar-app-wrapper{min-height:420px}}[data-theme=dark] .radar-app-wrapper{background:#1b313f}html.embed-controls-collapsed [data-map-static=controls-right],html.embed-controls-collapsed [data-map-static=controls-play]{display:none!important}button,input{background:0 0;border:none;outline:none;cursor:pointer}#radar-app{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#menu-bar{position:absolute;top:0;right:0;left:0;z-index:5;display:flex;justify-content:space-between;padding:8px 16px}@media screen and (max-width:500px){#menu-bar{height:60px}}#menu-bar button{width:40px;height:40px;background:rgba(0,0,0,.4);border-radius:100px;backdrop-filter:blur(5px)}#menu-bar button:hover svg{transform:scale(1.1)}#menu-bar button:active svg{opacity:.5}.map-link{display:inline-block;height:20px;padding:4px 8px 4px 34px;font-weight:400;font-size:12px;line-height:20px;background-color:var(--accent-weak-strong);background-image:url(/images/rainviewer2/map/open_in_new.svg);background-repeat:no-repeat;background-position:8px 5px;border-radius:100px}.get-the-app{display:flex;gap:4px;justify-content:center;align-items:center;box-sizing:border-box;height:40px;padding:8px 12px;color:#fff;font-weight:700;font-size:16px;font-style:normal;line-height:24px;letter-spacing:-.18px;text-align:center;background:#1f85be;border-radius:100px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.get-the-app.controls-hidden{width:40px}.get-the-app.controls-hidden span{display:none}.map-button,.sattelite-switch__button+label{display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;background:rgba(0,0,0,.4);border-radius:50%}.map-buttons-play{position:absolute;bottom:12px;left:50%;display:flex;flex-direction:column;align-items:center;width:max-content;transform:translateX(-50%);appearance:auto}@media screen and (min-width:768px){.map-buttons-play{bottom:8px}}.map-buttons-play .forecast-period{display:inline-block;width:fit-content;margin-bottom:8px;padding:4px 16px;font-weight:400;font-size:16px;line-height:24px;text-align:center;background:rgba(0,0,0,.4);border-radius:16px}.map-buttons-play .forecast-period span{color:#fff}.map-buttons-play .forecast-period button{color:#fff;text-decoration:underline}.map-buttons-play .forecast-period .live-indicator{position:relative;display:inline-flex;gap:4px;align-items:center;box-sizing:border-box;height:24px;margin-right:10px;padding:4px 10px;padding-left:16px;color:#fff;font-weight:700;font-size:16px;font-style:normal;line-height:24px;letter-spacing:-.18px;background:#e44;border-radius:4px}.map-buttons-play .forecast-period .live-indicator.live-stale{background:#6b7280}.map-buttons-play .forecast-period .live-indicator::before{position:absolute;top:50%;left:4px;display:block;width:8px;height:8px;background:#fff;border-radius:50%;transform:translateY(-50%);content:""}.map-buttons-play .map-buttons-play-center{display:flex;width:fit-content;background:rgba(0,0,0,.4);border-radius:20px}.map-buttons-play .map-buttons-play-center button{background:0 0}.map-buttons-play .map-buttons-play-center button:nth-child(3){border-radius:0 20px 20px 0}.map-buttons-play .map-buttons-play-center button:nth-child(1){border-radius:20px 0 0 20px}.map-button{transition:transform .3s ease}.map-button:hover svg{transform:scale(1.1)}.map-button:active svg{opacity:.5}.forecast-period{color:#fff}#info-popup{position:absolute;top:52px;left:8px;z-index:2;padding:8px 4px;padding-right:24px;background-color:var(--bg);border-radius:16px;box-shadow:0 2px 10px rgba(7,47,75,.3)}#info-popup .legend__minimize-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:var(--close-icon)no-repeat;background-size:24px;border:none;outline:none;cursor:pointer}#info-popup .legend__info-btn{display:none}#info-popup ul{display:flex;margin:0;padding:0;list-style:none}#info-popup ul .gradient{float:left;width:16px;height:185px;margin-right:4px;border-radius:12px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)inset}#info-popup ul li{margin:0}#info-popup ul li:last-child{margin-left:15px}#info-popup ul li:last-child .color-scheme li:not(:last-child){margin-bottom:55px}#info-popup ul li .precipitation-name{margin:0 20px 4px;color:var(--text-strong);font-weight:700;font-size:16px;line-height:24px;letter-spacing:-.18px;text-transform:capitalize}#info-popup .color-scheme{display:flex;flex-direction:column;justify-content:space-between;height:85%}#info-popup .color-scheme li{display:flex;align-items:center;margin:0;color:var(--text-medium);font-weight:400;font-size:16px;line-height:24px;white-space:nowrap}#info-popup .color-scheme li:last-child{margin-left:0}#info-popup .color-scheme li:not(:last-child){margin-bottom:8px}#info-popup .color-scheme div{flex-shrink:0;width:16px;height:16px;margin-right:8px;border-radius:50%;box-shadow:0 0 2px 1px rgba(0,0,0,.2)inset}#info-popup.legend-minimized{padding:4px 0}#info-popup.legend-minimized ul li .precipitation-name,#info-popup.legend-minimized .color-scheme,#info-popup.legend-minimized .legend__minimize-btn{display:none}#info-popup.legend-minimized .legend__info-btn{display:block;width:24px;height:24px;margin:0 auto 8px;padding:0;background:url(/images/icons/legend-Info-icon.svg)no-repeat 50%;background-size:24px}#info-popup.legend-minimized ul{margin-bottom:0}#info-popup.legend-minimized ul .gradient{margin-right:0}#info-popup.legend-minimized ul li:last-child{margin-left:0}#info-popup.legend-minimized ul li:last-child .gradient{margin-right:0}#info-popup.legend-minimized ul li{margin:2px 4px}@media screen and (max-width:500px){#info-popup{top:75px}}.maplibregl-control-container{display:block;opacity:0}.map-button-double{position:relative;display:block;text-align:center;border-radius:20px}.map-button-double button{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;vertical-align:middle;background:rgba(0,0,0,.4)}.map-button-double button:nth-child(1)::after,.map-button-double button:nth-child(2)::after{position:absolute;top:4px;right:-1px;z-index:2;display:block;width:1px;height:32px;background:var(--accent-weak);content:""}.tile-sync-indicator{position:absolute;top:8px;left:16px;display:inline-flex;flex-direction:column;gap:4px;color:#fff;border-radius:2px;pointer-events:none}.tile-sync-indicator .tile-sync-label,.tile-sync-indicator .tile-sync-time{color:#fff;font-weight:700;font-size:16px;font-style:normal;line-height:24px;letter-spacing:-.18px;text-shadow:0 0 8px rgba(0,0,0,.5)}.map-loading-overlay{position:absolute;top:0;left:0;z-index:6;display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none}.map-loading-overlay>div{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px 40px;color:var(--text-strong);font-weight:600;font-size:20px;text-align:center}.map-loading-overlay>div span{line-height:1.2}.map-loading-overlay>div button{color:#fff;text-decoration:underline}.map-loading-overlay>div .loader{display:flex;justify-content:center;align-items:center}.map-loading-overlay .map-loading-spinner{flex-direction:row}.map-loading-overlay .spinner{width:24px;height:24px;animation:spin 1s linear infinite}[data-map-loader-error].map-loading-overlay{z-index:7;pointer-events:auto}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.map-over{position:absolute}.map-buttons-right{top:50%;right:16px;display:flex;flex-direction:column;gap:8px;width:40px;transform:translateY(-50%)}.map-buttons-right .map-buttons-zoom-in-out{flex-direction:column}.map-buttons-right .map-buttons-zoom-in-out button:not(:last-child)::after{top:initial;right:initial;bottom:-1px;left:4px;z-index:2;width:32px;height:1px}.map-buttons-right .map-buttons-zoom-in-out .map-button-zoom-in{border-radius:20px 20px 0 0}.map-buttons-right .map-buttons-zoom-in-out .map-button-zoom-out{border-radius:0 0 20px 20px}.map-buttons-right .map-buttons-zoom-in-out .map-button-zoom-out::after{content:none}.map-buttons-right .sattelite-switch__button{position:relative;z-index:initial;width:40px;height:40px;visibility:hidden;opacity:1}.map-buttons-right .sattelite-switch__button+label{position:absolute;bottom:0;left:0;cursor:pointer}.map-buttons-right .sattelite-switch__button.active+label svg g path{fill:var(--text-strong)}.map-buttons-right .sattelite-switch__button+label::before,.map-buttons-right .sattelite-switch__button+label::after{content:none}