.header {
  --border-opacity: 1;
  border-color: #6b7280;
  border-color: rgba(107, 114, 128, var(--border-opacity));
  border-width: 2px;
  border-style: solid;
  font-weight: 700;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.25rem;
}

@media (min-width: 1280px) {
  .header {
    font-size: 1.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.info-box {
  --bg-opacity: 1;
  background-color: #6b7280;
  background-color: rgba(107, 114, 128, var(--bg-opacity));
  margin-top: 0.25rem;
}

.info-box.red {
  --bg-opacity: 1;
  background-color: #e02424;
  background-color: rgba(224, 36, 36, var(--bg-opacity));
}

@media (min-width: 1024px) {
  .info-box {
    font-size: 1.125rem;
  }
}

@media (min-width: 1280px) {
  .info-box {
    font-size: 1.25rem;
    margin-top: 0.5rem;
  }
}

.info-box__content {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.25rem;
}

@media (min-width: 1280px) {
  .info-box__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    line-height: 2.25rem;
  }
}

.carousel .slick-prev, .thumbnails .slick-prev {
  left: 12px;
  z-index: 1;
}

.carousel .slick-next, .thumbnails .slick-next {
  right: 12px;
}

.carousel .slick-dots {
  position: absolute;
  display: inline;
  width: auto;
  --bg-opacity: 1;
  background-color: #d2d6dc;
  background-color: rgba(210, 214, 220, var(--bg-opacity));
  border-radius: 0.375rem;
  opacity: 0.5;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.carousel.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.thumbnails .slick-current img {
  border-width: 2px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #ff5a1f;
  border-color: rgba(255, 90, 31, var(--border-opacity));
}

.thumbnails .slick-slide:not(.slick-current) img {
  border-width: 2px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d2d6dc;
  border-color: rgba(210, 214, 220, var(--border-opacity));
}

.slick-list {
  height: 100% !important;
}

.p-2px {
  padding: 2px;
}