:root{--vs-gradient: linear-gradient(135deg, #f9ce34 0%, #ee2a7b 50%, #6228d7 100%);--vs-ring-border: 3px;--vs-ring-gap: 3px;--vs-thumb-sm: 56px;--vs-thumb-md: 72px;--vs-thumb-lg: 88px;--vs-modal-z: 2147483647;--vs-progress-h: 2px;--vs-progress-gap: 4px;--vs-glass-bg: rgba(0, 0, 0, .45);--vs-glass-blur: blur(6px);--vs-easing: cubic-bezier(.22, 1, .36, 1)}video-stories-component{display:block;width:100%}.vs-heading{margin:0 0 12px;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:currentColor;opacity:.7}.vs-list{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.vs-list::-webkit-scrollbar{display:none}.vs-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;scroll-snap-align:start}.vs-trigger{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.vs-trigger:focus-visible .vs-ring{outline:2px solid currentColor;outline-offset:4px}.vs-ring{display:grid;place-items:center;padding:var(--vs-ring-border);border-radius:50%;background:var(--vs-gradient)}.vs-trigger[data-viewed=true] .vs-ring{background:#00000026}.vs-thumb{display:block;border-radius:50%;overflow:hidden;background:#f0f0f0}.vs-block--thumb-sm .vs-thumb{width:var(--vs-thumb-sm);height:var(--vs-thumb-sm)}.vs-block--thumb-md .vs-thumb{width:var(--vs-thumb-md);height:var(--vs-thumb-md)}.vs-block--thumb-lg .vs-thumb{width:var(--vs-thumb-lg);height:var(--vs-thumb-lg)}.vs-ring:after{display:none}.vs-thumb__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;box-shadow:0 0 0 var(--vs-ring-gap) var(--color-background, #fff) inset;border-radius:50%}.vs-thumb__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#aaa;background:#e8e8e8}.vs-label{display:block;max-width:72px;font-size:.7rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:currentColor;opacity:.75}video-story-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vs-modal-z);display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none}video-story-modal[data-open=true]{visibility:visible;pointer-events:auto}.vs-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .25s ease}video-story-modal[data-open=true] .vs-modal__backdrop{opacity:1}.vs-modal__stage{position:relative;z-index:1;width:51.75dvh;max-width:min(430px,calc(100vw - 32px));height:min(92dvh,calc((100vw - 32px) * 16 / 9));border-radius:16px;overflow:hidden;background:#000;contain:layout style;transform:scale(.92);opacity:0;transition:transform .28s var(--vs-easing),opacity .28s ease}video-story-modal[data-open=true] .vs-modal__stage{transform:scale(1);opacity:1}.vs-modal__slides{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.vs-modal__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.vs-modal__slide[data-active=true]{opacity:1;pointer-events:auto}.vs-modal__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#000}.vs-modal__progress-row{position:absolute;top:12px;left:12px;right:12px;z-index:10;display:flex;gap:var(--vs-progress-gap);pointer-events:none}.vs-modal__progress-seg{flex:1;height:var(--vs-progress-h);border-radius:999px;background:#ffffff59;overflow:hidden}.vs-modal__progress-fill{height:100%;width:0%;background:#fff;border-radius:999px;transform-origin:left;will-change:width}.vs-modal__progress-seg[data-state=done] .vs-modal__progress-fill{width:100%;transition:none}.vs-modal__progress-seg[data-state=active] .vs-modal__progress-fill{transition:none}.vs-modal__glass-btn{position:absolute;z-index:10;width:36px;height:36px;display:grid;place-items:center;border:none;border-radius:50%;background:var(--vs-glass-bg);backdrop-filter:var(--vs-glass-blur);-webkit-backdrop-filter:var(--vs-glass-blur);color:#fff;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .15s ease}.vs-modal__glass-btn:hover{background:#000000a6;transform:scale(1.08)}.vs-modal__glass-btn:active{transform:scale(.94)}.vs-modal__close{top:36px;right:12px}.vs-modal__mute{bottom:20px;right:12px}.vs-modal__mute-icon{width:20px;height:20px}.vs-modal__mute-icon--on{display:none}.vs-modal__mute-icon--off,.vs-modal__mute[data-muted=false] .vs-modal__mute-icon--on{display:block}.vs-modal__mute[data-muted=false] .vs-modal__mute-icon--off{display:none}.vs-modal__tap{position:absolute;top:0;bottom:0;z-index:5;width:35%;cursor:pointer}.vs-modal__tap--prev{left:0}.vs-modal__tap--next{right:0}body.vs-modal-open{overflow:hidden;touch-action:none}@media(prefers-reduced-motion:reduce){.vs-modal__stage,.vs-modal__backdrop,.vs-ring,.vs-modal__glass-btn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/video-story.css.map */