video-reel-widget{display:block;position:relative}.m-reel-strip-wrap{position:relative}.m-reel-strip__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#000000a6;color:#fff;align-items:center;justify-content:center;cursor:pointer}.m-reel-strip__nav svg{width:18px;height:18px}.m-reel-strip__nav--prev{left:4px}.m-reel-strip__nav--next{right:4px}@media(min-width:750px){.m-reel-strip__nav:not([hidden]){display:flex}}.m-reel-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px;justify-content:flex-start;justify-content:safe center}.m-reel-strip::-webkit-scrollbar{display:none}.m-reel-thumb{position:relative;flex:0 0 auto;width:var(--reel-thumb-width, 130px);aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;border:0;padding:0;cursor:pointer;scroll-snap-align:start;background:#111}.m-reel-thumb img,.m-reel-thumb video{width:100%;height:100%;object-fit:cover;display:block}.m-reel-thumb__stats{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:8px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.45) 100%)}.m-reel-thumb__badge{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.m-reel-thumb__badge svg{width:12px;height:12px}.m-reel-thumb__title{color:#fff;font-size:12px;font-weight:600;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.5)}.m-reel-bubble{position:fixed;z-index:40;width:var(--reel-bubble-size, 64px);height:var(--reel-bubble-size, 64px);border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 4px 16px #00000040;cursor:pointer;padding:0;background:#111}.m-reel-bubble[data-reel-position=bottom-right]{right:var(--reel-bubble-horizontal-offset, 20px);bottom:var(--reel-bubble-vertical-offset, 20px)}.m-reel-bubble[data-reel-position=bottom-left]{left:var(--reel-bubble-horizontal-offset, 20px);bottom:var(--reel-bubble-vertical-offset, 20px)}.m-reel-bubble[data-reel-position=top-right]{right:var(--reel-bubble-horizontal-offset, 20px);top:var(--reel-bubble-vertical-offset, 20px)}.m-reel-bubble[data-reel-position=top-left]{left:var(--reel-bubble-horizontal-offset, 20px);top:var(--reel-bubble-vertical-offset, 20px)}.m-reel-bubble video{width:100%;height:100%;object-fit:cover}.m-reel-modal{border:0;padding:0;max-width:100vw;max-height:100vh;width:100%;height:100%;background:#000000eb}.m-reel-modal::backdrop{background:#000000b3}.m-reel-modal__inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.m-reel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100%;padding:0 calc(50vw - 160px);align-items:center}.m-reel-track::-webkit-scrollbar{display:none}.m-reel-slide{position:relative;flex:0 0 auto;width:min(320px,90vw);height:min(80vh,640px);border-radius:16px;overflow:hidden;scroll-snap-align:center;background:#000}.m-reel-slide video{width:100%;height:100%;object-fit:cover;cursor:pointer}.m-reel-slide__controls{position:absolute;bottom:12px;left:12px;z-index:2;display:flex;gap:6px}.m-reel-ctrl{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.m-reel-ctrl svg{width:16px;height:16px}.m-reel-ctrl:focus-visible{outline:2px solid #fff;outline-offset:2px}.m-reel-ctrl__unmuted,.m-reel-ctrl__play,.m-reel-ctrl[aria-pressed=false] .m-reel-ctrl__muted,.m-reel-slide.is-paused .m-reel-ctrl__pause{display:none}.m-reel-ctrl[aria-pressed=false] .m-reel-ctrl__unmuted,.m-reel-slide.is-paused .m-reel-ctrl__play{display:block}.m-reel-slide:has(.m-reel-slide__footer) .m-reel-slide__controls{bottom:76px}.m-reel-slide__overlay-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff}.m-reel-slide__stat{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;background:#0006;padding:4px 8px;border-radius:999px}.m-reel-slide__stat svg{width:14px;height:14px}.m-reel-like{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;background:#0006;padding:4px 8px;border-radius:999px;border:0;color:#fff;cursor:pointer}.m-reel-like svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.m-reel-like.is-liked{color:#ff3b5c}.m-reel-like.is-liked svg{fill:#ff3b5c;stroke:#ff3b5c}.m-reel-slide__caption{position:absolute;left:12px;right:12px;bottom:52px;color:#fff;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.m-reel-slide:has(.m-reel-slide__footer) .m-reel-slide__caption{bottom:116px}.m-reel-slide__caption strong{display:block;margin-bottom:2px}.m-reel-slide__caption p{margin:0;opacity:.9}.m-reel-slide__footer{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:#0000008c;border-radius:12px;padding:8px;color:#fff}.m-reel-slide__footer img{width:40px;height:40px;border-radius:8px;object-fit:cover}.m-reel-slide__footer-info{flex:1;min-width:0}.m-reel-slide__footer-title{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-reel-slide__footer-price{font-size:12px;opacity:.85}.m-reel-slide__cta{flex:0 0 auto;background:#fff;color:#111;font-size:12px;font-weight:700;border:0;border-radius:999px;padding:6px 12px;cursor:pointer}.m-reel-modal__close,.m-reel-modal__nav{position:absolute;z-index:5;border:0;background:#ffffff26;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.m-reel-modal__close svg,.m-reel-modal__nav svg{width:18px;height:18px}.m-reel-modal__close{top:16px;right:16px}.m-reel-modal__nav--prev{left:16px;top:50%;transform:translateY(-50%)}.m-reel-modal__nav--next{right:16px;top:50%;transform:translateY(-50%)}@media(max-width:749px){.m-reel-modal__nav{display:none}.m-reel-track{padding:0 5vw}}video-reel-widget[data-counters-api]:not([data-counters-ready]) :is([data-reel-views],[data-reel-likes]){visibility:hidden;animation:m-reel-counts-reveal 0s linear 5s forwards}@keyframes m-reel-counts-reveal{to{visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/video-reel-widget.css.map */