.map-points__map{display:inline-block;position:relative}@media(min-width:1024px){.map-points{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:84px}.map-points__map{max-width:540px;width:100%}.map-points__info{-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}.map-point{position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:16px;height:16px;background:var(--color-0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.map-point:after{content:"";display:block;position:absolute;left:-webkit-calc(50% - 4px);left:-moz-calc(50% - 4px);left:calc(50% - 4px);top:-webkit-calc(50% - 4px);top:-moz-calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#e30613}.map-point__name{display:block;white-space:nowrap;padding:2px 15px 5px 25px;font-size:1.2rem;color:var(--color-0);font-weight:700;position:absolute;left:0;top:0;height:100%;background:var(--color-1000);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;opacity:0;pointer-events:none;-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,-o-transform .3s;-moz-transition:opacity .3s,transform .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}.map-point--right .map-point__name{left:auto;right:0;padding:2px 25px 5px 15px;-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}.map-point:hover,.map-point.active{z-index:9;width:24px;height:24px}.map-point:hover .map-point__name,.map-point.active .map-point__name{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}.mpi{display:none}.mpi.active{display:block}.mpi__title{margin:16px 0}