.result-art-reel {
  --result-reel-card-fraction: .55;
  width: 100%;
  height: 100%;
  margin-inline: auto;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-anchor: none;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  scroll-snap-type: none;
  scrollbar-width: none;
}

.result-art-reel[hidden],
#lightbox-image[hidden] {
  display: none;
}

.result-art-reel::-webkit-scrollbar {
  display: none;
}

.result-art-reel:focus-visible {
  outline: 2px solid var(--orange, #f37022);
  outline-offset: 3px;
}

.result-art-reel__track,
.result-art-reel__group {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
}

.result-art-reel__track {
  position: relative;
}

.result-art-reel__group,
.result-art-reel__image {
  flex: none;
}

@media (pointer: fine) {
  .result-art-reel { cursor: grab; }
  .result-art-reel.is-dragging { cursor: grabbing; }
}

.result-art-reel__image {
  display: block;
  max-width: none;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 700px) {
  .result-art-reel { --result-reel-card-fraction: .86; }
}