.shopvid{margin:2rem auto}.shopvid__head{margin:0 0 1rem}.shopvid__wrap{position:relative}.shopvid__reel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;scrollbar-width:none}.shopvid__reel::-webkit-scrollbar{display:none}.shopvid__tile{position:relative;flex:0 0 auto;width:170px;max-width:62vw;aspect-ratio:9/16;border:0;margin:0;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#ececec;scroll-snap-align:start}.shopvid__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shopvid__media img,.shopvid__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shopvid__badge{position:absolute;top:8px;left:8px;background:#0000008c;color:#fff;font-size:11px;line-height:1;padding:5px 7px;border-radius:20px}.shopvid__card{position:absolute;left:8px;right:8px;bottom:8px;background:#fffffff0;border-radius:9px;padding:6px 8px;text-align:left}.shopvid__card-title{font-size:12px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopvid__card-price{font-size:12px}.shopvid__card-price s{opacity:.55;margin-left:4px}.shopvid__nav{position:absolute;top:calc(50% - 6px);transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 12px #0003;cursor:pointer;font-size:22px;line-height:1;color:#171717;display:none;align-items:center;justify-content:center}.shopvid__nav--prev{left:-8px}.shopvid__nav--next{right:-8px}.shopvid__wrap.is-scrollable .shopvid__nav{display:flex}@media(max-width:768px){.shopvid__nav{display:none!important}}.shopvid-float{position:fixed;z-index:9998;width:var(--float-w,108px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.shopvid-float:active{cursor:grabbing}.shopvid-float--br{right:var(--float-x,16px);bottom:var(--float-y,16px)}.shopvid-float--bl{left:var(--float-x,16px);bottom:var(--float-y,16px)}.shopvid-float--tr{right:var(--float-x,16px);top:var(--float-y,16px)}.shopvid-float--tl{left:var(--float-x,16px);top:var(--float-y,16px)}.shopvid-float--rc{right:var(--float-x,16px);top:50%;transform:translateY(-50%)}.shopvid-float--lc{left:var(--float-x,16px);top:50%;transform:translateY(-50%)}.shopvid-float__reel{display:block;overflow:visible;padding:0}.shopvid-float .shopvid__tile{width:var(--float-w,108px);max-width:var(--float-w,108px);border-radius:16px;box-shadow:0 8px 24px #0000004d}.shopvid-float .shopvid__tile:not(:first-child){display:none}.shopvid-float .shopvid__card,.shopvid-float .shopvid__badge{display:none}.shopvid-float__close{position:absolute;top:7px;right:7px;z-index:3;width:22px;height:22px;border-radius:50%;border:0;background:#1212127a;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease}.shopvid-float__close:hover{background:#000000b8}@media(max-width:768px){.shopvid-float{width:min(var(--float-w,108px),96px)}.shopvid-float .shopvid__tile{width:min(var(--float-w,108px),96px);max-width:96px}.shopvid-float--br,.shopvid-float--bl{bottom:calc(var(--float-y,16px) + 64px)}}.shopvid-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:none;align-items:center;justify-content:center;--sv-slide:min(64vw, 86vh * 9 / 16);width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.shopvid-modal::backdrop{background:#000000d9}.shopvid-modal[open],.shopvid-modal.is-open{display:flex}.shopvid-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f0}.shopvid-modal__close{position:absolute;top:14px;right:16px;z-index:6;width:40px;height:40px;border:0;border-radius:50%;background:#00000080;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.shopvid-modal__sound{position:absolute;top:14px;left:16px;z-index:6;width:40px;height:40px;border:0;border-radius:50%;background:#00000080;color:#fff;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.shopvid-modal__nav{display:none}.shopvid-modal__nav--prev{left:14px}.shopvid-modal__nav--next{right:14px}.shopvid-modal__viewport{position:relative;width:100%;max-width:calc(var(--sv-slide) + 2px);height:88vh;margin:0 auto;display:flex;align-items:center}.shopvid-modal__track{display:flex;gap:14px;width:100%;height:100%;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:calc((100% - var(--sv-slide)) / 2)}.shopvid-modal__track::-webkit-scrollbar{display:none}.shopvid-modal__slide{position:relative;flex:0 0 auto;width:var(--sv-slide);height:min(86vh,var(--sv-slide) * 16 / 9);scroll-snap-align:center;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 12px 40px #00000080;opacity:1}.shopvid-modal__slide.is-active{opacity:1}.shopvid-modal__svideo{width:100%;height:100%;object-fit:cover;background:#000;display:block}.shopvid-modal__products{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;overflow-x:auto;touch-action:none;overscroll-behavior-x:contain;padding:14px 12px 16px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);scrollbar-width:none}.shopvid-modal__products::-webkit-scrollbar{display:none}.shopvid-modal__product{position:relative;flex:0 0 auto;scroll-snap-align:start;display:flex;gap:10px;align-items:center;background:#ffffff80;border-radius:16px;padding:8px 10px;min-width:200px;max-width:250px;text-decoration:none;box-shadow:0 6px 18px #0003;transition:transform .15s ease}.shopvid-modal__product:hover{transform:translateY(-2px)}.shopvid-modal__pimg{width:50px;height:50px;object-fit:cover;border-radius:10px;flex:0 0 auto;background:#f2f2f2}.shopvid-modal__pinfo{min-width:0;flex:1;padding-right:16px}.shopvid-modal__ptitle{font-family:var(--shopvid-heading,inherit);font-size:13px;font-weight:600;color:#171717;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopvid-modal__pprice{display:inline-flex;gap:6px;align-items:baseline;white-space:nowrap;background:#ffffffb3;border-radius:10px;padding:3px 10px;font-size:11px}.shopvid-modal__pprice b{font-weight:700;color:#171717}.shopvid-modal__pprice s{opacity:.5;color:#171717}.shopvid-modal__popen{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#555;background:#f3f3f3;border-radius:6px;font-size:12px;line-height:1}.shopvid-modal__rail{position:absolute;right:10px;bottom:92px;z-index:4;display:none;flex-direction:column;gap:16px;align-items:center}.shopvid-modal__slide.is-active .shopvid-modal__rail{display:flex}.shopvid-modal__railbtn{border:0;background:transparent;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;line-height:1;padding:0;text-shadow:0 1px 4px rgba(0,0,0,.6)}.shopvid-modal__railbtn .ic{font-size:27px;line-height:1}.shopvid-modal__railbtn.is-liked .ic{color:#ff4d6d}.shopvid-modal__dots{position:absolute;left:50%;transform:translate(-50%);bottom:104px;z-index:5;display:none;width:98px;height:16px;overflow:hidden}.shopvid-modal__dotstrip{position:absolute;left:0;top:50%;display:flex;align-items:center;transform:translateY(-50%);transition:transform .22s ease}.shopvid-modal__dot{flex:0 0 auto;width:7px;height:7px;margin:0 3.5px;border-radius:50%;border:0;padding:0;background:#ffffff8c;box-shadow:0 1px 3px #00000080;cursor:pointer;transform:scale(.5);transition:transform .2s ease,background .2s ease,opacity .2s ease}.shopvid-modal__dot.is-active{background:#fff}@media(max-width:768px){.shopvid__tile{width:150px}.shopvid-modal__nav{width:38px;height:38px}.shopvid-modal{--sv-slide:100vw}.shopvid-modal__viewport{max-width:100vw;height:100vh}.shopvid-modal__track{padding-inline:0}.shopvid-modal__slide{height:100vh;border-radius:0}.shopvid-modal__products{padding:14px 40px calc(60px + env(safe-area-inset-bottom,0px))}.shopvid-modal__product{max-width:86vw}.shopvid-modal__rail{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.shopvid-modal__dots{bottom:calc(130px + env(safe-area-inset-bottom,0px))}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/shoppable-video.css.map */