.reels{background:linear-gradient(180deg,var(--c-soft),var(--c-bg));--reel-h: 340px}@media(min-width:750px){.reels{--reel-h: 400px}}@media(min-width:1200px){.reels{--reel-h: 460px}}.reels__wrap{position:relative}.reels__track{list-style:none;margin:0;padding:0}.reels--slider .reels__track{display:flex;align-items:center;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 14px;overscroll-behavior-x:contain}.reels--slider .reels__track::-webkit-scrollbar{display:none}.reels--slider .reel{flex:0 0 auto;width:min(calc(var(--reel-h) * var(--ar)),86vw);scroll-snap-align:start}.reels--masonry .reels__track{columns:2;column-gap:12px}@media(min-width:750px){.reels--masonry .reels__track{columns:3;column-gap:16px}}@media(min-width:1200px){.reels--masonry .reels__track{columns:4}}.reels--masonry .reel{break-inside:avoid;margin-bottom:12px}@media(min-width:750px){.reels--masonry .reel{margin-bottom:16px}}.reel__media{position:relative;aspect-ratio:var(--ar);border-radius:var(--radius);overflow:hidden;background:var(--c-primary);box-shadow:var(--shadow-card);isolation:isolate}.reel__media video,.reel__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffff47;border:1.5px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3;cursor:pointer;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.reel:hover .reel__play{transform:translate(-50%,-50%) scale(1.1);background:#ffffff73}.reel.is-playing .reel__play{opacity:0;pointer-events:none}.reel__sound{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#1408288c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease}.reel.is-playing .reel__sound{opacity:1}.reel__icon-sound{display:none}.reel.has-sound .reel__icon-sound{display:block}.reel.has-sound .reel__icon-muted{display:none}.reel__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:48px 14px 14px;background:linear-gradient(transparent,#140828c7);color:#fff;pointer-events:none}.reel__tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:6px}.reel__title{font-size:.85rem;font-weight:600;line-height:1.3;margin:0}.reels__btn{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-primary);align-items:center;justify-content:center;box-shadow:0 6px 18px -10px #3a1d7880;cursor:pointer}.reels__btn:hover{background:var(--c-primary);color:#fff}.reels__btn--prev{left:-18px}.reels__btn--next{right:-18px}@media(min-width:990px){.reels__btn{display:inline-flex}}.reels__cta{text-align:center;margin-top:28px}@media(prefers-reduced-motion:reduce){.reel__play,.reel__sound{transition:none}}@media(max-width:749px){.reels--masonry .reel--landscape{column-span:all}.reel__play{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/video-reels.css.map */