/* Wrapper */
.eass-wrapper.auto-scrolling__wrapper{
  position:relative;
  overflow:hidden;
  --eass-single-fit: cover;
  /* Avoid size containment / content-visibility on animated content to prevent extra paint/pop-in. */
  contain: layout paint;
}
.auto-scrolling__track{
  position:absolute; inset:0; display:flex; flex-direction:row; align-items:stretch; gap:24px;
  will-change:transform; height:100%;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.auto-scrolling__slide{
  flex:0 0 320px; height:100%; display:grid; grid-template-rows:1fr; gap:16px;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.auto-scrolling__slide--two{ grid-template-rows:1fr 1fr; }

.auto-scrolling__media{
  width:100%; height:100%; object-fit:cover; border-radius:12px; display:block; background:#000;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.auto-scrolling__link{ display:block; height:100%; }

.auto-scrolling__slide--single .auto-scrolling__media{ object-fit: var(--eass-single-fit, cover); }

/* CSS engine keyframes (fallback) */
@keyframes eassAutoScrollX { from { transform: translate3d(0,0,0); } to { transform: translate3d(var(--ass-distance, -100%), 0, 0); } }

/*
  Viewport gate (cross-browser / iOS-safe)
  - Don't animate until JS marks the wrapper as started.
  - Pause when JS marks it as paused.
*/
.eass-wrapper:not(.eass-started) .auto-scrolling__track{
  animation: none !important;
  -webkit-animation: none !important;
  transform: translate3d(0,0,0) !important;
}
.eass-wrapper:not(.eass-started) .auto-scrolling__track--clone{ opacity: 0; }
.eass-wrapper.eass-started .auto-scrolling__track--clone{ opacity: 1; }

.eass-wrapper.eass-paused .auto-scrolling__track{
  animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
}
.eass-wrapper.eass-running .auto-scrolling__track{
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}
@media (prefers-reduced-motion: reduce){ .auto-scrolling__track{ animation:none !important; } }

.eass-wrapper[data-pause="yes"]:hover .auto-scrolling__track,
.eass-wrapper[data-pause="yes"]:hover .auto-scrolling__track--clone {
  animation-play-state: paused !important;
}