:root{--section-padding-top: 80px;--section-padding-bottom: 80px;--section-padding-left: 0px;--section-padding-right: 0px;--section-background-color: #ffffff;--text-color: #000000;--icon-size: 40px;--text-size: 18px;--icon-background-color: #000000;--animation-duration: 1s;--container-gap: 60px;--icon-gap: 16px;--icon-padding: 18px;--icon-text-gap: 16px;--mobile-text-size: 16px;--mobile-icon-size: 32px;--mobile-container-gap: 32px;--mobile-icon-gap: 20px;--mobile-padding: 24px}.image-with-icons{position:relative;width:100%;padding:var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);background-color:var(--section-background-color);overflow:hidden}.image-with-icons__container{position:relative;display:flex;align-items:center;gap:var(--container-gap);min-height:500px}.image-with-icons__image-section{position:relative;flex:0 0 50%;height:500px;display:flex;align-items:center;justify-content:center}.image-with-icons__image-section img{object-fit:contain;width:100%;height:100%}.image-with-icons__phone-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-with-icons__phone{position:relative;width:226.097px;height:438.227px;transform:rotate(349.322deg)}.image-with-icons__phone-frame{position:absolute;top:-8.07px;left:42.8px;width:151.381px;height:417.411px;background:url(be63a6e1e0c1f6f319e58cbf1e0c443c5822e3e5.png) 48.99% 0% / 367.65% 100% no-repeat}.image-with-icons__phone-image{width:100%;height:100%;object-fit:cover}.image-with-icons__phone-screen{position:absolute;top:-2.77px;left:66.6px;width:122.997px;height:395.334px;overflow:hidden;mask:url(fb3a37d9bb6268d0f0da9ae0f92e23afa2cba6f9.png) -7.389px -5.303px / 209.627px 434.774px;-webkit-mask:url(fb3a37d9bb6268d0f0da9ae0f92e23afa2cba6f9.png) -7.389px -5.303px / 209.627px 434.774px}.image-with-icons__screen-image{width:100%;height:100%;object-fit:cover}.image-with-icons__floating-elements{position:absolute;top:149.5px;left:137.57px;width:100%;height:100%;pointer-events:none}.image-with-icons__ellipse{position:absolute;transform:rotate(23.353deg)}.image-with-icons__ellipse--1{top:228.88px;left:0;width:231.8px;height:77.275px}.image-with-icons__ellipse--2{top:268.97px;left:91.74px;width:117.642px;height:43.093px}.image-with-icons__ellipse--3{top:226.93px;left:17.28px;width:101.231px;height:37.082px}.image-with-icons__ellipse img{width:100%;height:100%;object-fit:contain}.image-with-icons__background-image{position:absolute;top:0;left:calc(50% - 105.529px);width:493.861px;height:204.288px;background:url(86fa741280f3edf950c2a71f9c6af4e75ba68406.png) center / cover no-repeat}.image-with-icons__background-image img{width:100%;height:100%;object-fit:cover}.image-with-icons__vector{position:absolute;mix-blend-mode:hard-light}.image-with-icons__vector--1{top:285.27px;left:99.61px;width:107.469px;height:40.536px}.image-with-icons__vector--2{top:240.14px;left:37.74px;width:36.987px;height:31.092px}.image-with-icons__vector img{width:100%;height:100%;object-fit:contain}.image-with-icons__icons-section{flex:0 0 50%;display:flex;flex-direction:column;gap:var(--icon-gap);padding-left:20px}.image-with-icons__icon-item{display:flex;align-items:center;gap:var(--icon-text-gap);padding:var(--icon-padding) 0}.image-with-icons__icon-button{flex-shrink:0;width:var(--icon-size);height:var(--icon-size);background-color:var(--icon-background-color);border-radius:10.834px;display:flex;align-items:center;justify-content:center;padding:var(--icon-padding);box-sizing:border-box;transition:all .3s ease}.image-with-icons__icon-button:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.image-with-icons__icon-button img{object-fit:contain}.image-with-icons__text{flex:1;font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-size);font-weight:400;line-height:1.3;color:var(--text-color);text-align:left;white-space:nowrap}.image-with-icons__text p{margin:0;padding:0}.image-with-icons[data-layout=right-image] .image-with-icons__container{flex-direction:row-reverse}.image-with-icons[data-layout=right-image] .image-with-icons__icons-section{padding-left:0;padding-right:20px}.image-with-icons[data-layout=top-image] .image-with-icons__container{flex-direction:column;gap:calc(var(--container-gap) * .67)}.image-with-icons[data-layout=top-image] .image-with-icons__image-section{flex:none;height:400px}.image-with-icons[data-layout=top-image] .image-with-icons__icons-section{flex:none;padding:0;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:calc(var(--icon-gap) * 1.25)}.image-with-icons[data-layout=top-image] .image-with-icons__icon-item{flex-direction:column;text-align:center;gap:calc(var(--icon-text-gap) * .75);min-width:200px}.image-with-icons[data-layout=top-image] .image-with-icons__text{white-space:normal;text-align:center}.image-with-icons[data-layout=mobile-stack] .image-with-icons__container{flex-direction:column;gap:var(--mobile-container-gap)}.image-with-icons[data-layout=mobile-stack] .image-with-icons__image-section{order:1;height:auto;min-height:200px}.image-with-icons[data-layout=mobile-stack] .image-with-icons__icons-section{order:2;gap:var(--mobile-icon-gap)}.image-with-icons[data-layout=mobile-stack] .image-with-icons__icon-item{gap:var(--icon-text-gap);align-items:flex-start}.image-with-icons[data-layout=mobile-stack] .image-with-icons__icon-button{width:var(--mobile-icon-size);height:var(--mobile-icon-size)}.image-with-icons[data-layout=mobile-stack] .image-with-icons__text{font-size:var(--mobile-text-size);line-height:1.4}.image-with-icons[data-animations=true] .image-with-icons__icon-item{opacity:0;transform:translateY(20px);animation:fadeInUp var(--animation-duration) ease forwards}.image-with-icons[data-animations=true] .image-with-icons__icon-item:nth-child(1){animation-delay:.1s}.image-with-icons[data-animations=true] .image-with-icons__icon-item:nth-child(2){animation-delay:.2s}.image-with-icons[data-animations=true] .image-with-icons__icon-item:nth-child(3){animation-delay:.3s}.image-with-icons[data-animations=true] .image-with-icons__icon-item:nth-child(4){animation-delay:.4s}.image-with-icons[data-animations=true] .image-with-icons__phone{opacity:0;transform:translate(-30px) rotate(349.322deg);animation:slideInLeft var(--animation-duration) ease forwards}.image-with-icons[data-animations=true] .image-with-icons__floating-elements{opacity:0;animation:fadeIn var(--animation-duration) ease forwards;animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{to{opacity:1;transform:translate(0) rotate(349.322deg)}}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1200px){.image-with-icons__container{max-width:100%;padding:0 40px;gap:calc(var(--container-gap) * .67)}.image-with-icons__phone{width:180px;height:350px}.image-with-icons__phone-frame{width:120px;height:330px}.image-with-icons__phone-screen{width:98px;height:315px}}@media (max-width: 768px){.image-with-icons{padding:var(--mobile-padding) 0}.image-with-icons__container{flex-direction:column;align-items:flex-start;gap:var(--mobile-container-gap);padding:0 var(--mobile-padding);min-height:auto}.image-with-icons__image-section{flex:none;height:auto;min-height:200px;order:1}.image-with-icons__image{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:12px}.image-with-icons__icons-section{flex:none;padding:0;gap:var(--mobile-icon-gap);order:2}.image-with-icons__icon-item{gap:var(--icon-text-gap);padding:0;align-items:flex-start}.image-with-icons__icon-button{width:var(--mobile-icon-size);height:var(--mobile-icon-size);padding:8px;border-radius:8px;flex-shrink:0}.image-with-icons__icon-button img{width:100%;height:100%;object-fit:contain}.image-with-icons__text{font-size:var(--mobile-text-size);line-height:1.4;white-space:normal;flex:1}.image-with-icons__text p{margin:0;padding:0}.image-with-icons__floating-elements{display:none}.image-with-icons__text{font-weight:400;letter-spacing:-.01em}.image-with-icons[data-layout=top-image] .image-with-icons__container{gap:var(--mobile-container-gap)}.image-with-icons[data-layout=top-image] .image-with-icons__icons-section{gap:var(--mobile-icon-gap);flex-direction:column}.image-with-icons[data-layout=top-image] .image-with-icons__icon-item{flex-direction:row;text-align:left}}@media (max-width: 480px){.image-with-icons{padding:calc(var(--mobile-padding) * .75) 0}.image-with-icons__container{padding:0 calc(var(--mobile-padding));gap:calc(var(--mobile-container-gap) * .75)}.image-with-icons__image{max-height:250px}.image-with-icons__icon-item{align-items:center;text-align:center;padding:0}.image-with-icons__text{font-size:calc(var(--mobile-text-size));line-height:1.3}.image-with-icons__icon-button{width:calc(var(--mobile-icon-size));height:calc(var(--mobile-icon-size));padding:10px}.image-with-icons__icons-section{gap:calc(var(--mobile-icon-gap))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.image-with-icons__phone-image,.image-with-icons__screen-image,.image-with-icons__ellipse img,.image-with-icons__vector img,.image-with-icons__icon-image img,.image-with-icons__icon-svg img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.image-with-icons{background:#fff!important;color:#000!important}.image-with-icons__floating-elements{display:none}.image-with-icons__icon-button{background:#f0f0f0!important;border:1px solid #ccc}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/image-with-icons.css.map */