.map {
  width: 100%;

  :global(svg) {
    width: 100%;
    height: 100%;
    display: block;
  }
}

.parish {
  cursor: pointer;
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.3s ease;

  :global(path.cls-1) {
    transition: fill 0.3s ease;
  }

  &:hover,
  &:focus-visible {
    transform: scale(1.15);
    outline: none;

    :global(path.cls-1) {
      fill: #0f6898;
    }
  }
}
