.stories-carousel{width:100vw;margin:24px -16px;padding:0;position:relative}.stories-container{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:none;padding:0 16px 16px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.stories-container::-webkit-scrollbar{height:3px}.stories-container::-webkit-scrollbar-track{background:transparent;border-radius:1.5px}.stories-container::-webkit-scrollbar-thumb{background:#00000026;border-radius:1.5px;transition:background .3s ease}.stories-container::-webkit-scrollbar-thumb:hover{background:#00000040}.story-video{flex-shrink:0;width:120px;height:213px;border-radius:8px;overflow:hidden;box-shadow:-2px 4px 8px #00000014;position:relative;background:#f5f5f5}.story-video video{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:opacity .3s ease;display:block}.story-video video:not([data-loaded]){opacity:0}.story-video video[data-loaded]{opacity:1}@media (min-width: 768px){.stories-carousel{padding:0;width:100%;margin:24px 0}.stories-container{padding:0 0 16px}.story-video{width:180px;height:320px}.stories-container{gap:10px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/stories-carousel.css.map */