.nw-thumbnail-icons {
  position: relative;
  display: block;
  padding: 10px 0;
  font-size: $font-size-xxxl;
  text-align: center;
  color: $color-primary;
}

.nw-pdp-thumbnail {
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
  overflow: hidden;
  height: 100%;
}

.nw-thumbnail-image {
  position: relative;
  margin: 0 auto;
  cursor: pointer;

  &.is-active .nwc-lazyimg-container img {
    border-bottom: 4px solid $default-color;
  }
}

.nw-thumbnail-imagelazy {
  height: 130px;
}

.nw-thumbnail-videoicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: $thumbnailcarousel-videoicon-fontsize;
  color: $maincarousel-videoicon-color;
}

.nw-pdp-vcarousel {
  margin-top: 2px;
  height: 390px;
}

.nw-thumbnail-loader {
  margin: 5px 0;
  height: 120px;

  &.is-color-0 {
    background: $pdp-thumbnail-loader-color-0;
  }

  &.is-color-1 {
    background: $pdp-thumbnail-loader-color-1;
  }

  &.is-color-2 {
    background: $pdp-thumbnail-loader-color-2;
  }
}

.nw-pdpthumbnailcarouselbutton {
  border: 0;
  padding: 0;
  font-size: $pdp-vscroller-size;
  font-family: $secondary-font-family;
}