.video-with-text{width:100%}.video-with-text:not(.color-scheme-background-1){margin-bottom:5rem}.grid__item{width:50%;float:left;display:grid}.grid__item .video-with-text__media video{width:100%;height:90vh;object-fit:cover}.grid__item .video-with-text__media{background:url(/cdn/shop/files/eco_friendly.jpg) no-repeat;background-size:cover}.video-with-text .grid{margin-left:0;margin-bottom:0}.video-with-text__grid{overflow:hidden}.video-with-text__media--small{height:19.4rem}.video-with-text__media--large{height:40rem;width:100%}.video-with-text__media--placeholder{background-color:rgba(var(--color-foreground),.04);position:relative;overflow:hidden}.video-with-text__media--placeholder.video-with-text__media--adapt{height:20rem}.video-with-text__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:50%;fill:currentColor}.video-with-text__content{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;background:#f0ede3}.video-with-text__content>*+*{margin-top:2rem}.video-with-text__content>.video-with-text__text:empty~a{margin-top:2rem}.video-with-text__content>:first-child:is(.video-with-text__heading){margin-top:0;font-size:30px}.video-with-text__content :last-child:is(.video-with-text__heading){margin-bottom:0}.video-with-text__content .button+.video-with-text__text{margin-top:2rem}.video-with-text__content .video-with-text__text+.button{margin-top:3rem;font-size:17px}.video-with-text__heading{margin-bottom:0}.video-with-text__text p{margin-top:0;margin-bottom:1rem}.video-with-text__content{padding:4rem!important;height:90vh}@media screen and (max-width: 750px){.video-with-text{margin-bottom:calc(5rem + var(--page-width-margin))}.video-with-text__grid--reverse{flex-direction:row-reverse}.video-with-text__media{background-color:transparent;min-height:100%;float:left}.video-with-text__media--small{height:31.4rem}.video-with-text__media--large{height:60rem}.video-with-text__media--placeholder.video-with-text__media--adapt{height:30rem}.video-with-text__grid--reverse .video-with-text__content{margin-left:auto}.video-with-text__content{padding:6rem 7rem 7rem}.grid__item{width:100%}.video-with-text__content{padding:3rem!important;height:auto}.grid__item .video-with-text__media video{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-video-with-text.css.map */