.home-feature-tab{padding:var(--padding);margin:var(--margin);overflow:hidden}.home-feature-tab tabs-component{display:block}.home-feature-tab tabs-component .tab__panel-header{margin:20px 0 30px;display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px}@media (min-width: 768px){.home-feature-tab tabs-component .tab__panel-header{margin-top:30px;margin-bottom:50px;gap:50px}}.home-feature-tab tabs-component .select-text-wrapper{flex:0 0 100%;max-width:100%;margin-left:auto;text-align:center}@media (min-width: 600px){.home-feature-tab tabs-component .select-text-wrapper{flex:1;min-width:0;max-width:200px}}.home-feature-tab tabs-component .select-text-wrapper .select-text{font-size:22px}.home-feature-tab tabs-component .tab-links{display:flex;gap:0 30px;margin-left:auto;margin-right:auto;flex:1;min-width:0;max-width:430px}@media (min-width: 600px){.home-feature-tab tabs-component .tab-links{gap:0 50px;max-width:450px;margin-left:0}}.home-feature-tab tabs-component .tab-links>*{flex:1;min-width:0;max-width:200px;cursor:pointer}.home-feature-tab tabs-component .tab-links>*:first-child{margin-left:auto}.home-feature-tab tabs-component .tab-links>*:last-child{margin-right:auto}.home-feature-tab tabs-component .tab-links .tab-content--heading{padding-bottom:10px;position:relative}.home-feature-tab tabs-component .tab-links .tab-content--heading:after{content:"";height:3px;position:absolute;left:50%;right:50%;bottom:0;transition:all .25s ease-in-out 0s;background:transparent}.home-feature-tab tabs-component .tab-links .tab-content--heading.active:after{left:0;right:0;background:var(--main-color)}.home-feature-tab tabs-component .tab__panel-body{position:relative}.home-feature-tab tabs-component .tab__panel-body .tab-content--body{transition:.5s opacity ease-in,.8s transform ease;transform:translateY(0);opacity:1;padding:0 15px}.home-feature-tab tabs-component .tab__panel-body .tab-content--body:not(.active){position:absolute;top:0;left:0;right:0;height:0;visibility:hidden;opacity:0;transform:translateY(20px)}.home-feature-tab tabs-component .tab__panel-body .tab_text{text-align:center;margin:0 -15px}@media (min-width: 1300px){.home-feature-tab tabs-component .tab__panel-body .tab_text{margin:0 auto;max-width:930px}}.home-feature-tab how-it-works-slider{position:relative}.home-feature-tab how-it-works-slider>.js-image:not(.active){position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}.home-feature-tab how-it-works-slider:not(:has(.active)) .js-range-slider{display:none}
/*# sourceMappingURL=/cdn/shop/t/28/assets/feature-tab.css.map */