.banner-image{position:relative;overflow:hidden;display:flex;height:100%}.template-integrations-klaviyo .banner-image.border-top-bottom{border-top:unset}.banner-image__media,.banner-image__media img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;pointer-events:none}.banner-image__media .placeholder-svg,.banner-image__media img .placeholder-svg{opacity:.5;width:100%;height:100%}.banner-image__content{width:100%;max-width:var(--page-width);display:flex;margin:0 auto;z-index:1;position:relative}.banner-image__content--right{flex-direction:row-reverse}@media screen and (max-width: 1200px){.banner-image__content--right,.banner-image__content--left{flex-direction:column}}.banner-image__box{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:1}.banner-image__content--right .banner-image__preheading-wrapper,.banner-image__content--left .banner-image__preheading-wrapper{position:absolute;top:calc(var(--top) - 24px);left:var(--left);transform:translateY(-100%)}@media screen and (max-width: 749px){.banner-image__content--right .banner-image__preheading-wrapper,.banner-image__content--left .banner-image__preheading-wrapper{top:calc(var(--top-mob) - 15px);left:var(--left-mob)}}.banner-image__content--right .banner-image__preheading p,.banner-image__content--left .banner-image__preheading p{margin:0;font-size:16px;font-weight:500;line-height:1.5em;letter-spacing:.02em;display:flex;align-items:center}.banner-image__preheading a{color:inherit;text-decoration:unset;display:flex;align-items:center}.banner-image__preheading svg{transition:transform var(--duration-default) ease;margin-right:8px}.banner-image__preheading:hover svg{transform:translate(-3px);transition:transform var(--duration-default) ease}.banner-image__heading{color:inherit}.banner-image__heading span{color:var(--accent-color)}.banner-image__blocks-with-text .banner-image__heading{letter-spacing:normal;text-align:center}.banner-image__text p{letter-spacing:.0107em;margin:0}.banner-image__text p a{color:inherit;font-family:inherit}.banner-image__text ul{padding-inline-start:24px;margin:0}.banner-image__content--button-list .banner-image__text p{letter-spacing:.02em}.banner-image__button-wrapper{display:flex;gap:20px;flex-wrap:wrap}@media only screen and (max-width: 749px){.banner-image__button-wrapper{gap:13px}.banner-image__button-wrapper .button{gap:13px;padding:10px 30px}}.banner-image__line{width:100%;height:1px;border:1px solid rgba(var(--color-shadow))}.banner-image__image-side{width:100%;max-width:var(--max-width);margin-right:var(--margin)}@media only screen and (max-width: 1200px){.banner-image__image-side{margin-right:unset;margin-bottom:var(--margin)}}.banner-image__content--right .banner-image__image-side{margin-left:var(--margin)}@media only screen and (max-width: 1200px){.banner-image__content--right .banner-image__image-side{margin-left:unset;margin-bottom:var(--margin)}}.banner-image__image-side img{width:100%;height:100%;display:block}.banner-image__image{z-index:1;width:100%;position:relative}.banner-image__image-wrapper{padding-left:20px;margin-left:auto}@media only screen and (max-width: 749px){.banner-image__image-wrapper{padding-left:0}}.banner-image__image-inner{position:relative}.banner-image__image-inner-additional-wrapper{margin-left:-23%;margin-top:-12%;width:100%}@media only screen and (max-width: 749px){.banner-image__image-inner-additional-wrapper{margin-left:-35%;margin-top:-27%}}.banner-image__image-inner-main{padding-top:100%}.banner-image__image-inner-additional{padding-top:99%}.banner-image__image-inner img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center}.banner-image__image img{width:100%;height:100%;max-width:var(--max-width)}.banner-image__decor-image{position:absolute;top:var(--image-position);left:var(--image-position-hor);width:var(--width);height:var(--height);object-fit:contain}@media only screen and (max-width: 749px){.banner-image__decor-image{top:var(--image-position-mob);left:var(--image-positio-hor-mob)}}.banner-image__decor-image img{display:block;width:100%;height:100%}.banner-image__button-list{display:flex;flex-wrap:wrap;gap:20px}.banner-image__text-block-wrapper{--gap: 30px;display:flex;gap:var(--gap);flex-wrap:wrap;justify-content:center;margin-bottom:60px}@media only screen and (max-width: 1200px){.banner-image__text-block-wrapper{margin-bottom:35px}}.banner-image__text-block{width:100%;max-width:calc((100% - (var(--gap) * 2)) / 3);padding:20px 20px 50px}@media only screen and (max-width: 1200px){.banner-image__text-block{min-width:250px}}.banner-image__text-block img{width:100%;max-width:var(--image-width, 50px);margin-bottom:12px}.banner-image__text-block p{line-height:22px;margin:0}.banner-image__text-block strong{font-size:18px;font-style:normal;font-weight:750;line-height:24px;letter-spacing:.36px;margin:0 0 8px;display:block}.banner-image__aside{display:flex;flex-direction:column;height:100%;width:100%;max-width:calc(100% - var(--max-width-content));align-items:flex-end;padding-right:48px;text-align:right}.banner-image__aside>div{--gap: 40px;display:flex;flex-direction:column;gap:var(--gap)}@media only screen and (max-width: 1200px){.banner-image__aside{align-items:flex-start;flex-direction:row;max-width:var(--max-width-content);padding-right:0;margin-top:40px;flex-wrap:wrap;text-align:left}.banner-image__aside>div{--gap: 20px;flex-direction:row;flex-wrap:wrap}}.banner-image__aside-inner{max-width:200px;text-align:left}@media only screen and (max-width: 1200px){.banner-image__aside-inner{display:flex;flex-direction:column}}.banner-image__aside-inner span{font-size:16px;font-weight:500;line-height:1.5em;letter-spacing:.02em;margin-bottom:12px;display:inline-block}@media only screen and (max-width: 1200px){.banner-image__aside-inner .banner-image__button-wrapper{margin-top:auto}}@media only screen and (max-width: 1200px){.banner-image__aside-inner .button{margin-left:unset}}.banner-image__line--vertical{background:rgba(var(--color-shadow));position:absolute;top:0;width:1px;height:100%}@media screen and (max-width: 1200px){.banner-image__line--vertical{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-image-bg-with-content.css.map */