.img-zoom-wrapper {
  .zoom-indicators {
    .indicator {
      &:hover {
        opacity: .8;
      }
      &.active {
        opacity: .8;
      }
    }
  }
}


.js-img-zoom-wrapper {
  .thumbnails {
    list-style: none;
    padding-left: 0;

    li {

      .thumb {
        height: 80px;
        width: 100%;
        object-fit: cover;
        border: 1px solid transparent;

        &:hover {
          cursor: pointer;
          border-color: red;
        }
      }

      &.active {
        .thumb {
          border-color: red;
        }
      }
    }
  }
}

.js-img-zoom-trigger {
  height: auto;
  width: 100%;
}
