.ppc-vs{position:relative;box-sizing:border-box;--ppc-vs-per: var(--ppc-vs-per-desktop, 5)}.ppc-vs *,.ppc-vs *:before,.ppc-vs *:after{box-sizing:border-box}.ppc-vs__inner{max-width:1540px;margin-inline:auto;padding-inline:10px}.ppc-vs .ppc-vs__header{text-align:center;margin:0 0 44px}.ppc-vs .ppc-vs__eyebrow{margin:0 0 21px;font-family:Avenir Next,sans-serif;font-weight:500;font-size:16px;line-height:1.2;letter-spacing:2px;text-transform:uppercase;color:var(--ppc-vs-header);opacity:.85}.ppc-vs .ppc-vs__heading{margin:0;font-family:Tenor Sans,serif;font-weight:400;font-size:28px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:var(--ppc-vs-header)}.ppc-vs .ppc-vs__intro{margin:14px auto 0;max-width:720px;font-family:Avenir Next,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:var(--ppc-vs-text)}.ppc-vs__viewport{position:relative;padding-inline:52px}.ppc-vs__track{display:flex;gap:var(--ppc-vs-gap, 30px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.ppc-vs__track::-webkit-scrollbar{display:none}.ppc-vs__slide{flex:0 0 auto;width:calc((100% - (var(--ppc-vs-per, 5) - 1) * var(--ppc-vs-gap, 30px)) / var(--ppc-vs-per, 5));scroll-snap-align:start}.ppc-vs__media{position:relative;width:100%;max-width:var(--ppc-vs-card-w, 250px);margin-inline:auto;aspect-ratio:250 / 444;border-radius:var(--ppc-vs-radius, 8px);overflow:hidden;background:#000}.ppc-vs__preview,.ppc-vs__player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.ppc-vs__preview{cursor:pointer;display:block}.ppc-vs__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;background:#0000006b;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:2}.ppc-vs__play:hover{background:#0000009e;transform:translate(-50%,-50%) scale(1.06)}.ppc-vs__play svg{width:26px;height:26px;margin-left:3px;fill:currentColor}.ppc-vs__slide.is-playing .ppc-vs__preview,.ppc-vs__slide.is-playing .ppc-vs__play{display:none}.ppc-vs__title{display:block;margin:12px auto 0;max-width:var(--ppc-vs-card-w, 250px);padding-inline:6px;text-align:center;font-family:Avenir Next,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--ppc-vs-title);text-decoration:none}.ppc-vs__title p{margin:0}.ppc-vs__title a,.ppc-vs__title u{color:inherit}a.ppc-vs__title:hover,.ppc-vs__title a:hover{text-decoration:underline}.ppc-vs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;padding:6px;box-sizing:border-box;cursor:pointer;background-color:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;display:flex;align-items:center;justify-content:center;color:var(--ppc-vs-arrows, #ffffff)}.ppc-vs__arrow:hover{opacity:.6}.ppc-vs__arrow svg{width:15px;height:26px;fill:currentColor;display:block}.ppc-vs__arrow--prev{left:6px}.ppc-vs__arrow--next{right:6px}.ppc-vs__arrow[disabled]{opacity:0;pointer-events:none}.ppc-vs__arrow:focus-visible,.ppc-vs__play:focus-visible,.ppc-vs__preview:focus-visible{outline:2px solid var(--ppc-vs-arrows, #ffffff);outline-offset:2px}.ppc-vs--fits .ppc-vs__arrow{display:none}.ppc-vs--fits .ppc-vs__track{justify-content:center}@media(max-width:1470px){.ppc-vs{--ppc-vs-per: min(var(--ppc-vs-per-desktop, 5), 4)}}@media(max-width:1300px){.ppc-vs__viewport{padding-inline:44px}}@media(max-width:1180px){.ppc-vs{--ppc-vs-per: min(var(--ppc-vs-per-desktop, 5), 3)}}@media(max-width:920px){.ppc-vs{--ppc-vs-per: 2}.ppc-vs__viewport{padding-inline:40px}}@media(max-width:670px){.ppc-vs{--ppc-vs-per: 1}.ppc-vs__viewport{padding-inline:34px}.ppc-vs__arrow--prev{left:0}.ppc-vs__arrow--next{right:0}}@media(max-width:768px){.ppc-vs .ppc-vs__heading{font-size:24px}.ppc-vs .ppc-vs__header{margin-bottom:32px}}@media(max-width:468px){.ppc-vs__viewport{padding-inline:28px}}@media(prefers-reduced-motion:reduce){.ppc-vs__play,.ppc-vs__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/section-ppc-video-slider.css.map */