.video-with-text-grid{display:flex;flex-wrap:wrap;gap:0}.video-with-text--reverse{flex-direction:row-reverse}.video-with-text__media-item{width:var(--video-width)}.video-with-text__text-item{width:var(--text-width)}.video-with-text__media{overflow:hidden;border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));background:transparent}.video-element{width:100%;height:auto;max-height:90vh;display:block;object-fit:contain;border-radius:inherit}.video-with-text__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem calc(4rem/var(--font-body-scale)) 5rem;position:relative;z-index:1;border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));background:transparent;word-break:break-word}.video-with-text__content--top{justify-content:flex-start}.video-with-text__content--middle{justify-content:center}.video-with-text__content--bottom{justify-content:flex-end}.video-with-text__content--desktop-left>*{align-self:flex-start;text-align:left}.video-with-text__content--desktop-center>*{align-self:center;text-align:center}.video-with-text__content--desktop-right>*{align-self:flex-end;text-align:right}@media (max-width:749px){.video-with-text__content--mobile-left>*{align-self:flex-start;text-align:left}.video-with-text__content--mobile-center>*{align-self:center;text-align:center}.video-with-text__content--mobile-right>*{align-self:flex-end;text-align:right}}.video-with-text__content>*+*{margin-top:2rem}.video-with-text__heading{margin:0}.video-with-text__text p{margin:0 0 1rem}.video-with-text__text--caption{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}@media (max-width:749px){.video-with-text-grid{flex-direction:column!important}.video-with-text-grid>.grid__item,.video-with-text__media-item,.video-with-text__text-item{width:100%!important;max-width:100%!important;flex:0 0 100%!important}}@supports not (inset:10px){.video-with-text-grid{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-video-with-text.css.map */