#map-outer{z-index:0;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden}#map img{max-width:none;transform:translateZ(0)}#map-marker{position:absolute;transform:translate(-50%,-100%)}#map-key{z-index:1;max-width:320px;height:95%;display:flex;position:absolute;bottom:8px;left:8px}@media screen and (width<=400px){#map-key{max-width:95%}}#map-key img{align-self:flex-end;max-height:100%}.map-zoom{display:none;position:absolute;top:16px;left:16px}.map-zoom:after{clear:both;content:"";display:table}.no-touch .map-zoom{display:block}.map-zoom__btn{cursor:auto;float:left;will-change:transform;background-color:#fffffff5;border-radius:4px;margin-right:1px;padding:8px;position:relative}.map-zoom__btn:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.map-zoom__btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.map-zoom__btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0}.map-zoom__btn>svg{opacity:.3;transition:transform 50ms ease-in-out;display:block}.map-zoom__btn>svg circle,.map-zoom__btn>svg line{will-change:fill;transition:fill .1s ease-out}.map-zoom__btn.active{cursor:pointer}.map-zoom__btn.active>svg{opacity:1}.map-zoom__btn.active:active>svg{transform:scale(1.06)}.map-zoom__btn.active:active>svg circle,.map-zoom__btn.active:active>svg line{fill:#afada9}