.ol-viewport{--ol-foreground-color: #eee;--ol-background-color: rgb(0 60 136 / 50%);--ol-subtle-foreground-color: #fff;--ol-subtle-background-color: rgb(255 255 255 / 40%);--ol-partial-background-color: rgb(0 60 136 / 30%)}.ol-viewport .ol-control{padding:2px}.ol-viewport .ol-zoomslider{top:2.25em}.ol-viewport .ol-zoom-out{margin-top:204px}.ol-popup{position:absolute;bottom:12px;left:-50px;min-width:280px;margin-bottom:20px;padding:15px;border:1px solid #ccc;border-radius:10px;background-color:#fff;filter:drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2))}.ol-popup::after,.ol-popup::before{content:" ";position:absolute;top:100%;width:0;height:0;border:solid rgba(0,0,0,0);pointer-events:none}.ol-popup::after{left:48px;margin-left:-10px;border-width:10px;border-top-color:#fff}.ol-popup::before{left:48px;margin-left:-11px;border-width:11px;border-top-color:#ccc}.ol-popup-closer{position:absolute;top:2px;right:8px;text-decoration:none}.ol-popup-closer::after{content:"×"}