.spec-image-preview-outer .spec-image-preview-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-grab .spec-image-preview-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-grabbing .spec-image-preview-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-dragging .spec-image-preview-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-rebuilding-thumbnails .spec-image-preview-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-thumb-align-middle {
  text-align: center;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-thumb-align-left {
  text-align: left;
}

.spec-image-preview-outer .spec-image-preview-thumb-outer.spec-image-preview-thumb-align-right {
  text-align: right;
}

.spec-image-preview-outer.spec-image-preview-single-item .spec-image-preview-thumb-outer {
  display: none;
}

.spec-image-preview-outer .spec-image-preview-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .spec-image-preview-outer .spec-image-preview-thumb {
    padding: 10px 0;
  }
}

.spec-image-preview-outer .spec-image-preview-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}

@media (min-width: 768px) {
  .spec-image-preview-outer .spec-image-preview-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}

.spec-image-preview-outer .spec-image-preview-thumb-item.active, .spec-image-preview-outer .spec-image-preview-thumb-item:hover {
  border-color: #a90707;
}

.spec-image-preview-outer .spec-image-preview-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.spec-image-preview-outer.spec-image-preview-can-toggle .spec-image-preview-item {
  padding-bottom: 0;
}

.spec-image-preview-outer .spec-image-preview-toggle-thumb:after {
  content: '\e1ff';
}

.spec-image-preview-outer.spec-image-preview-animate-thumb .spec-image-preview-thumb {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
