.features-with-tabs{position:relative;width:100%;min-height:var(--desktop-height, 720px);overflow:hidden;display:flex;align-items:stretch}.features-with-tabs__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.features-with-tabs__bg-image,.features-with-tabs__bg-placeholder svg{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.features-with-tabs__bg-image--mobile{display:none}.features-with-tabs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--overlay-color) calc(var(--overlay-opacity) * 130%),transparent),color-mix(in srgb,var(--overlay-color) calc(var(--overlay-opacity) * 60%),transparent) 45%,color-mix(in srgb,var(--overlay-color) calc(var(--overlay-opacity) * 100%),transparent))}.features-with-tabs__inner{position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:56px 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.features-with-tabs__content{max-width:780px;color:var(--text-color);margin-bottom:24px}.features-with-tabs__heading{font-size:clamp(24px,3vw,34px);color:var(--text-color);font-weight:400;line-height:1.25;letter-spacing:0;margin:0 0 12px}.features-with-tabs__subheading{font-size:clamp(14px,1.4vw,16px);opacity:.9;margin:0}.features-with-tabs__phone-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:460px;margin-bottom:24px}.features-with-tabs__phone-wrap:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:900px;height:188px;background:radial-gradient(ellipse at center,rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 25%,transparent 80%);pointer-events:none;z-index:1}.features-with-tabs__phone-slide{z-index:2}@media screen and (min-width:750px){.features-with-tabs__phone-wrap{margin-bottom:114px;margin-top:106px}}.features-with-tabs__phone-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease;pointer-events:none}.features-with-tabs__phone-slide--active{opacity:1;visibility:visible;pointer-events:auto;position:relative}.features-with-tabs__phone-image,.features-with-tabs__phone-placeholder svg{max-height:515px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.features-with-tabs__tabs-wrap{position:relative;width:100%;max-width:900px;display:flex;align-items:center;gap:10px}.features-with-tabs__tabs{flex:1;min-width:0;display:grid;grid-template-columns:repeat(var(--tab-count, 3),1fr);gap:4px;background:color-mix(in srgb,var(--tab-bg) calc(var(--tab-bg-opacity, 1) * 100%),transparent);border-radius:18px;padding:4px;height:74px}.features-with-tabs__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:10px 6px;border:none;border-radius:16px;background:transparent;color:var(--tab-text-color);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.features-with-tabs__tab--active{background:var(--tab-active-bg);color:var(--tab-active-text-color);box-shadow:0 1px 3px #0000001f}.features-with-tabs__tab-icon{display:flex;align-items:center;justify-content:center}.features-with-tabs__tab-icon svg,.features-with-tabs__tab-icon img,.features-with-tabs__tab-icon svg path{width:24px;height:24px}.features-with-tabs__tabs-nav{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:var(--tab-bg);color:var(--tab-text-color);cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.features-with-tabs__tabs-nav svg{width:16px;height:16px}.features-with-tabs__tabs-nav:disabled{opacity:.35;cursor:default;display:none}.features-with-tabs__tabs-nav:hover:not(:disabled){background:var(--tab-active-bg)}button.features-with-tabs__tabs-nav.features-with-tabs__tabs-nav--next{right:0;border-top-right-radius:16px;border-bottom-right-radius:16px}.features-with-tabs__tabs-nav{position:absolute;height:100%!important;background:#ffffff1a;border-radius:0}button.features-with-tabs__tabs-nav.features-with-tabs__tabs-nav--prev{left:0;border-top-left-radius:16px;border-bottom-left-radius:16px}@media screen and (max-width:749px){.features-with-tabs__bg-image--desktop{display:none}.features-with-tabs__bg-image--mobile{display:block}.features-with-tabs{min-height:var(--mobile-height, 480px)}.features-with-tabs__inner{padding:24px 8px 16px}.features-with-tabs__content{margin-bottom:12px}.features-with-tabs__heading{font-size:24px}.features-with-tabs__subheading{font-size:14px;line-height:normal}.features-with-tabs__phone-wrap{margin-bottom:40px;margin-top:45px}.features-with-tabs__phone-image,.features-with-tabs__phone-placeholder svg{max-height:288px}.features-with-tabs__tabs{display:flex;grid-template-columns:none;padding:5px;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:4px}.features-with-tabs__tabs::-webkit-scrollbar{display:none}.features-with-tabs__tab{flex:0 0 calc((100% - 4px) / 3);box-sizing:border-box;scroll-snap-align:start;padding:8px 4px;font-size:10px}.features-with-tabs__tab-icon svg,.features-with-tabs__tab-icon img,.features-with-tabs__tab-icon svg path{width:24px;height:24px}.features-with-tabs__content{margin:auto auto 4px;max-width:30rem}.features-with-tabs__tab-label{font-size:11px}.features-with-tabs__tabs-nav{width:26px;height:26px}.features-with-tabs__tabs-nav svg{width:13px;height:13px}}.features-with-tabs__bg-color{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-color, #0B1F14)}.features-with-tabs__tab-text-wrap{position:relative;width:100%;max-width:640px;margin-top:16px;min-height:20px;text-align:center}.features-with-tabs__tab-text{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;color:var(--text-color);font-size:14px;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .3s ease;pointer-events:none}.features-with-tabs__tab-text--active{position:relative;opacity:.9;visibility:visible;pointer-events:auto}@media screen and (max-width:749px){.features-with-tabs__tab-text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/1267/assets/features-with-tabs.css.map */