.banner-with-image{margin:30px auto;min-width:0;background:0 0}@media(min-width:768px){.banner-with-image{margin:60px auto}}.banner-with-image__container{display:grid;grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden;min-width:0;height:var(--mobile-container-height)}@media(min-width:768px){.banner-with-image__container{height:var(--desktop-container-height)}}.banner-with-image__sizer{grid-area:1/1;width:100%;min-height:0;visibility:hidden;pointer-events:none}.banner-with-image__sizer--desktop{display:none}@media(min-width:768px){.banner-with-image__sizer--desktop{display:block}}.banner-with-image__sizer--mobile{display:block}@media(min-width:768px){.banner-with-image__sizer--mobile{display:none}}.banner-with-image__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:20px}.banner-with-image__media .banner-with-image__image,.banner-with-image__media .banner-with-image__image-mobile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.banner-with-image__media .banner-with-image__image{display:none}@media(min-width:768px){.banner-with-image__media .banner-with-image__image{display:block}}.banner-with-image__media .banner-with-image__image-mobile{display:block}@media(min-width:768px){.banner-with-image__media .banner-with-image__image-mobile{display:none}}.banner-with-image__content{grid-area:1/1;position:relative;z-index:1;width:auto;min-width:0;max-width:calc(100% - 30px);padding:15px;box-sizing:border-box;overflow-wrap:anywhere;max-width:calc(100% - 35px)!important}@media(max-width:767px){.banner-with-image__content .button{width:fit-content;padding:5px 20px;text-align:center}}@media(min-width:768px){.banner-with-image__content{max-width:min(60%,690px)!important;padding:30px 10px}}.banner-with-image__heading{font-size:24px;text-transform:uppercase;margin-bottom:20px;line-height:120%;overflow-wrap:anywhere}@media(min-width:1000px){.banner-with-image__heading{font-size:35px;margin-bottom:25px}}.banner-with-image__text{overflow-wrap:anywhere}.banner-with-image--mobile-top-left .banner-with-image__content{justify-self:auto;align-self:auto;max-width:calc(100% - 30px);justify-self:start;align-self:start;margin:15px 0 0 15px;max-width:calc(100% - 15px)}.banner-with-image--mobile-top-center .banner-with-image__content{justify-self:auto;align-self:auto;margin:15px 0 0;max-width:calc(100% - 30px);justify-self:center;align-self:start}.banner-with-image--mobile-top-right .banner-with-image__content{justify-self:auto;align-self:auto;max-width:calc(100% - 30px);justify-self:end;align-self:start;margin:15px 15px 0 0;max-width:calc(100% - 15px)}.banner-with-image--mobile-middle-left .banner-with-image__content{justify-self:auto;align-self:auto;max-width:calc(100% - 30px);justify-self:start;align-self:center;margin:0 0 0 15px;max-width:calc(100% - 15px)}.banner-with-image--mobile-middle-center .banner-with-image__content{justify-self:auto;align-self:auto;margin:0;max-width:calc(100% - 30px);justify-self:center;align-self:center}.banner-with-image--mobile-middle-right .banner-with-image__content{justify-self:auto;align-self:auto;margin:0 15px 0 0;max-width:calc(100% - 30px);justify-self:end;align-self:center;max-width:calc(100% - 15px)}.banner-with-image--mobile-bottom-left .banner-with-image__content{justify-self:auto;align-self:auto;max-width:calc(100% - 30px);justify-self:start;align-self:end;margin:0 0 15px 15px;max-width:calc(100% - 15px)}.banner-with-image--mobile-bottom-center .banner-with-image__content{justify-self:auto;align-self:auto;margin:0 0 15px;max-width:calc(100% - 30px);justify-self:center;align-self:end}.banner-with-image--mobile-bottom-right .banner-with-image__content{justify-self:auto;align-self:auto;max-width:calc(100% - 30px);justify-self:end;align-self:end;margin:0 15px 15px 0;max-width:calc(100% - 15px)}.banner-with-image--mobile-align-left .banner-with-image__content{text-align:left}.banner-with-image--mobile-align-center .banner-with-image__content{text-align:center}.banner-with-image--mobile-align-right .banner-with-image__content{text-align:right}@media(min-width:768px){.banner-with-image--desktop-top-left .banner-with-image__content{justify-self:auto;align-self:auto;max-width:min(60%,690px,100% - 50px * 2);justify-self:start;align-self:start;margin:50px 0 0 50px;max-width:min(60%,690px,100% - 50px)}.banner-with-image--desktop-top-center .banner-with-image__content{justify-self:auto;align-self:auto;margin:50px 0 0;max-width:min(60%,690px,100% - 50px * 2);justify-self:center;align-self:start}.banner-with-image--desktop-top-right .banner-with-image__content{justify-self:auto;align-self:auto;max-width:min(60%,690px,100% - 50px * 2);justify-self:end;align-self:start;margin:50px 50px 0 0;max-width:min(60%,690px,100% - 50px)}.banner-with-image--desktop-middle-left .banner-with-image__content{justify-self:auto;align-self:auto;max-width:min(60%,690px,100% - 50px * 2);justify-self:start;align-self:center;margin:0 0 0 50px;max-width:min(60%,690px,100% - 50px)}.banner-with-image--desktop-middle-center .banner-with-image__content{justify-self:auto;align-self:auto;margin:0;max-width:min(60%,690px,100% - 50px * 2);justify-self:center;align-self:center}.banner-with-image--desktop-middle-right .banner-with-image__content{justify-self:auto;align-self:auto;margin:0 50px 0 0;max-width:min(60%,690px,100% - 50px * 2);justify-self:end;align-self:center;max-width:min(60%,690px,100% - 50px)}.banner-with-image--desktop-bottom-left .banner-with-image__content{justify-self:auto;align-self:auto;max-width:min(60%,690px,100% - 50px * 2);justify-self:start;align-self:end;margin:0 0 50px 50px;max-width:min(60%,690px,100% - 50px)}.banner-with-image--desktop-bottom-center .banner-with-image__content{justify-self:auto;align-self:auto;margin:0 0 50px;max-width:min(60%,690px,100% - 50px * 2);justify-self:center;align-self:end}.banner-with-image--desktop-bottom-right .banner-with-image__content{justify-self:auto;align-self:auto;max-width:min(60%,690px,100% - 50px * 2);justify-self:end;align-self:end;margin:0 50px 50px 0;max-width:min(60%,690px,100% - 50px)}.banner-with-image--desktop-align-left .banner-with-image__content{text-align:left}.banner-with-image--desktop-align-center .banner-with-image__content{text-align:center}.banner-with-image--desktop-align-right .banner-with-image__content{text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/section-banner-with-image.css.map */