.video-reel{position:relative}.video-reel__outer{overflow:hidden;position:relative}.video-reel__swiper{overflow:visible}.video-reel__slide{position:relative;width:100%;transform-origin:center center;transition:transform .55s cubic-bezier(.25,.46,.45,.94),opacity .55s ease}@media(min-width:768px){.video-reel__slide{width:50%;opacity:.72}.video-reel__swiper .swiper-slide-prev,.video-reel__swiper .swiper-slide-next{opacity:.85}.video-reel__swiper .swiper-slide-active{opacity:1}}@media(min-width:1025px){.video-reel__outer{padding:1.6rem 0}.video-reel__slide{width:26%;transform:scale(.74);opacity:.6}.video-reel__swiper .swiper-slide-prev,.video-reel__swiper .swiper-slide-next{transform:scale(.89);opacity:.82}.video-reel__swiper .swiper-slide-active{transform:scale(1.06);opacity:1}}.video-reel__video-container{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:1.4rem;background:#0d0d0d;max-height:70vh;max-width:39.375vh;width:100%;margin:auto}.video-reel__video{width:100%;height:100%;object-fit:cover;display:block}.video-reel__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.video-reel__video--placeholder{background:#1a1a1a}.video-reel__iframe-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#0d0d0d;border-radius:1.4rem;padding:2rem;text-align:center}.video-reel__iframe-fallback.is-visible{display:flex}.video-reel__iframe-fallback svg{width:4.8rem;height:4.8rem;flex-shrink:0}.video-reel__iframe-fallback p{color:#ffffffbf;font-size:1.3rem;line-height:1.4;margin:0}.video-reel__iframe-fallback-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;background:red;color:#fff;text-decoration:none;border-radius:.8rem;font-size:1.3rem;font-weight:600;transition:opacity .2s ease}.video-reel__iframe-fallback-link:hover{opacity:.82}.video-reel__mute-btn{position:absolute;top:1.2rem;right:1.2rem;z-index:3;width:3.6rem;height:3.6rem;border-radius:50%;background:#0000008c;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;transition:background .2s ease}.video-reel__mute-btn:hover{background:#000000d1}.video-reel__mute-btn svg{width:1.8rem;height:1.8rem;display:block;pointer-events:none;flex-shrink:0}.video-reel__product-bar{position:absolute;bottom:0;left:0;right:0;padding:3.6rem 1.2rem 1.4rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);border-radius:0 0 1.4rem 1.4rem;display:flex;align-items:center;gap:.8rem;z-index:2;opacity:0;pointer-events:none;transition:opacity .35s ease}.video-reel__swiper .swiper-slide-active .video-reel__product-bar{opacity:1;pointer-events:auto}.video-reel__product-link{display:flex;align-items:center;gap:.8rem;flex:1;min-width:0;text-decoration:none;color:#fff}.video-reel__product-img{width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.55)}.video-reel__product-meta{display:flex;flex-direction:column;min-width:0;gap:.15rem}.video-reel__product-title{font-size:1.3rem;font-weight:600;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.video-reel__product-price{font-size:1.2rem;color:#ffffffd9;line-height:1.3}.video-reel__product-form,.video-reel__product-form .form{display:contents}.video-reel__product-cart-btn{width:3.8rem;height:3.8rem;border-radius:50%;background:#fff;color:#111;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:opacity .2s ease}.video-reel__product-cart-btn .loading-overlay__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-reel__product-cart-btn:hover{opacity:.82}.video-reel__product-cart-btn svg{width:2rem;height:2rem}.video-reel__controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2.4rem}.video-reel__btn-prev,.video-reel__btn-next{width:4rem;height:4rem;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.video-reel__btn-prev:hover,.video-reel__btn-next:hover{background:currentColor}.video-reel__btn-prev:hover svg,.video-reel__btn-next:hover svg{filter:invert(1)}.video-reel__btn-prev.swiper-button-disabled,.video-reel__btn-next.swiper-button-disabled{opacity:.3;pointer-events:none}.video-reel__btn-prev svg,.video-reel__btn-next svg{width:1.6rem;height:1.6rem}.video-reel__pagination{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;width:fit-content!important}.video-reel__bullet{position:relative;width:2.8rem;height:2.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .25s ease;flex-shrink:0}.video-reel__bullet--active{opacity:1}.video-reel__bullet svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.video-reel__bullet .svg__bg-circle{fill:none;stroke:currentColor;opacity:.2}.video-reel__bullet .svg__progress-circle{fill:none;stroke:currentColor;stroke-dasharray:69.12;stroke-dashoffset:69.12;transform-box:fill-box;transform-origin:center;transform:rotate(-90deg)}.video-reel__bullet.is-progress-active .svg__progress-circle{animation:videoReelProgress var(--vr-progress-duration, 5s) linear forwards}@keyframes videoReelProgress{to{stroke-dashoffset:0}}.video-reel__bullet .svg__dot{fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-video-reel.css.map */