body {
  display: flex;
  flex-direction: column;
}
.wrapper-top {
  height: calc(100% - 64px);
  width: 100%;
}
body.mobile-mode .wrapper-top {
  height: calc(100% - 128px);
}

.wrapper-bottom {
  display: flex;
  flex-direction: row;
  height: 64px;
  width: 100%;
  overflow-x: scroll;
}
body.mobile-mode .wrapper-bottom {
  height: 128px;
}

div.preview-wrapper {
  border: 1px solid transparent;
  cursor: pointer;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.preview-wrapper:hover {
  background: rgba(0, 192, 192, 0.25);
  border: 1px solid orange;
}
.highlighted-preview-tile {
  background: rgba(0, 192, 192, 0.5);
  border: 1px solid orange;
}