.wb-visual-marquee-v2{
    width:100%;
    overflow:hidden;
    background:var(--wapu-appearance-bg,var(--wb-vm-surface));
    --wb-vm-gap:0.75rem;
    --wb-vm-duration:32s;
}
.wb-visual-marquee-v2--slow{--wb-vm-duration:46s}
.wb-visual-marquee-v2--medium{--wb-vm-duration:32s}
.wb-visual-marquee-v2--fast{--wb-vm-duration:22s}
.wb-visual-marquee-v2__viewport{
    width:100%;
    overflow:hidden;
    padding-block:clamp(3rem,8vw,6rem);
    outline:none;
}
.wb-visual-marquee-v2__viewport:focus-visible{
    box-shadow:inset 0 0 0 0.125rem color-mix(in srgb,var(--wb-vm-primary) 72%,transparent);
}
.wb-visual-marquee-v2__track{
    display:flex;
    width:max-content;
    will-change:transform;
    animation:wbVisualMarqueeLoop var(--wb-vm-duration) linear infinite;
}
.wb-visual-marquee-v2--right .wb-visual-marquee-v2__track{animation-direction:reverse}
.wb-visual-marquee-v2--pause .wb-visual-marquee-v2__viewport:hover .wb-visual-marquee-v2__track{animation-play-state:paused}
.wb-visual-marquee-v2__group{
    display:flex;
    flex:none;
    align-items:center;
    gap:var(--wb-vm-gap);
    padding-inline-end:var(--wb-vm-gap);
}
.wb-visual-marquee-v2__card{
    flex:0 0 clamp(10.5rem,18vw,14.25rem);
    width:clamp(10.5rem,18vw,14.25rem);
    aspect-ratio:4 / 5;
    margin:0;
    overflow:hidden;
    border-radius:var(--wb-vm-radius,1rem);
    background:color-mix(in srgb,var(--wb-vm-soft) 94%,white);
    box-shadow:none;
}
.wb-visual-marquee-v2__image,
.wb-visual-marquee-v2__card > img,
.wb-visual-marquee-v2__card .wapu-c-image-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.wb-visual-marquee-v2__placeholder{
    position:relative;
    width:100%;
    height:100%;
    background:
        radial-gradient(circle at 70% 28%,color-mix(in srgb,var(--wb-vm-primary) 25%,transparent),transparent 29%),
        linear-gradient(145deg,color-mix(in srgb,var(--wb-vm-soft) 95%,white),color-mix(in srgb,var(--wb-vm-primary) 16%,white));
}
.wb-visual-marquee-v2__card--2 .wb-visual-marquee-v2__placeholder,
.wb-visual-marquee-v2__card--5 .wb-visual-marquee-v2__placeholder{
    background:
        radial-gradient(circle at 31% 71%,color-mix(in srgb,var(--wb-vm-primary) 19%,transparent),transparent 27%),
        linear-gradient(155deg,color-mix(in srgb,var(--wb-vm-surface) 88%,white),color-mix(in srgb,var(--wb-vm-soft) 88%,var(--wb-vm-primary)));
}
.wb-visual-marquee-v2__card--3 .wb-visual-marquee-v2__placeholder{
    background:
        radial-gradient(circle at 51% 37%,color-mix(in srgb,var(--wb-vm-surface) 76%,white) 0 16%,transparent 17%),
        linear-gradient(140deg,color-mix(in srgb,var(--wb-vm-primary) 21%,white),color-mix(in srgb,var(--wb-vm-soft) 97%,white));
}
.wb-visual-marquee-v2__placeholder span{
    position:absolute;
    right:0.75rem;
    bottom:0.625rem;
    font-size:0.625rem;
    line-height:1;
    opacity:.22;
}
@keyframes wbVisualMarqueeLoop{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
}
@media (max-width:42.5em){
    .wb-visual-marquee-v2__viewport{padding-block:2.25rem}
    .wb-visual-marquee-v2__card{
        flex-basis:clamp(8.875rem,43vw,11.25rem);
        width:clamp(8.875rem,43vw,11.25rem);
    }
}
@container wapu-block-preview (max-width:42.5em){
    .wb-visual-marquee-v2__viewport{padding-block:2.25rem}
    .wb-visual-marquee-v2__card{
        flex-basis:clamp(8.875rem,43vw,11.25rem);
        width:clamp(8.875rem,43vw,11.25rem);
    }
}

@media (prefers-reduced-motion:reduce){
    .wb-visual-marquee-v2__viewport{
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
        -ms-overflow-style:none;
        -webkit-overflow-scrolling:touch;
    }
    .wb-visual-marquee-v2__viewport::-webkit-scrollbar{display:none}
    .wb-visual-marquee-v2__track{
        animation:none;
        transform:none;
        will-change:auto;
    }
    .wb-visual-marquee-v2__group[aria-hidden="true"]{display:none}
}