.image-with-text{display:flex;flex-wrap:wrap;align-items:center;background:var(--bg-body)}@media only screen and (min-width:768px){.image-with-text{flex-wrap:nowrap;align-items:stretch}}.image-with-text.text_first{flex-direction:row-reverse}.image-with-text__image{flex-grow:0;flex-shrink:0;width:100%;padding-bottom:var(--padding-bottom)}.image-with-text__image-link{display:block;width:100%}.image-with-text__image svg,.image-with-text__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text__image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.image-with-text__image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}@media only screen and (min-width:768px){.image-with-text__image-media{width:var(--image-with-text-media-scale, 100%);margin-left:auto;margin-right:auto}}.image-with-text__image-media.aspect-ratio--small{padding-bottom:75%}.image-with-text__image-media.aspect-ratio--square{padding-bottom:100%;background:var(--bg-body)}.image-with-text__image-media.aspect-ratio--square img{object-fit:contain}.image-with-text__image-media.aspect-ratio--large{padding-bottom:100%}.image-with-text__image-media iframe,.image-with-text__image-media video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.image-with-text__image-media .image-with-text__lottie-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px}.image-with-text__image-media .image-with-text__lottie-container dotlottie-wc{width:min(100%,var(--image-with-text-lottie-width, 300px));height:min(100%,var(--image-with-text-lottie-height, 300px));max-width:100%;max-height:100%;pointer-events:none}.image-with-text__content{width:100%;flex-grow:1;padding:25px;display:flex;flex-direction:column;justify-content:center;background:var(--image-with-text-content-bg, transparent);border:var(--image-with-text-content-border-width, 0px) solid var(--image-with-text-content-border-color, transparent)}@media only screen and (min-width:768px){.image-with-text__content{padding:45px}}@media only screen and (min-width:1068px){.image-with-text__content{padding:70px}}.image-with-text__content .subheading,.image-with-text__content p{color:var(--color-accent)}.image-with-text__content .rte,.image-with-text__content .rte>*{color:inherit}.image-with-text__content .rte .image-with-text__animated-underline{position:relative;display:inline-block;padding-bottom:.92em}.image-with-text__content .rte .image-with-text__animated-underline:before,.image-with-text__content .rte .image-with-text__animated-underline:after{content:"";position:absolute;transform:scaleX(0);transform-origin:left center;animation:image-with-text-underline-draw 2s ease-in-out infinite}.image-with-text__content .rte .image-with-text__animated-underline:before{--image-with-text-underline-rotation: -1.25deg;left:6%;bottom:.38em;width:88%;height:2px;background:var(--image-with-text-underline-color, currentColor);border-radius:999px;transform:rotate(var(--image-with-text-underline-rotation)) scaleX(0)}.image-with-text__content .rte .image-with-text__animated-underline:after{--image-with-text-underline-rotation: -1.25deg;left:-3%;bottom:.02em;width:106%;padding-bottom:.18em;border-bottom:2px solid var(--image-with-text-underline-color, currentColor);border-radius:0 0 999px 999px/0 0 100% 100%;transform:rotate(var(--image-with-text-underline-rotation)) scaleX(0);animation-delay:.12s}.image-with-text__content .rte+.image-with-text__button.button.outline{margin-top:14px}.image-with-text__content .image-with-text__button.button.outline{display:inline-flex;align-self:flex-start;width:auto;min-width:0;padding:0 1.75rem;line-height:44px;text-transform:none;font-weight:var(--image-with-text-button-font-weight, var(--font-body-bold-weight, 700));background:var(--image-with-text-button-bg, transparent);border-color:var(--image-with-text-button-border, transparent);color:var(--image-with-text-button-text, inherit);--outline-button-label: var(--image-with-text-button-text, currentColor);--solid-button-label: var(--image-with-text-button-hover-text, var(--image-with-text-button-text, currentColor))}.image-with-text__content .image-with-text__button.button.outline:hover,.image-with-text__content .image-with-text__button.button.outline:focus-visible{background:var(--image-with-text-button-hover-bg, var(--image-with-text-button-bg, transparent));border-color:var(--image-with-text-button-hover-border, var(--image-with-text-button-hover-bg, var(--image-with-text-button-border, transparent)));color:var(--image-with-text-button-hover-text, var(--image-with-text-button-text, inherit))}.image-with-text.text-center .image-with-text__content .image-with-text__button.button.outline{align-self:center}.image-with-text.text-right .image-with-text__content .image-with-text__button.button.outline{align-self:flex-end}.image-with-text.text-left .image-with-text__content .image-with-text__button.button.outline{align-self:flex-start}.image-with-text.content-vertical-top .image-with-text__content{justify-content:flex-start}.image-with-text.content-vertical-center .image-with-text__content{justify-content:center}.image-with-text.content-vertical-bottom .image-with-text__content{justify-content:flex-end}@media only screen and (min-width:768px){.image-with-text.image-with-text--content-inline .image-with-text__content{justify-content:flex-start;padding-top:0;padding-bottom:0}}@media only screen and (min-width:768px){.image-with-text.grid--image-small>.image-with-text__inner{width:37.5%}}@media only screen and (min-width:768px){.image-with-text.grid--image-medium>.image-with-text__inner{width:46%}.full-width-row-full .image-with-text.grid--image-medium>.image-with-text__inner{width:50%}}@media only screen and (min-width:768px){.image-with-text.grid--image-large>.image-with-text__inner{width:56%}}@keyframes image-with-text-underline-draw{0%{transform:rotate(var(--image-with-text-underline-rotation, 0deg)) scaleX(0)}45%{transform:rotate(var(--image-with-text-underline-rotation, 0deg)) scaleX(1)}to{transform:rotate(var(--image-with-text-underline-rotation, 0deg)) scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-with-text.css.map */