.ss-stories{background:var(--ss-surface-raised)}.ss-stories__header{display:flex;flex-direction:column;gap:var(--ss-space-4);margin-bottom:var(--ss-rhythm-head)}.ss-stories__header-text{max-width:60rem}.ss-stories__label{font-size:var(--ss-text-compact);font-weight:var(--ss-weight-medium);color:var(--ss-brand);margin:0 0 var(--ss-space-2) 0;text-transform:uppercase;letter-spacing:.05em}.ss-stories__title{font-size:var(--ss-text-3xl);font-weight:var(--ss-weight-semi);letter-spacing:var(--ss-heading-tracking);color:var(--ss-fg);margin:0 0 var(--ss-space-2) 0;line-height:var(--ss-leading-heading)}.ss-stories__subtitle{font-size:var(--ss-text-md);color:var(--ss-fg-muted);line-height:var(--ss-leading-loose);margin:0}.ss-reels{position:relative}.ss-reels__track{display:flex;gap:var(--ss-space-3);margin:0;padding:0 0 var(--ss-space-1);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ss-reels__track::-webkit-scrollbar{display:none}.ss-reels__item{flex:0 0 clamp(15rem,44vw,22.5rem);scroll-snap-align:start}.ss-reels__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:var(--ss-radius-lg);overflow:hidden;background:var(--ss-dark);cursor:pointer;font:inherit;color:inherit}.ss-reels__card:focus-visible{outline:2px solid var(--ss-brand);outline-offset:2px}.ss-reels__poster,.ss-reels__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ss-reels__preview{opacity:0;transition:opacity var(--ss-transition)}.ss-reels__preview.is-playing{opacity:1}.ss-reels__card:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;pointer-events:none;background:linear-gradient(to top,var(--black-60),transparent)}.ss-reels__play{position:absolute;top:50%;left:50%;z-index:1;width:4.4rem;height:4.4rem;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:var(--ss-radius-circle);background:var(--white-90);color:var(--ss-dark);box-shadow:0 2px 12px var(--black-15);transition:transform var(--ss-transition),opacity var(--ss-transition)}.ss-reels__play svg{width:1.6rem;height:1.6rem;margin-left:.2rem}.ss-reels__card:hover .ss-reels__play{transform:translate(-50%,-50%) scale(1.1)}.ss-reels__preview.is-playing~.ss-reels__play{opacity:0}.ss-reels__credit{position:absolute;left:var(--ss-space-3);right:var(--ss-space-3);bottom:var(--ss-space-3);z-index:1;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-medium);color:var(--ss-badge-fg);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-reels__tag{position:absolute;top:var(--ss-space-2);left:var(--ss-space-2);z-index:1;display:inline-flex;align-items:center;gap:var(--ss-space-1);padding:.3rem .8rem .3rem .3rem;border-radius:var(--ss-radius-full);background:var(--white-95);color:var(--ss-fg);font-size:var(--ss-text-xs);font-weight:var(--ss-weight-semi)}.ss-reels__tag-img{width:2.4rem;height:2.4rem;border-radius:var(--ss-radius-circle);object-fit:cover}.ss-reels__arrow{display:none;position:absolute;top:50%;z-index:2;width:4.4rem;height:4.4rem;transform:translateY(-50%);align-items:center;justify-content:center;border:1px solid var(--ss-border);border-radius:var(--ss-radius-circle);background:var(--ss-surface);color:var(--ss-fg);cursor:pointer;box-shadow:0 2px 12px var(--black-15);transition:opacity var(--ss-transition)}.ss-reels__arrow svg{width:2rem;height:2rem}.ss-reels__arrow[disabled]{opacity:0;pointer-events:none}.ss-reels__arrow:focus-visible{outline:2px solid var(--ss-brand);outline-offset:2px}.ss-reels__arrow--prev{left:-2.2rem}.ss-reels__arrow--next{right:-2.2rem}.ss-reels-player{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--black-90);color:var(--ss-badge-fg);overflow:hidden}.ss-reels-player[open]{display:flex;align-items:center;justify-content:center}.ss-reels-player::backdrop{background:var(--black-85)}html.ss-reels-open{overflow:hidden}.ss-reels-player__frame{position:relative;width:100%;height:100%;background:var(--ss-dark-hover);overflow:hidden;touch-action:none}.ss-reels-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--ss-dark-hover)}.ss-reels-player__bar{position:absolute;top:0;left:0;right:0;z-index:2;height:3px;background:var(--ss-dark-fg-muted)}.ss-reels-player__bar span{display:block;height:100%;width:0;background:var(--ss-badge-fg)}.ss-reels-player__top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:var(--ss-space-2);padding:var(--ss-space-3) var(--ss-space-3) var(--ss-space-8);background:linear-gradient(to bottom,var(--black-60),transparent)}.ss-reels-player__credit{flex:1 1 auto;min-width:0;font-size:var(--ss-text-base);font-weight:var(--ss-weight-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-reels-player__count{font-size:var(--ss-text-sm);opacity:.8}.ss-reels-player__btn{flex:0 0 auto;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--ss-radius-circle);background:var(--black-40);color:var(--ss-badge-fg);cursor:pointer}.ss-reels-player__btn svg{width:2rem;height:2rem;pointer-events:none}.ss-reels-player__btn:focus-visible,.ss-reels-player__nav:focus-visible,.ss-reels-player__buy:focus-visible{outline:2px solid var(--ss-badge-fg);outline-offset:2px}.ss-reels-player__icon-muted,.ss-reels-player.is-muted .ss-reels-player__icon-sound{display:none}.ss-reels-player.is-muted .ss-reels-player__icon-muted{display:block}.ss-reels-player__paused{position:absolute;top:50%;left:50%;z-index:1;width:6.4rem;height:6.4rem;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:var(--ss-radius-circle);background:var(--black-40);pointer-events:none}.ss-reels-player__paused[hidden]{display:none}.ss-reels-player__paused svg{width:2.8rem;height:2.8rem;margin-left:.3rem}.ss-reels-player__product{position:absolute;left:var(--ss-space-3);right:var(--ss-space-3);bottom:var(--ss-space-4);z-index:2;display:flex;align-items:center;gap:var(--ss-space-3);padding:var(--ss-space-2);border-radius:var(--ss-radius-lg);background:var(--ss-surface);color:var(--ss-fg)}.ss-reels-player__product[hidden]{display:none}.ss-reels-player__product-img{flex:0 0 auto;width:5.6rem;height:5.6rem;border-radius:var(--ss-radius-md);object-fit:cover}.ss-reels-player__product-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.ss-reels-player__product-title{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-reels-player__product-price{font-size:var(--ss-text-sm);color:var(--ss-fg-muted)}.ss-reels-player__buy{flex:0 0 auto;min-height:4.4rem;padding:0 var(--ss-space-4);display:inline-flex;align-items:center;border:0;border-radius:var(--ss-radius-md);background:var(--ss-brand);color:var(--ss-badge-fg);font:inherit;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semi);text-decoration:none;cursor:pointer}.ss-reels-player__buy:hover{background:var(--ss-brand-hover)}.ss-reels-player__buy[hidden]{display:none}.ss-reels-player__buy.is-loading{opacity:.6;pointer-events:none}.ss-reels-player__status{position:absolute;left:50%;bottom:11rem;z-index:3;transform:translate(-50%);margin:0;padding:var(--ss-space-2) var(--ss-space-4);border-radius:var(--ss-radius-full);background:var(--black-80);font-size:var(--ss-text-sm);white-space:nowrap}.ss-reels-player__status[hidden]{display:none}.ss-reels-player__status a{color:inherit;text-decoration:underline}.ss-reels-player__nav{display:none;width:4.8rem;height:4.8rem;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:var(--ss-radius-circle);background:var(--white-90);color:var(--ss-dark);cursor:pointer}.ss-reels-player__nav svg{width:2.2rem;height:2.2rem}.ss-reels-player__nav[disabled]{opacity:.3;cursor:default}@media screen and (min-width:750px){.ss-stories__label{font-size:var(--ss-text-base)}.ss-stories__title{font-size:var(--ss-text-4xl)}.ss-stories__subtitle{font-size:var(--ss-text-lg)}.ss-reels__track{gap:var(--ss-space-4)}.ss-reels__item{flex-basis:22.5rem}.ss-reels-player{gap:var(--ss-space-6)}.ss-reels-player__frame{width:auto;height:min(92vh,86rem);aspect-ratio:9 / 16;border-radius:var(--ss-radius-xl)}.ss-reels-player__nav{display:flex}.ss-reels-player__nav--prev{order:-1}}@media screen and (min-width:990px){.ss-reels__arrow{display:flex}.ss-stories__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--ss-space-8)}.ss-stories__subtitle{font-size:var(--ss-text-xl)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ss-reels.css.map */