.asset-thumbnail img {
  border-radius: 8px;
  margin-bottom: 1rem;
}

.screenshot img {
  border-radius: 8px;
  margin-bottom: 1rem;
}

.screenshot img:hover {
  transform: scale(1.01);
  cursor: pointer;
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {
  filter:  grayscale(0);
}

.modal .carousel-control-prev,
.modal .carousel-control-next {
  opacity: 1;
}

.modal .carousel-control-prev::before,
.modal .carousel-control-next::before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
}

.modal .carousel-control-prev-icon,
.modal .carousel-control-next-icon {
  position: relative;
  z-index: 1;
  width: 0.9rem;
  height: 0.9rem;
  background: transparent !important;
  background-image: none !important;
  border: solid #fff !important;
  border-width: 0 0.2rem 0.2rem 0 !important;
  filter: none !important;
}

.modal .carousel-control-prev-icon {
  transform: rotate(135deg);
}

.modal .carousel-control-next-icon {
  transform: rotate(-45deg);
}