.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}.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 .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}@media (max-width: 768px){.hero-with-video-or-text .hero-with-video-or-text__content .rich-text{padding:0}.hero-with-video-or-text.hero-with-video-or-text--video .bottom-btn{bottom:0}}.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.hero-with-video-or-text--video .bottom-btn{position:absolute;bottom:1rem;left:50%;transform:translate(-50%)!important}.hero-with-video-or-text.hero-with-video-or-text--video .button-video{position:absolute;bottom:1.4rem;left:40%;height:auto}@media (max-width: 429px){.hero-with-video-or-text.hero-with-video-or-text--video .button-video{left:35%}}@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) and (max-width: 1024px){.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__video{width:39.333%;flex:0 0 39.333%}.hero-with-video-or-text.hero-with-video-or-text--video .hero-with-video-or-text__content{width:60.667%;flex:0 0 60.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:var(--btn-mt) var(--btn-mr) var(--btn-mb) var(--btn-ml)}}@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:50%;transform:translate(-50%)!important}.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 .hero-play-button{background:transparent;width:36px;height:36px;position:absolute;border-radius:none;bottom:1.4rem;right:calc(1rem + 46px);z-index:4;padding:0;color:#fff}.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}@media (min-width: 768px) and (max-width: 1024px){.hero-with-video-or-text .hero-play-button{right:calc(1rem + 36px)}}.hero-with-video-or-text .hero-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 .hero-mute-button .icon{width:36px;height:36px;color:#000;z-index:1}.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/353/assets/section-hero-with-video-or-text.css.map */