.snk-marquee {
  --snk-marquee-duration: 405s;
  margin:0; width:100%; min-width:0;
}
.snk-marquee-window {
  display:block; width:100%; overflow:hidden; border-radius:11px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
}
.snk-marquee-track {
  display:flex; width:max-content;
  animation:snk-photo-ribbon var(--snk-marquee-duration) linear infinite;
  animation-play-state:paused;
}
.snk-marquee[data-in-view="true"][data-paused="false"] .snk-marquee-track {
  animation-play-state:running;
}
.snk-marquee-segment {
  display:flex; flex-shrink:0; gap:18px; padding-right:18px;
}
.snk-marquee-card {
  display:block; flex:0 0 auto; width:290px; height:182px;
  overflow:hidden; margin:0; border-radius:10px; background:#e8eef5;
}
.snk-marquee-card img {
  display:block; width:100%; height:100%; object-fit:cover;
}
.snk-marquee-window:focus-visible { outline:2px solid #1174f2; outline-offset:4px; }
.snk-marquee-window:focus-visible .snk-marquee-track { animation-play-state:paused !important; }
.snk-marquee-actions { display:flex; justify-content:flex-end; margin-top:12px; }
.snk-marquee-actions button {
  display:inline-flex; gap:7px; align-items:center; min-height:36px; padding:6px 12px;
  color:#566e8b; background:#f5f9fe; border:1px solid #dce7f3; border-radius:8px;
  font-size:12px; font-weight:600;
}
.snk-marquee-actions button:hover { color:#1174f2; background:#eaf3ff; }
.snk-marquee-actions button:focus-visible { outline:2px solid #1174f2; outline-offset:3px; }
.snk-pause-icon { display:block; width:9px; height:11px; border-left:3px solid currentColor; border-right:3px solid currentColor; }
[aria-pressed="true"] .snk-pause-icon { width:0; height:0; border:5px solid transparent; border-right:0; border-left:8px solid currentColor; }
@keyframes snk-photo-ribbon {
  from { transform:translate3d(-50%,0,0); }
  to { transform:translate3d(0,0,0); }
}
@media (max-width:760px) {
  .snk-marquee-card { width:240px; height:162px; }
  .snk-marquee-segment { gap:14px; padding-right:14px; }
  .snk-marquee-actions button { min-height:42px; }
}
@media (prefers-reduced-motion:reduce) {
  .snk-marquee-track { animation:none !important; transform:none; }
  .snk-marquee-segment:nth-child(2) { display:none; }
  .snk-marquee-window { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
  .snk-marquee-actions { display:none; }
}