/* EVERYDAYS — the render archive on one monitor, driven by transport keys */

.monitor {
  margin: 0 0 2.5rem;
  padding: 18px;
}

.monitor .carousel-item img {
  display: block;
  width: 100%;
  height: auto;
}

/* the keys sit inside the bezel, as the monitor's own control panel */
.monitor .transport { margin-top: 14px; }

@media (max-width: 575.98px) {
  .monitor { padding: 10px; }
  .monitor .transport { margin-top: 10px; gap: .3rem; padding: .45rem .5rem; }
}