.video-banner-pro{position:relative;width:100%;overflow:hidden;height:var(--video-banner-height-mobile)}.video-banner-pro:not(.video-banner-pro--full-width){max-width:var(--page-width, 1200px);margin:0 auto}.video-banner-pro--rounded{border-radius:var(--video-banner-border-radius, 16px);margin-left:1.5rem;margin-right:1.5rem}.video-banner-pro__slider{position:relative;width:100%;height:100%}.video-banner-pro__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;z-index:1}.video-banner-pro__slide--active{opacity:1;visibility:visible;z-index:2}.video-banner-pro__slide--exit{opacity:0;visibility:visible;z-index:1}.video-banner-pro__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-banner-pro__video,.video-banner-pro__iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.video-banner-pro__iframe{width:100vw;height:56.25vw;min-height:100%;min-width:177.77vh;pointer-events:none}.video-banner-pro__image-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-banner-pro__image-bg--fallback{z-index:-1}.video-banner-pro__img{width:100%;height:100%;object-fit:cover;display:block}.video-banner-pro__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--video-banner-overlay-color, #000);opacity:var(--video-banner-overlay-opacity, .3);z-index:1;pointer-events:none}.video-banner-pro__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;padding:2rem 1.5rem;color:var(--video-banner-text-color, #fff)}.video-banner-pro__content-inner{max-width:var(--video-banner-content-max-width, 600px);width:100%}.video-banner-pro__content--top-left{align-items:flex-start;justify-content:flex-start}.video-banner-pro__content--top-center{align-items:flex-start;justify-content:center}.video-banner-pro__content--top-right{align-items:flex-start;justify-content:flex-end}.video-banner-pro__content--center-left{align-items:center;justify-content:flex-start}.video-banner-pro__content--center-center{align-items:center;justify-content:center}.video-banner-pro__content--center-right{align-items:center;justify-content:flex-end}.video-banner-pro__content--bottom-left{align-items:flex-end;justify-content:flex-start}.video-banner-pro__content--bottom-center{align-items:flex-end;justify-content:center}.video-banner-pro__content--bottom-right{align-items:flex-end;justify-content:flex-end}.video-banner-pro__content--align-left .video-banner-pro__content-inner{text-align:left}.video-banner-pro__content--align-center .video-banner-pro__content-inner{text-align:center}.video-banner-pro__content--align-right .video-banner-pro__content-inner{text-align:right}.video-banner-pro__subheading{font-size:var(--video-banner-subheading-size, .75rem);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .75rem;font-weight:500;line-height:1.4;color:var(--video-banner-subheading-color, #fff)}.video-banner-pro__heading{font-weight:700;line-height:1.1;margin:0 0 .75rem;color:var(--video-banner-heading-color, #fff);font-size:var(--video-banner-heading-size, 2rem)}.video-banner-pro__heading--sm{font-size:var(--video-banner-heading-size, clamp(1.25rem, 3vw, 1.75rem))}.video-banner-pro__heading--md{font-size:var(--video-banner-heading-size, clamp(1.5rem, 4vw, 2.5rem))}.video-banner-pro__heading--lg{font-size:var(--video-banner-heading-size, clamp(2rem, 5vw, 3.5rem))}.video-banner-pro__heading--xl{font-size:var(--video-banner-heading-size, clamp(2.5rem, 6vw, 5rem))}.video-banner-pro__text{font-size:var(--video-banner-description-size, clamp(.85rem, 1.5vw, 1.05rem));line-height:1.5;margin:0 0 1.5rem;color:var(--video-banner-description-color, #fff)}.video-banner-pro__buttons{display:flex;gap:.75rem;flex-wrap:wrap}.video-banner-pro__content--align-center .video-banner-pro__buttons{justify-content:center}.video-banner-pro__content--align-right .video-banner-pro__buttons{justify-content:flex-end}.video-banner-pro__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--video-banner-btn-padding-v, .85rem) var(--video-banner-btn-padding-h, 2rem);font-size:var(--video-banner-btn-font-size, .875rem);font-weight:600;text-decoration:none;border-radius:50px;transition:opacity .25s ease,transform .25s ease;cursor:pointer;letter-spacing:.02em;line-height:1.2;white-space:nowrap}.video-banner-pro__btn:hover{opacity:.85;transform:translateY(-1px)}.video-banner-pro__btn--primary{background-color:var(--video-banner-btn-bg, #fff);color:var(--video-banner-btn-text, #000);border:1.5px solid var(--video-banner-btn-border, #fff)}.video-banner-pro__btn--secondary{background-color:var(--video-banner-btn2-bg, transparent);color:var(--video-banner-btn2-text, #fff);border:1.5px solid var(--video-banner-btn2-border, #fff)}.video-banner-pro__dots{position:absolute;z-index:5;display:flex;gap:.5rem}.video-banner-pro__dots--bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%);flex-direction:row}.video-banner-pro__dots--bottom-right{bottom:1.5rem;right:1.5rem;flex-direction:row}.video-banner-pro__dots--right{top:50%;right:1.25rem;transform:translateY(-50%);flex-direction:column}.video-banner-pro__dot{width:36px;height:36px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1.5px solid var(--video-banner-dots-color, rgba(255, 255, 255, .3));color:var(--video-banner-dots-color, rgba(255, 255, 255, .6));font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.video-banner-pro__dot:hover{background:#ffffff4d;color:var(--video-banner-dots-active-color, #fff)}.video-banner-pro__dot--active{background:#ffffff4d;border-color:var(--video-banner-dots-active-color, #fff);color:var(--video-banner-dots-active-color, #fff)}@media screen and (min-width:750px){.video-banner-pro{height:var(--video-banner-height-desktop)}.video-banner-pro--rounded{margin-left:2.5rem;margin-right:2.5rem}.video-banner-pro__content{padding:3rem 4rem}.video-banner-pro__subheading{margin-bottom:1rem}.video-banner-pro__text{margin-bottom:2rem}.video-banner-pro__dot{width:40px;height:40px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.video-banner-pro__slide{transition:opacity .1s ease}.video-banner-pro__btn:hover{transform:none}}.video-banner-pro{position:relative;z-index:0}.video-banner-pro__dots{z-index:2}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-banner-pro.css.map */