.gallery-preview__figcaption,.gallery-preview__thumbnail-button:before{
  position:absolute;
}

.gallery-preview__swiper,.gallery-preview__thumbnail-button{
  aspect-ratio:16/9;
  border-radius:var(--radius);
  overflow:hidden;
  position:relative;
}

.gallery-preview__thumbnail-button:before{
  background-color:transparent;
  bottom:0;
  content:"";
  left:0;
  right:0;
  top:0;
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.gallery-preview__figcaption{
  background-image:linear-gradient(to top, var(--tw-gradient-stops));
  bottom:0;
  left:0;
  right:0;
  --tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-stops:var(--tw-gradient-from), rgba(0,0,0,.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  font-family:var(--font-family-1);
  padding:1.5rem;
}

.gallery-preview__container{
  display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  margin-bottom:2rem;
  margin-left:auto;
  margin-right:auto;
  max-width:80rem;
  row-gap:1.5rem;
}

.gallery-preview__tag{
  display:block;
  font-size:.75rem;
  letter-spacing:.025em;
  line-height:1rem;
  margin-bottom:.25rem;
  text-transform:uppercase;
}

.gallery-preview__item img{
  animation-duration:.5s;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  transition-duration:.15s;
  transition-duration:.5s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  width:100%;
}

.gallery-preview__thumbnail-button{
  cursor:pointer;
}

.gallery-preview__title{
  font-family:inherit;
  font-size:1.125rem;
  line-height:1.75rem;
}

.gallery-preview__tag,.gallery-preview__title{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
}

.swiper-slide-thumb-active .gallery-preview__thumbnail-button{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
  --tw-ring-color:hsl(var(--primary));
}

.gallery-preview__thumbnail-button:hover:before{
  background-color:rgba(0,0,0,.2);
}

.gallery-preview__item .gallery-preview__swiper:hover img,.gallery-preview__swiper:hover .gallery-preview__item img{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width:1024px){
  .gallery-preview__thumbnails{
    grid-column:span 1 / span 1;
  }
  .gallery-preview__carousel{
    grid-column:span 3 / span 3;
  }
  .gallery-preview__container{
    -moz-column-gap:1rem;
    column-gap:1rem;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    row-gap:0;
  }
}

.gallery-preview__thumbs-carousel{
  margin:-4px;
  padding:4px;
}

.gallery-preview__swiper-controls{
  inset:0;
  margin:auto;
  position:absolute;
  width:calc(100% - 2rem);
}

.gallery-preview__thumbnails-slide-wrapper--{
  gap:5px 8px;
}
/*# sourceMappingURL=gallery-preview.css.map */