/* Generated by vite-plugin-svg-spritemap */
.eventgallery {
  background-color: #f6f8ed;
}
.eventgallery__head {
  display: grid;
  justify-items: center;
  text-align: center;
}
.eventgallery__title {
  font-weight: 500;
}
.eventgallery__text {
  max-width: 70rem;
  line-height: 1.75;
}
.eventgallery__slider {
  display: grid;
}
.eventgallery__group {
  grid-area: 1/1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 1s ease, visibility 1s ease;
}
.eventgallery__group.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.eventgallery__image {
  aspect-ratio: 4/3;
  overflow: hidden;
  background-color: #eef0e3;
}
.eventgallery__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eventgallery__actions {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 47.99875em) {
  .eventgallery__group {
    grid-template-columns: 1fr;
  }
  .eventgallery__actions {
    justify-content: center;
  }
}
@media (max-width: 20em) {
  .eventgallery__title {
    margin-bottom: 1.375rem;
  }
  .eventgallery__text {
    font-size: 0.9375rem;
  }
  .eventgallery__slider {
    margin-top: 2rem;
  }
  .eventgallery__group {
    gap: 0.75rem;
  }
  .eventgallery__actions {
    margin-top: 1.75rem;
  }
}
@media (min-width: 20em) and (max-width: 76.25em) {
  .eventgallery__title {
    margin-bottom: clamp( 1.375rem , 1.10833333333125rem  +  1.3333333333vw , 2.125rem );
  }
  .eventgallery__text {
    font-size: clamp( 0.9375rem , 0.87083333333125rem  +  0.3333333333vw , 1.125rem );
  }
  .eventgallery__slider {
    margin-top: clamp( 2rem , 1.4888888888875rem  +  2.5555555556vw , 3.4375rem );
  }
  .eventgallery__group {
    gap: clamp( 0.75rem , 0.48333333333125rem  +  1.3333333333vw , 1.5rem );
  }
  .eventgallery__actions {
    margin-top: clamp( 1.75rem , 1.372222222225rem  +  1.8888888889vw , 2.8125rem );
  }
}
@media (min-width: 76.25em) {
  .eventgallery__title {
    margin-bottom: 2.125rem;
  }
  .eventgallery__text {
    font-size: 1.125rem;
  }
  .eventgallery__slider {
    margin-top: 3.4375rem;
  }
  .eventgallery__group {
    gap: 1.5rem;
  }
  .eventgallery__actions {
    margin-top: 2.8125rem;
  }
}