.reel-widget{position:fixed;z-index:90;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .4s ease;pointer-events:none;overflow:hidden;box-shadow:0 6px 28px #00000059;border:2px solid rgba(255,255,255,.3);--reel-widget-size: 130px;background:#000}.reel-widget--visible{opacity:1;transform:scale(1);pointer-events:auto}@media screen and (min-width:750px){.reel-widget{--reel-widget-size: var(--desktop-size, 130px)}.reel-widget--desktop-h-left{left:var(--desktop-h-offset, 20px);right:auto;margin-left:0;margin-right:0}.reel-widget--desktop-h-right{right:var(--desktop-h-offset, 20px);left:auto;margin-left:0;margin-right:0}.reel-widget--desktop-h-center{left:0;right:0;margin-left:auto;margin-right:auto}.reel-widget--desktop-v-top{top:var(--desktop-v-offset, 20px);bottom:auto;margin-top:0;margin-bottom:0}.reel-widget--desktop-v-bottom{bottom:var(--desktop-v-offset, 20px);top:auto;margin-top:0;margin-bottom:0}.reel-widget--desktop-v-center{top:0;bottom:0;margin-top:auto;margin-bottom:auto}.reel-widget--desktop-shape-portrait{width:var(--reel-widget-size);height:calc(var(--reel-widget-size) * 1.6);border-radius:1.2rem}.reel-widget--desktop-shape-circle{width:var(--reel-widget-size);height:var(--reel-widget-size);border-radius:50%}.reel-widget--desktop-shape-square{width:var(--reel-widget-size);height:var(--reel-widget-size);border-radius:1.2rem}}.reel-widget__close{position:absolute;top:.5rem;right:.5rem;z-index:3;width:2.4rem;height:2.4rem;border:none;background:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:0;line-height:1}.reel-widget:hover .reel-widget__close{opacity:1}.reel-widget__close svg{width:1.2rem;height:1.2rem;fill:none;stroke:#fff;stroke-width:2}.reel-widget__video-wrap{width:100%;height:100%;overflow:hidden;position:relative}.reel-widget__video{width:100%;height:100%;object-fit:cover;display:block}.reel-widget__play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;background:transparent;transition:background .2s ease}.reel-widget:hover .reel-widget__play-overlay{background:#00000026}.reel-widget__play-overlay svg{width:3rem;height:3rem;fill:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));opacity:.9}.reel-widget[data-playing=true] .reel-widget__play-overlay{opacity:0}.reel-modal[open]~.reel-widget,body.reel-modal-open .reel-widget{opacity:0!important;pointer-events:none!important}@media screen and (max-width:749px){.reel-widget{--reel-widget-size: var(--mobile-size, 90px) !important}.reel-widget--mobile-h-left{left:var(--mobile-h-offset, 10px);right:auto;margin-left:0;margin-right:0}.reel-widget--mobile-h-right{right:var(--mobile-h-offset, 10px);left:auto;margin-left:0;margin-right:0}.reel-widget--mobile-h-center{left:0;right:0;margin-left:auto;margin-right:auto}.reel-widget--mobile-v-top{top:var(--mobile-v-offset, 80px);bottom:auto;margin-top:0;margin-bottom:0}.reel-widget--mobile-v-bottom{bottom:var(--mobile-v-offset, 80px);top:auto;margin-top:0;margin-bottom:0}.reel-widget--mobile-v-center{top:0;bottom:0;margin-top:auto;margin-bottom:auto}.reel-widget--mobile-shape-portrait{width:var(--reel-widget-size);height:calc(var(--reel-widget-size) * 1.6);border-radius:1.2rem}.reel-widget--mobile-shape-circle{width:var(--reel-widget-size);height:var(--reel-widget-size);border-radius:50%}.reel-widget--mobile-shape-square{width:var(--reel-widget-size);height:var(--reel-widget-size);border-radius:1.2rem}}.reel-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;background:#000000a8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.reel-modal[open]{opacity:1;pointer-events:all}.reel-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.reel-modal__player{position:relative;width:100%;max-width:400px;height:90vh;max-height:800px;border-radius:1.6rem;overflow:hidden;background:#000;z-index:1;display:flex;flex-direction:column}.reel-modal__progress-wrap{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;gap:4px;padding:1rem 1rem 0}.reel-modal__progress-segment{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.reel-modal__progress-fill{height:100%;width:0%;background:#fff;border-radius:2px;transition:none}.reel-modal__progress-segment--completed .reel-modal__progress-fill{width:100%}.reel-modal__top-bar{position:absolute;top:2rem;left:1rem;right:1rem;z-index:10;display:flex;justify-content:space-between;align-items:center}.reel-modal__mute-btn,.reel-modal__close-btn{width:3.6rem;height:3.6rem;border:none;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;padding:0}.reel-modal__mute-btn:hover,.reel-modal__close-btn:hover{background:#0009}.reel-modal__mute-btn svg,.reel-modal__close-btn svg{width:1.8rem;height:1.8rem;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reel-modal__video-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.reel-modal__video{width:100%;height:100%;object-fit:cover;display:block}.reel-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:4rem;height:4rem;border:none;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,opacity .2s ease;opacity:0;padding:0}.reel-modal__player:hover .reel-modal__nav{opacity:1}.reel-modal__nav:hover{background:#ffffff4d}.reel-modal__nav--prev{left:-5rem}.reel-modal__nav--next{right:-5rem}.reel-modal__nav svg{width:2rem;height:2rem;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.reel-modal__nav[disabled]{opacity:.3!important;cursor:default}.reel-modal__actions{position:absolute;right:1rem;bottom:12rem;z-index:10;display:flex;flex-direction:column;gap:1.2rem;align-items:center}.reel-modal__share-btn{width:4rem;height:4rem;border:none;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease;padding:0}.reel-modal__share-btn:hover{background:#00000080;transform:scale(1.1)}.reel-modal__share-btn svg{width:2rem;height:2rem;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reel-modal__products{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:0 1rem 1.2rem;display:flex;flex-direction:row;gap:.8rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;background:linear-gradient(to top,rgba(0,0,0,.7) 60%,transparent)}.reel-modal__products::-webkit-scrollbar{height:6px}.reel-modal__products::-webkit-scrollbar-track{background:transparent}.reel-modal__products::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}@media screen and (max-width:749px){.reel-modal__products::-webkit-scrollbar{height:0;width:0;display:none}}.reel-modal__product-card{display:flex;align-items:center;gap:1rem;background:#fffffff2;border-radius:1rem;padding:.8rem;text-decoration:none;color:#111;transition:transform .2s ease;min-height:6rem;flex-shrink:0;width:75%;scroll-snap-align:center}.reel-modal__product-card:hover{transform:scale(1.02)}.reel-modal__product-thumb{width:5rem;height:5rem;border-radius:.6rem;object-fit:cover;flex-shrink:0}.reel-modal__product-info{flex:1;min-width:0}.reel-modal__product-title{font-size:1.2rem;font-weight:600;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.reel-modal__product-price{font-size:1.2rem;font-weight:500;margin:0;color:#333;line-height:1.3}.reel-modal__shop-btn{flex-shrink:0;padding:.6rem 1.4rem;background:#111;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s ease;display:inline-block;text-align:center;line-height:1.4}.reel-modal__shop-btn:hover{background:#333}@media screen and (max-width:749px){.reel-modal__player{max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0}.reel-modal__nav--prev{left:.5rem}.reel-modal__nav--next{right:.5rem}.reel-modal__nav{opacity:.7;width:3.4rem;height:3.4rem}.reel-modal__actions{bottom:14rem}.reel-modal__products{max-height:12rem}}.reel-modal__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:3.6rem;height:3.6rem;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:reel-spin .8s linear infinite}@keyframes reel-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.reel-modal__video-wrap[data-loaded=true] .reel-modal__spinner{display:none}.reel-widget__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1;pointer-events:none}.reel-widget__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff4d;z-index:3}.reel-widget__progress-fill{height:100%;width:0%;background:#fff;transition:width .1s linear}.reel-modal__bottom-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff4d;z-index:10}.reel-modal__bottom-progress-fill{height:100%;width:0%;background:#fff;transition:width .1s linear}
/*# sourceMappingURL=/cdn/shop/t/22/assets/product-reel.css.map */