.hero-video-slider{position:relative;background:var(--ui-color-surface-primary);--hero-slider-max-width: 1440px;--hero-slider-inline-padding: 24px;--hero-slider-desktop-ratio: 1440 / 612;--hero-slider-mobile-ratio: 390 / 450}.hero-video-slider__container{width:100%;margin:0 auto}.hero-video-slider__stage{position:relative;overflow:hidden;background:#d9d7d2;touch-action:pan-y}.hero-video-slider__track{display:flex;width:100%}.hero-video-slider__slide{position:relative;flex:0 0 100%;width:100%;isolation:isolate}.hero-video-slider__media{position:relative;width:100%;aspect-ratio:var(--hero-slider-desktop-ratio);overflow:hidden;background:#d9d7d2}.hero-video-slider__media-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-video-slider__media-layer--mobile{display:none}.hero-video-slider__deferred-video,.hero-video-slider__video,.hero-video-slider__video-element,.hero-video-slider__media-layer video,.hero-video-slider__image,.hero-video-slider__mux-player,.hero-video-slider__placeholder{display:block;width:100%;height:100%}.hero-video-slider__video,.hero-video-slider__video-element,.hero-video-slider__media-layer video,.hero-video-slider__image,.hero-video-slider__mux-player,.hero-video-slider__placeholder{object-fit:cover}.hero-video-slider__mux-player{--controls: none;--media-object-fit: cover;--media-object-position: center;background:#d9d7d2;pointer-events:none}.hero-video-slider__deferred-video,.hero-video-slider__video,.hero-video-slider__video-element,.hero-video-slider__media-layer video,.hero-video-slider__image,.hero-video-slider__placeholder{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-video-slider__placeholder{background:#d9d7d2}.hero-video-slider__overlay{position:absolute;left:0;right:0;bottom:64px;z-index:2;pointer-events:none}.hero-video-slider__bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:min(100%,var(--hero-slider-max-width));margin:0 auto;padding:0 var(--hero-slider-inline-padding);box-sizing:border-box}.hero-video-slider__content,.hero-video-slider__controls,.hero-video-slider__button,.hero-video-slider__button-row,.hero-video-slider__controls--mobile{pointer-events:auto}.hero-video-slider__content{max-width:560px;color:var(--ui-color-text-primary-inverted);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-video-slider__eyebrow{margin:0 0 12px;font-family:var(--ui-font-family-sans);font-size:16px;line-height:20px;font-weight:var(--ui-font-weight-medium);letter-spacing:.02em;color:var(--ui-color-text-primary-inverted)}.hero-video-slider__heading{margin:0;color:var(--ui-color-text-primary-inverted);font-family:var(--ui-type-h1-font-family);font-weight:var(--ui-type-h1-font-weight);font-size:var(--ui-type-h1-font-size);line-height:var(--ui-type-h1-line-height);letter-spacing:var(--ui-type-h1-letter-spacing)}.hero-video-slider__text,.hero-video-slider__text p{margin:16px 0 0;max-width:520px;color:rgba(var(--ui-color-surface-primary-rgb),.92);font-family:var(--ui-type-blog-font-family);font-size:var(--ui-type-h4-font-size);line-height:var(--ui-type-h4-line-height);font-weight:var(--ui-type-h4-font-weight)}.hero-video-slider__button-row{margin-top:24px}.hero-video-slider__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:8px;background:var(--ui-color-surface-primary);color:var(--ui-color-text-primary);text-decoration:none;font-family:var(--ui-type-button-1-font-family);font-size:var(--ui-type-button-1-font-size);line-height:var(--ui-type-button-1-line-height);font-weight:var(--ui-type-button-1-font-weight);transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-video-slider__button.is-disabled,.hero-video-slider__button[aria-disabled=true]{pointer-events:none;opacity:.56;cursor:default}.hero-video-slider__button svg{width:20px;height:20px;display:block;flex-shrink:0}.hero-video-slider__button svg path{stroke:currentColor}.hero-video-slider__desktop-controls-wrap{position:absolute;right:max(var(--hero-slider-inline-padding),calc((100vw - var(--hero-slider-max-width)) / 2 + var(--hero-slider-inline-padding)));bottom:72px;z-index:3;width:fit-content;max-width:fit-content}.hero-video-slider__controls{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.hero-video-slider__controls--desktop{width:auto;padding:0;box-sizing:border-box;justify-content:flex-end}.hero-video-slider__controls--mobile{display:none!important}.hero-video-slider__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border:0;border-radius:8px;background:rgba(var(--ui-color-surface-primary-rgb),.7);color:var(--ui-color-text-primary);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.hero-video-slider__nav-btn:disabled{opacity:.5;cursor:default;pointer-events:none}@media(hover:hover)and (pointer:fine){.hero-video-slider__button:hover:not(.is-disabled){background:var(--ui-color-surface-tertiary)}.hero-video-slider__nav-btn:hover:not(:disabled){background:rgba(var(--ui-color-surface-primary-rgb),.72)}}.hero-video-slider__nav-btn svg{width:20px;height:20px;display:block}.hero-video-slider__nav-btn svg path{stroke:currentColor}.hero-video-slider__pagination{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:72px;height:24px}.hero-video-slider__dot{display:block;width:8px;height:8px;min-width:8px;max-width:8px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(var(--ui-color-surface-primary-rgb),.55);appearance:none;-webkit-appearance:none;cursor:pointer;flex:0 0 8px;transition:width .2s ease,min-width .2s ease,max-width .2s ease,flex-basis .2s ease,border-radius .2s ease,background-color .2s ease}.hero-video-slider__dot.is-active{width:24px;min-width:24px;max-width:24px;flex:0 0 24px;border-radius:4px;background:var(--ui-color-surface-primary)}.hero-video-slider__nav-btn:focus-visible,.hero-video-slider__button:focus-visible,.hero-video-slider__dot:focus-visible{outline:2px solid var(--ui-color-stroke-primary-inverted);outline-offset:2px}.hero-video-slider__controls[hidden],.hero-video-slider__pagination[hidden]{display:none!important}@media screen and (max-width:1199px){.hero-video-slider{--hero-slider-inline-padding: 24px}.hero-video-slider__overlay{bottom:48px}.hero-video-slider__bottom-row{gap:24px;align-items:flex-end}.hero-video-slider__content{max-width:470px}.hero-video-slider__text{margin-top:12px}.hero-video-slider__desktop-controls-wrap{bottom:48px}}@media screen and (max-width:767px){.hero-video-slider__slide,.hero-video-slider__media,.hero-video-slider__media-layer,.hero-video-slider__heading,.hero-video-slider__text,.hero-video-slider__button{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-video-slider__media{will-change:transform}.hero-video-slider{--hero-slider-inline-padding: 16px}.hero-video-slider__media{aspect-ratio:var(--hero-slider-mobile-ratio)}.hero-video-slider__media-layer--desktop{display:none}.hero-video-slider__media-layer--mobile{display:block}.hero-video-slider__overlay{top:42px;bottom:42px}.hero-video-slider__bottom-row{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:20px;width:100%;max-width:none;padding:0 16px}.hero-video-slider__desktop-controls-wrap,.hero-video-slider__controls--desktop{display:none!important}.hero-video-slider__controls--mobile{display:inline-flex!important;position:absolute;top:0;right:16px;gap:24px}.hero-video-slider__nav-btn{width:42px;height:42px;min-width:42px;min-height:42px;background:rgba(var(--ui-color-surface-primary-rgb),.7)}.hero-video-slider__content{max-width:358px}.hero-video-slider__eyebrow{margin-bottom:8px;font-size:12px;line-height:16px}.hero-video-slider__text{margin-top:8px}.hero-video-slider__button-row{margin-top:16px}.hero-video-slider__button{min-height:44px;padding:10px 16px}}@media screen and (max-width:480px){.hero-video-slider__content{max-width:none}}@media screen and (min-width:1600px){.hero-video-slider__media{max-height:680px}}.hero-video-slider__mobile-controls-wrap{display:none}.hero-video-slider__mobile-controls-wrap[hidden]{display:none!important}@media screen and (max-width:767px){.hero-video-slider__mobile-controls-wrap{display:block;position:absolute;top:42px;right:16px;z-index:4;pointer-events:none}.hero-video-slider__mobile-controls-wrap .hero-video-slider__controls--mobile{display:inline-flex!important;gap:24px;pointer-events:auto}.hero-video-slider__controls--mobile{position:static}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/hero-video-slider.css.map */