:root {
  --dp-primary-color: #000;
  --dp-secondary-color: #000;
  --dp-tertiary-color: #fff;
}

.directory-plugin-swiper {
  width: 100%;
}

.directory-plugin-swiper-slide {
  min-height: 100%;
}
.directory-plugin-swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.directory-plugin-swiper-thumbs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.75rem;
}
.directory-plugin-swiper-thumbs.hidden {
  display: none;
}
.directory-plugin-swiper-thumbs .directory-plugin-swiper-thumb {
  border-radius: 8px;
  overflow: hidden;
  transition: opacity 0.3s ease-in-out;
  aspect-ratio: 1/1;
}
.directory-plugin-swiper-thumbs .directory-plugin-swiper-thumb:not(.directory-plugin-swiper-thumb-active) {
  opacity: 0.5;
}
.directory-plugin-swiper-thumbs .directory-plugin-swiper-thumb:not(.directory-plugin-swiper-thumb-active):hover {
  opacity: 0.75;
}
.directory-plugin-swiper-thumbs .directory-plugin-swiper-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=swiper.css.map */