.of-media-with-text-section{display:flex;flex-direction:column;gap:40px}.of-media-with-text-title__container{margin:0 auto 40px;padding:0 var(--gutter);display:flex;flex-direction:column;gap:8px}.of-media-with-text-section-title{text-align:center;font-size:36px;font-style:normal;font-weight:600;color:#000;line-height:1.2}.of-media-with-text-section-subtitle{font-size:20px;text-align:center;line-height:1.2}.of-media-with-text-wrapper .image-mobile-show{display:none}.of-media-with-text-wrapper{margin:0}.of-media-with-text-section .of-media-with-text-wrapper:first-child{margin-top:0}.of-media-with-text-section .of-media-with-text-wrapper:last-child{margin-bottom:0}.of-media-with-text__media{flex:1 0 640px;align-items:flex-end;transform:scale(var(--media-scale, 1));max-width:640px}.of-media-with-text-section .of-media-with-text-wrapper .section__block--heading{margin-bottom:12px;font-size:32px;line-height:1.5;font-weight:600}.of-media-with-text-section .of-media-with-text-wrapper .reading-width{max-width:100%}.of-media-with-text-section .of-media-with-text-wrapper .reading-width p{margin:12px 0;line-height:1.2;color:#474747;max-width:594px}.of-media-with-text-section .of-media-with-text-wrapper .section__block--button{margin-top:28px}.of-media-with-text-section .of-media-with-text-wrapper .section__block--button a{padding:10px 24px;border:none;font-size:20px;line-height:1;font-weight:400}@media(max-width:1700px){.of-media-with-text-section{padding-left:var(--gutter);padding-right:var(--gutter)}}@media(max-width:1100px){.of-media-with-text__media{max-width:50%}}.of-media-with-text__text{padding-top:0}.of-media-with-text__media .media img,.of-media-with-text__media .video-section__media,.of-media-with-text__media .video-section__media video-component,.of-media-with-text__media .media svg.media__placeholder{width:100%;height:100%;object-fit:cover;border-radius:12px;overflow:hidden}.of-media-with-text__media .video-preview-image{z-index:1;border-radius:12px;overflow:hidden}.of-media-with-text__media .video-preview-image img{width:100%;height:100%;object-fit:cover;display:block}.of-media-with-text__media.video-section:has(deferred-media[loaded]) .video-preview-image,.of-media-with-text__media.video-section.video-section--played .video-preview-image{opacity:0;pointer-events:none;transition:opacity .3s}.of-media-with-text__media .video-section__media{z-index:2}@media(min-width:769px){.of-media-with-text{display:flex;max-width:1088px;margin:0 auto}.video-section__media--cover{padding-top:0!important}.of-media-with-text__media .media{aspect-ratio:2/1;width:100%;border-radius:12px;object-fit:cover}.of-media-with-text{gap:40px}.of-media-with-text__text{flex:1 1 calc(100% - var(--media-width, 50%));margin-inline-start:auto;margin-inline-end:auto;padding-top:0;padding-inline-start:0}.of-media-with-text--reverse{flex-direction:row-reverse}}@media(max-width:768px){.of-media-with-text-section{padding:20px 10px;gap:40px}.of-media-with-text-title__container{margin:0 0 20px;gap:4px;width:calc(100% - 20px);padding:0}.of-media-with-text-section-title{font-size:24px}.of-media-with-text-section-subtitle{font-size:12px}.of-media-with-text-wrapper{margin:0}.of-media-with-text-title__container+.of-media-with-text-wrapper{margin-top:-20px}.of-media-with-text-wrapper .image-mobile-show{display:block}.of-media-with-text-wrapper .image-pc-show{display:none}.of-media-with-text__media{max-width:unset;width:100%;aspect-ratio:355/302}.of-media-with-text__media .media img,.of-media-with-text__media .video-section__media,.of-media-with-text__media .video-section__media video-component,.of-media-with-text__media .media svg.media__placeholder{border-radius:6px}.of-media-with-text-section .of-media-with-text-wrapper .of-media-with-text__text{width:calc(100% - 20px);margin-left:auto;margin-right:auto}.of-media-with-text-section .of-media-with-text-wrapper .section__block--heading{margin-top:20px;margin-bottom:4px}.of-media-with-text-section .of-media-with-text-wrapper .reading-width{margin-top:4px}.of-media-with-text-section .of-media-with-text-wrapper .reading-width.no-heading{margin-top:20px}.of-media-with-text-section .of-media-with-text-wrapper .reading-width p:first-child{margin-top:0}.of-media-with-text-section .of-media-with-text-wrapper .reading-width p:last-child{margin-bottom:0}.of-media-with-text-section .of-media-with-text-wrapper .section__block--button{margin-top:12px}.of-media-with-text-section .of-media-with-text-wrapper .section__block--button a{padding:0 12px;font-size:10px;line-height:22px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/of-media-with-text.css.map */