.photo-viewer-container {
  overflow: hidden;
  margin-bottom: (24em / 16);

  .hide-scrollbars {
    position: relative;

    .thumbnail-column {
      white-space: nowrap;
      display: block;
      overflow-x: scroll;
      overflow-y: hidden;
      max-height: 86px;
      @include breakpoint(medium up) {
        max-height: unset;
      }


      .upload-block {
        display: inline-block;
        margin: 16px 12px 0 0;
        width: 70px;
        height: 70px;
        @include breakpoint(medium up) {
          width: 78px;
          height: 78px;
          margin: 24px 24px 0 0;
        }

        &:last-child {
          margin: 0;
        }
      }
    }

    @include breakpoint(br-768 up) {
      .thumbnail-column {
        height: (384em / 16);
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;

        &::-webkit-scrollbar {
          width: 0;
          height: 0;
        }

        .upload-block {
          margin: 0 0 24px;
          display: block;
        }
      }
    }
    //SMARTPHONES AND TOUCHSCREENS
    @media (hover: none) and (pointer: coarse) {
      right: 0;
    }
    //Stylus screens
    @media (hover: none) and (pointer: fine) {
      right: 0;
    }
  }

}