.gallery.ThemeGalleryHorizontal {
  display: grid;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  grid-auto-columns: 25%;
  grid-auto-flow: column;
  grid-gap: var(--sizeM);
  scroll-behavior: smooth;
  height: 100%;
  width: 100%;
}
.gallery.ThemeGalleryHorizontal > .card[data-clickable], .gallery.ThemeGalleryHorizontal > .galleryMedia[data-clickable] {
  cursor: pointer;
}
.gallery.ThemeGalleryHorizontal > .card > img, .gallery.ThemeGalleryHorizontal > .galleryMedia > img {
  width: 100%;
  height: 100%;
  flex-grow: 1;
  object-fit: cover;
}
.gallery.ThemeGalleryHorizontal > .card > .galleryMediaText, .gallery.ThemeGalleryHorizontal > .galleryMedia > .galleryMediaText {
  opacity: 1;
}
.gallery.ThemeGalleryHorizontal:hover > .galleryLeftButton, .gallery.ThemeGalleryHorizontal:hover > .galleryRightButton {
  opacity: 1;
}
.gallery.ThemeGalleryHorizontal > .galleryLeftButton, .gallery.ThemeGalleryHorizontal > .galleryRightButton {
  cursor: pointer;
  font-size: var(--fontXXL);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.4;
  transition: var(--speedF) opacity ease;
  z-index: 1;
  background-color: var(--colorShadowDark);
  color: var(--colorHighlightLighter);
  padding: var(--sizeS);
}
.gallery.ThemeGalleryHorizontal > .galleryLeftButton {
  left: var(--sizeS);
}
.gallery.ThemeGalleryHorizontal > .galleryRightButton {
  right: var(--sizeS);
}

@media (orientation: portrait) {
  .gallery.ThemeGalleryHorizontal {
    grid-auto-columns: 75%;
    grid-gap: var(--sizeS);
  }
}