.section-how-it-works-body{border-radius:16px;border:1px solid rgb(var(--section-border-color));overflow:hidden;padding-top:clamp(60px,8.333vw,120px);padding-bottom:clamp(60px,8.333vw,120px);padding-left:clamp(8px,1.389vw,20px);padding-right:clamp(8px,1.389vw,20px);position:relative}.section-how-it-works__wrap .shadow-item-1{position:absolute;left:0;top:0;pointer-events:none;z-index:2}.section-how-it-works__wrap .shadow-item-2{position:absolute;top:-5%;left:50%;transform:translate(-50%);pointer-events:none;z-index:1;filter:blur(48.58076858520508px)}.section-how-it-works__wrap .heading{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(44px,3.611vw,52px)}.section-how-it-works__wrap .heading .title{margin:0}.section-how-it-works__wrap .heading .text p{max-width:296px;text-align:center;opacity:.68}.section-how-it-works__wrap .heading .text p strong{font-weight:450}.section-how-it-works custom-tab{display:block;border-radius:12px;border:1px solid rgb(var(--section-border-color));overflow:hidden;padding:8px;--hiw-motion-duration: .45s;--hiw-motion-ease: cubic-bezier(.22, 1, .36, 1)}.section-how-it-works .custom-tab-buttons{display:flex}.section-how-it-works .custom-tab-buttons .tab-button{flex:1;position:relative;isolation:isolate;padding:16px;border-radius:8px;overflow:hidden;border:0;text-align:left;cursor:pointer;background:transparent;transition:color var(--hiw-motion-duration) var(--hiw-motion-ease)}.section-how-it-works .custom-tab-buttons .tab-button__surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;transition:opacity var(--hiw-motion-duration) var(--hiw-motion-ease)}.section-how-it-works .custom-tab-buttons .tab-button__surface--base{opacity:1;z-index:-2}.section-how-it-works .custom-tab-buttons .tab-button__surface--active{opacity:0;z-index:-1}.section-how-it-works .custom-tab-buttons .tab-button:hover .tab-button__surface--active,.section-how-it-works .custom-tab-buttons .tab-button.is-active .tab-button__surface--active{opacity:1}.section-how-it-works .custom-tab-buttons .tab-button__inner{position:relative;z-index:1;display:block}.section-how-it-works .custom-tab-buttons .tab-button .label span,.section-how-it-works .custom-tab-buttons .tab-button .section-how-it-works__title p,.section-how-it-works .custom-tab-buttons .tab-button .text p{transition:color var(--hiw-motion-duration) var(--hiw-motion-ease)}.section-how-it-works .custom-tab-buttons .tab-button .label span{font-family:var(--font-family-serif);font-size:clamp(20px,1.667vw,24px);font-style:normal;font-weight:500;line-height:115%;letter-spacing:-.72px;color:rgb(var(--color-highlighted))}.section-how-it-works .custom-tab-buttons .tab-button .label{margin-bottom:32px}.section-how-it-works .custom-tab-buttons .tab-button .title{margin:0 0 4px}.section-how-it-works .custom-tab-buttons .tab-button .section-how-it-works__title p{margin:0 0 4px;color:rgb(var(--color-foreground));font-family:var(--font-family-inter);font-size:var(--font-size-20);font-style:normal;font-weight:450;line-height:140%;letter-spacing:-.2px}.section-how-it-works .custom-tab-buttons .tab-button .text p{opacity:.68}.section-how-it-works .custom-tab-content{margin-top:8px}@media screen and (min-width:768px){.section-how-it-works .custom-tab-content{display:grid}.section-how-it-works .custom-tab-content .tab-content{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--hiw-motion-duration) var(--hiw-motion-ease),visibility var(--hiw-motion-duration) var(--hiw-motion-ease)}.section-how-it-works .custom-tab-content .tab-content.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}}.section-how-it-works .custom-tab-content .tab-media{border-radius:8px;overflow:hidden}.section-how-it-works .custom-tab-content .tab-media .image__wrap{padding-top:45%}.section-how-it-works .custom-tab-content .tab-content{display:none}.section-how-it-works .custom-tab-content .tab-content.is-active{display:block}@media screen and (min-width:768px){.section-how-it-works .custom-tab-content .tab-content,.section-how-it-works .custom-tab-content .tab-content.is-active{display:block}}.section-how-it-works .video__wrap .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.section-how-it-works .video__wrap .img-wrap img{display:block;width:100%;height:100%;object-fit:cover}.section-how-it-works .video__wrap:has(.video-play) .img-wrap,.section-how-it-works .video__wrap:has(.video-play) svg{display:none}.section-how-it-works .btn__wrap{justify-content:center}.section-how-it-works .video__wrap svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.section-how-it-works .video__wrap{padding-top:45%}.section-how-it-works .content-bottom{margin-top:clamp(40px,3.579vw,68px);display:flex;flex-direction:column;gap:25px}.section-how-it-works .content-bottom .group{display:flex;justify-content:center;align-items:center;gap:16px}@media(max-width:1440px){.section-how-it-works .content-bottom{margin-top:40px}}@media(max-width:767px){.section-how-it-works .custom-tab-buttons{display:contents}.section-how-it-works .page-width,.section-how-it-works .container{padding:0}.section-how-it-works .custom-tab-content{display:contents}.section-how-it-works custom-tab{display:flex;flex-direction:column}.section-how-it-works custom-tab .tab-button{order:var(--order)}.section-how-it-works custom-tab .tab-content{order:var(--order);margin-top:4px;transition:opacity var(--hiw-motion-duration) var(--hiw-motion-ease),visibility var(--hiw-motion-duration) var(--hiw-motion-ease)}.section-how-it-works custom-tab .tab-content:not(.is-active){display:none}.section-how-it-works .content-bottom{display:none}.section-how-it-works-body{padding-bottom:8px;position:relative;overflow:hidden;border:0;border-radius:0}.section-how-it-works{padding-top:0!important;padding-bottom:0!important}}@media(max-width:500px){.section-how-it-works custom-tab{padding:4px 4px 0}.section-how-it-works .custom-tab-content .tab-media .image__wrap,.section-how-it-works .video__wrap{padding-top:131%}}@media(prefers-reduced-motion:reduce){.section-how-it-works custom-tab,.section-how-it-works .custom-tab-buttons .tab-button,.section-how-it-works .custom-tab-buttons .tab-button__surface,.section-how-it-works .custom-tab-buttons .tab-button .label span,.section-how-it-works .custom-tab-buttons .tab-button .section-how-it-works__title p,.section-how-it-works .custom-tab-buttons .tab-button .text p,.section-how-it-works .custom-tab-content .tab-content{--hiw-motion-duration: .01ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-how-it-works.css.map */