.shopistu-vwall{background:var(--bg);padding-top:var(--vwall-pt, 48px);padding-bottom:var(--vwall-pb, 48px)}.shopistu-vwall__heading{margin:0 0 1.6rem;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;color:var(--text)}.shopistu-vwall__viewport{overflow:hidden}.shopistu-vwall__grid{display:flex;flex-wrap:nowrap;gap:12px;margin:0;padding:0 0 .4rem;transition:transform .45s var(--ease);will-change:transform}.shopistu-vwall__tile{flex:0 0 68%;min-width:68%}@media(min-width:750px){.shopistu-vwall__tile{flex-basis:calc((100% - 24px) / 3);min-width:calc((100% - 24px) / 3)}}@media(min-width:1100px){.shopistu-vwall__tile{flex-basis:calc((100% - 36px)/4);min-width:calc((100% - 36px)/4)}}.shopistu-vwall__frame{position:relative;aspect-ratio:9 / 16;border-radius:var(--r-card, 14px);overflow:hidden;background:var(--panel-2);cursor:pointer}.shopistu-vwall__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shopistu-vwall__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill, 999px);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--text);pointer-events:none;transition:opacity var(--dur, .32s) var(--ease)}.shopistu-vwall__tile.is-playing .shopistu-vwall__play{opacity:0}.shopistu-vwall__sound{position:absolute;right:8px;bottom:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--r-pill, 999px);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--text);cursor:pointer}.shopistu-vwall__sound:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.shopistu-vwall__meta{padding:.8rem .2rem 0}.shopistu-vwall__caption{margin:0;font-size:1.3rem;color:var(--text-mut)}.shopistu-vwall__shop{display:inline-block;margin-top:.4rem;font-size:1.3rem;font-weight:700;color:var(--yellow);text-decoration:none}.shopistu-vwall__shop:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.shopistu-vwall__progress{position:absolute;left:10px;right:10px;bottom:8px;height:3px;border-radius:var(--r-pill);background:#ffffff2e;overflow:hidden;opacity:0;transition:opacity var(--dur-fast) var(--ease);z-index:2}.shopistu-vwall__progress:after{content:"";display:block;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}.shopistu-vwall__tile.is-active .shopistu-vwall__progress{opacity:1}.shopistu-vwall__tile.is-active .shopistu-vwall__progress:after{animation:sh-vwall-progress var(--dwell, 3s) linear forwards}@keyframes sh-vwall-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.shopistu-vwall__play,.shopistu-vwall__grid{transition:none}.shopistu-vwall__tile.is-active .shopistu-vwall__progress{opacity:0;animation:none}.shopistu-vwall__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/shopistu-video-wall.css.map */