.product-video-reels,product-video-reels{--reel-ring: rgba(var(--color-foreground), .2);--reel-ring-active: rgb(var(--color-foreground))}.product-video-reels{margin:1.6rem 0}.product-video-reels__heading,.product-video-reels__title{margin:0 0 1.2rem}.product-video-reels__placeholder{margin:0;padding:1.6rem;border:.1rem dashed rgba(var(--color-foreground),.2);border-radius:.8rem;color:rgba(var(--color-foreground),.6);font-size:1.3rem}.product-video-reels__list,.product-video-reels__strip{display:flex;gap:1.2rem;margin:0;padding:.3rem;margin:-.3rem;list-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-video-reels__list::-webkit-scrollbar,.product-video-reels__strip::-webkit-scrollbar{display:none}.product-video-reels__list li,.product-video-reels__strip li{flex:none;margin:0;padding:0}:is(.product-video-reels,product-video-reels) .product-video-reels__thumb{display:block;width:var(--reel-thumb-size, 8.4rem);height:var(--reel-thumb-size, 8.4rem);padding:.3rem;border:.1rem solid var(--reel-ring);border-radius:50%!important;background:rgb(var(--color-background));cursor:pointer;overflow:hidden;transition:border-color var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}:is(.product-video-reels,product-video-reels) .product-video-reels__thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%!important;background:rgba(var(--color-foreground),.06)}:is(.product-video-reels,product-video-reels) .product-video-reels__thumb:hover{border-color:rgba(var(--color-foreground),.5)}:is(.product-video-reels,product-video-reels) .product-video-reels__thumb:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}:is(.product-video-reels,product-video-reels) .product-video-reels__thumb--small{width:6.4rem;height:6.4rem}:is(.product-video-reels,product-video-reels) .product-video-reels__thumb[aria-current=true]{border-color:var(--reel-ring-active);border-width:.15rem}.product__media-column-block .product-video-reels{margin-top:2.4rem}product-video-reels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:none;background:#0009;color:rgb(var(--color-foreground))}product-video-reels[open]{display:flex;align-items:center;justify-content:center;padding:2rem;animation:product-video-reels-fade-in .25s ease both}product-video-reels[open] .product-video-reels__dialog{animation:product-video-reels-pop-in .3s cubic-bezier(.2,0,0,1) both}product-video-reels[open].is-closing{animation:product-video-reels-fade-out .2s ease both}product-video-reels[open].is-closing .product-video-reels__dialog{animation:product-video-reels-pop-out .2s ease both}@keyframes product-video-reels-fade-in{0%{opacity:0}to{opacity:1}}@keyframes product-video-reels-fade-out{0%{opacity:1}to{opacity:0}}@keyframes product-video-reels-pop-in{0%{opacity:0;transform:translateY(1.6rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes product-video-reels-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(1.2rem) scale(.97)}}.product-video-reels__dialog{display:flex;flex-direction:column;box-sizing:border-box;--reel-chrome: 17rem;width:min(38rem,100%,calc((100dvh - 4rem - var(--reel-chrome)) * 9 / 16 + 3.2rem));max-height:calc(100dvh - 4rem);padding:1.6rem;border-radius:1.6rem;background:rgb(var(--color-background));outline:none}.product-video-reels__bar{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.product-video-reels__title{margin:.2rem 0 0;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(.product-video-reels,product-video-reels) .product-video-reels__close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%!important;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}:is(.product-video-reels,product-video-reels) .product-video-reels__close:hover{background:rgba(var(--color-foreground),.06)}.product-video-reels__close .icon,.product-video-reels__close svg{width:1.6rem;height:1.6rem}.product-video-reels__strip{flex:none;margin-top:1.2rem;flex-wrap:nowrap;overflow-x:auto}.product-video-reels__stage{flex:none;width:min(100%,calc((100dvh - 4rem - var(--reel-chrome)) * 9 / 16));aspect-ratio:9 / 16;min-height:0;margin:1.2rem auto 0}.product-video-reels__track{display:flex;width:100%;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:1.2rem}.product-video-reels__track::-webkit-scrollbar{display:none}.product-video-reels__slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;border-radius:1.2rem;overflow:hidden;background:#000}.product-video-reels__player,.product-video-reels__video{width:100%;height:100%}.product-video-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;object-fit:cover;background:#000}.product-video-reels__controls{position:absolute;left:50%;bottom:11.2rem;transform:translate(-50%);display:flex;gap:1rem;z-index:2}.product-video-reels__slide:not(.has-card) .product-video-reels__controls{bottom:2rem}:is(.product-video-reels,product-video-reels) .product-video-reels__control{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%!important;background:#00000073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:is(.product-video-reels,product-video-reels) .product-video-reels__control:hover{background:#0009}.product-video-reels__icon-sound,.product-video-reels__icon-play,[data-reel-mute][aria-pressed=false] .product-video-reels__icon-muted,[data-reel-pause][aria-pressed=true] .product-video-reels__icon-pause{display:none}[data-reel-mute][aria-pressed=false] .product-video-reels__icon-sound,[data-reel-pause][aria-pressed=true] .product-video-reels__icon-play{display:block}.product-video-reels__card{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:2;display:flex;align-items:center;gap:1.2rem;padding:.8rem;border-radius:1.2rem;background:var(--reel-card-bg, rgba(18, 18, 18, .6));color:var(--reel-card-text, #fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-video-reels__card-media{flex:none;width:5.2rem;height:5.2rem;border-radius:.8rem;overflow:hidden;background:#ffffffe6}.product-video-reels__card-media img{display:block;width:100%;height:100%;object-fit:cover}.product-video-reels__card-text{display:flex;flex-direction:column;gap:.3rem;min-width:0;line-height:1.3}.product-video-reels__card-title{color:inherit;text-decoration:none;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-video-reels__card-title:hover{text-decoration:underline}.product-video-reels__card-price{font-size:1.4rem;opacity:.9}.product-video-reels__card-compare{margin-right:.5rem;opacity:.7}:is(.product-video-reels,product-video-reels) .product-video-reels__add{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:auto;width:4rem;height:4rem;padding:0;border:0;border-radius:50%!important;background:var(--reel-card-button-bg, #fff);color:var(--reel-card-button-text, #121212);cursor:pointer;text-decoration:none;box-shadow:0 2px 6px #00000014;transition:transform var(--duration-short, .1s) ease}.product-video-reels__add-icon{width:2rem;height:2rem;color:inherit;stroke:currentColor}:is(.product-video-reels,product-video-reels) .product-video-reels__add:hover{transform:scale(1.05)}:is(.product-video-reels,product-video-reels) .product-video-reels__add[aria-disabled=true]{pointer-events:none}:is(.product-video-reels,product-video-reels) .product-video-reels__add.loading svg{visibility:hidden}.product-video-reels__spinner{position:absolute;inset:50% auto auto 50%;width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.8;display:none}:is(.product-video-reels,product-video-reels) .product-video-reels__add.loading .product-video-reels__spinner{display:block;animation:product-video-reels-spin .8s linear infinite}@keyframes product-video-reels-spin{to{transform:rotate(360deg)}}.product-video-reels__error{position:absolute;left:1.2rem;right:1.2rem;bottom:9.2rem;z-index:3;margin:0;padding:.8rem 1.2rem;border-radius:.8rem;background:#000000b3;color:#fff;font-size:1.3rem;text-align:center}@media screen and (max-width:749px){product-video-reels[open]{align-items:flex-end;padding:0}.product-video-reels__dialog{position:relative;width:100%;height:calc(100dvh - 4rem);max-height:calc(100dvh - 4rem);padding:2.4rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:2rem 2rem 0 0}.product-video-reels__stage{flex:1 1 auto;min-height:0;width:100%;aspect-ratio:auto;margin:1.2rem 0 0}:is(.product-video-reels,product-video-reels) .product-video-reels__strip .product-video-reels__thumb--small{width:clamp(5rem,13vw,6.4rem);height:clamp(5rem,13vw,6.4rem)}.product-video-reels__dialog:before{content:"";position:absolute;top:.8rem;left:50%;width:3.6rem;height:.4rem;margin-left:-1.8rem;border-radius:.2rem;background:rgba(var(--color-foreground),.2)}product-video-reels[open] .product-video-reels__dialog{animation:product-video-reels-sheet-up .32s cubic-bezier(.2,0,0,1) both}product-video-reels[open].is-closing .product-video-reels__dialog{animation:product-video-reels-sheet-down .22s ease-in both}@keyframes product-video-reels-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes product-video-reels-sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}}@media(prefers-reduced-motion:reduce){.product-video-reels__track{scroll-behavior:auto}product-video-reels[open],product-video-reels[open].is-closing,product-video-reels[open] .product-video-reels__dialog,product-video-reels[open].is-closing .product-video-reels__dialog{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-video-reels.css.map */