.component-video-hero-section{background:#fff;min-height:65vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.component__video-hero--poster{position:absolute;left:0;top:0;width:100%;height:100%}.component__video-hero--has-video .component__video-hero--poster{display:none}.component__video-hero--media img,.component__video-hero--media svg{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--focal-alignment)}.component__video-hero--media .component__video-hero--frame video,.component__video-hero--media .component__video-hero--frame iframe{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;display:block;background:#000;object-position:var(--focal-alignment)}.component__video-hero--caption{margin:0 auto;position:relative;height:auto;padding:40px 20px;max-width:1200px;display:flex;width:100%;flex:1;justify-content:var(--text-horizontal-position, center);align-items:var(--text-vertical-position, center);text-align:var(--caption-position, center);z-index:2}.custiom .component__video-hero--caption{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.component__video-hero--caption .component__video-hero--caption-box{width:100%;max-width:var(--desktop-content-width);display:flex;flex-direction:column;gap:20px}.component__video-hero--media{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%}.component__video-hero--overlay{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);background:var(--overlay-gradient-color, var(--overlay-bg));opacity:var(--overlay-opacity);display:block!important;pointer-events:none}.component-video-hero-section .component__video-hero--frame{position:absolute;left:0;top:0;width:100%;height:100%}.component__video-hero--caption .component__video-hero--heading{font-size:var(--heading-font-md, 52px);margin:0;color:var(--text-color);line-height:130%}.component__video-hero--caption .component__video-hero--heading.heading-small{font-size:var(--heading-font-sm, 42px)}.component__video-hero--caption .component__video-hero--heading.heading-large{font-size:var(--heading-font-lg, 62px)}.component__video-hero--caption .component__video-hero--subheading{font-size:var(--subheading-font-md, 32px);margin:0;color:var(--text-color);line-height:130%}.component__video-hero--caption .component__video-hero--heading+.component__video-hero--subheading{margin-top:-10px}.component__video-hero--caption .component__video-hero--subheading.subheading-small{font-size:var(--subheading-font-sm, 24px)}.component__video-hero--caption .component__video-hero--subheading.subheading-large{font-size:var(--subheading-font-lg, 48px)}.component__video-hero--caption .component__video-hero--rte{color:var(--text-color);font-size:var(--text-font-md, 16px);line-height:130%}.component__video-hero--caption .component__video-hero--rte.text-size-200{font-size:var(--text-font-lg, 24px)}.component__video-hero--caption .component__video-hero--rte.text-size-75{font-size:var(--text-font-sm, 12px)}.component__video-hero--caption .component__video-hero--rte *{margin:0;line-height:130%;font-size:inherit;line-height:inherit}.component__video-hero--caption .video__play-btn{border:1px solid var(--color-button);color:var(--color-button);background:transparent;padding:10px 20px;display:inline-flex;align-items:center;text-align:center;justify-content:center;gap:10px;font-size:16px;line-height:1;min-width:190px;min-height:48px;cursor:pointer}.component__video-hero--caption .video__play-btn .svg-wrapper{width:34px;height:34px;display:flex;align-items:center}.component__video-hero--caption .video__play-btn:hover{box-shadow:0 0 0 1px var(--color-button)}.component__video-hero--btn:not(.video-hero_btn--layout-minimal) .video-hero_btn--style-outline .video__play-btn svg circle{fill:transparent;stroke:transparent}.component__video-hero--caption .video-hero_btn--style-dark .video__play-btn svg circle{fill:#000;stroke:#000}.component__video-hero--caption .video-hero_btn--style-light .video__play-btn svg circle{fill:#fff}.component__video-hero--caption .video-hero_btn--style-light .video__play-btn svg path{fill:#000}.component__video-hero--btn.video-hero_btn--layout-minimal .video__play-btn{padding:0;border:none;box-shadow:none!important;font-size:0}.component__video-hero--btn.video-hero_btn--layout-minimal .video__play-btn .svg-wrapper{height:56px;width:56px;transform:scale(1);transition:all .3s ease}.component__video-hero--btn.video-hero_btn--layout-minimal .video__play-btn:hover .svg-wrapper{transform:scale(1.1)}.component-video-hero-section.video-default--height .component__video-hero--caption{position:absolute;left:50%;top:0;width:100%;height:100%;transform:translate(-50%)}.component-video-hero-section.video-default--height .component__video-hero--poster,.component-video-hero-section.video-default--height .component__video-hero--frame,.component-video-hero-section.video-default--height .component__video-hero--media{position:relative}.component-video-hero-section.video-default--height .component__video-hero--media,.component-video-hero-section.video-default--height .component__video-hero--poster,.component-video-hero-section.video-default--height .component__video-hero--frame,.component-video-hero-section.video-default--height .component__video-hero--frame video,.component-video-hero-section.video-default--height .component__video-hero--frame iframe{min-height:inherit}.component-video-hero-section .component__btn{position:relative;overflow:hidden;z-index:1;background:transparent;color:var(--color-button-text);line-height:normal;display:inline-flex;padding:6px 15px;text-decoration:none;border:1px solid transparent;align-items:center;justify-content:center;min-width:165px;min-height:48px;font-size:14px;text-transform:uppercase}.component-video-hero-section .component__btn:before,.component-video-hero-section .component__btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.component-video-hero-section .component__btn:before{width:130%;left:-15%;z-index:-1;transform:skew(30deg);transition:transform .5s cubic-bezier(.33,0,0,1);background:var(--color-button)}.component-video-hero-section .component__btn:after{z-index:-2;background-color:var(--color-button-hover)}.component-video-hero-section .component__btn:hover:before{transform:translate3d(100%,0,0)}.component-video-hero-section .component__btn.btn--secondary{border-color:var(--color-button);color:var(--color-button)}.component-video-hero-section .component__btn.btn--secondary:before{background:var(--color-button-outline);transform:translate3d(-100%,0,0) skew(30deg)}.component-video-hero-section .component__btn.btn--secondary:after{display:none}.component-video-hero-section .component__btn.btn--secondary:hover:before{transform:unset}.component-video-hero-section .component__btn.btn--callout{color:var(--color-button);padding:0;overflow:unset;min-width:1px;min-height:1px}.component-video-hero-section .component__btn.btn--callout:before,.component-video-hero-section .component__btn.btn--callout:after{left:0;top:unset;bottom:-.444em;width:100%;height:2px;transition:transform .3s cubic-bezier(.33,0,0,1)}.component-video-hero-section .component__btn.btn--callout:before{transform-origin:100% 50%;transform:scaleZ(1);transition-delay:.1s}.component-video-hero-section .component__btn.btn--callout:after{transform-origin:0% 50%;transform:scale3d(0,1,1);transition-delay:0s}.component-video-hero-section .component__btn.btn--callout:hover:before{transform:scale3d(0,1,1);transition-delay:0s}.component-video-hero-section .component__btn.btn--callout:hover:after{transform:scaleZ(1);transition-delay:.1s}.component__video-hero--btn-img{position:relative}.component__video-hero--btn-img .icon-img{position:relative;overflow:hidden;width:100px}.component__video-hero--btn-img .icon-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:top}.component__video-hero--btn-img .svg-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.component__video-hero--btn.btn__has-poster .video__play-btn{padding-left:10px}.component__video-hero--btn-img[style="aspect-ratio: 1"] img{position:static;height:auto}.component__video-hero--btn-img[style="aspect-ratio: 1"]{aspect-ratio:auto!important}.component__video-hero--caption .video-hero__text--accent{margin:0;color:var(--text-color);font-size:var(--text-font-md)}.component__video-hero--caption .component-border{height:1px;width:100%;display:block!important;background:var(--text-color)}.component-space{display:block!important}.component__video-hero--caption .video-hero__image img{max-width:var(--hero-image-size);width:100%;height:auto}.component__video--modal{position:fixed;left:0;top:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto;display:none}.component__video--modal.modal-active{display:flex}.component__video--modal .component__video--modal-close{position:absolute;right:20px;top:20px;width:43px;height:43px;z-index:2;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer}.component__video--modal .component__video--modal-close svg{color:currentColor;max-width:15px;height:auto}.component__video--modal .component__video--modal-close svg path{fill:currentColor}.component__video--modal .component__video--modal-content{display:flex;align-items:center;max-height:95vh;max-width:95%}.component__video--modal .component__video--modal-content video{max-width:100%;max-height:95vh;display:block}.component__full-link{position:absolute;left:0;top:0;width:100%;height:100%;display:block!important;z-index:11}@media screen and (min-width: 768px){.component-desktop--hide{display:none!important}}@media screen and (max-width: 767px){.component-mobile--hide{display:none}.component__video-hero--caption{justify-content:var(--text-horizontal-position-mobile, center);align-items:var(--text-vertical-position-mobile, center);text-align:var(--caption-mobile-position)}.component__video-hero--caption .component__video-hero--caption-box{gap:15px}.component__video-hero--caption .component__video-hero--caption-box{max-width:var(--mobile-content-width)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-video-hero.css.map */