.story__container{position:relative;width:100%;aspect-ratio:1 / 1;max-width:600px;margin:0 auto;border-radius:12px;overflow:hidden;background:#111}.story__stage{position:relative;width:100%;height:100%}.story__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease;display:flex;align-items:center;justify-content:center}.story__slide.is-active{opacity:1}.story__img{width:100%;height:100%;object-fit:cover}.story__progress{position:absolute;top:10px;left:10px;right:10px;display:grid;grid-auto-flow:column;gap:6px;z-index:5}.story__bar{background:#ffffff40;height:3px;border-radius:2px;overflow:hidden}.story__barFill{display:block;width:0%;height:100%;background:#fff;transform-origin:left}.story__tap{position:absolute;top:0;bottom:0;width:50%;background:transparent;border:0;cursor:pointer;z-index:4}.story__tap--prev{left:0}.story__tap--next{right:0}.story__controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:6}.story__controls button{width:36px;height:36px;border-radius:50%;border:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.story__container:is(:hover,:focus-within) .story__controls button{background:#0000008c}.story__tap:focus-visible,.story__controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.story__container[data-count="1"] .story__progress,.story__container[data-count="1"] .story__tap--prev,.story__container[data-count="1"] .story__tap--next{display:none}
/*# sourceMappingURL=/cdn/shop/t/45/assets/story-stories.css.map */