@keyframes map-dialog-appear{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}.project-map{width:100%;height:100vh;display:flex}@media screen and (width>=64rem){.project-map{max-height:800px}}.google-map{width:100%;display:flex;position:relative}.google-map__map{width:100%}.project-map__dialog{z-index:2;background-color:#fff;border:0;width:380px;max-width:90vw;margin:auto auto 80px;padding:0;display:none;position:absolute;inset:0;box-shadow:0 2px 6px #00000059}.project-map__dialog::backdrop{background-color:#0000}.project-map__dialog[open]{animation:.15s ease-in-out map-dialog-appear;display:block}.project-map__close-btn{all:unset;z-index:2;cursor:pointer;background-color:#000000b3;border-radius:32px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex;position:absolute;top:16px;right:16px}.project-map__close-btn:hover{background-color:#000}.project-map__close-btn svg-icon{width:10px;height:10px;fill:var(--color-global-white)}