.svs{padding:calc(var(--svs-pt) * .7) 0 calc(var(--svs-pb) * .7);overflow:hidden;background-color:#f2f2f2}.svs *,.svs *:before,.svs *:after{box-sizing:border-box}.svs .svs__heading{margin:0 0 18px;padding:0 16px;text-align:center;font-size:20px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:400}.svs__slider{position:relative;padding:0 16px}.svs .svs__swiper{overflow:hidden;height:auto}.svs .swiper-wrapper,.svs .svs__slide{height:auto}.svs .svs__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:var(--svs-gap-mb)}.svs .svs__swiper:not(.swiper-initialized) .svs__slide{flex:0 0 calc((100% - (var(--svs-pv-mb) - 1) * var(--svs-gap-mb)) / var(--svs-pv-mb));width:calc((100% - (var(--svs-pv-mb) - 1) * var(--svs-gap-mb)) / var(--svs-pv-mb))}.svs-card{position:relative;overflow:hidden;height:var(--svs-h-mb);border-radius:var(--svs-radius);background:#000;isolation:isolate}.svs .svs-card__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover}.svs-card:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,#000000a6,#0000);pointer-events:none;transition:opacity .3s ease}.svs button.svs-card__play{position:absolute;z-index:2;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:0;min-height:0;margin:-24px 0 0 -24px;padding:0;background:#28282873;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 4px 14px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .2s ease,opacity .25s ease,background-color .2s ease}.svs button.svs-card__play:hover,.svs button.svs-card__play:focus{background:#28282899;color:#fff}.svs button.svs-card__play:hover{transform:scale(1.06)}.svs button.svs-card__play:focus-visible,.svs a:focus-visible,.svs button.svs__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.svs-card__play svg{width:20px;height:20px;fill:currentColor}.svs-card__play .svs-icon-play{margin-left:2px}.svs-card__play .svs-icon-pause,.svs-card.is-playing .svs-card__play .svs-icon-play{display:none}.svs-card.is-playing .svs-card__play .svs-icon-pause{display:block}.svs-card.is-playing .svs-card__play{opacity:0}.svs-card.is-playing:hover .svs-card__play,.svs-card.is-playing .svs-card__play:focus-visible{opacity:1}.svs a.svs-card__info{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.svs-card__thumb{flex:0 0 auto;width:40px;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;background:#fff3}.svs .svs-card__thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.svs-card__text{display:flex;flex-direction:column;gap:3px;min-width:0}.svs-card__title{font-size:13px;font-weight:500;line-height:1.25;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 3px rgba(0,0,0,.3)}.svs-card__price{font-size:11px;line-height:1.3;color:#ffffffe0}.svs-card__price del{margin-right:4px;opacity:.7}.svs-card__price del,.svs-card__price span{white-space:nowrap}.svs a.svs-card__info:hover .svs-card__title{text-decoration:underline;text-underline-offset:3px}.svs button.svs__arrow{position:absolute;z-index:5;top:calc(var(--svs-h-mb) / 2);display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:0;min-height:0;margin:-17px 0 0;padding:0;background:#ffffffeb;color:#111;border:0;border-radius:50%;box-shadow:0 2px 10px #00000026;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.svs button.svs__arrow:hover{background:#111;color:#fff}.svs button.svs__arrow svg{width:14px;height:14px}.svs button.svs__arrow--prev{left:22px}.svs button.svs__arrow--next{right:22px}.svs button.svs__arrow.swiper-button-lock,.svs button.svs__arrow[hidden]{display:none}.svs__empty{margin:0;padding:30px 16px;text-align:center;opacity:.7}@media(min-width:768px){.svs{padding:var(--svs-pt) 0 var(--svs-pb)}.svs .svs__heading{margin-bottom:26px;font-size:34px}.svs__slider{padding:0 clamp(20px,2vw,38px)}.svs-card{height:var(--svs-h)}.svs button.svs-card__play{width:56px;height:56px;margin:-28px 0 0 -28px}.svs-card__play svg{width:22px;height:22px}.svs a.svs-card__info{left:16px;right:16px;bottom:16px;gap:12px}.svs .svs__swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--svs-gap)}.svs .svs__swiper:not(.swiper-initialized) .svs__slide{flex-basis:calc((100% - (var(--svs-pv) - 1) * var(--svs-gap)) / var(--svs-pv));width:calc((100% - (var(--svs-pv) - 1) * var(--svs-gap)) / var(--svs-pv))}.svs-card__thumb{width:52px}.svs-card__title{font-size:15px}.svs-card__price{font-size:13px}.svs button.svs__arrow{top:calc(var(--svs-h) / 2);width:44px;height:44px;margin-top:-22px}.svs button.svs__arrow svg{width:16px;height:16px}.svs button.svs__arrow--prev{left:10px}.svs button.svs__arrow--next{right:10px}}@media(prefers-reduced-motion:reduce){.svs *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/shoppable-video-slider.css.map */