/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/media-query-plugin/src/loader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/blocks/gallery.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.gallery__preview .swiper-wrapper {
  height: 720px;
}
.gallery__thumbs {
  background-color: rgba(0, 0, 0, 0.2);
}
.gallery__thumbs .swiper-slide {
  width: auto;
}
.gallery__thumb {
  width: 80px;
  height: 80px;
  transition: opacity 500ms ease-in-out;
}
.swiper-slide-thumb-active .gallery__thumb {
  opacity: 0.3;
}