.vs-section{padding-top:var(--vs-padding-top, 60px);padding-bottom:var(--vs-padding-bottom, 60px)}.vs__head{text-align:var(--vs-heading-align, center);margin-bottom:32px}.vs__heading{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}.vs__subheading{margin:0;opacity:.7;font-size:1rem}.vs__rail-wrap{position:relative}.vs__rail{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px 10px 8px;scrollbar-width:none}.vs__rail::-webkit-scrollbar{display:none}.vs__bubble{position:relative;flex:0 0 auto;width:var(--vs-bubble-w-desktop, 280px);aspect-ratio:var(--vs-bubble-ar, 1/1);padding:0;border:0;border-radius:var(--vs-bubble-radius, 10px);overflow:hidden;background:#111;cursor:pointer;scroll-snap-align:start;box-shadow:0 4px 16px #00000014;transition:transform .2s ease}.vs__bubble:hover{transform:scale(1.04)}.vs__bubble:hover .vs__title,.vs__bubble:hover .vs__play-icon{opacity:0}.vs__bubble:focus-visible{outline:3px solid #4d90fe;outline-offset:2px}.vs__bubble-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vs__poster,.vs__bubble video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vs__title{position:absolute;left:12px;bottom:10px;right:12px;color:#fff;font-weight:600;font-size:13px;line-height:1.2;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none;z-index:2;transition:opacity .2s ease}.vs__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:1;transition:opacity .2s ease}.vs__rail-fade{position:absolute;top:0;bottom:8px;right:0;width:80px;pointer-events:none;background:linear-gradient(to right,#fff0,#ffffffd9);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .2s ease;opacity:1}video-stories.is-scrolled-end .vs__rail-fade{opacity:0}@media(prefers-reduced-motion:reduce){.vs__rail-fade{transition:none}}@media(max-width:749px){.vs__bubble{width:var(--vs-bubble-w-mobile, 180px)}}.vs__modal{border:0;padding:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;background:transparent;color:#fff;overflow:hidden;overscroll-behavior:contain}.vs__modal::backdrop{background:#000000b3}.vs__modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(40px) brightness(.5);transform:scale(1.1);z-index:0}.vs__modal-stage{position:relative;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:16px}.vs__modal-frame{order:2;flex-shrink:0;position:relative;aspect-ratio:9/16;height:min(85dvh,700px);border-radius:18px;overflow:hidden;background:#000}.vs__modal-frame:focus,.vs__modal-frame:focus-visible{outline:none}.vs__modal-head{position:absolute;top:12px;left:12px;right:60px;display:flex;align-items:center;gap:10px;z-index:3;padding:8px 12px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.vs__modal-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#444}.vs__modal-avatar:not([src]),.vs__modal-avatar[src=""]{display:none}.vs__modal-title{font-size:.95rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs__modal-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.vs__modal-video{width:100%;height:100%;object-fit:cover;display:block}.vs__controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:4}.vs__btn{width:40px;height:40px;border:0;border-radius:50%;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background .15s ease}.vs__btn:hover{transform:scale(1.05);background:#00000080}.vs__btn:focus-visible{outline:3px solid #4d90fe;outline-offset:2px}.vs__nav{flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;background:#fffffff2;color:#111;cursor:pointer;display:grid;place-items:center;z-index:5}.vs__nav--prev{order:1}.vs__nav--next{order:3}.vs__upsell-card{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;border-radius:14px;overflow:hidden;background:#f9f9f9b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#111}.vs__upsell-card[hidden]{display:none}.vs__upsell-track{display:flex;transition:transform .28s ease;will-change:transform}.vs__upsell-slide{flex:0 0 100%;box-sizing:border-box;padding:10px;display:grid;grid-template-columns:64px 1fr;column-gap:10px;align-items:center}.vs__upsell-image{align-self:stretch;width:64px;border-radius:8px;overflow:hidden;background:#f4f4f4}.vs__upsell-image img{width:100%;height:100%;object-fit:cover;display:block}.vs__upsell-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vs__upsell-name{margin:0;font-size:.85rem;font-weight:700;color:#5bc97d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.vs__upsell-price{margin:0;font-size:.8rem;color:#555;line-height:1.2}.vs__upsell-cta{width:100%;border:0;margin-top:4px;padding:7px 10px;font-weight:600;font-size:.8rem;border-radius:8px;background:#5bc97d;color:#fff;cursor:pointer;transition:filter .15s ease}.vs__upsell-cta:hover{filter:brightness(.95)}.vs__upsell-cta:disabled{opacity:.5;cursor:not-allowed}.vs__upsell-cta:focus-visible{outline:3px solid #4d90fe;outline-offset:2px}.vs__variant-wrap{margin-top:6px}.vs__variant-prompt{font-size:.85rem;color:#555;margin-bottom:6px}.vs__variant-pills{display:flex;flex-wrap:wrap;gap:6px}.vs__variant-pill{padding:6px 12px;border:1px solid rgba(0,0,0,.2);border-radius:999px;background:transparent;color:#111;font-size:.85rem;cursor:pointer;transition:all .15s ease}.vs__variant-pill:hover{background:#0000000d}.vs__variant-pill[aria-pressed=true]{background:#5bc97d;color:#fff;border-color:#5bc97d}.vs__variant-pill:focus-visible{outline:3px solid #4d90fe;outline-offset:2px}.vs__upsell-dots{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:6px 10px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;z-index:4}.vs__upsell-dots[hidden]{display:none}.vs__upsell-dot{width:9px;height:9px;border-radius:50%;background:#ffffff73;border:0;padding:0;cursor:pointer;transition:background .15s ease,transform .15s ease}.vs__upsell-dot:hover{background:#ffffffbf}.vs__upsell-dot[aria-current=true]{background:#fff;transform:scale(1.15)}.vs__upsell-dot:focus-visible{outline:2px solid #4d90fe;outline-offset:2px}@media(max-width:749px){.vs__modal-stage{grid-template-columns:1fr}.vs__modal-frame{grid-column:1;height:100vh;height:100dvh;width:100vw;border-radius:0;aspect-ratio:auto}.vs__nav{display:none}.vs__controls{top:12px;right:12px}}@media(prefers-reduced-motion:reduce){.vs__bubble,.vs__upsell-track{transition:none}.vs__bubble[data-autoplay=true] video{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/video-stories.css.map */