/* mixin for multiline */
/*
Media query mixin
 */
.map {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 255, 0.4);
  position: relative;
  overflow: hidden; }
  .map__marker {
    width: 50px;
    height: 50px;
    z-index: 1;
    cursor: pointer; }
    .map__marker.-focus {
      background-image: url("/images/ui/map/map-marker-blue-active.svg"); }
  .map__side-info {
    position: absolute;
    right: 70px;
    top: -60px;
    width: 300px;
    height: auto; }
  .map__highlight-area {
    transition: width 1s ease, height 1s ease;
    position: absolute;
    width: 100px;
    z-index: -1;
    height: 100px;
    border-radius: 100%;
    background-color: #f4a71c;
    opacity: 0.4;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }