/* Map */

  .grinvich-map {
    position: relative;
    width: 100%;
    padding-bottom: 66.3%;
  }

  .grinvich-map-container {
    position: absolute;
    width: 100%;
    padding-bottom: 66.3%;
    background: hsl(0, 0%, 98%);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  }

  .grinvich-map-container > * {
    position: absolute;
    width: calc(100% - 60px);
    height: auto;
    top: 21px;
    left: 30px;
  }

  .grinvich-map-selections path {
    position: absolute;
    pointer-events: fill;
    transition: all .2s;
    opacity: 0;
    fill: gray;
    cursor: pointer;
  }

  .grinvich-map-selections path:hover {
    opacity: 1;
  }

  .grinvich-map-logo-layer {
    pointer-events: none;
  }

  /* Popup */

  .grinvich-popup {
    position: fixed;
    width: 120px;
    height: 120px;
    z-index: 1;
    background: #fff;
    padding: 10px;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  }

  .grinvich-popup-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
  }

  .grinvich-popup-img {
    max-height: 83px;
  }

  .grinvich-popup-name {
    margin-top: 10px;
    overflow: hidden;
  }

  .grinvich-popup.text-only {
    height: 27px;
    justify-content: center;
  }

  .grinvich-popup.text-only .grinvich-popup-img-wrapper {
    display: none;
  }

  .grinvich-popup.text-only .grinvich-popup-name {
    margin: 0;
  }
  
/* Toggler */

.grinvich-toggler {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 12px;
  color: hsl(0, 0%, 35%);
  background: #fff;
}

.grinvich-toggler-button {
  padding: 7px 10px;
  cursor: pointer;
}

.grinvich-toggler-button:hover,
.grinvich-toggler-button.active {
  background: hsl(0, 0%, 85%);
}