.image-with-content{position:relative;display:flex;flex-direction:column;width:100%}.image-with-content .image-with-content__content{padding:var(--main-padding) 0;border-bottom:1px solid rgba(var(--color-border))}.image-with-content .image-with-content__content .section-header__wrapper{flex-direction:column;height:100%;align-items:flex-start}.image-with-content .image-with-content__content .image-with-content-heading-secondary{width:100%;max-width:none;color:rgb(var(--color-foreground-title));margin:0}.image-with-content .image-with-content__content .image-with-content-heading-secondary p{margin:0;color:rgb(var(--color-foreground-title))}@media screen and (min-width:750px){.image-with-content .image-with-content__content .image-with-content-heading-secondary{max-width:43.6rem}}.image-with-content .image-with-content__content .section-header__content{width:100%;max-width:none}@media screen and (min-width:750px){.image-with-content .image-with-content__content .section-header__content{max-width:59.9rem}}.image-with-content .image-with-content__content .section-header__title{margin:0}.image-with-content .image-with-content__content .image-with-content-description{margin:0;width:100%;max-width:none}@media screen and (min-width:750px){.image-with-content .image-with-content__content .image-with-content-description{max-width:35rem}}.image-with-content .image-with-content__content .button{margin:2.4rem 0 0}@media screen and (min-width:990px){.image-with-content .image-with-content__content{padding-right:8.5rem;border-bottom:none}[dir=rtl] :is(.image-with-content .image-with-content__content){padding-right:0;padding-left:8.5rem}}.image-with-content .image-with-content__media{position:relative;width:100%;padding:var(--main-padding) 0}.image-with-content .image-with-content__media .image-with-content__image img,.image-with-content .image-with-content__media .image-with-content__image .placeholder-svg{display:block;width:100%;height:auto;border-radius:var(--border-radius)}@media screen and (min-width:990px){.image-with-content .image-with-content__media{border-left:1px solid rgba(var(--color-border));padding:var(--main-padding);padding-right:0}[dir=rtl] :is(.image-with-content .image-with-content__media){border-left:none;border-right:1px solid rgba(var(--color-border));padding-left:0;padding-right:var(--main-padding)}}.image-with-content .image-with-content_rotate-img{position:absolute;top:50%;right:0;z-index:1;width:150px;height:150px;transform:translate(25%,-50%)}.image-with-content .image-with-content_rotate-img svg,.image-with-content .image-with-content_rotate-img img,.image-with-content .image-with-content_rotate-img video{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;border-radius:50%;animation:rotate 10s linear infinite}[dir=rtl] :is(.image-with-content .image-with-content_rotate-img){right:unset;left:0;transform:translate(-25%,-50%)}@media screen and (min-width:990px){.image-with-content .image-with-content_rotate-img{width:162px;height:162px;right:unset;left:0;transform:translate(-50%,-50%)}[dir=rtl] :is(.image-with-content .image-with-content_rotate-img){left:unset;right:0;transform:translate(50%,-50%)}}@media screen and (min-width:990px){.image-with-content.image-with-content--image-left .image-with-content__media{order:-1;border-left:none;padding-left:0;padding-right:var(--main-padding)}.image-with-content.image-with-content--image-left .image-with-content__content{padding-right:0;padding-left:var(--main-padding);border-left:1px solid rgba(var(--color-border))}.image-with-content.image-with-content--image-left .image-with-content_rotate-img{left:unset;right:0;transform:translate(50%,-50%)}[dir=rtl] .image-with-content.image-with-content--image-left .image-with-content__media{border-right:none;padding-right:0;padding-left:var(--main-padding)}[dir=rtl] .image-with-content.image-with-content--image-left .image-with-content__content{padding-left:0;padding-right:8.5rem;border-left:none;border-right:1px solid rgba(var(--color-border))}[dir=rtl] .image-with-content.image-with-content--image-left .image-with-content_rotate-img{right:unset;left:0;transform:translate(-50%,-50%)}}@media screen and (min-width:990px){.image-with-content{flex-direction:row}.image-with-content>div{flex:0 0 50%;box-sizing:border-box}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/image-with-content.css.map */