.video-slider{--vs-px: clamp(.68px, 100vw / 1440, 1.7778px);--vs-text-px: clamp(.9px, 100vw / 1440, 1.7778px);display:flex;flex-direction:column;gap:calc(var(--vs-gap, 60) * var(--vs-px));box-sizing:border-box;padding:calc(var(--vs-padding-top, 80) * var(--vs-px)) calc(var(--vs-padding-horizontal, 40) * var(--vs-px)) calc(var(--vs-padding-bottom, 80) * var(--vs-px));color:var(--vs-text, #fff);background-color:var(--vs-background, #000);font-family:Barlow Condensed,sans-serif}.video-slider__header{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(20 * var(--vs-px))}.video-slider__intro{display:flex;flex-direction:column;gap:calc(20 * var(--vs-px));flex:0 1 calc(var(--vs-header-width, 670) * var(--vs-px));min-width:0}.video-slider__heading{--vs-lh: .94;line-height:var(--vs-lh);margin:calc((1.2 - var(--vs-lh)) / 2 * 1em - .2625em) 0 calc((1.2 - var(--vs-lh)) / 2 * 1em - .244em);font-size:calc(var(--vs-heading-size, 68) * var(--vs-px));font-weight:800;font-style:italic;letter-spacing:0;text-transform:uppercase;color:var(--vs-text, #fff)}.video-slider__subheading{margin:0;max-width:calc(var(--vs-text-width, 512) * var(--vs-px));font-size:calc(var(--vs-body-size, 16) * var(--vs-text-px));font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--vs-muted, #a6a6a6)}.video-slider__controls{flex:none;display:flex;gap:calc(4 * var(--vs-px))}.video-slider__button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(var(--vs-button-size, 60) * var(--vs-px));height:calc(var(--vs-button-size, 60) * var(--vs-px));padding:0;border:1px solid var(--vs-border, #292929);border-radius:calc(6 * var(--vs-px));background-color:var(--vs-card, #141414);color:var(--vs-text, #fff);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.video-slider__button:hover,.video-slider__button:focus-visible{background-color:#fff;border-color:#fff;color:#000}.video-slider__button svg{display:block;width:calc(16 * var(--vs-px));height:calc(16 * var(--vs-px))}.video-slider__track{display:flex;gap:calc(var(--vs-card-gap, 20) * var(--vs-px));overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.video-slider__track::-webkit-scrollbar{display:none}.video-slider__card{position:relative;display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:calc((100% - (var(--vs-per-view, 2) - 1) * var(--vs-card-gap, 20) * var(--vs-px)) / var(--vs-per-view, 2));height:calc(var(--vs-card-height, 400) * var(--vs-px));padding:calc(24 * var(--vs-px));overflow:hidden;border:1px solid var(--vs-border, #292929);border-radius:calc(12 * var(--vs-px));scroll-snap-align:start;color:inherit;text-decoration:none}.video-slider__card--video{margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit}.video-slider__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-slider__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / calc(var(--vs-scrim-opacity, 40) * 1%))}.video-slider__watch{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--vs-px));box-sizing:border-box;height:calc(var(--vs-pill-height, 60) * var(--vs-px));padding:calc(8 * var(--vs-px)) calc(20 * var(--vs-px));border:1px solid rgb(255 255 255 / .4);border-radius:calc(6 * var(--vs-px));background-color:#ffffff14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:calc(var(--vs-label-size, 16) * var(--vs-text-px));font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--vs-text, #fff)}.video-slider__play{flex:none;width:calc(var(--vs-play-size, 20) * var(--vs-px));height:calc(var(--vs-play-size, 20) * var(--vs-px))}@media screen and (max-width:989px){.video-slider{--vs-px: clamp(.9px, 100vw / 390, 1.26px);--vs-per-view: var(--vs-mobile-per-view, 1.2);gap:calc(var(--vs-mobile-gap, 24) * var(--vs-px));padding:calc(var(--vs-mobile-padding-top, 60) * var(--vs-px)) calc(var(--vs-mobile-padding-horizontal, 16) * var(--vs-px)) calc(var(--vs-mobile-padding-bottom, 60) * var(--vs-px))}.video-slider__controls{display:none}.video-slider__header{flex-direction:column;align-items:stretch;gap:calc(var(--vs-mobile-gap, 24) * var(--vs-px))}.video-slider__intro{flex:none;gap:calc(16 * var(--vs-px))}.video-slider__heading{--vs-lh: .95;margin-top:0;margin-bottom:0;font-size:calc(var(--vs-mobile-heading-size, 38) * var(--vs-px))}.video-slider__subheading{max-width:none;font-size:calc(var(--vs-mobile-body-size, 15) * var(--vs-px))}.video-slider__track{gap:calc(var(--vs-mobile-card-gap, 16) * var(--vs-px))}.video-slider__card{height:calc(var(--vs-mobile-card-height, 220) * var(--vs-px))}.video-slider__watch{gap:calc(10 * var(--vs-px));height:calc(var(--vs-mobile-pill-height, 44) * var(--vs-px));padding:calc(8 * var(--vs-px)) calc(16 * var(--vs-px));font-size:calc(var(--vs-mobile-label-size, 14) * var(--vs-px))}.video-slider__play{width:calc(var(--vs-mobile-play-size, 14) * var(--vs-px));height:calc(var(--vs-mobile-play-size, 14) * var(--vs-px))}}@media(prefers-reduced-motion:reduce){.video-slider__track{scroll-behavior:auto}}.video-slider__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);background-color:#000000d9}.video-slider__modal[hidden]{display:none}.video-slider__modal-frame{position:relative;width:min(1100px,100%);aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(12 * var(--vs-px, 1px));background-color:#000}.video-slider__modal-frame iframe,.video-slider__modal-frame video{display:block;width:100%;height:100%;border:0;object-fit:contain}.video-slider__modal-close{position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);display:flex;padding:8px;border:0;background:none;color:#fff;cursor:pointer}.video-slider__modal-close svg{width:24px;height:24px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/video-slider.css.map */