.ol-host{height:360px}.ol-canvas{height:100%;width:100%}.ol-popup-card{background:var(--olp-bg,#fff);border:1px solid var(--olp-br,rgba(0,0,0,.12));border-radius:14px;box-shadow:0 12px 28px #0000002e;color:var(--olp-fg,#111827);max-width:320px;min-width:220px;pointer-events:auto;position:relative;transform:translateY(-6px)}.ol-popup-card:after{border:8px solid transparent;border-top:8px solid var(--olp-bg,#fff);bottom:-8px;content:"";filter:drop-shadow(0 -1px 0 var(--olp-br,rgba(0,0,0,.12)));left:50%;position:absolute;transform:translate(-50%)}.ol-popup-body{padding:12px 14px}.ol-popup-title{font-size:14px;font-weight:600;line-height:1.25;margin-bottom:4px}.ol-popup-sub{color:#6b7280;font-size:12px;margin-bottom:10px}.ol-popup-btn{background:#111827;border-radius:10px;color:#fff;display:inline-block;font-size:13px;line-height:1;padding:8px 12px;text-decoration:none;transition:transform .12s ease,opacity .12s ease}.ol-popup-btn:hover{opacity:.95;transform:translateY(-1px)}.ol-popup-close{background:transparent;border:0;border-radius:8px;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;position:absolute;right:6px;top:6px}.ol-popup-close:hover{background:#0000000f}html.dark .ol-popup-card{--olp-bg:#0b0b0c;--olp-fg:#e5e7eb;--olp-br:hsla(0,0%,100%,.12);box-shadow:0 12px 28px #0009}html.dark .ol-popup-sub{color:#9ca3af}html.dark .ol-popup-btn{background:#e5e7eb;color:#0b0b0c}html.dark .ol-popup-close:hover{background:#ffffff14}.ol-control button{border-radius:8px}