.fotorama__nav--thumbs {
  .flex-row;
  align-items: center;
  align-content: center;
  justify-content: space-around;
}

.fotorama__thumb-border {
  background: transparent;
  border-color: @gray;
  border-width: 1px !important;
}

.fotorama__nav__frame--thumb {
  opacity: 0.5;

  &.fotorama__active {
    opacity: 1;
  }
}

.fotorama__nav--dots .fotorama__nav__frame {
  height: @default--space * 3;
}

.fotorama__dot {
  top: 20/@rem;
}

.fotorama__active .fotorama__dot {
  background-color: @secondary-red;
  border-color: @secondary-red;
}