.image-overlap{width:100%}.image-overlap__container{width:var(--io-section-width, 90%);max-width:100%;margin:0 auto}.image-overlap__wrap{position:relative;width:100%}.image-overlap__image-box{margin-left:calc(var(--io-card-width, 460px) - var(--io-overlap, 120px));width:var(--io-image-width, 800px);height:var(--io-image-height, 400px);max-width:calc(100% - (var(--io-card-width, 460px) - var(--io-overlap, 120px)));overflow:hidden}.image-overlap__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.image-overlap__placeholder{width:100%;height:100%;background:#e5e5e5}.image-overlap__placeholder svg{width:100%;height:100%;object-fit:cover}.image-overlap__card{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--io-card-width, 460px);height:var(--io-card-height, 300px);max-width:100%;background:var(--io-card-bg, #ffffff);box-shadow:0 20px 45px #0000001f;padding:40px;box-sizing:border-box;display:flex;flex-direction:column;z-index:2}.image-overlap__heading{margin:0 0 20px;font-size:var(--io-heading-size, 26px);font-weight:700;line-height:1.3;color:var(--io-heading-color, #111111)}.image-overlap__body{font-size:var(--io-body-size, 15px);line-height:1.6;color:var(--io-text-color, #333333);flex-grow:1}.image-overlap__arrow{align-self:flex-end;margin-top:16px;width:44px;height:44px;border-radius:50%;background:var(--io-arrow-bg, #ffffff);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}.image-overlap__arrow:hover{opacity:.8;transform:translate(4px)}.image-overlap__arrow-icon{position:relative;width:18px;height:12px}.image-overlap__arrow-icon:before{content:"";position:absolute;top:50%;left:0;width:16px;height:2px;background:var(--io-arrow-color, #111111);transform:translateY(-50%)}.image-overlap__arrow-icon:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-top:2px solid var(--io-arrow-color, #111111);border-right:2px solid var(--io-arrow-color, #111111);transform:translateY(-50%) rotate(45deg)}@media(min-width:750px){.image-overlap[data-animate=true] [data-io-item]{opacity:0;transition:opacity var(--io-duration, .8s) ease,transform var(--io-duration, .8s) ease}.image-overlap[data-animate=true] [data-io-from=left]{transform:translateY(-50%) translate(calc(var(--io-distance, 60px) * -1))}.image-overlap[data-animate=true] [data-io-from=right]{transform:translate(var(--io-distance, 60px))}.image-overlap[data-animate=true].is-visible [data-io-from=left]{opacity:1;transform:translateY(-50%) translate(0)}.image-overlap[data-animate=true].is-visible [data-io-from=right]{opacity:1;transform:translate(0)}}@media(max-width:749px){.image-overlap__wrap{display:flex;flex-direction:column;gap:var(--io-gap-mobile, 20px)}.image-overlap__image-box{margin-left:0;width:100%;max-width:100%;height:var(--io-image-height-mobile, 260px);order:2}.image-overlap__card{position:static;transform:none;width:100%;max-width:var(--io-card-width-mobile, 320px);height:auto;min-height:var(--io-card-height-mobile, 260px);order:1;box-shadow:0 10px 30px #0000001a;padding:32px 24px}.image-overlap__heading{font-size:var(--io-heading-size-mobile, 22px)}.image-overlap__body{font-size:var(--io-body-size-mobile, 14px)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-image-overlap-card.css.map */