.image-with-text .grid{margin-bottom:0;padding:0 20px;align-items:center}.image-with-text .grid__item{position:relative}@media screen and (min-width: 750px){.image-with-text__grid--reverse{flex-direction:row-reverse}}.image-with-text__media{line-height:0}.image-with-text__media--small{height:19.4rem}.image-with-text__media--large{height:43.5rem}@media screen and (min-width: 750px){.image-with-text__media--small{height:31.4rem}.image-with-text__media--large{height:69.5rem}}.image-with-text__media--placeholder{position:relative;overflow:hidden}.image-with-text__media--placeholder:after{content:"";position:absolute;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.image-with-text__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.image-with-text__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;position:relative;z-index:1}.image-with-text .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.image-with-text__content--mobile-right>*{align-self:flex-end;text-align:right}.image-with-text__content--mobile-center>*{align-self:center;text-align:center}.image-with-text--overlap .image-with-text__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 750px){.image-with-text__content--bottom{justify-content:flex-end;align-self:flex-end}.image-with-text__content--top{justify-content:flex-start;align-self:flex-start}.image-with-text__content--desktop-right>*{align-self:flex-end;text-align:right}.image-with-text__content--desktop-left>*{align-self:flex-start;text-align:left}.image-with-text__content--desktop-center>*{align-self:center;text-align:center}.image-with-text--overlap .image-with-text__text-item{display:flex;padding:3rem 0}.image-with-text--overlap .image-with-text__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content{margin-left:0;margin-right:-4rem}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item{justify-content:flex-end}.image-with-text--overlap .image-with-text__media-item--top{align-self:flex-start}.image-with-text--overlap .image-with-text__media-item--middle{align-self:center}.image-with-text--overlap .image-with-text__media-item--bottom{align-self:flex-end}.image-with-text__media-item--small,.image-with-text__media-item--large+.image-with-text__text-item{flex-grow:0}}.image-with-text:not(.collapse-corners,.image-with-text--overlap) .image-with-text__media-item{z-index:2}.image-with-text__media-item.image-with-text__media-item--medium.grid__item{max-width:39.74%;flex:0 0 39.74%}.image-with-text__text-item.grid__item{max-width:60.25%;flex:0 0 60.25%}.image-with-text__content{padding-right:0;position:relative;padding-left:120px}.image-with-text__grid--reverse .image-with-text__content{padding-right:120px;padding-left:0}.image-with-text__content>.image-with-text__text:empty~a{margin-top:2rem}.image-with-text{position:relative;padding-top:40px;padding-bottom:40px}.image-with-text:after{position:absolute;content:"";left:-90px;right:auto;top:0;bottom:0;margin:auto;background:#0e1c29;transform:skew(-20deg);width:75%}.image-with-text:before{position:absolute;content:"";left:-40px;right:auto;top:0;bottom:0;margin:auto;background:#3f8fcf;transform:skew(-20deg);width:75%}.image-with-text.bg_fullwidth:before{width:100%;transform:none;left:0}.image-with-text__subheading{font-family:var(--font-body);font-weight:700;font-size:16px;line-height:24px;color:#a1d341;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.image-with-text__content .button+.image-with-text__text{margin-top:2rem}.image-with-text__content .image-with-text__text+.button{margin-top:36px;background:none;padding:0;border:none;min-width:auto;min-height:auto;transition:none;box-shadow:none;color:#f9d347;font-family:var(--font-body);font-weight:700;font-size:12px;line-height:16px;letter-spacing:.05em;text-transform:uppercase}.image-with-text__content .image-with-text__text+.button:focus{border:1px solid white;border-radius:5px;outline:none}.image-with-text__content .image-with-text__text+.button svg path{fill:#f9d347}.image-with-text__content .image-with-text__text+.button:after,.image-with-text__content .image-with-text__text+.button:before{display:none}.image-with-text__heading{word-break:break-word;margin-bottom:6px;margin-top:0;font-size:45px;line-height:67px;text-transform:uppercase;color:#fff;letter-spacing:0}.image-with-text__text{font-weight:var(--font-subheading);font-size:16px;line-height:24px;color:#fff}.image-with-text__text p{word-break:break-word;margin-top:0;margin-bottom:1rem}@supports not (inset: 10px){.image-with-text .grid{margin-left:0}}@media screen and (max-width: 1440px){.image-with-text:after,.image-with-text:before{width:85%}}@media screen and (max-width: 1299px){.image-with-text__heading{font-size:35px;line-height:57px}.image-with-text__content .image-with-text__text+.button{margin-top:28px}.image-with-text__content{padding-left:90px}.image-with-text__grid--reverse .image-with-text__content{padding-right:90px}}@media screen and (max-width: 1199px){.image-with-text__heading{font-size:30px;line-height:50px}.image-with-text__content{padding-left:60px}.image-with-text__grid--reverse .image-with-text__content{padding-right:60px}}@media screen and (max-width: 991px){.image-with-text__heading{font-size:26px;line-height:46px}.image-with-text__content{padding-left:40px}.image-with-text__grid--reverse .image-with-text__content{padding-right:40px}.image-with-text__subheading{font-size:14px;line-height:18px}}@media screen and (max-width: 767px){.image-with-text:after{width:100%;transform:none;left:0}.image-with-text:before,.image-with-text.bg_fullwidth:before{display:none}.image-with-text__text-item.grid__item{max-width:100%;flex:0 0 100%}.image-with-text__media-item.image-with-text__media-item--medium.grid__item{max-width:100%;flex:0 0 100%;margin:0 0 16px}.image-with-text .grid{padding:0 16px}.image-with-text__media{padding-bottom:62.2%!important}.image-with-text__content,.image-with-text__grid--reverse .image-with-text__content{padding:0}.image-with-text__heading{font-size:20px;line-height:30px}.image-with-text__text{font-size:14px;line-height:22px}.image-with-text__content .image-with-text__text+.button{margin-top:16px}.image-with-text{padding-top:24px;padding-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-image-with-text.css.map?v=52969232199841019001704354659 */