.hero-media-with-text__container{padding-top:var(--space-viewport-sides);position:relative;padding-top:0}.hero-media-with-text__media-container{padding:0}.hero-media-with-text__media-container video{display:block;width:100%;object-fit:fill}.hero-media-with-text__media-container--with-overlap{padding:0}.hero-media-with-text__content{display:flex}.hero-media-with-text__content .copy--large{line-height:115%}@media screen and (max-width: 640px){.hero-media-with-text__media-container video{display:block;width:180%;object-fit:fill;transform:translate(-15%)}.hero-media-with-text__content .type--heading{font-size:calc(var(--font-heading-size-large) * .72)}.hero-media-with-text__content .copy--large{font-size:calc(var(--font-copy-size-large) * .8)}}@media screen and (min-width: 641px){.hero-media-with-text__content.v-pos-top{align-items:start}.hero-media-with-text__content.v-pos-center{align-items:center}.hero-media-with-text__content.v-pos-bottom{align-items:end}.hero-media-with-text__content.h-pos-left{justify-content:start}.hero-media-with-text__content.h-pos-center{justify-content:center}.hero-media-with-text__content.h-pos-right{justify-content:end}.hero-media-with-text__content.h-pos-center>.animate__step-container{text-align:center}.hero-media-with-text__content.h-pos-right>.animate__step-container{text-align:right}.hero-media-with-text__content.h-pos-center>.animate__step-container .content-box__buttons{justify-content:center}.hero-media-with-text__content.h-pos-right>.animate__step-container .content-box__buttons{justify-content:end}.hero-media-with-text__content{position:absolute;top:0;bottom:0;left:0;right:0}.hero-media-with-text__container:before{content:"";display:block;height:100%;position:absolute;bottom:0;left:0;right:0}.hero-media-with-text__container.text-bg-dark:before{background-image:linear-gradient(0,#00000080,#0000)}.hero-media-with-text__container.text-bg-light:before{background-image:linear-gradient(0,#ffffff80,#0000)}.hero-media-with-text__content>.animate__step-container{max-width:48%}}.hero-media-with-text--media-skinny .hero-media-with-text__media-container,.hero-media-with-text--media-wide .hero-media-with-text__content{width:41.6%}.hero-media-with-text--media-wide .hero-media-with-text__media-container,.hero-media-with-text--media-skinny .hero-media-with-text__content{width:58.3%}.hero-media-with-text--text-first .hero-media-with-text__content{order:1}.hero-media-with-text--text-first .hero-media-with-text__media-container{order:2}
/*# sourceMappingURL=/cdn/shop/t/14/assets/styles-component-hero-media-with-text.css.map */
