.svs{--svs-gap: 8px;--svs-per-view: var(--svs-pv-desktop, 5);--svs-edge: var(--page-padding, 20px);--svs-radius: 4px;--svs-card-inset: 10px;--svs-card-bg: #fff;--svs-card-text: #1a1a1a;display:block}.svs .svs__heading-group{text-align:center;margin-bottom:28px;padding-inline:var(--svs-edge)}.svs .svs__subhead{margin:0 0 6px;font-size:13px;letter-spacing:.04em;opacity:.75;text-align:center}.svs .svs__title{display:block;width:100%;max-width:none;margin:0 auto;padding:0;float:none;text-align:center;font-size:min(calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)),calc(var(--font-headline-size) + 13.5vw))}.svs .svs__title>*,.svs .svs__title--rich>*{margin:0;padding:0;text-align:center}.svs .svs__viewport{position:relative}.svs .svs__track{display:flex;align-items:flex-start;gap:var(--svs-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--svs-edge);padding-inline:var(--svs-edge);-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.svs .svs__track::-webkit-scrollbar{display:none}.svs .svs__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.svs .svs__slide{flex:0 0 auto;width:20%;width:calc((100% - (var(--svs-per-view) - 1) * var(--svs-gap)) / var(--svs-per-view));scroll-snap-align:start;border:0}.svs .svs__media{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border:0;border-radius:0;background:transparent}.svs .svs__media>video,.svs .svs__media>img,.svs .svs__media>svg,.svs .svs__media>div:not(.svs-card-wrap){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.svs .svs__media video,.svs .svs__media img,.svs .svs__media svg{width:100%;height:100%;object-fit:cover;display:block;border:0}.svs .svs__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#ffffff40;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}.svs .svs__slide:hover .svs__play,.svs .svs__slide:focus-within .svs__play{opacity:1}@media(hover:none){.svs .svs__play{opacity:1}}.svs .svs__play svg{width:18px;height:18px;fill:currentColor}.svs .svs__play .svs__icon-pause{display:none}.svs .svs__slide[data-playing] .svs__play .svs__icon-pause{display:block}.svs .svs__slide[data-playing] .svs__play .svs__icon-play{display:none}.svs .svs__sound{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#00000059}.svs .svs__sound svg{width:16px;height:16px}.svs .svs__sound .svs__icon-sound-on{display:none}.svs .svs__slide[data-sound-on] .svs__sound .svs__icon-sound-on{display:block}.svs .svs__slide[data-sound-on] .svs__sound .svs__icon-sound-off{display:none}.svs .svs__media .svs-card-wrap{position:absolute!important;top:auto!important;left:var(--svs-card-inset);right:var(--svs-card-inset);bottom:var(--svs-card-inset);z-index:4;display:flex;align-items:center;gap:8px;margin:0;padding:8px;width:auto;background:var(--svs-card-bg);border:0;border-radius:0;box-shadow:0 2px 10px #0000001f;transition:opacity .25s ease,transform .25s ease}.svs .svs-card{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--svs-card-text)}.svs .svs-card__media{flex:0 0 auto;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#0000000d}.svs .svs-card__media img{width:100%;height:100%;object-fit:cover;display:block;object-position:top center}.svs .svs-card__body{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.svs .svs-card__brand{font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svs .svs-card__title{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;overflow-wrap:anywhere}.svs .svs-card__price{font-size:12px;font-weight:600;line-height:1.25;color:var(--color-price, inherit)}.svs .svs-card__price .price,.svs .svs-card__price .price__container{margin:0;font-size:inherit;font-weight:inherit}.svs .svs-card__add{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:var(--svs-radius);background:transparent;cursor:pointer;color:inherit}.svs .svs-card__add svg{width:16px;height:16px}.svs .svs-card__add[disabled]{opacity:.4;cursor:not-allowed}@media(hover:hover)and (min-width:750px){.svs--card-hover .svs__media .svs-card-wrap{opacity:0;transform:translateY(6px);pointer-events:none}.svs--card-hover .svs__slide:hover .svs-card-wrap,.svs--card-hover .svs__slide:focus-within .svs-card-wrap{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.svs .svs-card-wrap,.svs .svs__play{transition:none}.svs .svs__track{scroll-behavior:auto}}.svs .svs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--color-custom-text, currentColor);background:var(--svs-card-bg);box-shadow:0 2px 10px #00000026;transition:opacity .2s ease}.svs .svs__arrow svg{width:16px;height:16px}.svs .svs__arrow--prev{left:calc(var(--svs-edge) / 2)}.svs .svs__arrow--next{right:calc(var(--svs-edge) / 2)}.svs .svs__arrow[disabled]{opacity:0;pointer-events:none}.svs .svs__dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.svs .svs__dots[hidden]{display:none}.svs .svs__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;cursor:pointer;background:currentColor;opacity:.25;transition:opacity .2s ease}.svs .svs__dot.is-active{opacity:1}.svs .svs__arrow:focus-visible,.svs .svs__dot:focus-visible,.svs .svs__play:focus-visible,.svs .svs__sound:focus-visible,.svs .svs-card:focus-visible,.svs .svs-card__add:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:989px){.svs{--svs-per-view: var(--svs-pv-tablet, 3)}.svs .svs__slide{width:32%;width:calc((100% - (var(--svs-per-view) - 1) * var(--svs-gap)) / var(--svs-per-view))}.svs .svs__arrow{display:none}}@media screen and (max-width:749px){.svs{--svs-per-view: var(--svs-pv-mobile, 2);--svs-gap: 6px;--svs-card-inset: 8px}.svs .svs__slide{width:48%;width:calc((100% - (var(--svs-per-view) - 1) * var(--svs-gap)) / var(--svs-per-view))}.svs .svs__heading-group{margin-bottom:20px}.svs .svs__media .svs-card-wrap{gap:6px;padding:6px}.svs .svs-card{gap:8px}.svs .svs-card__media{width:38px;height:38px}.svs .svs-card__title,.svs .svs-card__price{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-shoppable-video-showcase.css.map */