.clinic-photos-v30{
  overflow-x:clip;
}

.clinic-gallery-v30 .clinic-photo-open{
  opacity:1;
  transform:none;
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready{
  --clinic-assembly-x:24px;
  --clinic-assembly-y:24px;
  opacity:1;
  transform:none;
  transition:opacity 600ms ease,transform 780ms cubic-bezier(.22,1,.36,1);
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready[data-clinic-index="0"]{
  --clinic-assembly-x:-24px;
  transition-delay:0ms;
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready[data-clinic-index="1"]{
  transition-delay:80ms;
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready[data-clinic-index="2"]{
  transition-delay:160ms;
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready[data-clinic-index="3"]{
  transition-delay:240ms;
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready.is-assembly-pending{
  opacity:0;
  transform:translate(var(--clinic-assembly-x),var(--clinic-assembly-y)) scale(.985);
}

.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready.is-assembled{
  opacity:1;
  transform:none;
}

@media(max-width:600px){
  .clinic-gallery-v30 .clinic-photo-open.is-assembly-ready[data-clinic-index]{
    --clinic-assembly-x:0px;
    --clinic-assembly-y:22px;
    transition-delay:0ms;
  }
}

.clinic-gallery-v30 .clinic-photo-open:focus-visible,
.clinic-gallery-v30 .clinic-photo-open.is-assembly-ready:focus-visible{
  opacity:1;
  transform:none;
  transition:none;
  transition-delay:0ms;
}

@media(prefers-reduced-motion:reduce){
  .clinic-gallery-v30 .clinic-photo-open.is-assembly-ready[data-clinic-index]{
    opacity:1;
    transform:none;
    transition:none;
    transition-delay:0ms;
  }
}
