.image-with-content-list{--iwcl-line-color: #7200E9;--iwcl-line-thickness: 2px;--iwcl-line-style: dashed;--iwcl-icon-col-mobile: 25%;--iwcl-icon-col-tablet: 18%;--iwcl-icon-col-desktop: 15%;--iwcl-icon-pos-mobile: center;--iwcl-icon-pos-tablet: center;--iwcl-icon-pos-desktop: center;--iwcl-content-gap: 24px}.image-with-content-list__steps{position:relative;display:flex;flex-direction:column;max-width:var(--iwcl-section-max-width, 100%);margin-inline:auto;width:100%}.image-with-content-list__steps:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--iwcl-icon-col-mobile) / 2);width:0;border-left:var(--iwcl-line-thickness) var(--iwcl-line-style) var(--iwcl-line-color);transform:translate(calc(var(--iwcl-line-thickness) / -2));pointer-events:none;z-index:0}@media(min-width:720px){.image-with-content-list__steps:before{left:calc(var(--iwcl-icon-col-tablet) / 2)}}@media(min-width:1024px){.image-with-content-list__steps:before{left:calc(var(--iwcl-icon-col-desktop) / 2)}}.image-with-content-list[style*="--iwcl-line-style: none"] .image-with-content-list__steps:before{display:none}.image-with-content-list__step{--iwcl-icon-size-mobile: 48px;--iwcl-icon-size-tablet: 64px;--iwcl-icon-size-desktop: 80px;--iwcl-icon-bg: transparent;position:relative;display:grid;grid-template-columns:var(--iwcl-icon-col-mobile) 1fr;column-gap:var(--iwcl-content-gap);align-items:stretch}@media(min-width:720px){.image-with-content-list__step{grid-template-columns:var(--iwcl-icon-col-tablet) 1fr}}@media(min-width:1024px){.image-with-content-list__step{grid-template-columns:var(--iwcl-icon-col-desktop) 1fr}}.image-with-content-list__step-icon-col{position:relative;display:flex;justify-content:center;align-items:var(--iwcl-icon-pos-mobile, center)}@media(min-width:720px){.image-with-content-list__step-icon-col{align-items:var(--iwcl-icon-pos-tablet, center)}}@media(min-width:1024px){.image-with-content-list__step-icon-col{align-items:var(--iwcl-icon-pos-desktop, center)}}.image-with-content-list[style*="--iwcl-icon-pos-mobile: top"] .image-with-content-list__step-icon-col{padding-top:var(--iwcl-content-pad-top-mobile, 18px)}@media(min-width:720px){.image-with-content-list[style*="--iwcl-icon-pos-tablet: center"] .image-with-content-list__step-icon-col{padding-top:0}.image-with-content-list[style*="--iwcl-icon-pos-tablet: top"] .image-with-content-list__step-icon-col{padding-top:var(--iwcl-content-pad-top, 24px)}}@media(min-width:1024px){.image-with-content-list[style*="--iwcl-icon-pos-desktop: center"] .image-with-content-list__step-icon-col{padding-top:0}.image-with-content-list[style*="--iwcl-icon-pos-desktop: top"] .image-with-content-list__step-icon-col{padding-top:var(--iwcl-content-pad-top, 24px)}}.image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before,.image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{content:"";position:absolute;left:0;right:0;background:var(--color-background, #ffffff);z-index:0;pointer-events:none}.image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before{top:0;height:calc(50% - var(--iwcl-icon-size-mobile) / 2)}.image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{bottom:0;height:calc(50% - var(--iwcl-icon-size-mobile) / 2)}@media(min-width:720px){.image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before{height:calc(50% - var(--iwcl-icon-size-tablet) / 2)}.image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{height:calc(50% - var(--iwcl-icon-size-tablet) / 2)}}@media(min-width:1024px){.image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before{height:calc(50% - var(--iwcl-icon-size-desktop) / 2)}.image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{height:calc(50% - var(--iwcl-icon-size-desktop) / 2)}}.image-with-content-list[style*="--iwcl-icon-pos-mobile: top"] .image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before{height:calc(var(--iwcl-content-pad-top-mobile, 18px) + var(--iwcl-icon-size-mobile) / 2)}.image-with-content-list[style*="--iwcl-icon-pos-mobile: top"] .image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{height:calc(100% - var(--iwcl-content-pad-top-mobile, 18px) - var(--iwcl-icon-size-mobile) / 2)}@media(min-width:720px){.image-with-content-list[style*="--iwcl-icon-pos-tablet: top"] .image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before{height:calc(var(--iwcl-content-pad-top, 24px) + var(--iwcl-icon-size-tablet) / 2)}.image-with-content-list[style*="--iwcl-icon-pos-tablet: top"] .image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{height:calc(100% - var(--iwcl-content-pad-top, 24px) - var(--iwcl-icon-size-tablet) / 2)}}@media(min-width:1024px){.image-with-content-list[style*="--iwcl-icon-pos-desktop: top"] .image-with-content-list__steps>.image-with-content-list__step:first-of-type .image-with-content-list__step-icon-col:before{height:calc(var(--iwcl-content-pad-top, 24px) + var(--iwcl-icon-size-desktop) / 2)}.image-with-content-list[style*="--iwcl-icon-pos-desktop: top"] .image-with-content-list__steps>.image-with-content-list__step:last-of-type .image-with-content-list__step-icon-col:after{height:calc(100% - var(--iwcl-content-pad-top, 24px) - var(--iwcl-icon-size-desktop) / 2)}}.image-with-content-list__step-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--iwcl-icon-size-mobile);height:var(--iwcl-icon-size-mobile);border-radius:50%;background:var(--iwcl-icon-bg);overflow:hidden}@media(min-width:720px){.image-with-content-list__step-icon{width:var(--iwcl-icon-size-tablet);height:var(--iwcl-icon-size-tablet)}}@media(min-width:1024px){.image-with-content-list__step-icon{width:var(--iwcl-icon-size-desktop);height:var(--iwcl-icon-size-desktop)}}.image-with-content-list__step-icon-img{width:70%;height:70%;display:flex;align-items:center;justify-content:center}.image-with-content-list__step-icon-img img{width:100%;height:100%;object-fit:contain;display:block}.image-with-content-list__step-icon-svg{width:60%;height:60%}.image-with-content-list__step-content-col{padding-top:var(--iwcl-content-pad-top-mobile, 18px);padding-bottom:var(--iwcl-content-pad-bottom-mobile, 18px);min-width:0;max-width:var(--iwcl-content-max-width, none)}@media screen and (min-width:750px){.image-with-content-list__step-content-col{padding-top:var(--iwcl-content-pad-top, 24px);padding-bottom:var(--iwcl-content-pad-bottom, 24px)}}.image-with-content-list__step-content-col>*+*{margin-top:16px}@media(max-width:719.98px){.image-with-content-list[style*="--iwcl-icon-pos-mobile: hide"] .image-with-content-list__step{grid-template-columns:1fr;column-gap:0}.image-with-content-list[style*="--iwcl-icon-pos-mobile: hide"] .image-with-content-list__step-icon-col{display:none}.image-with-content-list[style*="--iwcl-icon-pos-mobile: hide"] .image-with-content-list__steps:before{display:none}}@media(min-width:720px)and (max-width:1023.98px){.image-with-content-list[style*="--iwcl-icon-pos-tablet: hide"] .image-with-content-list__step{grid-template-columns:1fr;column-gap:0}.image-with-content-list[style*="--iwcl-icon-pos-tablet: hide"] .image-with-content-list__step-icon-col{display:none}.image-with-content-list[style*="--iwcl-icon-pos-tablet: hide"] .image-with-content-list__steps:before{display:none}}@media(min-width:1024px){.image-with-content-list[style*="--iwcl-icon-pos-desktop: hide"] .image-with-content-list__step{grid-template-columns:1fr;column-gap:0}.image-with-content-list[style*="--iwcl-icon-pos-desktop: hide"] .image-with-content-list__step-icon-col{display:none}.image-with-content-list[style*="--iwcl-icon-pos-desktop: hide"] .image-with-content-list__steps:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/section-image-with-content-list.css.map */