.zs-reels{--zs-reel-w: min(62vw, 250px);--zs-reel-gap: 8px;padding:44px 0 36px;overflow:hidden}.zs-reels__head{padding:0 var(--zs-gut) 10px;text-align:center}.zs-reels__head .zs-h2{margin-top:6px}.zs-reels__viewport{position:relative}.zs-reels__track{position:relative;list-style:none;margin:0;padding:18px calc(50% - var(--zs-reel-w) / 2) 26px;display:flex;gap:var(--zs-reel-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.zs-reels__track::-webkit-scrollbar{display:none}.zs-reels__item{flex:0 0 var(--zs-reel-w);min-width:0;scroll-snap-align:center}.zs-reels__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--zs-sand);color:var(--zs-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:scale(.88);transition:transform .35s ease,box-shadow .35s ease}.zs-reels__item.is-active .zs-reels__card{transform:none;box-shadow:0 14px 34px #17150f3d}.zs-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;background:var(--zs-ink)}.zs-reels__handle{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:5px 9px;border-radius:999px;background:#17150f80;color:#fff;font-size:11px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.zs-reels__tag{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#ffffffd6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.zs-reels__thumb{flex:none;width:44px;height:44px;border-radius:8px;object-fit:contain;background:var(--zs-paper)}.zs-reels__tag-body{display:flex;flex-direction:column;gap:3px;min-width:0}.zs-reels__name{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zs-reels__price{font-size:14px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.zs-reels__price s{margin-left:6px;font-size:11px;font-weight:400;color:var(--zs-ink-45)}.zs-reels__item--empty .zs-reels__card{display:grid;place-items:center;cursor:default;border:1px dashed var(--zs-ink-24)}.zs-reels__empty{padding:20px;font-size:13px;line-height:1.4;color:var(--zs-ink-62);text-align:center}.zs-reels__nav{display:none}.zs-reels-modal{--zs-stage-h: 100%;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overscroll-behavior:contain}.zs-reels-modal[open]{display:grid;place-items:center}.zs-reels-modal::backdrop{background:#000000e6}.zs-reels-modal__stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000;touch-action:pan-y}.zs-reels-modal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.zs-reels-modal__bars{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:4px;z-index:2}.zs-reels-modal__bar{flex:1;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden}.zs-reels-modal__bar i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s linear}.zs-reels-modal__bar.is-done i{transform:scaleX(1);transition:none}.zs-reels-modal__top{position:absolute;top:calc(22px + env(safe-area-inset-top));left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}.zs-reels-modal__handle{flex:1;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}.zs-reels-modal__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#17150f73;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.zs-reels-modal__icon-off,.zs-reels-modal__icon[aria-pressed=true] .zs-reels-modal__icon-on{display:none}.zs-reels-modal__icon[aria-pressed=true] .zs-reels-modal__icon-off{display:block}.zs-reels-modal__tap{position:absolute;top:72px;bottom:190px;width:30%;padding:0;border:0;background:transparent;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}.zs-reels-modal__tap--prev{left:0}.zs-reels-modal__tap--next{right:0}.zs-reels-modal__product{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;gap:10px;padding:10px;border-radius:14px;background:#ffffffeb;color:var(--zs-ink);z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zs-reels-modal__product[hidden]{display:none}.zs-reels-modal__row{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.zs-reels-modal__thumb{flex:none;width:56px;height:56px;border-radius:8px;object-fit:contain;background:var(--zs-paper)}.zs-reels-modal__info{display:flex;flex-direction:column;gap:5px;min-width:0}.zs-reels-modal__name{font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zs-reels-modal__price{font-size:16px;line-height:1;font-variant-numeric:tabular-nums}.zs-reels-modal__price s{margin-left:6px;font-size:12px;color:var(--zs-ink-45)}.zs-reels-modal__swatches{padding:0 2px}.zs-reels-modal__buy{padding:14px}@media screen and (min-width:750px){.zs-reels{--zs-reel-w: 260px;--zs-reel-gap: 14px;padding:72px 0 56px}.zs-reels__head{padding-bottom:14px}.zs-reels__nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--zs-paper);color:var(--zs-ink);box-shadow:0 6px 18px #17150f29;cursor:pointer;transform:translateY(-50%);transition:background .18s ease}.zs-reels__nav:hover{background:var(--zs-bone)}.zs-reels__nav--prev{left:max(16px,calc(50% - var(--zs-reel-w) / 2 - 66px))}.zs-reels__nav--next{right:max(16px,calc(50% - var(--zs-reel-w) / 2 - 66px))}.zs-reels__card:hover{transform:scale(.9)}.zs-reels__item.is-active .zs-reels__card:hover{transform:none}.zs-reels-modal{--zs-stage-h: min(92vh, 860px)}.zs-reels-modal__stage{width:calc(var(--zs-stage-h) * 9 / 16);height:var(--zs-stage-h);border-radius:16px}.zs-reels-modal__tap{width:36%}}@media screen and (min-width:1100px){.zs-reels{--zs-reel-w: 280px}}@media(prefers-reduced-motion:reduce){.zs-reels__card,.zs-reels-modal__bar i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/zoss-reels.css.map */