/* JAI'S PHONE — page motion and photo-viewer controls. */
.jai-navigation-page {
  animation: jai-native-push 0.31s cubic-bezier(0.32, 0.72, 0, 1);
}
@keyframes jai-native-push {
  from {
    opacity: 0.8;
    transform: translateX(42px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.jai-native-viewer .photo-tile {
  touch-action: pan-y;
  transition: opacity 0.2s;
}
.jai-native-viewer.jai-photo-bare header,
.jai-native-viewer.jai-photo-bare footer {
  opacity: 0;
  pointer-events: none;
}
.jai-native-viewer header,
.jai-native-viewer footer {
  transition: opacity 0.22s;
}
.jai-photo-count {
  position: absolute;
  right: 16px;
  top: 104px;
  padding: 6px 11px;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 12px;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .jai-navigation-page {
    animation: none;
  }
}