#room_map {
  max-width: 100%;
}

.section {
  transform-origin: center;
  transition: transform 1s;
}

@media (hover: hover) {
  /* has no touchscreen */
  .active .place:hover .cell path:not([fill=black]) {
    fill: rgb(242, 140, 140);
  }
}
@media (hover: none) {
  /* has touchscreen */
  .ready {
    transform: scale(1.1);
    transition: transform 1s;
  }
  .ready > :nth-child(2) {
    fill: rgb(191, 211, 174);
  }
}
.selected .cell path:not([fill=black]) {
  fill: red !important;
}/*# sourceMappingURL=style.css.map */