.media-overlay{position:relative;width:100%;min-height:var(--desktop-height);overflow:hidden}.media-overlay__image-container{position:absolute;top:0;left:0;width:100%;height:100%}.media-overlay__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.media-overlay__opacity{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000}.media-overlay__content-wrapper{position:relative;min-height:var(--desktop-height);text-align:var(--text-align-mobile);display:flex;padding:4rem 1.5rem}@media screen and (min-width: 750px){.media-overlay__content-wrapper{text-align:var(--text-align-desktop)}}.media-overlay__content-wrapper--left{justify-content:flex-start}.media-overlay__content-wrapper--center{justify-content:center}.media-overlay__content-wrapper--right{justify-content:flex-end}.media-overlay__content-wrapper--top{align-items:flex-start}.media-overlay__content-wrapper--middle{align-items:center}.media-overlay__content-wrapper--bottom{align-items:flex-end}.media-overlay__content{max-width:50rem;display:flex;flex-direction:column;gap:2rem;color:var(--text-color);text-align:var(--text-align-mobile)}@media screen and (min-width: 750px){.media-overlay__content{text-align:var(--text-align-desktop)}}@media screen and (max-width: 749px){.media-overlay,.media-overlay__content-wrapper{min-height:var(--mobile-height)}.media-overlay__content-wrapper--left,.media-overlay__content-wrapper--right{justify-content:center}}.media-with-picto__title{margin:0;font-size:var(--size-mobile-text);line-height:calc(var(--size-mobile-text) + 5px);color:var(--heading-color);text-align:inherit}@media screen and (min-width: 750px){.media-with-picto__title{font-size:var(--size-desktop-text);line-height:calc(var(--size-desktop-text) * 1.2)}}.media-with-picto__features{display:grid;gap:2rem;margin-top:1rem;text-align:left}@media screen and (min-width: 750px){.media-with-picto__features{grid-template-columns:repeat(2,1fr)}}.media-with-picto__feature{display:flex;align-items:center;gap:1rem}.media-with-picto__feature-icon{width:3rem;height:3rem;object-fit:contain}.media-with-picto__feature-text{font-size:var(--size-mobile-text);font-weight:400;width:100%}@media screen and (min-width: 750px){.media-with-picto__feature-text{font-size:var(--size-desktop-text)}}.media-overlay__content .button{color:var(--text-color)}.media-overlay__background{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-media-with-icons.css.map */