#loading:not([hidden]){position:absolute;z-index:200;top:100px;left:24px;display:grid;gap:12px;width:min(390px,calc(100% - 48px));padding:20px;background:#fff;border:1px solid #dce6de;border-radius:12px;box-shadow:0 5px 30px #163b3620}#loading progress{width:100%;accent-color:#34765d}#load-detail{font-size:12px;color:#68816e}#loading button{justify-self:end}.data-canvas{position:absolute;left:0;top:0;pointer-events:none;transform-origin:0 0;z-index:110}#status{z-index:120}.search,#results,.map-actions{z-index:130}

#feature-info{position:absolute;z-index:160;max-width:min(360px,calc(100% - 30px));padding:16px;background:#fff;border:1px solid #d7e2dc;border-radius:12px;box-shadow:0 6px 24px #163b3633}#feature-info>button{float:right;margin:0 0 8px 12px;padding:3px 9px}#feature-info .props{max-height:min(50dvh,360px)}#feature-info h3{margin:6px 0 12px}
#feature-info::after{content:"";position:absolute;left:var(--anchor-x,50%);bottom:-9px;width:16px;height:16px;background:white;border-right:1px solid #d7e2dc;border-bottom:1px solid #d7e2dc;transform:translateX(-50%) rotate(45deg)}#feature-info.below-anchor::after{bottom:auto;top:-9px;transform:translateX(-50%) rotate(225deg)}#feature-info[hidden]{display:none}