/* [project]/src/components/projects/ProjectImages.module.css [app-client] (css) */
.ProjectImages-module__64zaEq__track {
  aspect-ratio: 4 / 3;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.ProjectImages-module__64zaEq__track::-webkit-scrollbar {
  display: none;
}

.ProjectImages-module__64zaEq__slide {
  scroll-snap-align: start;
  flex: 0 0 100%;
  height: 100%;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ProjectImages-module__64zaEq__track {
    display: block;
    overflow: hidden;
  }

  .ProjectImages-module__64zaEq__slide {
    transition: opacity .35s, transform .5s;
    position: absolute;
    inset: 0;
  }

  .ProjectImages-module__64zaEq__slide:last-child {
    opacity: 0;
    transform: scale(1.03);
  }

  .ProjectImages-module__64zaEq__track:hover .ProjectImages-module__64zaEq__slide:last-child, .ProjectImages-module__64zaEq__track:focus-visible .ProjectImages-module__64zaEq__slide:last-child {
    opacity: 1;
    transform: scale(1);
  }

  .ProjectImages-module__64zaEq__controls {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ProjectImages-module__64zaEq__slide {
    transition: none;
    transform: none;
  }
}

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