.image-with-content{position:relative;display:grid}.image-with-content__slide{grid-area:1 / 1;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s ease,visibility 0s linear .9s}.image-with-content__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s ease,visibility 0s}.image-with-content--right .image-with-content__media{order:1}.image-with-content__media{position:relative;aspect-ratio:720 / 900;overflow:hidden}.image-with-content__media picture,.image-with-content__media .image,.image-with-content__video,.image-with-content__video video,.image-with-content__video img{display:block;width:100%;height:100%;object-fit:cover}.image-with-content__content{display:flex;align-items:center;justify-content:center;padding:32px var(--page-padding)}.image-with-content__inner{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:529px;text-align:center}.image-with-content__label{margin-bottom:-18px;font-size:12px;font-weight:600;line-height:120%;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.image-with-content__title{letter-spacing:0;line-height:100%}.image-with-content__image{display:block;width:105px;height:auto}.image-with-content__description{max-width:319px;font-size:14px;font-weight:500;line-height:130%}.image-with-content__button{font-size:14px;font-weight:600;line-height:150%;text-decoration:none}.image-with-content__button:hover{text-decoration:underline}.image-with-content__dots{position:absolute;bottom:28px;left:75%;display:flex;gap:10px;transform:translate(-50%);z-index:1}.image-with-content--right .image-with-content__dots{left:25%}.image-with-content__dot{width:7px;height:7px;padding:0;border:1px solid var(--color-content);border-radius:100px;background-color:transparent;cursor:pointer;transition:background-color var(--duration)}.image-with-content__dot.is-active{background-color:var(--color-content)}@media screen and (max-width:749px){.image-with-content__slide{grid-template-columns:1fr}.image-with-content--right .image-with-content__media{order:0}.image-with-content__media{aspect-ratio:393 / 491}.image-with-content__label{margin-bottom:-20px;font-size:11px}.image-with-content__title{line-height:110%}.image-with-content__image{width:66px}.image-with-content__description{max-width:254px;font-size:12px}.image-with-content__dots,.image-with-content--right .image-with-content__dots{bottom:16px;left:50%}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-image-with-content.css.map */
