.vsr-wrapper{position:relative}.vsr-title-wrapper{text-align:center;margin-bottom:2.5rem}.vsr-empty-state{text-align:center;padding:4rem 1rem;opacity:.6}video-swipe-reels{display:block;outline:none}video-swipe-reels:focus-visible .vsr-stack-container,video-swipe-reels:focus-visible{outline:2px solid rgba(var(--color-foreground),.6);outline-offset:4px;border-radius:12px}.vsr-stack-container{position:relative;width:100%;display:flex;justify-content:center;padding-block:1rem}.vsr-stack{position:relative;width:var(--vsr-card-width);height:calc(var(--vsr-card-width) * 1.5);perspective:1200px;touch-action:pan-y}video-swipe-reels[data-layout-mode=vertical] .vsr-stack{height:calc(var(--vsr-card-width) * 1.7);touch-action:pan-x}@media screen and (max-width:749px){.vsr-stack{width:var(--vsr-card-width-mobile);height:calc(var(--vsr-card-width-mobile) * 1.5)}video-swipe-reels[data-layout-mode=vertical] .vsr-stack{height:calc(var(--vsr-card-width-mobile) * 1.7)}}.vsr-card{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform,opacity;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;--vsr-x: 0px;--vsr-y: 0px;--vsr-scale: 1;--vsr-rotate: 0deg;--vsr-opacity: 1;--vsr-z: 1;transform:translate3d(var(--vsr-x),var(--vsr-y),0) scale(var(--vsr-scale)) rotate(var(--vsr-rotate));opacity:var(--vsr-opacity);z-index:var(--vsr-z);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s ease}.vsr-card.vsr-dragging{cursor:grabbing;transition:none}.vsr-card.vsr-active{cursor:pointer}.vsr-card-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--vsr-radius);background:rgba(var(--color-foreground),.04);box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column}.vsr-media{position:relative;width:100%;flex:1 1 auto;overflow:hidden;background:#000}.vsr-video,.vsr-fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vsr-sound-toggle{position:absolute;bottom:.75rem;right:.75rem;width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0;font-size:1rem;line-height:1;transition:background .2s ease,transform .15s ease}.vsr-sound-toggle:hover{background:#000000a6}.vsr-sound-toggle:active{transform:scale(.92)}.vsr-icon-sound-off,.vsr-sound-toggle[aria-pressed=true] .vsr-icon-sound-on{display:none}.vsr-sound-toggle[aria-pressed=true] .vsr-icon-sound-off{display:inline}.vsr-badge{position:absolute;top:.75rem;left:.75rem;z-index:3;padding:.3rem .7rem;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.vsr-badge--new{background:#1f7a4d;color:#fff}.vsr-info{flex:0 0 auto;padding:.9rem 1rem 1.1rem;text-align:center;background:rgb(var(--color-background))}.vsr-product-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsr-product-price{margin:0 0 .6rem;font-size:1.4rem;opacity:.75}.vsr-shop-now{display:inline-block;pointer-events:none;padding-block:.5rem;min-width:60%}video-swipe-reels[data-layout-mode=horizontal] .vsr-card[data-position=active]{--vsr-x: 0px;--vsr-y: 0px;--vsr-scale: 1;--vsr-rotate: 0deg;--vsr-opacity: 1;--vsr-z: 3}video-swipe-reels[data-layout-mode=horizontal] .vsr-card[data-position=prev]{--vsr-x: calc(-1 * (var(--vsr-card-width) * .62 + var(--vsr-gap)));--vsr-y: 0px;--vsr-scale: .86;--vsr-rotate: -6deg;--vsr-opacity: .55;--vsr-z: 2}video-swipe-reels[data-layout-mode=horizontal] .vsr-card[data-position=next]{--vsr-x: calc(var(--vsr-card-width) * .62 + var(--vsr-gap));--vsr-y: 0px;--vsr-scale: .86;--vsr-rotate: 6deg;--vsr-opacity: .55;--vsr-z: 2}video-swipe-reels[data-layout-mode=horizontal] .vsr-card[data-position=hidden]{--vsr-x: 0px;--vsr-y: 0px;--vsr-scale: .7;--vsr-rotate: 0deg;--vsr-opacity: 0;--vsr-z: 0}@media screen and (max-width:749px){video-swipe-reels[data-layout-mode=horizontal] .vsr-card[data-position=prev]{--vsr-x: calc(-1 * (var(--vsr-card-width-mobile) * .5 + var(--vsr-gap)))}video-swipe-reels[data-layout-mode=horizontal] .vsr-card[data-position=next]{--vsr-x: calc(var(--vsr-card-width-mobile) * .5 + var(--vsr-gap))}}video-swipe-reels[data-layout-mode=vertical] .vsr-card[data-position=active]{--vsr-x: 0px;--vsr-y: 0px;--vsr-scale: 1;--vsr-rotate: 0deg;--vsr-opacity: 1;--vsr-z: 3}video-swipe-reels[data-layout-mode=vertical] .vsr-card[data-position=prev]{--vsr-x: 0px;--vsr-y: calc(-1 * (var(--vsr-card-width) * .46 + var(--vsr-gap)));--vsr-scale: .86;--vsr-rotate: 0deg;--vsr-opacity: .5;--vsr-z: 2}video-swipe-reels[data-layout-mode=vertical] .vsr-card[data-position=next]{--vsr-x: 0px;--vsr-y: calc(var(--vsr-card-width) * .46 + var(--vsr-gap));--vsr-scale: .86;--vsr-rotate: 0deg;--vsr-opacity: .5;--vsr-z: 2}video-swipe-reels[data-layout-mode=vertical] .vsr-card[data-position=hidden]{--vsr-x: 0px;--vsr-y: 0px;--vsr-scale: .7;--vsr-rotate: 0deg;--vsr-opacity: 0;--vsr-z: 0}.vsr-card.vsr-exit-left{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;--vsr-x: -140vw;--vsr-rotate: -18deg;--vsr-opacity: 0}.vsr-card.vsr-exit-right{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;--vsr-x: 140vw;--vsr-rotate: 18deg;--vsr-opacity: 0}.vsr-card.vsr-exit-up{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;--vsr-y: -140vh;--vsr-opacity: 0}.vsr-card.vsr-exit-down{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;--vsr-y: 140vh;--vsr-opacity: 0}@media(prefers-reduced-motion:reduce){.vsr-card{transition-duration:.01ms!important}}.vsr-card[data-position=active].vsr-keyboard-focus .vsr-card-inner{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-video-swipe-reels.css.map */