.vs-root{position:relative;margin-top:var(--mt, 0px);margin-bottom:var(--mb, 0px);--fade-w: 24px;border-radius:var(--vs-radius)}.vs-container{width:100%}.vs-title{margin:0 0 10px;font-family:var(--vs-title-family);font-weight:var(--vs-title-weight);font-style:var(--vs-title-style);font-size:var(--vs-title-size);color:var(--vs-title-color)}.vs-strip-wrap{position:relative}.vs-strip{position:relative;z-index:1;display:flex;gap:var(--vs-gap);list-style:none;margin:0;padding:0 calc(var(--pad-x));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.vs-strip::-webkit-scrollbar{display:none}.vs-strip.is-drag{cursor:grabbing}.vs-strip>li{flex:0 0 auto}.vs-item{background:none;border:0;padding:0;cursor:pointer}.vs-bubble{position:relative;display:grid;width:var(--vs-size);height:var(--vs-size);border-radius:50%;box-sizing:border-box;padding:var(--vs-ring);background:var(--vs-ring-bg)}.vs-inner{position:relative;width:100%;height:100%;padding:var(--vs-inner-gap);box-sizing:border-box;border-radius:inherit;overflow:hidden;background:var(--vs-gap-color);display:grid;place-items:center}.vs-cover-video{aspect-ratio:1/1}.vs-cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.vs-cover--placeholder{background:#eee;width:100%;height:100%}.vs-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--vs-play-size);height:var(--vs-play-size);color:var(--vs-play-color);filter:drop-shadow(0 2px 8px rgba(0,0,0,.45));pointer-events:none;z-index:2;opacity:1}.vs-label{display:block;text-align:center;margin-top:6px;color:var(--vs-label-color);font-size:var(--vs-label-size);font-family:var(--vs-label-family);font-weight:var(--vs-label-weight);font-style:var(--vs-label-style)}.vs-bubble.is-pulsing:after{content:none!important}@keyframes vsPulse{0%{opacity:.45;transform:translate(-50%,-50%) scale(1)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.vs-pulse-float{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(1);transform-origin:center center;will-change:transform,opacity;width:0;height:0;border-radius:50%;background:var(--vs-ring-bg, rgba(0, 0, 0, .25));opacity:.45;animation:vsPulse 1.8s ease-out infinite;pointer-events:none;z-index:0}.vs-strip{--fade-l: var(--fade-w, 24px);--fade-r: var(--fade-w, 24px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%)}.vs-strip[data-at-start=true]{--fade-l: 0px}.vs-strip[data-at-end=true]{--fade-r: 0px}.vs-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--vs-overlay-bg, rgba(0, 0, 0, .72));z-index:9999;display:none}.vs-modal[data-open=true]{display:block!important;opacity:1!important;visibility:visible!important}.vs-stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:auto;perspective:1000px;transform-style:preserve-3d;overflow:hidden}.vs-modal .vs-stage{width:100vw!important;height:100dvh!important}.vs-modal .vs-swiper,.vs-modal .swiper,.vs-modal .swiper-container,.vs-modal .swiper-wrapper,.vs-modal .swiper-slide{width:100%!important;height:100%!important;min-height:1px}.vs-modal .swiper-slide{display:flex;align-items:center;justify-content:center;position:relative}.vs-modal .swiper-slide .vs-video{width:auto;max-width:100%;border-radius:16px}.vs-modal{--swiper-theme-color: #fff}@media (max-width: 767.98px){.vs-video{height:100dvh;width:100vw;aspect-ratio:auto;border-radius:0}.vs-modal .swiper-slide .vs-video{border-radius:0}.vs-modal .vs-main-prev,.vs-modal .vs-main-next{display:none}}.vs-video{display:block;height:calc(100dvh - 24px);width:auto;max-width:100vw;aspect-ratio:9/16;object-fit:contain;border-radius:16px;box-shadow:0 10px 30px #00000059;background:#000;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.vs-video::-webkit-media-controls{display:none!important}@media (min-width: 768px){.vs-modal .swiper-slide .vs-video{max-height:calc(100% - 48px)}}.vs-timeline{position:absolute;height:3px;background:#ffffff40;border-radius:3px;overflow:hidden;z-index:5}.vs-timeline__bar{display:block;width:0%;height:100%;background:#fff;transition:width .1s linear}.vs-meta{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;color:var(--vs-meta-color);font-family:var(--vs-meta-family);font-weight:var(--vs-meta-weight);font-style:var(--vs-meta-style);line-height:var(--vs-meta-lh)}.vs-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#222;flex:0 0 auto}.vs-meta__title{font-weight:inherit;font-size:var(--vs-meta-size);margin:0;align-self:center}@media (max-width: 767.98px){.vs-meta__title{font-size:var(--vs-meta-size-m)}}.vs-actions{position:absolute;z-index:6;display:flex;flex-direction:column;gap:10px;align-items:center}.vs-actions button{width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:#00000059;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.vs-overlay{position:absolute}.vs-overlay .vs-timeline{left:10px;right:10px;top:8px}.vs-overlay .vs-meta{left:10px;top:25px}.vs-overlay .vs-actions{right:10px;top:25px}.vs-modal .vs-main-prev,.vs-modal .vs-main-next{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#ffffff2e;color:#fff;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center}.vs-modal .vs-main-prev:after,.vs-modal .vs-main-next:after{font-size:20px;color:#fff}.vs-scroll-lock{position:fixed;overflow:hidden;width:100%}.vs-stage,.vs-slide,.vs-video{touch-action:pan-y}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-story.css.map */