.hero-with-video-or-text{padding:0;margin:0;max-width:100vw;width:100%}.hero-with-video-or-text .page-width--full{--page-padding: 0;padding-inline:0;height:100%;width:100%}.hero-with-video-or-text .hero-with-video-or-text__container{display:flex;height:100%;width:100%}@media (min-width: 768px){.hero-with-video-or-text .hero-with-video-or-text__container{gap:16px}}.hero-with-video-or-text .hero-with-video-or-text__bg-image{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero-with-video-or-text .hero-with-video-or-text__bg-image img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover;object-position:center}.hero-with-video-or-text .hero-with-video-or-text__content,.hero-with-video-or-text .hero-with-video-or-text__video{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.hero-with-video-or-text .hero-with-video-or-text__video{overflow:hidden;position:relative}.hero-with-video-or-text .hero-with-video-or-text__video .button-video{pointer-events:auto;z-index:20}.hero-with-video-or-text .hero-with-video-or-text__video parallax-element,.hero-with-video-or-text .hero-with-video-or-text__video motion-element{height:100%;display:flex;align-items:stretch}.hero-with-video-or-text .hero-with-video-or-text__video parallax-element,.hero-with-video-or-text .hero-with-video-or-text__video motion-element:not(.button-video){pointer-events:none}.hero-with-video-or-text .hero-with-video-or-text__video motion-element.button-video{pointer-events:auto}.hero-with-video-or-text .hero-with-video-or-text__video .media{width:100%;height:100%;object-fit:cover;padding-block-start:0}.hero-with-video-or-text .hero-with-video-or-text__video video,.hero-with-video-or-text .hero-with-video-or-text__video iframe,.hero-with-video-or-text .hero-with-video-or-text__video video-element{width:100%;height:100%;object-fit:cover}.hero-with-video-or-text .hero-with-video-or-text__content .rich-text{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding:15px}.hero-with-video-or-text .hero-with-video-or-text__content .rich-text .spacer{display:block!important}.hero-with-video-or-text .btn.btn--primary,.hero-with-video-or-text .btn.btn--secondary{font-size:13px;font-weight:600;line-height:15.29px;text-transform:none;--buttons-padding: 0;height:auto;padding:8px 22px;min-width:100px}.hero-with-video-or-text a.button{padding:var(--sp-2) var(--sp-2)!important;min-width:140px!important}.hero-with-video-or-text a.button .btn-text{font-size:var(--fluid-xs-to-sm)!important}@media (max-width: 768px){.hero-with-video-or-text .button{margin-top:var(--btn-m-mt, 0)!important;margin-right:var(--btn-m-mr, 0)!important;margin-bottom:var(--btn-m-mb, 0)!important;margin-left:var(--btn-m-ml, 0)!important}}.hero-with-video-or-text .button--primary{border:1px solid transparent!important}.hero-with-video-or-text .button--primary:hover{color:#fff!important;border:1px solid #ffffff!important;--color-button-border: #ffffff !important}.hero-with-video-or-text .button--secondary:hover{color:rgb(var(--color-button-text))!important;border-color:rgb(var(--color-button-text))!important}.hero-with-video-or-text .button--outline{background:#fff!important}.hero-with-video-or-text.hero-with-video-or-text--video .bottom-btn{position:absolute;bottom:2.4rem;left:6%}@media (min-width: 1928px){.hero-with-video-or-text.hero-with-video-or-text--video .bottom-btn{left:12%;bottom:3.4rem}}@media (max-width: 768px){.hero-with-video-or-text.hero-with-video-or-text--video .bottom-btn{left:-3%;bottom:1.4rem}}.hero-with-video-or-text.hero-with-video-or-text--video .button-video{position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);height:auto;pointer-events:auto;z-index:10}.hero-with-video-or-text .button-video .button{pointer-events:auto!important;position:relative}.hero-with-video-or-text .button-video .button .btn-fill{display:block!important;opacity:1;pointer-events:none}.hero-with-video-or-text .button-video .button.z-100{z-index:10!important}@media (min-width: 1289px){.hero-with-video-or-text .btn.btn--primary,.hero-with-video-or-text .btn.btn--secondary{font-size:18px;line-height:24px;min-width:150px;padding:10px 28px}}@media (min-width: 768px){.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__video{width:33.333%;flex:0 0 33.333%}.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__content{width:66.667%;flex:0 0 66.667%}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__content{width:63.667%;flex:0 0 63.667%}}@media (min-width: 1024px){.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__video{width:33.333%;flex:0 0 33.333%}.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__content{width:66.667%;flex:0 0 66.667%}}@media (max-width: 768px){.hero-with-video-or-text .hero-with-video-or-text__content .rich-text .btn.btn--primary,.hero-with-video-or-text .hero-with-video-or-text__content .rich-text .btn.btn--secondary{padding:6px 10px;position:relative;margin-top:var(--btn-m-mt, 0);margin-right:var(--btn-m-mr, 0);margin-bottom:var(--btn-m-mb, 0);margin-left:var(--btn-m-ml, 0)}}@media (max-width: 1279.98px){.hero-with-video-or-text .hero-with-video-or-text__content{--padding-x: 4rem}}@media (max-width: 1023.98px){.hero-with-video-or-text .hero-with-video-or-text__content{--padding-x: 3rem}}@media (max-width: 767.98px){.hero-with-video-or-text .hero-with-video-or-text__content{--padding-x: 2rem}}@media (min-width: 1023px) and (max-width: 1288px){.hero-with-video-or-text.hero-with-video-or-text--video .button-video{left:50%;transform:translate(-50%)!important}.hero-with-video-or-text .hero-with-video-or-text__content .rich-text .btn.btn--primary,.hero-with-video-or-text .hero-with-video-or-text__content .rich-text .btn.btn--secondary,.hero-with-video-or-text.hero-with-video-or-text--video .button-video a{font-size:13.47px;font-weight:600;line-height:15.29px;text-transform:none;--buttons-padding: 0;height:auto;padding:8px 22px;min-width:100px}}@media (max-width: 768px){.hero-with-video-or-text.hero-with-video-or-text--video .bottom-btn{left:-3%}.hero-with-video-or-text.hero-with-video-or-text--video .button-video a{font-size:13px;font-weight:600;line-height:15.29px;text-transform:none;--buttons-padding: 0;height:auto;padding:8px 20px;min-width:100px}}.hero-with-video-or-text .deferred-poster{width:36px;height:36px;position:absolute;border-radius:none;bottom:1.4rem;right:calc(1rem + 46px);z-index:4;padding:0;color:#fff;transition:transform .3s ease;background:transparent}.hero-with-video-or-text .deferred-poster .play-button{position:relative;width:36px;height:36px;color:#fff;transition:transform .3s ease;inset-inline-end:auto;inset-block-start:auto;background:transparent}.hero-with-video-or-text video-media[playing] .deferred-poster .play-button{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.hero-with-video-or-text .deferred-poster .play-button svg{transition:transform .3s ease}.hero-with-video-or-text .deferred-poster:hover .play-button svg{animation:none;transform:scale(1.1)}.hero-play-button-bg.hide-youtube-branding{display:block!important;position:absolute;bottom:0;left:0;width:100%;height:50px;background:#000;z-index:0}.hero-with-video-or-text .hero-play-button__icon{width:36px;height:36px;background:transparent;border-radius:none;transition:transform .3s ease,background-color .3s ease;z-index:1}.hero-with-video-or-text .hero-play-button__icon .icon{width:36px;height:36px;color:#000}.hero-with-video-or-text .mute-button{width:36px;height:36px;padding:0;border-radius:none;color:#fff;border:none;transition:transform .3s ease,background-color .3s ease;position:absolute;bottom:1.4rem;right:1rem;z-index:3;background:transparent;align-items:baseline}.hero-with-video-or-text .mute-button .icon{width:36px;height:36px;z-index:1}.hero-with-video-or-text .mute-button svg{transition:transform .3s ease,opacity .3s ease}.hero-with-video-or-text .mute-button:hover svg{transform:scale(1.1)}.hero-with-video-or-text video-media:not([muted]) .mute-button .mute-x-marks{display:none}.hero-with-video-or-text video-media[muted] .mute-button .mute-x-marks{display:block}.hero-with-video-or-text video-element[loaded]>img,video-element[loaded]>svg,video-element[loaded] .media__poster,video-element:not([loaded])>:is(video,iframe){opacity:1;visibility:visible}.hero-with-video-or-text.hero-with-video-or-text--text .hero-with-video-or-text__content-container{margin:0 0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:476px}@media (min-width: 768px){.hero-with-video-or-text.hero-with-video-or-text--text .hero-with-video-or-text__content-container{width:50%}}@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){.hero-with-video-or-text.hero-with-video-or-text--video .button-video{left:20%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hero-with-video-or-text.css.map */