
.zph-design .zph-registry-film {
  --registry-row-height: 104px;
  position: relative;
  min-width: 0;
}
.zph-design .zph-registry-film .registry-reel-header { gap: 16px; }
.zph-design .zph-registry-film .registry-reel-viewport {
  height: calc(var(--registry-row-height) * 4);
  overflow: hidden;
  overflow: clip;
  background: #fbfafc;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 14px, #000 calc(100% - 14px), transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 14px, #000 calc(100% - 14px), transparent);
}
.zph-design .zph-registry-film .registry-reel-track {
  display: block;
  animation: zph-registry-film-scroll 31.5s linear infinite;
  will-change: transform;
}
.zph-design .zph-registry-film .zph-film-group {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.zph-design .zph-registry-film .registry-row {
  box-sizing: border-box;
  height: var(--registry-row-height);
  min-height: var(--registry-row-height);
  margin: 0;
  grid-template-columns: 43px minmax(0, 1fr) 44px;
  gap: 16px;
  padding: 14px 24px;
}
.zph-design .zph-registry-film .registry-row strong { font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.zph-design .zph-registry-film .registry-row > div span { font-size: 13px; line-height: 1.4; }
.zph-design .zph-registry-film .registry-row a {
  justify-content: center;
  width: 44px;
  min-height: 44px;
  border-radius: 4px;
}
.zph-design .zph-registry-film .registry-row a svg { width: 19px; height: 19px; }
.zph-design .zph-registry-film .registry-row a:hover { background: #eee6f9; }
.zph-design .zph-registry-film .registry-row a:focus-visible { outline: 2px solid #6332c5; outline-offset: 1px; }
.zph-design .zph-registry-film.zph-film-outside .registry-reel-track {
  animation-play-state: paused;
}

.zph-design .zph-registry-film .registry-reel-viewport:focus-visible,
.zph-design .zph-registry-film .registry-reel-viewport:has(:focus-visible) {
  overflow-y: auto;
  scrollbar-width: thin;
  -webkit-mask-image: none;
  mask-image: none;
}
.zph-design .zph-registry-film .registry-reel-viewport:focus-visible .registry-reel-track,
.zph-design .zph-registry-film .registry-reel-viewport:has(:focus-visible) .registry-reel-track {
  animation: none;
  transform: none;
  will-change: auto;
}
.zph-design .zph-registry-film .registry-reel-viewport:focus-visible { outline: 2px solid #6332c5; outline-offset: -3px; }
@keyframes zph-registry-film-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -50%, 0); }
}
@media (max-width: 600px) {
  .zph-design .zph-registry-film { --registry-row-height: 120px; }
  .zph-design .zph-registry-film .registry-row { grid-template-columns: 34px minmax(0, 1fr) 36px; gap: 10px; padding-inline: 14px; }
  .zph-design .zph-registry-film .country-flag { width: 34px; font-size: 26px; }
  .zph-design .zph-registry-film .registry-row a { width: 36px; }
  .zph-design .zph-registry-film .ledger-header { padding: 18px 14px; }
  .zph-design .zph-registry-film .ledger-header strong { font-size: 16px; line-height: 1.35; }
}
@media (prefers-reduced-motion: reduce) {
  .zph-design .zph-registry-film .registry-reel-track { animation: none; transform: none; will-change: auto; }
  .zph-design .zph-registry-film .registry-reel-viewport { overflow-y: auto; scrollbar-width: thin; -webkit-mask-image: none; mask-image: none; }
  .zph-design .zph-registry-film .zph-film-group[aria-hidden="true"] { display: none; }
}
