.ee-carousel {

  max-width: 1100px;

  margin: auto;

}

.ee-carousel__viewport {

  display: grid;

  grid-template-columns: 50px 1fr 50px;

  align-items: center;

}

.ee-carousel__track {

  position: relative;

}

.ee-carousel__slide {

  display: none;

  text-align: center;

}

.ee-carousel__slide.active {

  display: block;

}

.ee-carousel__slide img {

  width: 100%;

  max-height: 70vh;

  object-fit: contain;

}

.ee-carousel__nav {

  background: #000;

  color: #fff;

  border: none;

  height: 50px;

  cursor: pointer;

}

.ee-carousel__thumbs {

  display: grid;

  grid-template-columns: repeat(auto-fill, 80px);

  gap: 5px;

  margin-top: 10px;

}

.ee-carousel__thumb img {

  width: 100%;

  height: 60px;

  object-fit: cover;

}

.ee-carousel__thumb.active {

  outline: 2px solid black;
}