.video-with-text{width:100%;padding:2rem 0 1rem}@media screen and (min-width: 750px){.video-with-text{padding:5rem 0}}.video-with-text__grid{display:grid;grid-template-columns:1fr;gap:3rem;width:100%}.video-with-text__media,.video-with-text__content{position:relative}.video-with-text__media{order:1}.video-with-text__media-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid var(--carbe-green)}.video-with-text__video{width:100%;position:relative}.video-with-text__video.deferred-media{padding-bottom:var(--ratio-percent);position:relative;height:0}.video-with-text__poster{width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0}.video-with-text__placeholder{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.video-with-text__content{order:2}.video-with-text__content-wrapper{height:100%;display:flex;flex-direction:column;gap:2rem;justify-content:center}.video-with-text__content-wrapper--left{align-items:flex-start;text-align:left}.video-with-text__content-wrapper--center{align-items:center;text-align:center}.video-with-text__content-wrapper--right{align-items:flex-end;text-align:right}.video-with-text__heading{margin:0;word-break:break-word}.video-with-text__text{margin:0}.video-with-text__button-wrapper{margin-top:2rem}@media screen and (min-width: 750px){.video-with-text__grid{grid-template-columns:1fr 1fr;min-height:300px;gap:5rem}.video-with-text__media{order:1}.video-with-text__content,.video-with-text__grid--reverse .video-with-text__media{order:2}.video-with-text__grid--reverse .video-with-text__content{order:1}}@media screen and (max-width: 749px){.video-with-text__content-wrapper{gap:1.5rem}}.video-with-text__video .deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.video-with-text__poster img{width:100%;height:100%;object-fit:cover;display:block}.video-with-text__video template{display:block}.video-with-text__video iframe,.video-with-text__video video{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/85/assets/component-video-with-text.css.map */