.how-it-works{position:relative}.how-it-works__head{text-align:center}.how-it-works__heading{color:var(--color-heading);text-align:center;font-family:var(--font-heading);font-size:clamp(36px,4vw,64px);font-style:normal;font-weight:750;line-height:100%;margin:0 0 24px;-webkit-text-stroke-width:2px;text-transform:lowercase}.how-it-works__heading:after{content:"";display:inline-block;width:16px;height:16px;background-color:var(--accent-color, #EF4123);border-radius:50%;margin-left:8px;position:relative;bottom:-2px}.how-it-works__description{color:var(--color-heading);text-align:center;font-family:var(--font-heading);font-size:clamp(18px,4vw,24px);font-style:normal;font-weight:400;line-height:140%;max-width:1120px;text-transform:lowercase;margin:0 auto}.how-it-works__body{padding-top:40px}.how-it-works__footer{padding-top:20px}.how-it-works__button{max-width:182px;padding:17px;text-align:center;justify-content:center;margin:0 auto;transition:all .3s ease}.how-it-works__button:hover{background:#434444}.how-it-works-tabs{display:grid;align-items:stretch;width:100%;border-radius:16px;border:1px solid var(--color-background);overflow:hidden;grid-template-columns:1fr;min-height:600px}.how-it-works-tabs__list{display:flex;flex-direction:column;border-top:1px solid var(--color-background);overflow:hidden;position:relative;order:2}.how-it-works-tabs__swiper{width:100%;overflow:hidden}.how-it-works-tabs__swiper.swiper-initialized{height:100%}.how-it-works-tabs__swiper.swiper-initialized .swiper-slide:not(:last-of-type) .how-it-works-tab{border-bottom:1px solid #d9dada}.how-it-works-tabs__swiper .swiper-wrapper{height:100%}.how-it-works-tabs__swiper .swiper-slide{display:flex;flex-direction:column;height:auto!important}.how-it-works-tab{position:relative;display:flex;align-items:flex-start;gap:8px;padding:16px 20px 16px 16px;background-color:#f6f6f6;border-bottom:1px solid #d9dada;cursor:pointer;transition:all .4s ease;flex:1}.how-it-works-tab:last-of-type{border-bottom:none}.how-it-works-tab.active{background-color:#fff;border-left:1px solid var(--accent-color, #ef4123)}.how-it-works-tab__icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.how-it-works-tab__icon svg{width:100%;height:100%;transition:all .4s ease;stroke-width:2px;stroke:var(--color-heading);fill:#fff}.how-it-works-tab .how-it-works-tab__icon svg path{transition:all .2s ease,stroke-width .3s ease}.how-it-works-tab.active .how-it-works-tab__icon svg{fill:var(--accent-color, #ef4123);stroke:#fff}.how-it-works-tab.active .how-it-works-tab__icon svg path{stroke:#fff}.how-it-works-tab__content{flex:1;display:flex;flex-direction:column;gap:8px}.how-it-works-tab__title{font-family:var(--font-heading);font-size:clamp(24px,4vw,32px);font-weight:700;line-height:100%;color:var(--color-heading);margin:0;transition:all .3s ease}.how-it-works-tab.active .how-it-works-tab__title{color:var(--accent-color, #ef4123)}.how-it-works-tab__description{color:var(--color-heading);font-family:Ambit,sans-serif;font-size:clamp(18px,4vw,24px);font-weight:400;line-height:140%;margin:0 -14px 0 0}.how-it-works-tabs__media{padding:50px 20px 0 10px;position:relative;display:flex;align-items:center;justify-content:center;height:auto;order:1}.how-it-works-tabs__badge{position:absolute;top:12px;right:12px;width:94px;height:94px;z-index:1}.how-it-works-tabs__badge img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.how-it-works-tabs__image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;z-index:2}.how-it-works-tabs__main-image{width:100%;max-width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.how-it-works-tabs__magnifier{position:absolute;padding:2.2% 10.2% 4.1% 2%;right:7%;top:55%;transform:translateY(-50%);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.how-it-works-tabs__magnifier.animation-1{right:7%;top:55%}.how-it-works-tabs__magnifier.animation-2{right:35%;top:56%}.how-it-works-tabs__magnifier.animation-2 .magnifier-label{transform:translate(-33%,-27vw) rotate(-3.266deg)}.how-it-works-tabs__magnifier.animation-2 .magnifier-label:after{transform:translate(-98%) rotate(-7deg) scaleX(-1)}.how-it-works-tabs__magnifier.animation-3{right:21%;top:57%}.how-it-works-tabs__magnifier.animation-3 .magnifier-label{transform:translate(-68%,-27vw) rotate(13.734deg)}.how-it-works-tabs__magnifier.animation-3 .magnifier-label:after{transform:translate(-80%) rotate(-4deg)}.magnifier-circle{width:29vw;height:29vw;border-radius:50%;position:relative;overflow:hidden;background-blend-mode:screen;mix-blend-mode:screen}.magnifier-circle img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity .6s ease-in-out}.magnifier-image-back{z-index:1;opacity:1}.magnifier-image-front{z-index:2;opacity:0}.magnifier-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.magnifier-overlay img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;mix-blend-mode:color-dodge}.magnifier-label{position:absolute;bottom:50%;left:50%;width:190px;text-align:center;color:var(--accent-color, #ef4123);font-family:var(--font-heading);font-size:clamp(24px,5vw,32px);font-weight:700;line-height:120%;letter-spacing:.32px;transition:all .4s ease;transform:translate(-83%,-27vw) rotate(12.734deg);opacity:1}.magnifier-label:after{content:"";position:absolute;top:125%;left:50%;width:24px;height:32px;background-position:center;background-repeat:no-repeat;background-size:contain;transition:all .4s ease;transform:translate(-50%) rotate(-12deg);color:#000;fill:inherit;background-color:var(--accent-color, #ef4123);mask-image:url("data:image/svg+xml,%3Csvg width='34' height='55' viewBox='0 0 34 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1283 25.1574C22.2218 26.2089 22.05 27.6976 22.0429 29.0858C22.0238 32.8391 22.9273 36.5937 24.6517 39.9273C19.661 38.6874 15.3566 36.6741 11.0026 33.9244C6.09267 30.8236 4.8055 26.8211 5.41573 22.7729C6.40957 16.1801 7.92228 12.7704 11.6389 4.67305C12.1594 3.53889 12.8741 2.26879 12.3353 1.14329C11.7077 -0.167433 9.75437 -0.308394 8.54814 0.502003C7.34192 1.3124 6.71231 2.72561 6.16338 4.07115C3.62855 10.285 -0.355326 18.2844 0.0255295 25.1432C0.347589 30.9421 3.99733 36.1725 8.59357 39.5069C12.8365 42.5847 17.8196 44.4444 22.7343 46.2667C17.6272 46.8869 12.0372 47.7515 8.64635 51.6205C8.37253 51.9329 8.10619 52.288 8.07286 52.7021C7.96713 54.014 9.89231 54.2863 11.1835 54.0315C17.5973 52.7655 23.9627 51.2543 30.261 49.5022C31.6138 49.1259 33.1424 48.5814 33.6402 47.2685C34.1655 45.8829 33.2688 44.4075 32.4889 43.1475C29.5017 38.321 27.7159 32.757 27.3365 27.0935C27.2851 26.3264 27.2391 25.5017 26.7628 24.8982C25.4385 23.2197 23.2551 25.0102 23.1283 25.1574Z' fill='%23EF4123'/%3E%3C/svg%3E%0A");mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='34' height='55' viewBox='0 0 34 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1283 25.1574C22.2218 26.2089 22.05 27.6976 22.0429 29.0858C22.0238 32.8391 22.9273 36.5937 24.6517 39.9273C19.661 38.6874 15.3566 36.6741 11.0026 33.9244C6.09267 30.8236 4.8055 26.8211 5.41573 22.7729C6.40957 16.1801 7.92228 12.7704 11.6389 4.67305C12.1594 3.53889 12.8741 2.26879 12.3353 1.14329C11.7077 -0.167433 9.75437 -0.308394 8.54814 0.502003C7.34192 1.3124 6.71231 2.72561 6.16338 4.07115C3.62855 10.285 -0.355326 18.2844 0.0255295 25.1432C0.347589 30.9421 3.99733 36.1725 8.59357 39.5069C12.8365 42.5847 17.8196 44.4444 22.7343 46.2667C17.6272 46.8869 12.0372 47.7515 8.64635 51.6205C8.37253 51.9329 8.10619 52.288 8.07286 52.7021C7.96713 54.014 9.89231 54.2863 11.1835 54.0315C17.5973 52.7655 23.9627 51.2543 30.261 49.5022C31.6138 49.1259 33.1424 48.5814 33.6402 47.2685C34.1655 45.8829 33.2688 44.4075 32.4889 43.1475C29.5017 38.321 27.7159 32.757 27.3365 27.0935C27.2851 26.3264 27.2391 25.5017 26.7628 24.8982C25.4385 23.2197 23.2551 25.0102 23.1283 25.1574Z' fill='%23EF4123'/%3E%3C/svg%3E%0A");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}@media screen and (min-width: 750px){.magnifier-label{transform:translate(-112%,-21vw) rotate(12.734deg)}.how-it-works-tabs__magnifier.animation-2 .magnifier-label{transform:translate(-7%,-22vw) rotate(-3.266deg)}.how-it-works-tabs__magnifier.animation-3 .magnifier-label{transform:translate(-96%,-21vw) rotate(13.734deg)}.how-it-works-tabs__badge{position:absolute;top:22px;right:22px;width:122px;height:122px}.how-it-works-tab__content{gap:16px}.how-it-works-tab{gap:16px;padding:40px 24px}.how-it-works-tab__icon{position:relative;top:auto;right:auto;width:96px;height:96px}.how-it-works-tab__description{margin:0}.how-it-works__footer{padding-top:40px}.magnifier-label:after{width:34px;height:45px}}@media screen and (min-width: 990px){.how-it-works-tabs{grid-template-columns:40.8% 59.2%;min-height:600px}.how-it-works-tabs__list{order:1;border-top:0;border-right:1px solid var(--color-background)}.how-it-works-tabs__media{padding:142px 36px;order:2}.how-it-works-tabs__badge{position:absolute;top:32px;right:32px;width:192px;height:192px}.magnifier-circle{width:16vw;height:16vw}.how-it-works-tabs__magnifier{padding:2% 9% 4.1% 1.6%}.magnifier-label{transform:translate(-99%,-425%) rotate(9.734deg)}.how-it-works-tabs__magnifier.animation-2 .magnifier-label{transform:translate(-7%,-425%) rotate(-3.266deg)}.how-it-works-tabs__magnifier.animation-3 .magnifier-label{transform:translate(-96%,-425%) rotate(13.734deg)}.magnifier-label:after{width:34px;height:55px}}@media screen and (min-width: 1200px){.magnifier-label{transform:translate(-127%,-501%) rotate(9.734deg)}.how-it-works-tabs__magnifier.animation-2 .magnifier-label{transform:translate(-7%,-501%) rotate(-3.266deg)}.how-it-works-tabs__magnifier.animation-3 .magnifier-label{transform:translate(-96%,-501%) rotate(13.734deg)}}@media screen and (min-width: 1440px){.magnifier-circle{width:240px;height:240px}}@media (max-width: 749px){.how-it-works__heading:after{width:8px;height:8px}.how-it-works{padding:40px 0!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/product-how-it-works.css.map */