.wtp-marquee-wall{
    --wtp-card-w:360px;
    --wtp-card-h:240px;
    --wtp-gap:16px;
    --wtp-radius:18px;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;
    display:grid;
    gap:var(--wtp-gap);
    padding:0;
    box-sizing:border-box;
}
.wtp-marquee-row{width:100%;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}
@media (min-width:768px) and (hover:hover) and (pointer:fine){
    .wtp-marquee-row{cursor:grab}
    .wtp-marquee-row.wtp-desktop-dragging{cursor:grabbing}
    .wtp-marquee-row.wtp-desktop-js .wtp-marquee-track{animation:none !important}
}
.wtp-marquee-track{
    display:flex;
    width:max-content;
    gap:var(--wtp-gap);
    will-change:transform;
    animation:wtpMarquee var(--wtp-speed,40s) linear infinite;
    animation-direction:var(--wtp-animation-direction,normal);
    animation-delay:var(--wtp-delay,0s);
    transform:translate3d(0,0,0);
}
.wtp-marquee-set{display:flex;flex:none;gap:var(--wtp-gap)}
.wtp-marquee-card{
    height:var(--wtp-card-h);
    width:auto;
    aspect-ratio:var(--wtp-native-ratio,1.5);
    flex:none;
    overflow:hidden;
    border-radius:var(--wtp-radius);
    background:transparent;
}
.wtp-marquee-card img{
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    margin:-1px;
    max-width:none;
    object-fit:contain;
    display:block;
}
.wtp-marquee-row.wtp-pause-hover:hover .wtp-marquee-track{animation-play-state:paused}
@keyframes wtpMarquee{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(calc(-50% - (var(--wtp-gap) / 2)),0,0)}
}
@media(max-width:767px){
    .wtp-marquee-card{height:min(var(--wtp-card-h),45vw)}
    .wtp-marquee-wall{gap:max(10px,var(--wtp-gap))}
    .wtp-marquee-track{animation:none !important}
}
@media(prefers-reduced-motion:reduce){
    .wtp-marquee-track{animation-play-state:paused}
}