/* Fill the photo side of each scene preview while keeping its text readable. */
.tuva-hotspot.is-active {
  z-index: 40;
}
/* The fading scene creates a stacking context; lift its open preview over arrows. */
div:has(> .tuva-hotspot.is-active) {
  z-index: 40;
}
.tuva-hotspot-panel {
  width: min(312px, calc(100vw - 64px));
}
.tuva-hotspot-info {
  gap: 12px;
  padding: 4px;
}
.tuva-hotspot-info img {
  display: block;
  width: 132px;
  height: 88px;
  aspect-ratio: 3 / 2;
  flex: 0 0 132px;
  padding: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}
.tuva-hotspot-info > div {
  flex: 1;
  padding: 4px 8px 4px 0;
}
@media (max-width: 360px) {
  .tuva-hotspot-info img {
    width: 112px;
    height: auto;
    flex-basis: 112px;
  }
}