.map{flex-grow:1;display:flex;flex-direction:column}.map__image{position:relative;flex-grow:1;background:#000}.map__image>svg{position:absolute;display:block;width:100%;height:100%}.map__popup{position:absolute;top:50%;left:50%;transform:translate(-102%,55%);box-sizing:border-box;padding:12px 10px 10px;width:84px;color:#000;background-color:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.25)}.map-popup__legend{display:flex;align-items:center;margin-bottom:9px;font-size:10px;line-height:1.4}.map-popup__legend img{flex:none;margin-right:4px;width:12px}.map-popup__time{margin-bottom:3px;font-size:20px;line-height:1.13}.map-popup__distance{font-size:10px;line-height:1.4}.path{stroke-dashoffset:24;-webkit-animation:sde-dots 1.5s linear infinite,sde-ants 3s linear infinite;animation:sde-dots 1.5s linear infinite,sde-ants 3s linear infinite}@-webkit-keyframes sde-dots{0%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes sde-dots{0%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@-webkit-keyframes ants{0%{opacity:1;stroke-dashoffset:0}to{opacity:1;stroke-dashoffset:6}}@keyframes ants{0%{opacity:1;stroke-dashoffset:0}to{opacity:1;stroke-dashoffset:6}}.clickable-area{position:absolute;top:20%;left:20%;width:60%;height:60%;z-index:1}.ar-experience{flex-grow:1;display:flex;flex-direction:column}.ar-experience__qr-frame{position:absolute;z-index:11;left:50%;top:66%;transform:translate(-50%,-50%) scale(75%);text-align:center}.ar-experience__map{flex-grow:1;display:flex;flex-direction:column}