.product-stories__header{text-align:center;padding-bottom:var(--spacing-md)}.product-stories{position:relative;display:block}.product-stories__row{position:relative;display:flex;gap:10px;margin:0 calc(var(--spacing-sm) * -1);padding:0 30px;scroll-padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-tap-highlight-color:transparent}.product-stories__row::-webkit-scrollbar{display:none}.product-stories__row.is-dragging{scroll-snap-type:none;cursor:grabbing}.product-stories__row.is-dragging .pstory{pointer-events:none}.pstory{position:relative;flex:0 0 100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:16px;background:#000;color:#fff;scroll-snap-align:center;cursor:pointer;opacity:.45;transform:scale(.94);transition:opacity .3s ease,transform .3s ease;user-select:none;-webkit-user-select:none}.pstory[data-active]{opacity:1;transform:none;cursor:default}.pstory__media,.pstory__media img,.pstory__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pstory:before,.pstory:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.pstory:before{top:0;height:110px;background:linear-gradient(rgba(0,0,0,.4),transparent)}.pstory:after{bottom:0;height:160px;background:linear-gradient(transparent,#00000059)}.pstory__bar{position:absolute;top:12px;left:12px;right:12px;z-index:2;height:2.5px;border-radius:2px;background:#ffffff59;overflow:hidden}.pstory__fill{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.pstory__author{position:absolute;top:22px;left:14px;right:56px;z-index:2;margin:0;line-height:40px;font-weight:var(--font-weight-demi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35)}.pstory__mute{position:absolute;top:22px;right:6px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:none;color:#fff;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.pstory__mute svg{width:22px;height:22px}.product-stories .story-icon-sound,.product-stories[data-sound] .story-icon-muted{display:none}.product-stories[data-sound] .story-icon-sound{display:block}.pstory__paused{position:absolute;top:50%;left:50%;z-index:2;display:none;width:56px;height:56px;margin:-28px 0 0 -28px;padding:16px;border-radius:50%;background:#00000059;color:#fff;pointer-events:none}.product-stories[data-paused] .pstory[data-active] .pstory__paused{display:block}.pstory:not([data-active]) .pstory__bar,.pstory:not([data-active]) .pstory__author,.pstory:not([data-active]) .pstory__mute{opacity:0}.pstory:not([data-active]) .pstory__products{pointer-events:none}.pstory .pstory__products{bottom:12px}.pstory .story-product--atc{padding-right:8px}.story-product__link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit;text-decoration:none}.story-product__atc{flex:none}.pstory .story-product__image{width:44px;height:44px}.story-product__atc-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--color-black);cursor:pointer;transition:transform .15s ease}.story-product__atc-button:not([disabled]):active{transform:scale(.92)}.pstory .story-product__atc-button[data-state=loading],.pstory .story-product__atc-button[data-state=success]{color:var(--color-black)!important}.pstory .story-product__atc-button[data-state]:after{content:none!important}.story-product__atc-button[disabled]{opacity:.6;cursor:default}.product-stories__arrows{display:none}@media(min-width:880px){.product-stories__row{gap:20px;margin:0;padding:0;scroll-padding:0}.pstory{flex-basis:calc((100% - 3 * 20px) / 3.5);scroll-snap-align:start}@media(hover:hover)and (pointer:fine){.product-stories__row{cursor:grab}}.product-stories__arrows{position:absolute;top:50%;left:-22px;right:-22px;z-index:3;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.product-stories__arrows .story-viewer__arrow{margin:0;pointer-events:auto;box-shadow:0 4px 16px #0000001f}}@media(prefers-reduced-motion:reduce){.pstory{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-product-stories.css.map */