.sv{--sv-img-h: 110px;--sv-img-in: 40px;--sv-img-lift: 14px;--sv-pop: calc(var(--sv-img-h) - var(--sv-img-in) + var(--sv-img-lift));--sv-progress-h: 4px;display:block}.sv__head{margin-bottom:20px}.sv__head--center{text-align:center}.sv__title{margin:0;font-size:24px}.sv__desc{margin-top:8px}.sv__desc>:last-child{margin-bottom:0}.sv__stage{position:relative}.sv__media{position:relative;overflow:hidden;aspect-ratio:var(--sv-ratio-mobile);background:var(--sv-media-bg)}.sv__video,.sv__poster{display:block;width:100%;height:100%;object-fit:cover}.sv__media .placeholder-svg{width:100%;height:100%;background:#e9e9e9}.sv__video--desktop{display:none}.sv__toggle{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s ease,background-color .2s ease}.sv__toggle:hover,.sv__toggle:focus-visible{opacity:1;background:#000000b3}.sv__toggle svg{width:16px;height:16px}.sv__icon-play,.sv.is-paused .sv__icon-pause{display:none}.sv.is-paused .sv__icon-play{display:block}.sv.is-paused .sv__toggle{opacity:1;width:52px;height:52px;top:50%;right:50%;transform:translate(50%,-50%)}.sv.is-paused .sv__toggle svg{width:22px;height:22px;margin-left:2px}.sv__progress{position:relative;height:var(--sv-progress-h);background:var(--sv-progress-track);cursor:pointer}.sv__progress:before{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.sv__bar{display:block;width:100%;height:100%;background:var(--sv-progress);transform:scaleX(0);transform-origin:left center}.sv__products{background:var(--sv-panel)}.sv__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:calc(var(--sv-pop) + 16px) 16px 16px;scrollbar-width:none}.sv__track::-webkit-scrollbar{display:none}.sv-card{position:relative;flex:0 0 min(56vw,240px);display:flex;flex-direction:column;padding:calc(var(--sv-img-in) - var(--sv-img-lift) + 4px) 12px 12px;border-radius:8px;background:var(--sv-card-bg);color:var(--sv-card-text);text-decoration:none;scroll-snap-align:start}.sv-card:hover,.sv-card:focus{color:var(--sv-card-text)}.sv-card:focus-visible{outline:2px solid var(--sv-card-text);outline-offset:2px}.sv-card__img{position:absolute;left:50%;width:86%;transform:translate(-50%);bottom:calc(100% - var(--sv-img-in) + var(--sv-img-lift));height:var(--sv-img-h);pointer-events:none}.sv-card__img img,.sv-card__img svg{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .3s ease;transform-origin:center bottom}.sv-card:hover .sv-card__img img{transform:scale(1.05)}.sv-card__img.is-fallback{width:var(--sv-img-h)}.sv-card__img.is-fallback img{object-fit:cover;object-position:center;border-radius:6px;box-shadow:0 2px 10px #0000001f}.sv-card__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sv-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.35}.sv-card__go{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--sv-button);color:#fff;transition:transform .2s ease}.sv-card__go svg{width:16px;height:16px}.sv-card:hover .sv-card__go{transform:translate(2px)}@media(min-width:1200px){.sv{--sv-img-h: 150px;--sv-img-in: 58px;--sv-img-lift: 20px}.sv__head{margin-bottom:28px}.sv__title{font-size:32px}.sv__media{aspect-ratio:var(--sv-ratio)}.sv__video--desktop{display:block}.sv__video--mobile{display:none}.sv__toggle{top:16px;right:16px}.sv.is-paused .sv__stage.has-cards .sv__toggle{top:36%}.sv__products{position:absolute;left:0;right:0;bottom:calc(var(--sv-progress-h) + var(--sv-cards-bottom));z-index:1;background:none;pointer-events:none}.sv__stage:not(:has(.sv__progress)) .sv__products{bottom:var(--sv-cards-bottom)}.sv__track{gap:16px;padding:var(--sv-pop) 24px 0;scroll-padding:0 24px}.sv-card{flex:0 1 var(--sv-card-w);padding:calc(var(--sv-img-in) - var(--sv-img-lift) + 6px) 20px 16px;border-radius:4px;pointer-events:auto}.sv-card:first-child{margin-left:auto}.sv-card:last-child{margin-right:auto}.sv-card__img{width:84%}.sv-card__title{font-size:17px}.sv-card__go{width:36px;height:36px}.sv-card__go svg{width:18px;height:18px}}@media(min-width:1200px)and (max-width:1439px){.sv{--sv-img-h: 132px;--sv-img-in: 52px;--sv-img-lift: 18px}.sv-card{padding:calc(var(--sv-img-in) - var(--sv-img-lift) + 6px) 16px 14px}.sv-card__title{font-size:15px}.sv-card__go{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.sv-card__img img,.sv-card__go{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shoppable-video.css.map */