*{box-sizing:border-box}html,body{height:100%;margin:0;font:13px/1.4 Inter,"Segoe UI",Arial,sans-serif;background:#ecf3f7;color:#17324f}
#map{position:absolute;inset:0;background:linear-gradient(150deg,#eff5fa,#e0e9f0)}
.toplabel{position:absolute;z-index:2;top:12px;left:12px;background:#fffffff2;border:1px solid #d5dfeb;border-radius:8px;box-shadow:0 3px 15px #192f4c17;padding:9px 13px;display:grid;gap:1px;max-width:calc(100% - 24px)}
.toplabel span{font-size:9px;color:#42607c;font-weight:900;letter-spacing:1.5px}.toplabel strong{font-size:17px;letter-spacing:-.45px}.toplabel small{font-size:10px;color:#657991}
.foot{position:absolute;z-index:2;bottom:8px;right:8px;padding:6px 8px;background:#fffffff0;border-radius:5px;font-size:9px;color:#284361}.no-map{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:85%;text-align:center;color:#647a90;line-height:1.5;padding:13px;background:#ffffffd9;border-radius:8px}
.maplibregl-ctrl-top-right{top:84px!important}