.banner-with-text{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;background:var(--background-color);min-height:93.34vw}.banner-with-text:before{content:"";position:absolute;top:0;left:0;z-index:var(--layer-flat);opacity:var(--overlay-opacity);width:100%;height:100%;background-color:var(--overlay-color)}.banner-with-text:after{content:"";position:absolute;top:50%;left:50%;z-index:1;width:calc(100% - var(--image-border-indent-mobile) * 2);height:calc(100% - var(--image-border-indent-mobile) * 2);border:var(--image-border-width) solid var(--image-border-color);transform:translate(-50%,-50%)}.banner-with-text .banner-with-text__image{position:absolute;top:0;left:0;z-index:var(--layer-base);opacity:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--img-mob-pos);object-position:var(--img-mob-pos)}.banner-with-text .banner-with-text__image.animated{opacity:1;transition-property:opacity;transition-duration:var(--animate-time)}html.no-js .banner-with-text .banner-with-text__image{opacity:1}.banner-with-text .banner-with-text__content-container{position:relative;z-index:var(--layer-raised);opacity:0;width:100%;margin:0 auto;padding:10px 20px;max-width:880px}.banner-with-text .banner-with-text__content-container.animated{opacity:1;transition-property:opacity;transition-duration:var(--animate-time);transition-delay:var(--animate-delay)}html.no-js .banner-with-text .banner-with-text__content-container{opacity:1}.banner-with-text .banner-with-text__text-content{line-height:1.37;text-align:center;color:var(--text-color)}.banner-with-text .banner-with-text__text-content a{color:var(--text-color)}.banner-with-text .banner-with-text__text-content a:focus-visible{outline:2px solid var(--text-color)}.banner-with-text .banner-with-text__text-content ul{line-height:1.6}.banner-with-text .banner-with-text__heading{line-height:1.37;letter-spacing:.02em;text-align:center;color:var(--text-color)}.banner-with-text .banner-with-text__heading+.banner-with-text__text-content{margin-top:10px}.banner-with-text .banner-with-text__label{line-height:1.37;text-align:center;color:var(--text-color);word-break:break-word}.banner-with-text .banner-with-text__label+.banner-with-text__heading,.banner-with-text .banner-with-text__label+.banner-with-text__text-content{margin-top:10px}@media (min-width: 576px){.banner-with-text{min-height:55vw}.banner-with-text .banner-with-text__content-container{padding:10px 40px}.banner-with-text .banner-with-text__heading+.banner-with-text__text-content{margin-top:20px}.banner-with-text .banner-with-text__label+.banner-with-text__heading,.banner-with-text .banner-with-text__label+.banner-with-text__text-content{margin-top:20px}}@media (min-width: 768px){.banner-with-text{min-height:42vw}.banner-with-text .banner-with-text__image{-o-object-position:var(--img-desktop-pos);object-position:var(--img-desktop-pos)}}@media (min-width: 992px){.banner-with-text:after{width:calc(100% - var(--image-border-indent-desktop) * 2);height:calc(100% - var(--image-border-indent-desktop) * 2)}.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--left{margin-left:210px;max-width:630px}.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--left .banner-with-text__label,.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--left .banner-with-text__heading,.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--left .banner-with-text__text-content{text-align:left}.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--center .banner-with-text__label,.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--center .banner-with-text__heading,.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--center .banner-with-text__text-content{text-align:center}.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--right{margin-right:210px;max-width:630px}.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--right .banner-with-text__label,.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--right .banner-with-text__heading,.banner-with-text .banner-with-text__content-container.banner-with-text__content-container--right .banner-with-text__text-content{text-align:left}}@media (min-width: 1200px){.banner-with-text{min-height:35.715vw}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/banner-with-text.build.css.map */