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