.media-banner{position:relative;overflow:hidden;width:100%}.media-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.media-banner__media--mobile{display:block}.media-banner__media--desktop{display:none}.media-banner__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.media-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.media-banner__content{position:relative;z-index:2;display:flex;min-height:100%;align-items:center}.media-banner--content-left .media-banner__content{justify-content:flex-start}.media-banner--content-right .media-banner__content{justify-content:flex-end}.media-banner__box{width:100%;max-width:44rem;text-align:center;padding:3rem 2rem}.media-banner__title{margin:0 0 1.5rem}.media-banner__description{margin:0}.media-banner__description>*:last-child{margin-bottom:0}.media-banner__separator{display:flex;align-items:center;justify-content:center;gap:1rem;width:fit-content;margin:1.75rem auto;color:rgb(var(--color-foreground))}.media-banner__separator.icon-text-color{color:rgb(var(--color-foreground))}.media-banner__separator.icon-accent-color-1{color:rgb(var(--color-base-accent-1))}.media-banner__separator.icon-accent-color-2{color:rgb(var(--color-base-accent-2))}.media-banner__separator.icon-accent-color-3{color:rgb(var(--color-base-accent-3))}.media-banner__separator-line{flex:0 0 auto;width:3.5rem;height:1px;background-color:currentColor;opacity:.5}.media-banner__separator-icon{flex-shrink:0;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center}.media-banner__separator-icon svg{width:100%;height:100%;fill:currentColor}.media-banner__tagline{margin:0}.media-banner__tagline em{font-style:italic}@media screen and (max-width:749px){.media-banner{display:flex;flex-direction:column;height:auto!important}.media-banner__media{position:relative;aspect-ratio:1 / 1;order:1}.media-banner__media--mobile{display:block}.media-banner__media--desktop,.media-banner__overlay{display:none}.media-banner__content{position:relative;order:2;min-height:0}.media-banner__box{padding:2.5rem 2rem}}@media screen and (min-width:750px){.media-banner__media--mobile{display:none}.media-banner__media--desktop{display:block}.media-banner__box{padding:3rem 4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-media-banner.css.map */