.stories{display:block;margin:0 0 2rem}.stories__heading{margin:0 0 1.2rem;font-size:1.9rem;line-height:1.25;font-weight:700;color:#000}.stories__row{--stories-gap: 1.2rem;display:flex;gap:var(--stories-gap);margin:0;padding:0 0 .4rem;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.stories__row::-webkit-scrollbar{display:none}.stories__item{flex:0 0 calc((100% - var(--stories-gap) * 2) / 3)}.stories__btn{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:0;white-space:normal;background:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.stories__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:1.2rem;background:#f0f0f0;transition:transform .15s ease}@supports not (aspect-ratio: 9 / 16){.stories__card{height:0;padding-bottom:177%}}.stories__btn:hover .stories__card{transform:scale(1.02)}.stories__btn:focus-visible{outline:none}.stories__btn:focus-visible .stories__card{box-shadow:0 0 0 .3rem #000}.stories__preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.stories__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:3.8rem;height:3.8rem;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffd1;color:#111;pointer-events:none}.stories__play svg{margin-left:.2rem}.stories__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;line-height:1.2;text-align:center;color:#000}.stories-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}.stories-viewer[data-open]{opacity:1}.stories-viewer[hidden]{display:none}.stories-viewer:not([data-open]){pointer-events:none}.stories-viewer__stage{position:relative;width:min(100%,42rem);aspect-ratio:9 / 16;max-height:min(82vh,78rem);background:#000;border-radius:1.6rem;overflow:hidden;box-shadow:0 2rem 6rem #00000073;touch-action:none}@supports not (aspect-ratio: 9 / 16){.stories-viewer__stage{height:80vh}}.stories-viewer__video{width:100%;height:100%;object-fit:cover;background:#000}.stories-viewer__stage:before{content:"";position:absolute;top:0;left:0;right:0;height:7.5rem;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#0000008c,#0000)}.stories-viewer__bars{position:absolute;top:.8rem;left:.8rem;right:.8rem;z-index:4;display:flex;gap:.4rem}.stories-viewer__bar{flex:1 1 0;height:.25rem;border-radius:.2rem;background:#ffffff59;overflow:hidden}.stories-viewer__fill{display:block;width:0;height:100%;background:#fff}.stories-viewer__top{position:absolute;top:2.1rem;left:1rem;right:1rem;z-index:4;display:flex;align-items:center;gap:1rem;color:#fff}.stories-viewer__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;text-shadow:0 .1rem .6rem rgba(0,0,0,.5)}.stories-viewer__icon{flex:0 0 auto;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.stories-viewer__icon:focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem}.stories-viewer__zone{position:absolute;top:0;bottom:0;height:auto;border-radius:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent}.stories-viewer__zone--prev{left:0;width:32%}.stories-viewer__zone--next{right:0;width:68%}.stories-viewer__zone:focus-visible{outline:.2rem solid rgba(255,255,255,.6);outline-offset:-.4rem}.stories-viewer__spinner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#fffc;font-size:1.3rem}.stories-viewer:not([data-loading]) .stories-viewer__spinner{display:none}.stories-viewer[data-held] .stories-viewer__bars,.stories-viewer[data-held] .stories-viewer__top{opacity:0;transition:opacity .2s ease}body.stories-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.stories-viewer,.stories__ring,.stories-viewer__bars,.stories-viewer__top{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-stories.css.map */