.shoppable-video-reels{display:block;--reel-reserved-mobile: 280px}.shoppable-video-reels--carousel{display:flex;flex-direction:column-reverse}.shoppable-video-reels--slide{padding:0 5px;width:80vw;width:min(80vw,calc((100svh - var(--reel-reserved-mobile)) * var(--video-aspect-ratio, .5625)));min-width:56vw;display:flex;align-items:flex-start;flex-shrink:0}@media only screen and (min-width:768px){.shoppable-video-reels--slide{width:50%;min-width:0;padding:0 10px}}@media only screen and (min-width:1068px){.shoppable-video-reels--slide{width:28%}}.shoppable-video-reels--video{position:relative;width:100%;height:auto;border-radius:10px;overflow:hidden;background:#000;transform:scale(.94);transform-origin:center;transition:transform .3s ease}.shoppable-video-reels .is-selected .shoppable-video-reels--video{transform:scale(1)}.shoppable-video-reels--video .slideshow__slide-video-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:var(--video-aspect-ratio, .5625);overflow:hidden;border-radius:10px;isolation:isolate;background:#000}.shoppable-video-reels--video:has(.shoppable-video-reels--product) .slideshow__slide-video-bg{border-radius:10px 10px 0 0}.shoppable-video-reels--video video,.shoppable-video-reels--video .placeholder_svg_tag{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover}.shoppable-video-reels--product{position:relative;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:8px 12px 8px 10px;background:#000;color:#fff;text-decoration:none}.shoppable-video-reels--product:hover,.shoppable-video-reels--product:focus-visible{color:#fff;text-decoration:none}.shoppable-video-reels--product:focus-visible{outline:2px solid #fff;outline-offset:-3px}.shoppable-video-reels--product .reel-product-image{display:block;flex:0 0 40px;width:40px}.shoppable-video-reels--product .reel-product-image img{display:block;width:40px;height:50px;object-fit:contain}.shoppable-video-reels--product .reel-product-details{display:block;flex:1;min-width:0}.shoppable-video-reels--product .reel-product-title{display:block;color:#fff;font-size:13px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.shoppable-video-reels--product .reel-product-description{display:block;margin-top:2px;color:#ffffffc7;font-size:11.5px;font-weight:400;line-height:1.35;text-transform:none;overflow-wrap:anywhere}.shoppable-video-reels--product .reel-product-arrow{display:block;flex:0 0 auto;width:18px;height:18px;margin-left:2px;color:#fff;transition:transform .2s ease}.shoppable-video-reels--product .reel-product-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.shoppable-video-reels--product:hover .reel-product-arrow,.shoppable-video-reels--product:focus-visible .reel-product-arrow{transform:translate(3px)}@media only screen and (min-width:768px){.shoppable-video-reels--product{gap:12px;padding:10px 14px 10px 12px}.shoppable-video-reels--product .reel-product-image{flex-basis:48px;width:48px}.shoppable-video-reels--product .reel-product-image img{width:48px;height:60px}.shoppable-video-reels--product .reel-product-title{font-size:14px}.shoppable-video-reels--product .reel-product-description{font-size:12.5px}.shoppable-video-reels--product .reel-product-arrow{width:20px;height:20px}}.shoppable-video-reels--controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.shoppable-video-reels--button{pointer-events:auto;background-color:rgba(var(--color-body-rgb),.3);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;position:absolute;top:12px;border:0;border-radius:50%;line-height:0;cursor:pointer;transition:background-color .25s cubic-bezier(.104,.204,.492,1)}.shoppable-video-reels--button svg{display:block;width:18px;height:18px;fill:none;stroke:var(--bg-body, #fff);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.shoppable-video-reels--button svg .solid{fill:var(--bg-body, #fff);stroke:none}.shoppable-video-reels--button:hover,.shoppable-video-reels--button:focus-visible{background-color:rgba(var(--color-body-rgb),.75)}.shoppable-video-reels--button:focus-visible{outline:2px solid #fff;outline-offset:2px}.shoppable-video-reels--button-play-pause{left:12px}.shoppable-video-reels--button-sound{right:12px}.shoppable-video-reels--button-sound.has-fullscreen{right:56px}.shoppable-video-reels--button-fullscreen{right:12px}.shoppable-video-reels--button-fullscreen .video-fs-enter{display:block}.shoppable-video-reels--button-fullscreen .video-fs-exit,.shoppable-video-reels--button-fullscreen.is-fullscreen .video-fs-enter{display:none}.shoppable-video-reels--button-fullscreen.is-fullscreen .video-fs-exit,.shoppable-video-reels--button-play-pause .video-pause{display:block}.shoppable-video-reels--button-play-pause .video-play,.shoppable-video-reels--button-play-pause.paused .video-pause{display:none}.shoppable-video-reels--button-play-pause.paused .video-play,.shoppable-video-reels--button-sound .video-sound-on{display:block}.shoppable-video-reels--button-sound .video-sound-off,.shoppable-video-reels--button-sound.muted .video-sound-on{display:none}.shoppable-video-reels--button-sound.muted .video-sound-off{display:block}.shoppable-video-reels--progress{position:absolute;left:8px;right:8px;bottom:0;height:24px;display:flex;align-items:flex-end;pointer-events:auto}.shoppable-video-reels--seek{--p: 0%;-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:none}.shoppable-video-reels--seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#fff var(--p),rgba(255,255,255,.35) var(--p))}.shoppable-video-reels--seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:#fff;transition:transform .15s ease}.shoppable-video-reels--seek:active::-webkit-slider-thumb{transform:scale(1.4)}.shoppable-video-reels--seek::-moz-range-track{height:3px;border-radius:3px;background:#ffffff59}.shoppable-video-reels--seek::-moz-range-progress{height:3px;border-radius:3px;background:#fff}.shoppable-video-reels--seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.shoppable-video-reels--seek:focus-visible{outline:2px solid #fff;outline-offset:2px}.shoppable-video-reels--video .slideshow__slide-video-bg:fullscreen,.shoppable-video-reels--video .slideshow__slide-video-bg:-webkit-full-screen,.shoppable-video-reels--video .slideshow__slide-video-bg.reel-pseudo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;width:100vw;width:100dvw;height:100vh;height:100dvh;aspect-ratio:auto;border-radius:0;background:#000;pointer-events:all}.shoppable-video-reels--video .slideshow__slide-video-bg:fullscreen video,.shoppable-video-reels--video .slideshow__slide-video-bg:-webkit-full-screen video,.shoppable-video-reels--video .slideshow__slide-video-bg.reel-pseudo-fullscreen video{object-fit:contain}.shoppable-video-reels--video .slideshow__slide-video-bg:fullscreen .shoppable-video-reels--controls,.shoppable-video-reels--video .slideshow__slide-video-bg:-webkit-full-screen .shoppable-video-reels--controls,.shoppable-video-reels--video .slideshow__slide-video-bg.reel-pseudo-fullscreen .shoppable-video-reels--controls{opacity:1;visibility:visible;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.shoppable-video-reels--video .slideshow__slide-video-bg:fullscreen .shoppable-video-reels--button,.shoppable-video-reels--video .slideshow__slide-video-bg:-webkit-full-screen .shoppable-video-reels--button,.shoppable-video-reels--video .slideshow__slide-video-bg.reel-pseudo-fullscreen .shoppable-video-reels--button{top:calc(16px + env(safe-area-inset-top,0px))}.shoppable-video-reels--video .slideshow__slide-video-bg:fullscreen .shoppable-video-reels--progress,.shoppable-video-reels--video .slideshow__slide-video-bg:-webkit-full-screen .shoppable-video-reels--progress,.shoppable-video-reels--video .slideshow__slide-video-bg.reel-pseudo-fullscreen .shoppable-video-reels--progress{left:16px;right:16px;bottom:calc(8px + env(safe-area-inset-bottom,0px))}html.reel-fs-lock,html.reel-fs-lock body{overflow:hidden}.shoppable-video-reels .is-selected .shoppable-video-reels--controls{opacity:1;visibility:visible}.shoppable-video-reels .is-selected .slideshow__slide-video-bg{pointer-events:all}.shoppable-video-reels .flickity-page-dots{margin-top:15px}.shoppable-video-reels .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.shoppable-video-reels--video,.shoppable-video-reels--product .reel-product-arrow,.shoppable-video-reels--controls,.shoppable-video-reels--button,.shoppable-video-reels--seek::-webkit-slider-thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/shoppable-video-reels.css.map */