.media-with-text__section{display:grid;grid-template-columns:1fr;position:relative;width:100%;gap:50px}.media-with-text__content{display:flex;flex-direction:column;row-gap:30px;min-width:0}.media-with-text__media{min-width:0}.media-with-text__main{flex:100%;display:flex;flex-direction:column;gap:30px;min-width:0;overflow-wrap:break-word}.media-with-text__logo .media{width:var(--logo-width-mobile, fit-content);max-width:100%}.media-with-text__logo .media :is(img,svg){display:block;width:100%}.media-with-text__logo .media svg{aspect-ratio:1}.media-with-text__main>.heading-wrapper{margin-bottom:0}.media-with-text__note{color:var(--note-color)}@media screen and (max-width:576px){.media-with-text__button,.media-with-text__button .button{width:100%}}@media screen and (min-width:577px)and (max-width:1024px){.media-with-text__content{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:30px}.media-with-text__logo{grid-area:1 / 2}.media-with-text__logo .media{margin-inline-start:auto}.media-with-text__main{grid-area:1 / 1 / span 2 / 1}.media-with-text__note{grid-area:2 / 2;display:flex;align-items:end;justify-content:end}}@media screen and (min-width:1025px){.media-with-text__section{align-items:center;gap:var(--media-with-text-gap)}.media-with-text__section{grid-template-columns:1fr calc(var(--media-with-text-width) - (var(--media-with-text-gap) * .5))}.media-with-text__section--left{grid-template-columns:calc(var(--media-with-text-width) - (var(--media-with-text-gap) * .5)) 1fr;grid-template-areas:"left right"}.media-with-text__section--left .media-with-text__content{grid-area:right}.media-with-text__section--left .media-with-text__media{grid-area:left}.media-with-text__content{align-self:stretch;row-gap:50px}.media-with-text__logo .media{width:var(--logo-width, fit-content)}}.media-with-text__media .video-container>.media>:is(img,svg){display:block;width:100%;height:auto}.media-with-text__media .video-container>.media>.placeholder-svg,.media-with-text__media .video-container .video-placeholder-wrapper>.placeholder-svg{aspect-ratio:1.163;height:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-media-with-text.css.map */