.reel{--w:min(43vw,300px);position:relative;overflow:hidden;isolation:isolate;padding:clamp(1.8rem,6vw,3.2rem) 0 clamp(2rem,6vw,3.4rem);background:var(--color-night);color:#fff;font-family:var(--font-ui);text-align:center}.reel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(70% 38% at 50% 0%,rgba(120,70,255,.16),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(255,10,107,.14),transparent 70%)}.reel__count{display:flex;align-items:center;justify-content:center;gap:clamp(.9rem,4.4vw,2rem)}.reel__stars{display:flex;gap:.2rem}.reel__stars svg{width:clamp(1rem,3.6vw,1.9rem);height:auto}.reel__number{font-size:clamp(2.3rem,7.6vw,4.4rem);font-weight:800;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.reel__label{margin:.7rem 0 clamp(1.4rem,4.6vw,2.6rem);font-size:clamp(.8rem,2.7vw,1.2rem);font-weight:500;letter-spacing:.5em;margin-right:-.5em;text-transform:uppercase;color:#b9b6cf}.reel__stage{position:relative;height:calc(var(--w) * 16 / 9);outline-offset:6px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.reel__item{position:absolute;top:0;left:50%;width:var(--w);margin-left:calc(var(--w) / -2);cursor:pointer;transition:transform .75s cubic-bezier(.22,.8,.2,1),opacity .5s ease;will-change:transform}.reel__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:calc(var(--w) * .1);background:#17112f;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px #0000008c}.reel__video,.reel__frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.reel__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.3rem;padding:1rem;font-weight:700;color:#8e89ad;background:linear-gradient(160deg,#241a4d,#120a2e)}.reel__empty small{font-weight:400;font-size:.7rem}.reel__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a04228c;transition:opacity .6s ease;pointer-events:none}.reel__item[data-pos="0"]{transform:none;z-index:5}.reel__item[data-pos="0"] .reel__shade{opacity:0}.reel__item[data-pos="1"]{transform:translate(calc(var(--w) * .84)) scale(.73);z-index:4}.reel__item[data-pos="-1"]{transform:translate(calc(var(--w) * -.84)) scale(.73);z-index:4}.reel__item[data-pos="2"]{transform:translate(calc(var(--w) * 1.38)) scale(.58);z-index:3}.reel__item[data-pos="-2"]{transform:translate(calc(var(--w) * -1.38)) scale(.58);z-index:3}.reel__item[data-pos="2"] .reel__shade,.reel__item[data-pos="-2"] .reel__shade{background:#0a0422b8}.reel__item[data-pos=hidden]{opacity:0;pointer-events:none;transition:none;transform:translate(calc(var(--w) * 2)) scale(.5)}.reel__item[data-pos=hidden][data-side=l]{transform:translate(calc(var(--w) * -2)) scale(.5)}.reel__progress{position:absolute;left:12%;right:12%;bottom:.85rem;height:3px;border-radius:3px;background:#ffffff47;opacity:0;transition:opacity .4s}.reel__progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;transform-origin:left;transform:scaleX(var(--p,0))}.reel__item[data-pos="0"] .reel__progress{opacity:1}.reel__play{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;color:#fff;background:#00000040}.reel__play svg{width:22%;height:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.reel__item.is-paused .reel__play{display:grid}.reel__product{display:flex;align-items:center;gap:.8rem;width:clamp(15rem,53vw,26rem);margin:clamp(1.4rem,4.6vw,2.4rem) auto 0;padding:.6rem;border:1px solid rgba(255,255,255,.16);border-radius:1.1rem;background:#ffffff0d;color:#fff;text-decoration:none;text-align:left;transition:opacity .18s ease,transform .18s ease,background .2s}.reel__product[hidden]{display:none}.reel__product.is-swap{opacity:0;transform:translateY(6px)}.reel__product:hover{background:#ffffff17}.reel__thumb{flex:none;width:clamp(2.7rem,7.4vw,3.4rem);aspect-ratio:1;border-radius:.65rem;overflow:hidden;background:#ececf3}.reel__thumb img{width:100%;height:100%;object-fit:cover}.reel__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.reel__meta strong{font-size:clamp(.82rem,2.9vw,1.02rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel__meta span{font-size:clamp(.74rem,2.5vw,.9rem);letter-spacing:.06em;color:#a9a5c4}.reel__go{flex:none;display:grid;place-items:center;width:clamp(2.2rem,5.8vw,2.7rem);aspect-ratio:1;border:1px solid rgba(255,255,255,.3);border-radius:.7rem}.reel__go svg{width:1.05rem;height:1.05rem}@media(min-width:900px){.reel{--w:300px}}@media(prefers-reduced-motion:reduce){.reel__item{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/video-reel.css.map */