.map-wrapper{aspect-ratio:2;margin-top:2rem;opacity:0;position:relative;transition:all 1s;width:100%}.map-wrapper.loaded{opacity:1}svg.map-svg{height:auto;width:100%}.map-svg path{fill:#ccc;stroke-width:2!important;transition:all .3s}.map-svg g.has-pin path,.map-svg path.has-pin{fill:var(--color--red);fill-opacity:50%}.map-svg g.has-pin.active path,.map-svg path.has-pin.active{fill-opacity:100%}ul.map-pins{list-style:none;margin:0!important;padding:0}li.pin{position:absolute}li.pin.active{z-index:99}li.pin .pin__graphic{align-items:center;bottom:0;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}li.pin.right .pin__graphic{left:75%}li.pin .pinbody{background:var(--color--black);display:block;height:2rem;width:2px}li.pin .pinhead{background:var(--color--red);border:2px solid #f2f0ee;border-radius:50%;box-shadow:0 0 0 2px var(--color--black);display:block;height:.75rem;margin-bottom:-.5rem;transition:all .3s;width:.75rem;z-index:10}li.pin.active .pinhead{background:var(--color--yellow);height:1rem;width:1rem}.pin__info-box{background:#fff;bottom:0;box-shadow:0 4px 16px rgba(0,0,0,.15);display:none;margin-bottom:2rem;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s;width:560px}li.pin.right .pin__info-box{transform:translateX(-75%)}li.pin.active .pin__info-box{animation:fadeIn .5s both;display:flex;pointer-events:all}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pin__info-box__image img{aspect-ratio:1;display:block;height:100%;max-width:150px;object-fit:cover}.pin__info-box__content h3{font-size:1.25rem;margin:0 0 .5rem}.pin__info-box__content{font-size:1rem;padding:1rem}@media (max-width:880px){.map-wrapper{aspect-ratio:auto;overflow-y:scroll}.map-svg{display:none;height:auto}ul.map-pins{display:flex;gap:2rem;padding:1rem;position:relative;width:fit-content}li.pin,li.pin.right{left:0!important;max-width:95vw;position:relative;top:0!important;transform:none;width:66vw}li.pin .pin__info-box,li.pin.right .pin__info-box{display:flex;flex-direction:column;margin:0;opacity:1;pointer-events:all;position:relative;transform:none;width:100%}.pin__info-box__image img{aspect-ratio:16/9;display:block;height:100%;max-width:100%;object-fit:cover}li.pin .pin__graphic{display:none}}