.wb-video-shop-v3{
    width:100%;
    color:var(--wapu-appearance-text,var(--wb-vs-text));
    font-family:var(--wb-vs-fb);
    background:var(--wapu-appearance-bg,var(--wb-vs-surface));
}
.wb-video-shop-v3__inner{
    width:min(100%,var(--wapu-block-layout-max,73.75rem));
    margin-inline:auto;
    padding:clamp(2.875rem,6vw,4.875rem) clamp(1.125rem,4vw,2.75rem);
}
.wb-video-shop-v3__header{
    width:min(100%,43.125rem);
    margin:0 auto clamp(1.75rem,4vw,2.625rem);
    display:grid;
    justify-items:center;
    gap:0.5625rem;
    text-align:center;
}
.wb-video-shop-v3__eyebrow{
    margin:0;
    color:var(--wapu-appearance-accent,var(--wb-vs-accent));

    text-transform:uppercase;
}
.wb-video-shop-v3__title{
    margin:0;
    
    color:var(--wapu-appearance-title,var(--wb-vs-text));

    text-wrap:balance;
}
.wb-video-shop-v3__description{
    margin:0;
    max-width:58ch;
    color:var(--wapu-appearance-muted,var(--wb-vs-muted));

    text-wrap:balance;
}
.wb-video-shop-v3__cta{margin-top:0.3125rem}
.wb-video-shop-v3__rail{position:relative}
.wb-video-shop-v3__item{
    min-width:0;
    scroll-snap-align:start;
    overflow:hidden;
    background:var(--wapu-appearance-surface,var(--wb-vs-surface));
    border:1px solid color-mix(in srgb,var(--wb-vs-border) 70%,transparent);
    border-radius:var(--wapu-appearance-radius,0.25rem);
    box-shadow:none;
}
.wb-video-shop-v3__media{
    position:relative;
    overflow:hidden;
    background:color-mix(in srgb,var(--wb-vs-soft) 88%,var(--wb-vs-text));
    aspect-ratio:4/5.35;
}
.wb-video-shop-v3__media>.wapu-media-card,
.wb-video-shop-v3__media>.wapu-media-card>.wapu-media-card__stage{
    width:100%;
    height:100%;
    margin:0;
    aspect-ratio:auto;
    border-radius:0;
}
.wb-video-shop-v3__media .wapu-media-card video,
.wb-video-shop-v3__media .wapu-media-card iframe{
    width:100%;
    height:100%;
    object-fit:cover;
}
.wb-video-shop-v3__poster{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.wb-video-shop-v3__play{
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    width:2.75rem;
    height:2.75rem;
    padding:0;
    display:grid;
    place-items:center;
    transform:translate(-50%,-50%);
    border:1px solid var(--wb-surface);
    border-radius:62.4375rem;
    background:var(--wb-surface);
    box-shadow:none;
    color:var(--wb-vs-accent);
    cursor:pointer;
    transition:transform .18s ease,opacity .18s ease,background-color .18s ease;
}
.wb-video-shop-v3__play::before{
    content:"";
    width:0;
    height:0;
    margin-left:0.1875rem;
    border-top:0.375rem solid transparent;
    border-bottom:0.375rem solid transparent;
    border-left:0.5625rem solid currentColor;
}
.wb-video-shop-v3__play:is(:hover,:focus-visible){transform:translate(-50%,-50%) scale(1.06);background:var(--wb-surface)}
.wb-video-shop-v3__play:focus-visible{outline:0.125rem solid var(--wb-vs-accent);outline-offset:0.1875rem}
.wb-video-shop-v3__media.is-playing:not(.is-embed-active) .wb-video-shop-v3__play{opacity:.18}
.wb-video-shop-v3__media.is-playing:not(.is-embed-active):hover .wb-video-shop-v3__play,
.wb-video-shop-v3__media.is-playing:not(.is-embed-active) .wb-video-shop-v3__play:focus-visible{opacity:1}
.wb-video-shop-v3__caption{
    min-height:4.125rem;
    padding:0.625rem 0.6875rem 0.75rem;
    display:grid;
    gap:0.25rem;
    text-align:center;
}
.wb-video-shop-v3__name{
    color:var(--wapu-appearance-title,var(--wb-vs-text));
    font-size:0.6875rem;
    font-weight:650;
    line-height:1.25;
    text-decoration:none;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.wb-video-shop-v3__name:is(:hover,:focus-visible){color:var(--wapu-appearance-accent,var(--wb-vs-accent))}
.wb-video-shop-v3__price{
    color:var(--wapu-appearance-muted,var(--wb-vs-muted));
    font-size:0.625rem;
    line-height:1.2;
}
.wb-video-shop-v3__price ins{text-decoration:none}.wb-video-shop-v3__price del{opacity:.58;margin-right:0.25rem}
.wb-video-shop-v3__placeholder{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    background:
      radial-gradient(circle at 68% 28%,color-mix(in srgb,var(--wb-vs-accent) 18%,transparent),transparent 28%),
      linear-gradient(145deg,color-mix(in srgb,var(--wb-vs-soft) 94%,white),color-mix(in srgb,var(--wb-vs-accent) 10%,white));
}
.wb-video-shop-v3__placeholder span{
    width:2.75rem;
    height:2.75rem;
    display:grid;
    place-items:center;
    border-radius:62.4375rem;
    background:var(--wb-surface);
    color:var(--wb-vs-accent);
    box-shadow:none;
}
.wb-video-shop-v3__placeholder span::before{
    content:"";
    width:0;
    height:0;
    margin-left:0.1875rem;
    border-top:0.375rem solid transparent;
    border-bottom:0.375rem solid transparent;
    border-left:0.5625rem solid currentColor;
}
@media (max-width:42.5em){
    .wb-video-shop-v3__inner{padding-inline:1rem}
    .wb-video-shop-v3__caption{min-height:3.875rem}
}
@container wapu-block-preview (max-width:42.5em){
    .wb-video-shop-v3__inner{padding-inline:1rem}
    .wb-video-shop-v3__caption{min-height:3.875rem}
}

@media (prefers-reduced-motion:reduce){
    .wb-video-shop-v3__play{transition:none}
}