.component__image-with-text{--small-image-width: 42%;--small-image-offset: 7%;--text-container-outer: 10%;--text-container-outer-large: 14%;background-color:var(--section-background-color);color:var(--color-text);position:relative;overflow:hidden}.component__image-with-text-section{position:relative;max-width:var(--page-width);margin:0 auto}.component__image-with-text-content{position:relative;display:flex;align-items:center;gap:0}.component__image-with-text-image-container{display:flex;align-items:center}.component__image-with-text.component__image-with-text--has-small-image.component__image-with-text--image-right .component__image-with-textimage-container-inner{padding-left:var(--small-image-offset);padding-right:0}.component__image-with-text-image-container,.component__image-with-text-text-container{position:relative;width:100%}.component__image-with-text-text-container *:first-child{margin-top:0}.component__image-with-text-text-container{padding-left:40px;padding-right:40px}.component__image-with-text.component__image-with-text--has-small-image .component__image-with-textimage-container-inner{position:relative;padding-right:var(--small-image-offset);padding-bottom:var(--small-image-offset)}.component__image-with-textimage-container-inner{width:100%}.component__image-with-text-image-wrapper{margin:0}.component__image-with-text-image-wrapper svg{fill:#6e2b3d66;width:100%;height:100%;background-color:#f5f5f5;aspect-ratio:var(--aspect-ratio);object-position:var(--focal-alignment, center center)}.component__image-with-text.component__image-with-text--has-small-image.component__image-with-text--image-right .component__image-with-text-small-image-wrapper{right:unset;left:0}.component__image-with-text-small-image-wrapper{position:absolute;bottom:0;right:0;width:var(--small-image-width)}.component__image-with-text-small-image-wrapper .placeholder-svg{height:100%;width:100%;background-color:#f0f0f0}.component__image-with-text-section-full-width.component__image-with-text.component__image-with-text--image-right.component__image-with-text--justify-left .component__image-with-text-text-container{padding-right:50px;padding-left:50px!important}.component__image--video-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto;display:none}.component__image--video-modal.modal-active{display:flex}.component__image--video-modal-close{position:absolute;right:20px;top:20px;width:43px;height:43px;z-index:2;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer}.component__image--video-modal .component__image--video-modal-close svg{color:currentColor;max-width:15px;height:auto}.component__image--video-modal .component__image--video-modal-close svg path{fill:currentColor}.component__image--video-modal .component__image--video-modal-content{display:flex;align-items:center;max-height:95vh;max-width:95%}.component__image--video-modal .component__image--video-modal-content video{max-width:100%;max-height:95vh;display:block}.component__image-with-text-play-btn{border:1px solid var(--color-button);color:var(--color-button);background:transparent;padding:10px 20px;display:inline-flex;align-items:center;text-align:center;justify-content:center;gap:10px;font-size:16px;line-height:1;min-width:190px;min-height:48px;cursor:pointer}.component__image-with-text-btn.btn__has-poster .component__image-with-text-play-btn{padding-left:10px}.component__image-with-text-btn-img{position:relative}.component__image-with-text-btn-img .icon-img{position:relative;overflow:hidden;width:100px}.component__image-with-text-btn-img .svg-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:flex;align-items:center}.component__image-with-text-btn.component__image-with-text-style-dark .component__image-with-text-play-btn svg circle{fill:#000;stroke:#000}.component__image-with-text-btn.component__image-with-text-style-dark .component__image-with-text-play-btn svg path{fill:#fff}.component__image-with-text-btn.component__image-with-text-style-light .component__image-with-text-play-btn svg circle{fill:#fff;stroke:#fff}.component__image-with-text-btn.component__image-with-text-style-light .component__image-with-text-play-btn svg path{fill:#000}.component__image-with-text-btn-img .icon-img img{width:100%;height:100%;object-fit:cover;object-position:top}.component__image-with-text-btn{margin-top:24px;margin-bottom:24px}.component__image-with-text-buttons{margin-top:24px;margin-bottom:24px;display:flex;align-items:center;gap:30px}.image-with-text__text-container-button{display:flex;justify-content:center;align-items:center;gap:15px}.image-with-text__text-container-button.button__desktop-justify-left{justify-content:flex-start}.image-with-text__text-container-button.button__desktop-justify-center{justify-content:center}.image-with-text__text-container-button.button__desktop-justify-right{justify-content:flex-end}.component__image-with-text-button,.component__image-with-text-buttons .component__image-with-text-button{position:relative;overflow:hidden;z-index:1;background:transparent;color:var(--color-button-text);line-height:normal;display:inline-flex;padding:6px 15px;text-decoration:none;border:1px solid transparent;align-items:center;justify-content:center;min-width:165px;min-height:48px;font-size:14px;text-transform:uppercase}.component__image-with-text-buttons .component__image-with-text-button:before,.component__image-with-text-buttons .component__image-with-text-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.component__image-with-text-buttons .component__image-with-text-button:before{width:130%;left:-15%;z-index:-1;transform:skew(30deg);transition:transform .5s cubic-bezier(.33,0,0,1);background:var(--color-button)}.component__image-with-text-buttons .component__image-with-text-button:after{z-index:-2;background-color:var(--color-button-hover)}.component__image-with-text-buttons .component__image-with-text-button:hover:before{transform:translate3d(100%,0,0)}.component__image-with-text-buttons .component__image-with-text-button.btn--secondary{border-color:var(--color-button);color:var(--color-button)}.component__image-with-text-buttons .component__image-with-text-button.btn--secondary:before{background:var(--color-button-outline);transform:translate3d(-100%,0,0) skew(30deg)}.component__image-with-text-buttons .component__image-with-text-button.btn--secondary:after{display:none}.component__image-with-text-buttons .component__image-with-text-button.btn--secondary:hover:before{transform:unset}.component__image-with-text-buttons .component__image-with-text-button.btn--callout{background:transparent;border:none;color:var(--color-button);min-height:unset;min-width:unset;padding:0;border-bottom:1px solid currentcolor}.component__image-with-text-buttons .component__image-with-text-button.btn--callout:hover{color:var(--color-button-hover)}.component__image-with-text-buttons .component__image-with-text-button.btn--callout:before,.component__image-with-text-buttons .component__image-with-text-button.btn--callout:after{content:unset}.component__image-with-text-text-container{text-align:var(--caption-position, center);padding-top:20px;padding-bottom:20px}.component__image-with-text-text-container .component__image-with-text-border{margin:20px 0;height:1px;width:100%;display:block!important;background:var(--text-color)}.component__image-with-text-rte{margin-top:12px;margin-bottom:12px}.component__image-with-text-text-container .component__image-with-text-rte,.component__image-with-text-text-container .component__image-with-text-rte a{color:var(--text-color);font-size:var(--text-font-md, 16px);line-height:1.5}.component__image-with-text-text-container .component__image-with-text-rte a{font-size:inherit}.component__image-with-text-text-container .component__image-with-text-rte *{color:var(--text-color);line-height:1.5}.component__image-with-text-text-container .component__image-with-text-rte.text-sm p{font-size:var(--text-font-sm, 12px)}.component__image-with-text-text-container .component__image-with-text-rte.text-md p{font-size:var(--text-font-md, 16px)}.component__image-with-text-text-container .component__image-with-text-rte.text-lg p{font-size:var(--text-font-lg, 20px)}.component__image-with-text-text-container .component__image-with-text-rte p:last-child{margin:0}.component__image-with-text-accent{color:var(--text-color);font-size:var(--text-font-sm, 12px);line-height:1.2;margin-top:0;margin-bottom:8px}.component__image-with-text-text-container .component__image-with-text-heading{font-size:var(--heading-font-md, 50px);margin:0;color:var(--text-color);line-height:1.2;font-weight:600}.component__image-with-text-text-container .component__image-with-text-heading.heading-small{font-size:var(--heading-font-sm, 42px)}.component__image-with-text-text-container .component__image-with-text-heading.heading-large{font-size:var(--heading-font-lg, 62px)}.component__image-with-text-text-container .component__image-with-text-subheading{font-size:var(--subheading-font-md, 28px);margin:12px 0;color:var(--text-color);line-height:1.2}.component__image-with-text-text-container .component__image-with-text-subheading.subheading-large{font-size:var(--subheading-font-lg, 40px)}.component__image-with-text-text-container .component__image-with-text-subheading.subheading-small{font-size:var(--subheading-font-sm, 20px)}.component__image-with-text-text-container .component__image-with-text-video-image img{max-width:var(--hero-image-size);width:100%;height:auto}.component__image-with-text .component__image-with-text-small-image-wrapper{overflow:hidden;aspect-ratio:var(--small-aspect-ratio)}.component__image-with-text .component__image-with-text-image-wrapper{position:relative;padding:0;overflow:hidden}.component__image-with-text .component__image-with-text-image-wrapper img{aspect-ratio:var(--aspect-ratio)}.component__image-with-text .component__image-with-text-image-wrapper img,.component__image-with-text .component__image-with-text-image-wrapper svg{height:100%;width:100%;max-width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:var(--focal-alignment, center);object-position:var(--focal-alignment, center)}.component__image-with-text .component__image-with-text-small-image-wrapper img,.component__image-with-text .component__image-with-text-small-image-wrapper svg{height:100%;width:100%;max-width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:var(--small-focal-alignment, center);object-position:var(--small-focal-alignment, center)}div.component__image-with-text-space{display:block}.component__image-with-text-section--divider-none{border-top:none}.component__image-with-text-section--divider-solid{border-top:1px solid var(--text-color)}.component__image-with-text__inner.padding-top-bottom{position:relative;padding-top:var(--PT);padding-bottom:var(--PB)}.component__image-with-text__inner.padding-none{padding-top:0;padding-bottom:0}.component__image-with-text__inner.padding-top-only{padding-top:var(--PT);padding-bottom:0}.component__image-with-text__inner.padding-bottom-only{padding-top:0;padding-bottom:var(--PB)}figcaption.component__image-with-text-image-caption{padding-left:41%;padding-bottom:16px;margin-top:16px;font-size:11px}.component__image-with-text-image-square img{aspect-ratio:var(--small-aspect-ratio)}.component__image-with-text .video-block,.component__image-with-text .video-container{width:100%}.component__image-with-text .video-block video,.component__image-with-text .video-placeholder img,.component__image-with-text .video-embed{width:100%;height:100%;max-width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:var(center, center);object-position:var(center, center);aspect-ratio:var(--video-aspect-ratio)}.component__image-with-text .play-button-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:flex;z-index:3;padding:40px}.component__image-with-text .video-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center}.component__image-with-text .play-button-wrapper.flex-start_flex-start{justify-content:flex-start;align-items:flex-start}.component__image-with-text .play-button-wrapper.center_flex-start{justify-content:center;align-items:flex-start}.component__image-with-text .play-button-wrapper.flex-end_flex-start{justify-content:flex-end;align-items:flex-start}.component__image-with-text .play-button-wrapper.flex-start_center{justify-content:flex-start;align-items:center}.component__image-with-text .play-button-wrapper.center_center{justify-content:center;align-items:center}.component__image-with-text .play-button-wrapper.flex-end_center{justify-content:flex-end;align-items:center}.component__image-with-text .play-button-wrapper.flex-start_flex-end{justify-content:flex-start;align-items:flex-end}.component__image-with-text .play-button-wrapper.center_flex-end{justify-content:center;align-items:flex-end}.component__image-with-text .play-button-wrapper.flex-end_flex-end{justify-content:flex-end;align-items:flex-end}.component__image-with-text .play-button{cursor:pointer;position:relative;display:flex;align-items:center;padding:12px 20px;border:1px solid var(--text-color);background:transparent;color:var(--text-color);transition:box-shadow .2s ease,scale .2s ease}.component__image-with-text .play-button:hover{box-shadow:0 0 0 1px var(--text-color);border-color:var(--text-color)}.component__image-with-text .play-button span{width:34px;height:34px;display:flex;align-items:center}.component__image-with-text .play-button svg{width:100%;height:100%;display:block}.component__image-with-text .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.component__image-with-text--image-right.component__image-with-text-section.page-width .component__image-with-text-content .component__image-with-text-text-container{padding-left:0}.component__image-with-text--image-left.component__image-with-text-section.page-width .component__image-with-text-content .component__image-with-text-text-container{padding-right:0}@media(min-width:992px){.component__image-with-text-image-container,.component__image-with-text-text-container{width:50%}.component__image-with-text.component__image-with-text--image-right .component__image-with-text-image-container{order:1}figcaption.component__image-with-text-image-caption{padding-left:41%;padding-bottom:16px;margin-top:16px;font-size:11px}}@media screen and (max-width:991px){.component__image-with-text-text-container{padding-left:25px;padding-right:25px}.component__image-with-text-content{flex-direction:column}.component__image-with-text-buttons{flex-wrap:wrap;gap:15px}.component__image-with-text-image-container{margin-bottom:15px}.component__image-with-text .play-button-wrapper{padding:20px}.component__image-with-text .play-button-wrapper.left-mobile{justify-content:flex-start}.component__image-with-text .play-button-wrapper.center-mobile{justify-content:center}.component__image-with-text .play-button-wrapper.right-mobile{justify-content:flex-end}.component__image-with-text.component__image-with-text--image-right .component__image-with-text-section-full-width .component__image-with-text-text-container,.component__image-with-text.component__image-with-text--image-left.component__image-with-text-section-full-width .component__image-with-text-text-container{padding:25px}.component__image-with-text-section-full-width.component__image-with-text.component__image-with-text--image-right.component__image-with-text--justify-left .component__image-with-text-text-container{padding-right:25px;padding-left:25px!important}.component__image-with-text--image-right.component__image-with-text-section.page-width .component__image-with-text-content .component__image-with-text-text-container,.component__image-with-text--image-left.component__image-with-text-section.page-width .component__image-with-text-content .component__image-with-text-text-container{padding-left:0;padding-right:0}.image-with-text__text-container-button{flex-wrap:wrap;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-component-image-with-text.css.map */