:root{--reel-thumb-h: calc(112px * 125 / 72)}.video-reels__heading{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2;margin-bottom:18px}.video-reels__thumbs{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-reels__thumbs::-webkit-scrollbar{display:none}@media(max-width:767px){.video-reels__thumbs{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:var(--content-gutter, 16px);padding-right:var(--content-gutter, 16px)}}@media(min-width:768px){.video-reels__thumbs{margin-left:calc(-1 * var(--gutter-content, 24px));margin-right:calc(-1 * var(--gutter-content, 24px));padding-left:var(--gutter-content, 24px);padding-right:var(--gutter-content, 24px)}.video-reels__thumbs.hint-right{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--gutter-content, 24px)),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - var(--gutter-content, 24px)),transparent 100%)}.video-reels__thumbs.hint-left{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--gutter-content, 24px));mask-image:linear-gradient(to right,transparent 0,#000 var(--gutter-content, 24px))}.video-reels__thumbs.hint-left.hint-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--gutter-content, 24px),#000 calc(100% - var(--gutter-content, 24px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--gutter-content, 24px),#000 calc(100% - var(--gutter-content, 24px)),transparent 100%)}}.video-reels__thumbs li{list-style:none}.video-reels__thumbs li::marker{display:none;content:none}.video-reels__thumb{position:relative;flex:0 0 auto;box-sizing:border-box;width:112px;aspect-ratio:72 / 125;border:1px solid #000;border-radius:0;overflow:hidden;cursor:pointer;background:#fff;transition:opacity .25s ease}.video-reels__thumb:hover{opacity:.8}.video-reels__thumb,.video-reels__thumb:hover,.video-reels__thumb:active,.video-reels__thumb:focus,.video-reels__thumb:focus-visible{border:1px solid #000!important;background:#fff!important;-webkit-tap-highlight-color:transparent}.video-reels__thumb img,.video-reels__thumb video{position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:0;display:block}.video-reels__thumb video{pointer-events:none;background:#fff}.video-reels__dialog{position:fixed;inset:auto auto 16px 16px;z-index:9000;margin:0;padding:0;border:0;width:360px;height:640px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 50px #00000047;opacity:1;transform:translateY(0);will-change:opacity,transform;transition:opacity .24s ease,transform .32s cubic-bezier(.22,.61,.36,1),overlay .32s ease allow-discrete,display .32s ease allow-discrete}.video-reels__dialog.morph{transition:opacity .24s ease,transform .32s cubic-bezier(.22,.61,.36,1),width .34s cubic-bezier(.22,.61,.36,1),height .34s cubic-bezier(.22,.61,.36,1),overlay .32s ease allow-discrete,display .32s ease allow-discrete}.video-reels__dialog.is-landscape{width:640px;height:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}@media(min-width:768px){.video-reels__dialog.is-landscape .video-reels__close{top:14px;right:14px}.video-reels__dialog.is-landscape .video-reels__sound{top:14px;right:66px}.video-reels__dialog.is-landscape .video-reels__share{top:14px;right:118px}}.video-reels__dialog:not([open]){opacity:0;transform:translateY(18px)}@starting-style{.video-reels__dialog[open]{opacity:0;transform:translateY(18px)}}.video-reels__dialog::backdrop{background:#0000;transition:background .26s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}@media(prefers-reduced-motion:reduce){.video-reels__dialog{transition:opacity .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete;transform:none}.video-reels__dialog:not([open]){transform:none}@starting-style{.video-reels__dialog[open]{transform:none}}}.video-reels__viewport{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.video-reels__viewport::-webkit-scrollbar{display:none}.video-reels__slide{position:relative;flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;background:#000 center / cover no-repeat}.video-reels__slide{cursor:pointer}.video-reels__slide video,.video-reels__slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.video-reels__slide video{cursor:pointer;opacity:0;transition:opacity .2s ease}.video-reels__slide video.is-ready{opacity:1}.video-reels__slide.is-ended{background-image:none!important;background-color:#000!important}.video-reels__slide.is-ended video{opacity:0}.video-reels__link{position:absolute;left:1rem;bottom:3rem;color:#fff;text-decoration:underline;font-size:.8rem}.video-reels__ctrl{position:absolute;z-index:2;width:44px;height:44px;padding:0;border:0;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.video-reels__ctrl svg{width:130%;height:130%;display:block;stroke-width:1.1}.video-reels__share svg{width:95%;height:95%}@media(hover:hover){.video-reels__ctrl:hover{color:#ffffff8c}}.video-reels__ctrl:disabled{color:#ffffff8c;cursor:default;pointer-events:none}.video-reels__close{top:14px;right:14px}.video-reels__sound{top:66px;right:14px}.video-reels__share{top:118px;right:14px}.video-reels__playbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);z-index:3;width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.video-reels__playbtn svg{width:100%;height:100%;display:block}.video-reels__playbtn.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.video-reels__playbtn.is-visible{transition:opacity .2s ease,transform .2s ease}.video-reels__playbtn svg rect,.video-reels__playbtn svg path{transition:fill-opacity .2s ease,stroke-opacity .2s ease}@media(hover:hover){.video-reels__playbtn.is-visible:hover{transform:translate(-50%,-50%) scale(1.06)}.video-reels__playbtn.is-visible:hover svg>rect:first-of-type{fill-opacity:.82}.video-reels__playbtn.is-visible:hover svg>rect:last-of-type{stroke-opacity:.95}}.pdp-video-zone .rte.cf video{display:block;box-sizing:border-box;width:auto!important;height:auto!important;max-width:100%!important;max-height:var(--reel-thumb-h, calc(112px * 125 / 72))!important;object-fit:cover;padding:3px;background:#fff;cursor:pointer}.video-reels__sound span{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.video-reels__sound[data-muted=false] .is-muted,.video-reels__sound[data-muted=true] .is-sound{display:none}.video-reels__prev,.video-reels__next{display:none;top:50%;transform:translateY(-50%);width:44px;height:44px}.video-reels__prev{left:10px}.video-reels__next{right:10px}.video-reels[data-multi] .video-reels__prev,.video-reels[data-multi] .video-reels__next{display:flex}@media(max-width:767px){.video-reels__dialog{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;aspect-ratio:auto;border-radius:0}.video-reels__ctrl{width:48px;height:48px}.video-reels__close{left:14px;right:auto}.video-reels__sound{top:14px}.video-reels__share{top:70px}.video-reels__viewport{display:block;position:relative;overflow:hidden;touch-action:none}.video-reels__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateY(100%);transition:transform .34s cubic-bezier(.22,.61,.36,1);will-change:transform}.video-reels__slide.is-ended video{opacity:1}.video-reels[data-multi] .video-reels__prev,.video-reels[data-multi] .video-reels__next{display:none}.video-reels__scrub{bottom:env(safe-area-inset-bottom,0px)}.video-reels__scrub-track:before{top:-34px;bottom:-26px}}.video-reels__scrub{position:absolute;left:0;right:0;bottom:0;z-index:4;padding-top:16px;touch-action:pan-y}.video-reels__scrub-track{position:relative;height:3px;background:#505050d9;cursor:pointer;transition:height .12s ease;touch-action:pan-y}.video-reels__scrub-track:before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-12px}.video-reels__scrub-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff;pointer-events:none}.video-reels__scrub-fill:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateY(-50%) scale(0);transition:transform .12s ease}.video-reels__scrub-track:hover,.video-reels__scrub.is-scrubbing .video-reels__scrub-track{height:6px;background:#6e6e6ee6}.video-reels__scrub.is-scrubbing .video-reels__scrub-fill:after{transform:translateY(-50%) scale(1)}.video-reels__scrub-preview{position:absolute;bottom:24px;left:0;transform:translate(-50%);opacity:0;pointer-events:none;background:#000;border:1px solid rgba(255,255,255,.35);border-radius:6px;overflow:hidden;transition:opacity .12s ease;box-shadow:0 4px 14px #00000073}.video-reels__scrub.is-scrubbing .video-reels__scrub-preview{opacity:1}.video-reels__scrub-preview canvas{display:block;width:130px;height:auto;background:#111}.video-reels__scrub-preview span{display:block;text-align:center;font-size:11px;line-height:1;color:#fff;padding:3px 0 4px}.video-reels__logo{display:none}@media(max-width:767px){.video-reels__logo{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:6;height:48px;display:flex;align-items:center;justify-content:center;pointer-events:none;max-width:calc(100vw - 140px)}.video-reels__logo img{height:auto;max-width:100%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.5))}.video-reels__logo span{color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.55)}}.video-reels__swipe-hint{display:none}@media(max-width:767px){.video-reels[data-multi] .video-reels__swipe-hint{display:flex;flex-direction:column;align-items:center;gap:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);opacity:0;transition:opacity .5s ease}.video-reels[data-multi] .video-reels__swipe-hint.is-visible{opacity:1}.video-reels__swipe-hint-arrow{width:24px;height:24px;animation:vr-swipe-bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.video-reels__swipe-hint.is-down .video-reels__swipe-hint-arrow{animation-name:vr-swipe-bounce-down}.video-reels__swipe-hint-text{font-size:12px;letter-spacing:.02em;line-height:1}}@keyframes vr-swipe-bounce{0%,to{transform:translateY(5px);opacity:.65}50%{transform:translateY(-5px);opacity:1}}@keyframes vr-swipe-bounce-down{0%,to{transform:translateY(-5px) rotate(180deg);opacity:.65}50%{transform:translateY(5px) rotate(180deg);opacity:1}}@media(prefers-reduced-motion:reduce){.video-reels__swipe-hint-arrow{animation:none}}.tap-video{position:relative;display:inline-block;max-width:100%;line-height:0}.tap-video{-webkit-tap-highlight-color:transparent}.tap-video video{-webkit-tap-highlight-color:transparent}.tap-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000!important;pointer-events:none;z-index:1}.tap-video__hint{position:absolute;left:4px;right:4px;bottom:4px;display:flex;align-items:flex-end;padding:32px 10px 10px;pointer-events:none;font-size:12px;letter-spacing:.02em;color:#fff;line-height:1;background:linear-gradient(to top,#00000080,#00000057 20%,#0000002e,#00000012 64%,#0000 90%)}
/*# sourceMappingURL=/cdn/shop/t/94/assets/video-popup.css.map */