.module-eyp-map .module-wrap {
    position: relative;
  }

  .module-eyp-map .module-inner {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  
  .eyp-map {
    background: #d4e8f6;
    position: relative;
    overflow: hidden;
  }
  
  .eyp-map .map-svg svg {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .eyp-map .map-svg svg [id][fill="#8A8BC3"] {
    fill: #8a8bc3a6;
  }
  
  .eyp-map .map-svg svg g[id].selectable path,
  .eyp-map .map-svg svg path[id].selectable {
    transition: fill 250ms;
    cursor: pointer;
  }
  
  .eyp-map .map-svg svg g[id].selectable path,
  .eyp-map .map-svg svg path[id].selectable {
    fill: #8A8BC3;
  }
  
  .eyp-map .map-svg svg g[id].selectable:hover path,
  .eyp-map .map-svg svg g[id].current path,
  .eyp-map .map-svg svg path[id].selectable:hover,
  .eyp-map .map-svg svg path[id].current {
    fill: #3a4390;
  }
  
  .eyp-map .arrow-svg svg {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  
  .eyp-map .arrow-svg svg path {
    stroke: #ec3d80;
    stroke-width: 2px;
    fill: none;
    transition: d 250ms;
  }
  
  .eyp-map-dropdown {
    position: absolute;
    left: calc(var(--page-padding-left) * 2);
    top: 0;
    transform: translateY(-50%);
    z-index: 2;
  }
  
  .eyp-map-countries {
    position: absolute;
    top: calc(117 * var(--base-unit));
    left: var(--page-padding-left);
    z-index: 2;
  }
  
  .eyp-map-countries article.is-hidden,
  .network-item.is-hidden {
    opacity: 0;
    transform: scale(0.92);
    z-index: 10;
    transition: 0ms var(--ttf-2);
    pointer-events: none;
  }
  
  .eyp-map-countries article,
  .network-item {
    position: absolute;
    padding: calc(40 * var(--base-unit)) calc(60 * var(--base-unit)) calc(60 * var(--base-unit));
    color: #3a4390;
    transition: width 500ms;
    width: calc(380 * var(--base-unit));
    top: 0;
    left: 0;
    transition: 1000ms var(--ttf);
    opacity: 1;
    transform: none;
    z-index: 15;
    pointer-events: all;
  }
  
  .eyp-map-countries article::after,
  .network-item::after {
    content: '';
    background: var(--background, #ffd92f);
    display: block;
    position: absolute;
    inset: 0;
    clip-path: var(--jagged-image-background-clip-path);
  }
  
  .eyp-map-countries article > .inner,
  .network-item > .inner {
    position: relative;
    z-index: 2;
  }
  
  .eyp-map-countries article .subheadline {
    line-height: 1.28571428571428571428;
    margin-top: .47619047619047619047em;
  }
  
  .eyp-map-countries svg path {
    fill: #3a4390;
  }
  
  .eyp-map-countries .website svg {
    width: 28px;
    height: auto;
  }
  
  .eyp-map-countries .facebook svg {
    width: 14px;
    height: auto;
  }
  
  .eyp-map-countries .email svg {
    width: 30px;
    height: auto;
  }
  
  .eyp-map-countries .linkedin svg {
    width: 24px;
    height: auto;
  }
  
  .eyp-map-countries .tiktok svg {
    width: 22px;
    height: auto;
  }
  
  .eyp-map-countries .btn-set {
    margin-top: calc(35 * var(--base-unit));
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .eyp-map-countries .btn-set > li {
    margin-right: 35px;
  }
  
  .btn-close-country-details,
  .btn-close-network-item {
    display: inline-block;
    position: absolute;
    top: calc(35 * var(--base-unit));
    right: calc(20 * var(--base-unit));
    z-index: 4;
  }
  
  .btn-close-country-details svg path {
    fill: #ec3d80;
  }
  
  .btn-close-network-item svg path {
    fill: currentColor;
  }
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .eyp-map .arrow-svg {
      display: none;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-eyp-map .module-wrap {
      display: flex;
      flex-flow: column nowrap;
    }
    
    .eyp-map-dropdown {
      display: none;
    }
    
    .eyp-map .map-svg svg {
      width: 135vw;
      margin-left: -35vw;
      pointer-events: none;
    }
    
    .eyp-map {
      order: 1;
    }
    
    .eyp-map-countries {
      order: 2;
      position: static;
      padding-top: 5px;
    }
    
    .eyp-map-countries article[data-country] {
      opacity: 1;
      position: static;
      transform: none;
      pointer-events: all;
      background: #fff;
      margin-bottom: 5px;
      width: 100%;
      box-sizing: border-box;
      padding: calc(1.5 * var(--page-padding-left)) var(--page-padding-left);
    } 
    
    .btn-close-country-details {
      display: none;
    }
    
    .eyp-map-countries article::after {
      display: none;
    }
    
    .eyp-map-countries .btn-set {
      transform: scale(0.8);
      transform-origin: left center;
      margin-top: 10px;
    }
    
    .eyp-map-countries article .subheadline {
      margin-bottom: 15px;
    }
    
  }