.video-stories{display:block;--vs-gap: clamp(12px, 1.4vw, 20px)}.video-stories__header{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.video-stories__viewport{position:relative}.video-stories__track{display:flex;gap:var(--vs-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 2px 10px}.video-stories__track::-webkit-scrollbar{display:none}.video-stories__card{scroll-snap-align:start;flex:0 0 calc((100% - (var(--vs-cols) - 1) * var(--vs-gap)) / var(--vs-cols));display:flex;flex-direction:column;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .08);border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.video-stories__card:hover{transform:translateY(-3px);border-color:rgb(var(--text-color) / .28)}.video-stories__media{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border:0;padding:0;margin:0;background:#111;cursor:pointer;overflow:hidden}.video-stories__poster,.video-stories__card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-stories__card-video{opacity:0;transition:opacity .3s}.video-stories__card-video.is-playing{opacity:1}.video-stories__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--background) / .9);color:rgb(var(--text-color));box-shadow:0 4px 14px #00000040;transition:transform .2s,opacity .2s}.video-stories__media:hover .video-stories__play{transform:translate(-50%,-50%) scale(1.08)}.video-stories__card-video.is-playing~.video-stories__play{opacity:0}.video-stories__play svg{margin-left:3px}.video-stories__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(to top,rgb(0 0 0 / .45),transparent);pointer-events:none}.video-stories__info{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;text-align:center;flex:1}.video-stories__name{font-weight:600;font-size:.95rem;line-height:1.25;color:rgb(var(--text-color));margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-stories__thumb{display:block;margin:2px auto 0;line-height:0}.video-stories__thumb img{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid rgb(var(--text-color) / .1);background:rgb(var(--text-color) / .04)}.video-stories__price{font-size:1rem;font-weight:700;color:rgb(var(--text-color));margin:0}.video-stories__link{margin-top:auto;display:inline-block;padding:9px 14px;border-radius:var(--button-border-radius, 999px);border:1px solid rgb(var(--text-color) / .85);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:rgb(var(--text-color));transition:background .15s,color .15s}.video-stories__link:hover{background:rgb(var(--text-color));color:rgb(var(--background))}.video-stories__arrow{position:absolute;top:calc(50% - 40px);transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--background));color:rgb(var(--text-color));border:1px solid rgb(var(--text-color) / .12);box-shadow:0 6px 18px rgb(var(--text-color) / .18);cursor:pointer;transition:transform .15s,opacity .2s}.video-stories__arrow:hover{transform:translateY(-50%) scale(1.06)}.video-stories__arrow[hidden]{display:none}.video-stories__arrow--prev{left:-10px}.video-stories__arrow--next{right:-10px}@media(max-width:749px){.video-stories__arrow--prev{left:2px}.video-stories__arrow--next{right:2px}}.video-stories__dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.video-stories__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgb(var(--text-color) / .22);cursor:pointer;transition:all .2s}.video-stories__dots button.is-active{background:rgb(var(--text-color));width:22px;border-radius:4px}@media(max-width:1199px){.video-stories{--vs-cols: 4 !important}}@media(max-width:999px){.video-stories{--vs-cols: 3 !important}}@media(max-width:749px){.video-stories{--vs-cols: 1 !important}}@media(prefers-reduced-motion:reduce){.video-stories__card-video{display:none}.video-stories__track{scroll-behavior:auto}}.video-stories__modal .vs-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;align-items:center;justify-content:center;background:#00000059}.video-stories__modal.is-loading .vs-loading{display:flex}.vs-loading__spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgb(255 255 255 / .25);border-top-color:#fff;animation:vs-spin .8s linear infinite}@keyframes vs-spin{to{transform:rotate(360deg)}}.vs-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:40px 16px 18px;text-align:left;color:#fff;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent)}.vs-caption__name{font-weight:600;font-size:1rem;margin:0 0 2px}.vs-caption__price{font-weight:700;font-size:.95rem;margin:0 0 8px;opacity:.95}.vs-caption__link{pointer-events:auto;display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;color:#111;font-size:.78rem;font-weight:700;text-decoration:none}.product-stories__sound{position:absolute;z-index:4;top:14px;left:14px;width:40px;height:40px;border-radius:50%;border:0;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.product-stories__sound:hover{background:#000000b3}.product-stories__sound .vs-ico-muted,.product-stories__sound.is-muted .vs-ico-on{display:none}.product-stories__sound.is-muted .vs-ico-muted{display:block}
/*# sourceMappingURL=/cdn/shop/t/143/assets/page-video-stories.css.map */