.slide-show {
  height: 100%;
  width: 100%;
  overflow-x: scroll;
  cursor: zoom-in;
  border-radius: 12px;
}
.slide-show.all {
    height: unset;
    overflow-x: unset;
}
.slide-show:not(.all) {
    background-color: #F4f4f4;
}
.slide-show .inner {
    width: max-content;
    background-color: transparent;
    padding: 6px 0;
}
.slide-show.all .inner {
    width: unset;
}
.slide-show .thumb {
    width: 156px;    /* aspect ratio 4/3 */
    height: 117px;
    object-fit: cover;
    margin: 0 4px;
    cursor: zoom-in;
    border-radius: 12px;
}
@media only screen and (max-width: 601px) {
    .slide-show .thumb {
        max-width: 108px;  /* aspect ratio 4/3 */
        height: 81px;
    }
}

/* override PhotoSwipe default: keep aspect ratio */
.pswp img {
    max-width: none;
    object-fit: contain;
}

/* override PhotoSwipe default: show arrow keys on mobile */
.pswp--touch .pswp__button--arrow {
  visibility: visible !important;
}