.focuspoint {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto min-content;
  max-width: fit-content;
  width: fit-content;
}
.focuspoint img {
  grid-column: 1/2;
  grid-row: 1/3;
  max-width: 100%;
  height: auto;
}

.focuspoint__svg {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
}
.focuspoint__svg circle:hover {
  opacity: 1;
  fill: transparent;
  stroke-dasharray: 2px;
  cursor: pointer;
}

.focuspoint__svg rect:hover + text {
  display: none;
}

.focuspoint__description {
  grid-column: 1/2;
  grid-row: 2/3;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 12px 12px 0 12px;
  display: none;
}

.focuspoint_images {
  display: none;
}

/*# sourceMappingURL=focuspoint.css.map */