.story-videos{width:100%;padding:24px 0}.story-videos__track{display:flex;justify-content:center;align-items:flex-start;gap:18px;padding:0 60px}.story-video{position:relative;flex:0 0 auto;width:170px}.story-video__frame{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#111;cursor:pointer}.story-video__media{width:100%;height:100%;object-fit:cover;display:block}.story-video__caption{position:absolute;left:10px;right:10px;bottom:46px;color:#fff;font-size:12px;line-height:1.3;text-align:center;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.55);pointer-events:none}.story-video__play{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:28px;height:28px;border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.story-video__play svg{width:100%;height:100%}@media(max-width:749px){.story-videos__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 calc(50% - 34vw);-webkit-overflow-scrolling:touch;scrollbar-width:none}.story-videos__track::-webkit-scrollbar{display:none}.story-video{width:68vw;max-width:260px;scroll-snap-align:center;transition:transform .25s ease,opacity .25s ease;opacity:.55;transform:scale(.9)}.story-video.is-active{opacity:1;transform:scale(1)}}.story-videos__dots{display:none}@media(max-width:749px){.story-videos__dots{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:14px}.story-videos__dot{width:6px;height:6px;border-radius:50%;background:#0003;transition:background .2s ease,transform .2s ease;transform:scale(1)}.story-videos__dot.is-active{background:#1a1a1a;transform:scale(1.3)}}.story-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.story-video-modal[hidden]{display:none}.story-video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.story-video-modal__inner{position:relative;z-index:1;width:min(92vw,380px);max-height:90vh;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#000}.story-video-modal__video,.story-video-modal__iframe{width:100%;height:100%;object-fit:contain;border:none;display:block}.story-video-modal__close{position:absolute;top:8px;right:12px;z-index:2;background:#00000080;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;line-height:1;cursor:pointer}.story-videos-section{position:relative;z-index:1}.story-videos-section:after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:36px;background:radial-gradient(ellipse at center,#f8d7e68c,#f8d7e600 75%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/story-videos.css.map */