.web-radar-stage{position:relative;min-height:620px;overflow:hidden}#map{height:620px!important;min-height:620px!important}
.web-history{position:absolute;z-index:800;left:18px;right:18px;bottom:238px;background:#081a25ed;border:1px solid #ffffff28;border-radius:14px;padding:8px 12px;box-shadow:0 8px 28px #0009;backdrop-filter:blur(12px);transition:.22s}.web-history.folded{height:30px;padding:4px 10px}.web-history.folded .web-slider{display:none}.web-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:900}.web-history-head button{border:0;background:#173746;color:#fff;border-radius:8px;padding:3px 10px}.web-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:5px;color:#a7bac2;font-size:10px}.web-slider input{width:100%;accent-color:#35ddf4}.web-history-time{color:#46e1f5;min-width:72px;text-align:right}
.web-rollo{position:absolute;z-index:810;left:18px;right:18px;bottom:14px;background:#091d28f4;border:1px solid #ffffff25;border-radius:20px;padding:15px 17px;box-shadow:0 16px 40px #000b;backdrop-filter:blur(15px);transition:.22s}.web-rollo.compact{padding:10px 13px}.web-rollo.compact .web-rollo-details{display:none}.web-rollo.strip{left:50%;right:auto;width:120px;height:14px;padding:0;transform:translateX(-50%);border-radius:8px}.web-rollo.strip>*:not(.web-fold){display:none!important}.web-fold{position:absolute;right:13px;top:10px;border:0;background:#173746;color:#fff;border-radius:9px;padding:5px 10px;font-weight:900}.web-rollo.strip .web-fold{left:0;right:0;top:-5px;width:100%;height:23px;background:transparent;font-size:0}.web-rollo.strip .web-fold::after{content:'';display:block;width:58px;height:4px;border-radius:5px;background:#e0edf1;margin:auto}
.web-summaries{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-right:38px}.web-summary+ .web-summary{border-left:1px solid #ffffff22;padding-left:14px}.web-kicker{color:#91a9b3;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.web-distance{font-size:21px;font-weight:900;margin:3px 0}.web-trend{font-size:11px;font-weight:900}.web-chance{font-size:10px;color:#ffd982;margin-top:3px}.web-where{margin-top:6px;border:1px solid #ffffff32;background:#143342;color:#fff;border-radius:9px;padding:5px 9px;font-weight:800}.web-rollo-details{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff18;margin-top:10px;padding-top:9px;color:#9fb4bc;font-size:10px}.web-legend{display:flex;align-items:center;gap:8px}.web-line{width:28px;border-top:4px solid}.web-line.storm{color:#ffc648}.web-line.rain{color:#35ddf4}.web-motion-arrow{font-size:36px;font-weight:1000;-webkit-text-stroke:2px #031018;text-shadow:0 0 5px #000,0 0 10px #000;transform-origin:center}.web-motion-label{background:#061722eb;border:2px solid currentColor;border-radius:9px;padding:4px 7px;font-size:9px;font-weight:1000;white-space:nowrap}.leaflet-overlay-pane path{filter:drop-shadow(0 0 2px #000)}
.web-radius-label{display:inline-block;color:#ff665e;background:#061722e8;border:1px solid #ff665e;border-radius:8px;padding:2px 5px;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 2px 6px #0008}.leaflet-top.leaflet-left{z-index:700}
@media(max-width:650px){.web-radar-stage{min-height:590px}#map{height:590px!important;min-height:590px!important}.web-history{left:8px;right:8px}.web-rollo{left:8px;right:8px}.web-summaries{gap:8px}.web-distance{font-size:16px}.web-chance{font-size:9px}.web-rollo-details{align-items:flex-start;flex-direction:column}.web-history{bottom:246px}}