.project-map-shell{background:#f4eee4;min-height:360px;overflow:hidden;position:relative}.project-map-canvas,.project-map-shell{height:100%;width:100%}.project-map-shell .project-map-basemap-toggle{align-items:center;color:#735747;display:flex;justify-content:center}.project-map-basemap-toggle svg{height:19px;pointer-events:none;width:19px}@media (hover:hover){.project-map-basemap-toggle:hover:not(:disabled){background:#fff9f4;color:#ad3d13}}.project-map-shell .project-map-basemap-toggle[aria-pressed=true]{background:#fff3e9;color:#bd4317}.project-map-basemap-toggle:focus-visible{outline:2px solid #c74513;outline-offset:-2px}.project-map-basemap-toggle:disabled{cursor:wait;opacity:.6}.project-map-notice{background:#fff4e5;border-radius:7px;bottom:8px;color:#71331c;font-size:12px;left:60px;padding:8px 12px;position:absolute;right:12px;z-index:8}.project-map-handle{background:#f15a24;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0005;color:#fff;cursor:grab;font-weight:700;height:30px;touch-action:none;width:30px}.project-building-marker{background:#0f766e;border:2px solid #fff;border-radius:6px;box-shadow:0 2px 8px #0004;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 9px}.project-map-state{align-items:center;background:#f7f1e8;color:#633422;display:flex;flex-direction:column;gap:6px;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:absolute;text-align:center;z-index:4}.project-map-state--error span{color:#8a5a44;font-size:13px;max-width:420px}.project-map-hint{background:#fffffff0;border:1px solid #f2c3a8;border-radius:999px;box-shadow:0 5px 18px #5b301c1f;color:#71331c;font-size:12px;left:50%;padding:8px 14px;position:absolute;top:14px;transform:translate(-50%);white-space:nowrap;z-index:3}.project-region-marker{pointer-events:none;position:absolute}.project-region-ring{background:radial-gradient(circle,#fff9f13d 0,#fff9f13d 58%,#fff4e81f 59%,#fff4e81f);border:1.5px dashed rgba(238,103,42,.86);border-radius:50%;box-shadow:inset 0 0 30px #fff4e552;top:9px;right:9px;bottom:9px;left:9px;position:absolute}.project-region-label{color:#613624;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500;left:50%;letter-spacing:.04em;position:absolute;text-align:center;text-shadow:0 1px 4px #fff,0 0 10px #fff;top:55%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.project-region-more{align-content:center;background:linear-gradient(145deg,#f4772c,#e94d18);border:3px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 5px 16px #c64a184d;color:#fff;display:grid;height:50px;left:50%;place-items:center;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:4}.project-region-more strong{font-size:14px;line-height:1}.project-region-more span{font-size:8px;line-height:1.2}.project-logo-marker{background:#fffffffa;border:2px solid #ef6c2d;border-radius:50%;box-shadow:0 5px 17px #4f2b193b;color:#583022;cursor:pointer;display:block;height:78px;padding:5px 5px 23px;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:border-color .18s ease,box-shadow .18s ease;width:78px;z-index:3}.project-logo-marker:after{background:#fff;border-bottom:2px solid #ef6c2d;border-right:2px solid #ef6c2d;bottom:-7px;content:"";height:13px;left:50%;position:absolute;transform:translate(-50%) rotate(45deg);width:13px;z-index:-1}.project-logo-marker.is-selected,.project-logo-marker:hover{border-color:#f05218;box-shadow:0 7px 23px #ef6c2d61,0 0 0 3px #ffffffe0,0 0 0 5px #ef6c2d47;z-index:6}.project-logo-marker img{border-radius:50%;display:block;height:45px;margin:0 auto;-o-object-fit:cover;object-fit:cover;width:45px}.project-logo-marker span{bottom:5px;color:#4b2417;font-size:14px;left:5px;line-height:1.2;overflow:hidden;position:absolute;right:5px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.project-map-shell .vietmapgl-ctrl-bottom-left{align-items:flex-start;bottom:12px;display:flex;flex-direction:column;gap:8px;left:12px}.project-map-shell .vietmapgl-ctrl-bottom-left>.vietmapgl-ctrl{float:none;margin:0}.project-map-shell .vietmapgl-ctrl-group{border-radius:8px!important;box-shadow:0 3px 12px #4d2c1829!important;overflow:hidden}.project-map-shell .vietmapgl-ctrl-group button{height:36px;width:36px}@media (max-width:640px){.project-map-shell .vietmapgl-ctrl-group button{height:40px;width:40px}.project-logo-marker{height:54px;padding:3px 3px 17px;width:54px}.project-logo-marker img{height:28px;width:28px}.project-logo-marker span{bottom:3px;font-size:11px;left:2px;right:2px}.project-logo-marker:after{bottom:-5px;height:9px;width:9px}.project-region-marker{scale:.78}.project-region-marker .project-logo-marker{height:70px;padding-bottom:22px;width:70px}.project-region-marker .project-logo-marker img{height:39px;width:39px}.project-region-marker .project-logo-marker span{font-size:14px}.project-region-label{font-size:15px}.project-map-hint{max-width:calc(100% - 24px);text-align:center;white-space:normal}}