.video-shop{--vs-on-media: 255, 255, 255;--vs-radius: var(--pcard-radius, 10px);--vs-radius-sm: var(--medium-blocks-radius, 5px);--vs-duration: var(--m-duration-default, .25s);--vs-card-w: 240px;--vs-accent: var(--color-button, 122, 30, 43);--vs-accent-text: var(--color-button-text, 255, 255, 255)}.video-shop__heading{font-size:calc(var(--font-h2-mobile, 28) * 1px);letter-spacing:var(--heading-letter-spacing, 0);color:rgb(var(--color-heading, var(--color-foreground)));text-align:center;margin:0 0 10px}.video-shop__subheading{font-size:calc(var(--font-base-size, 16) * 1px);line-height:var(--base-line-height, 1.6);color:rgba(var(--color-foreground-secondary, var(--color-foreground)),.85);text-align:center;margin:0 0 8px}.video-shop__viewport{position:relative;margin-top:28px}@media(min-width:768px){.video-shop__heading{font-size:calc(var(--font-h2-tablet, 32) * 1px)}.video-shop__viewport{margin-top:36px}}@media(min-width:1024px){.video-shop__heading{font-size:calc(var(--font-h2-desktop, 36) * 1px)}.video-shop__viewport{margin-top:44px}}.video-shop__track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(var(--vs-accent),.75) transparent}.video-shop__track::-webkit-scrollbar{height:4px}.video-shop__track::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.08);border-radius:4px}.video-shop__track::-webkit-scrollbar-thumb{background:rgba(var(--vs-accent),.75);border-radius:4px}.video-shop__item{flex:0 0 auto;width:var(--vs-card-w, 240px);scroll-snap-align:start}@media(max-width:1023px){.video-shop__track{padding-left:calc((100% - var(--vs-card-w, 240px)) / 2);padding-right:calc((100% - var(--vs-card-w, 240px)) / 2);scroll-snap-type:x mandatory}.video-shop__item{scroll-snap-align:center;scroll-snap-stop:always}.video-shop__item .video-shop__card,.video-shop__item .video-shop__meta{transition:transform var(--vs-duration) ease,opacity var(--vs-duration) ease}.video-shop__item:not(.is-center) .video-shop__card{transform:scale(.94);opacity:.72}.video-shop__item:not(.is-center) .video-shop__meta{opacity:.6}}.video-shop__card{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--vs-radius);overflow:hidden;background:rgb(var(--color-background-secondary, 17, 17, 17));isolation:isolate}.video-shop__media{position:absolute;top:0;right:0;bottom:0;left:0}.video-shop__media[data-open-lightbox]{cursor:pointer}.video-shop__media[data-open-lightbox]:focus-visible{outline:2px solid rgb(var(--vs-accent));outline-offset:-2px}.video-shop__poster,.video-shop__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-shop__poster{z-index:0}.video-shop__video{z-index:1;opacity:0;transition:opacity var(--vs-duration) ease;pointer-events:none}.video-shop__card.is-playing .video-shop__video{opacity:1}.video-shop__play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:var(--rounded-full, 9999px);background:#0006;color:rgb(var(--vs-on-media));display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;transition:opacity var(--vs-duration) ease}.video-shop__card.is-playing .video-shop__play-badge{opacity:0}.video-shop__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--vs-accent-text));background:rgb(var(--vs-accent));font-size:.85rem;text-align:center;padding:16px}.video-shop__card-wa{position:absolute;right:8px;bottom:8px;z-index:3;width:36px;height:36px;border-radius:var(--rounded-full, 9999px);background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 8px #0000004d;transition:transform var(--m-duration-short, .1s) ease}.video-shop__card-wa:hover{transform:scale(1.08)}.video-shop__card-wa:active{transform:scale(.92)}.video-shop__card-wa:focus-visible{outline:2px solid #fff;outline-offset:2px}.video-shop__meta{display:flex;align-items:center;gap:10px;margin-top:12px;text-decoration:none;color:rgb(var(--color-foreground))}.video-shop__meta--caption{display:block;font-size:.8rem;line-height:1.4;color:rgba(var(--color-foreground-secondary, var(--color-foreground)),.85)}.video-shop__meta-img{width:52px;height:52px;object-fit:cover;border-radius:var(--vs-radius-sm);flex-shrink:0;display:block}.video-shop__meta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.video-shop__meta-title{font-family:var(--pcard-title-font-family, var(--font-stack-body));font-weight:var(--pcard-title-font-weight, 400);letter-spacing:var(--pcard-title-letter-spacing, 0);text-transform:var(--pcard-title-transform, none);font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-shop__meta-price{font-size:.85rem;font-weight:600;color:rgba(var(--color-foreground),.75)}.video-shop__meta:hover .video-shop__meta-title{text-decoration:underline}.video-shop__card--embed{aspect-ratio:auto;background:transparent}.video-shop__card--embed .video-shop__media{position:static}.video-shop__ig-embed{border-radius:var(--vs-radius);overflow:hidden;min-height:400px}.video-shop__ig-embed iframe{min-width:100%!important}.video-shop__nav{display:none;position:absolute;top:calc((100% - 74px)/2);transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:var(--rounded-full, 9999px);border:1px solid rgb(var(--color-border));background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001f;transition:background var(--vs-duration) ease,color var(--vs-duration) ease,opacity var(--vs-duration) ease}.video-shop__nav--prev{left:-18px}.video-shop__nav--next{right:-18px}.video-shop__nav:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.video-shop__nav:focus-visible{outline:2px solid rgb(var(--vs-accent));outline-offset:2px}.video-shop__nav[disabled]{opacity:.35;cursor:default;pointer-events:none}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.video-shop__nav:not([hidden]){display:flex}.video-shop__track{scrollbar-width:none;padding-bottom:0}.video-shop__track::-webkit-scrollbar{display:none}}.video-shop__lightbox{padding:0;border:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;background:transparent;overflow:hidden;color:rgb(var(--vs-on-media))}.video-shop__lightbox::backdrop{background:#000000e0}.video-shop__lightbox:not([open]){display:none}.video-shop__lightbox-track{display:flex;flex-direction:column;height:100%;width:100%;touch-action:pan-y pinch-zoom;will-change:transform}.video-shop__lightbox-slide{flex:0 0 100%;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.video-shop__stage{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-shop__lightbox-video{width:100%;height:100%;object-fit:contain;background:#000}.video-shop__stage-top{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;z-index:6;display:flex;gap:8px}.video-shop__stage-btn{width:38px;height:38px;border-radius:var(--rounded-full, 9999px);border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--vs-duration) ease}.video-shop__stage-btn:hover{background:#000000bf}.video-shop__stage-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.video-shop__rail{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:14px}.video-shop__rail-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;font-family:inherit;color:rgb(var(--color-foreground))}.video-shop__rail-btn{width:42px;height:42px;border-radius:var(--rounded-full, 9999px);background:#fff;color:#1c1c1c;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000047;transition:transform var(--m-duration-short, .1s) ease}.video-shop__rail-item:active .video-shop__rail-btn{transform:scale(.9)}.video-shop__rail-item--whatsapp .video-shop__rail-btn{background:#25d366;color:#fff}@media(max-width:1023px){.video-shop__rail-btn{background:#0000006b;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none}.video-shop__rail-item--whatsapp .video-shop__rail-btn{background:#25d366;-webkit-backdrop-filter:none;backdrop-filter:none}}.video-shop__rail-label{font-size:.68rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap}.video-shop__rail-item[aria-pressed=true] .video-shop__rail-btn{color:#ff4d6d}.video-shop__rail-item[aria-pressed=true] svg{fill:currentColor}.video-shop__rail-item:focus-visible .video-shop__rail-btn{outline:2px solid #fff;outline-offset:3px}.video-shop__buy{position:absolute;left:12px;right:12px;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:6;background:#fff;color:#1c1c1c;border-radius:var(--vs-radius);padding:10px;box-shadow:0 6px 24px #0000004d}.video-shop__buy--caption{background:#0009;color:#fff}.video-shop__buy--caption .video-shop__caption{margin:0;font-size:.85rem;line-height:1.4}.video-shop__buy-head{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;margin-bottom:10px}.video-shop__buy-img{width:46px;height:46px;object-fit:cover;border-radius:var(--vs-radius-sm);flex-shrink:0;display:block}.video-shop__buy-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.video-shop__buy-title{font-size:.82rem;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-shop__buy-price{font-size:.8rem;opacity:.75}.video-shop__buy-ext{flex-shrink:0;opacity:.5}.video-shop__buy-head:hover .video-shop__buy-ext{opacity:1}.video-shop__atc{display:block;width:100%;border:none;cursor:pointer;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:inherit;font-size:calc(var(--font-btn-size, 14px) - 1px);font-weight:var(--font-btn-weight, 700);letter-spacing:var(--btn-letter-spacing, .4px);text-transform:var(--btn-text-transform, uppercase);padding:12px 16px;border-radius:var(--btn-border-radius, 6px);transition:background var(--vs-duration) ease,opacity var(--vs-duration) ease}.video-shop__atc:hover:not([disabled]){background:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}.video-shop__atc[disabled]{opacity:.5;cursor:default}.video-shop__atc.is-loading{opacity:.7;pointer-events:none}.video-shop__atc:focus-visible{outline:2px solid rgb(var(--vs-accent));outline-offset:2px}.video-shop__progress{position:absolute;top:0;left:0;right:0;height:3px;z-index:7;background:#ffffff38}.video-shop__progress span{display:block;height:100%;width:0;background:#fff;transform-origin:left center}.video-shop__swipe-hint{position:absolute;left:50%;transform:translate(-50%);bottom:150px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity var(--vs-duration) ease}.video-shop__swipe-hint span{font-size:.72rem;font-weight:600}.video-shop__swipe-hint.is-visible{opacity:1;animation:video-shop-swipe-bounce 1.2s ease-in-out infinite}@keyframes video-shop-swipe-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media(min-width:1024px){.video-shop__swipe-hint{display:none}}.video-shop__lb-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:52px;height:52px;border-radius:var(--rounded-full, 9999px);border:none;background:#fff;color:#1c1c1c;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0000004d;transition:transform var(--m-duration-short, .1s) ease,opacity var(--vs-duration) ease}.video-shop__lb-nav:hover{transform:translateY(-50%) scale(1.06)}.video-shop__lb-nav[disabled]{opacity:.3;cursor:default;pointer-events:none}.video-shop__lb-nav--prev{left:3vw}.video-shop__lb-nav--next{right:3vw}.video-shop__lb-nav:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(min-width:1024px){.video-shop__lightbox-track{flex-direction:row;align-items:center;touch-action:pan-x}.video-shop__lightbox-slide{flex:0 0 var(--vs-slide-w, 420px);width:var(--vs-slide-w, 420px);height:auto;padding:0 10px}.video-shop__stage{height:auto;aspect-ratio:9 / 16;max-height:86dvh;border-radius:14px;box-shadow:0 20px 60px #0000008c;transition:opacity var(--vs-duration) ease,transform var(--vs-duration) ease;opacity:.45;transform:scale(.92)}.video-shop__lightbox-slide.is-current .video-shop__stage{opacity:1;transform:scale(1)}.video-shop__lightbox-video{object-fit:cover}.video-shop__lightbox-slide:not(.is-current) .video-shop__rail,.video-shop__lightbox-slide:not(.is-current) .video-shop__stage-top,.video-shop__lightbox-slide:not(.is-current) .video-shop__buy{opacity:0;pointer-events:none}.video-shop__lb-nav{display:flex}}@media(min-width:1400px){.video-shop__lb-nav--prev{left:6vw}.video-shop__lb-nav--next{right:6vw}}.video-shop__floating-widget{position:fixed;right:16px;bottom:216px;z-index:400;width:100px;height:168px;padding:0;border-radius:var(--vs-radius);overflow:hidden;box-shadow:0 4px 16px #00000059;border:3px solid rgb(var(--vs-accent));cursor:pointer;background:#111;animation:video-shop-widget-pulse 2.2s ease-in-out infinite}.video-shop__floating-widget-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.video-shop__floating-widget-badge{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:var(--rounded-full, 9999px);background:#0006;color:rgb(var(--vs-on-media));display:flex;align-items:center;justify-content:center;pointer-events:none}.video-shop__floating-widget-likes{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:linear-gradient(to top,#000c,#0000);color:rgb(var(--vs-on-media));font-size:.72rem;font-weight:700;pointer-events:none}.video-shop__floating-widget-likes svg{width:13px;height:13px;fill:#ff4d6d;flex-shrink:0}@keyframes video-shop-widget-pulse{0%,to{box-shadow:0 4px 16px #00000059,0 0 rgba(var(--vs-accent),.5)}50%{box-shadow:0 4px 16px #00000059,0 0 0 8px rgba(var(--vs-accent),0)}}.video-shop__floating-widget.is-hidden{display:none}@media(min-width:750px){.video-shop__floating-widget{width:124px;height:208px;bottom:230px;right:24px}}@media(prefers-reduced-motion:reduce){.video-shop__floating-widget,.video-shop__swipe-hint.is-visible{animation:none}.video-shop__track{scroll-behavior:auto}.video-shop__video,.video-shop__stage,.video-shop__lb-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/video-shop.css.map */