.cp{position:absolute;z-index:5;top:8px;left:8px;background:rgba(255,255,255,.96);border-radius:8px;box-shadow:0 1px 5px rgba(0,0,0,.35);display:flex;flex-direction:column;box-sizing:border-box;max-width:calc(100vw - 20px);max-height:calc(100% - 40px)}
.cp>.cp-hd{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:40px;min-width:40px;padding:6px 10px;font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#123;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.cp>.cp-hd:hover{background:rgba(44,127,184,.08)}
.cp>.cp-hd:focus-visible{outline:2px solid #2c7fb8;outline-offset:-2px}
.cp-hd .cp-ic{font-size:17px;width:20px;text-align:center;line-height:1}
.cp-hd .cp-lb{flex:1;white-space:nowrap}
.cp-hd .cp-ch{font-size:12px;color:#555;transition:transform .15s;margin-left:4px}
.cp.cp-collapsed .cp-ch{transform:rotate(-90deg)}
.cp.cp-collapsed>.cp-body{display:none!important}
.cp>.cp-body{position:static!important;box-shadow:none!important;background:none!important;border-radius:0!important;margin:0!important;overflow:auto;border-top:1px solid #e3e3e3;min-height:0;max-height:none!important}
@media (max-width:699px){
  .cp.cp-sheet:not(.cp-collapsed){left:0;right:0;top:auto;bottom:0;max-width:none;max-height:55vh;border-radius:14px 14px 0 0;box-shadow:0 -2px 12px rgba(0,0,0,.3)}
  .cp.cp-sheet:not(.cp-collapsed)>.cp-hd{position:relative;padding-top:12px}
  .cp.cp-sheet:not(.cp-collapsed)>.cp-hd::before{content:"";position:absolute;left:50%;top:5px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#bbb}
  .cp>.cp-body{width:auto!important}
  .maplibregl-ctrl-attrib.maplibregl-compact{max-width:calc(100vw - 20px)}
}