.live-reel-widget{position:fixed;bottom:var(--widget-bottom, 20px);right:var(--widget-right, 20px);z-index:999;width:var(--widget-width, 150px);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.live-reel-widget.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.live-reel-preview{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px #0000004d;transition:transform .2s ease,box-shadow .2s ease;background-color:#000}.live-reel-preview:hover{transform:scale(1.05);box-shadow:0 12px 32px #0006}.live-reel-preview:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:3px}.live-reel-preview__video,.live-reel-preview__youtube{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.live-reel-preview__youtube iframe{width:100%;height:100%;border:none;pointer-events:none}.live-reel-preview__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 30%);pointer-events:none;z-index:1}.live-reel-preview__close{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;padding:0;border:none;border-radius:50%;background-color:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.live-reel-preview__close:hover{background-color:#000000e6;transform:scale(1.1)}.live-reel-preview__close svg{width:16px;height:16px;stroke-width:2.5}.live-reel-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.live-reel-modal__video-container{position:relative;width:100%;max-width:min(90vh * 9 / 16,500px);aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;background-color:#000}@media screen and (max-width:749px){.live-reel-modal__video-container{max-width:100vw;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}}.live-reel-modal__video,.live-reel-modal__youtube{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.live-reel-modal__youtube iframe{width:100%;height:100%;border:none}.live-reel-modal__close{position:absolute;top:2rem;right:2rem;background:transparent;border:none;color:#fff;cursor:pointer;z-index:10001;padding:.5rem;transition:transform .2s ease,opacity .2s ease;opacity:.9}.live-reel-modal__close:hover{opacity:1;transform:scale(1.1)}.live-reel-modal__close:focus-visible{outline:.2rem solid rgba(255,255,255,.5);outline-offset:.3rem}.live-reel-modal__close svg{display:block;width:28px;height:28px}.live-reel-modal__mute{position:absolute;top:2rem;left:2rem;width:4rem;height:4rem;background:rgba(var(--color-foreground),.3);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:background-color .3s ease;padding:0}.live-reel-modal__mute:hover{background:rgba(var(--color-foreground),.4)}.live-reel-modal__mute:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.live-reel-modal__mute svg{width:24px;height:24px;color:#fff}.live-reel-mute-icon-unmuted{display:none}.live-reel-modal__play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10002;color:#000c}.live-reel-modal__play-pause svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.live-reel-modal__play-pause.show,.live-reel-modal__play-pause.paused{opacity:1}.live-reel-modal__cta{position:absolute;bottom:15px;left:15px;right:15px;z-index:10}.live-reel-modal__cta-button{width:100%;padding:14px 20px;font-size:16px;font-weight:400;text-align:center;text-decoration:none;border-radius:0;transition:transform .2s ease;display:block;min-height:4.5rem;display:flex;align-items:center;justify-content:center}.live-reel-modal__cta-button:hover{transform:translateY(-2px)}.live-reel-modal__cta-button--outline{background-color:transparent;border:.1rem solid #ffffff}.live-reel-modal__cta-button--outline:hover{opacity:.8}body.live-reel-modal-open{overflow:hidden}@media screen and (max-width:749px){.live-reel-widget{width:120px;bottom:calc(var(--widget-bottom, 20px) + env(safe-area-inset-bottom));right:calc(var(--widget-right, 20px) + env(safe-area-inset-right))}.mobile-dock.is-active~* .live-reel-widget,body:has(.mobile-dock.is-active) .live-reel-widget{bottom:calc(var(--widget-bottom, 20px) + var(--mobile-dock-height, 68px) + env(safe-area-inset-bottom))}.live-reel-preview{border-radius:10px}.live-reel-preview__close{width:24px;height:24px;top:6px;right:6px}.live-reel-preview__close svg{width:14px;height:14px}.live-reel-modal__close{top:1rem;right:1rem}.live-reel-modal__close svg{width:32px;height:32px}.live-reel-modal__mute{top:1rem;left:1rem}.live-reel-modal__cta{bottom:calc(15px + env(safe-area-inset-bottom));left:15px;right:15px}.live-reel-modal__cta-button{padding:12px 16px;font-size:14px}}@media screen and (min-width:750px)and (max-width:989px){.live-reel-widget{width:140px}}.live-reel-preview__close:focus-visible,.live-reel-modal__mute:focus-visible,.live-reel-modal__close:focus-visible,.live-reel-modal__cta-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.live-reel-widget,.live-reel-preview,.live-reel-modal__close,.live-reel-modal__mute,.live-reel-modal__cta-button,.live-reel-preview__close{transition:none}.live-reel-modal{animation:none}}.live-reel-preview__youtube,.live-reel-modal__youtube{pointer-events:none}.live-reel-modal__video{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-live-reel.css.map */