.how-it-works-section{display:flex;justify-content:center;background-color:var(--color-gray-5);padding:72px 0}.how-it-works-container{width:910px;display:flex;flex-direction:column;align-items:center;text-align:center}.how-it-works-section .how-it-works-header{display:flex;flex-direction:column;align-items:center;gap:32px}.how-it-works-section .tabs{display:flex;flex-direction:column}.how-it-works-section .tab-navigation{display:flex;list-style:none;padding:0;justify-content:center;margin-top:40px;margin-bottom:32px;gap:32px}.how-it-works-section .tab-link{cursor:pointer;padding-bottom:10px;color:var(--color-gray-2);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.how-it-works-section .tab-link.active{color:var(--color-black);border-bottom:1px solid var(--color-black, #1a1a1a);font-weight:600!important}.how-it-works-section .tab-content{display:none;text-align:left;background-color:#fff;width:100%;justify-content:center;align-items:center;border-radius:20px}.how-it-works-section .tab-content.active{display:flex}.how-it-works-section .tab-image-container{width:371px;height:371px;position:relative;flex:0 0 371px}.how-it-works-section .tab-image-container img,.how-it-works-section .tab-image-container video{width:100%;height:100%;object-fit:cover;border-radius:20px}.how-it-works-section .tab-content-wrapper{padding:40px}.how-it-works-section .tab-content-wrapper p{margin-bottom:12px}.how-it-works-section .tab-content-wrapper strong{font-weight:600!important}.how-it-works-section .shop-all-button{display:flex;width:200px;min-width:200px;height:52px;justify-content:center;align-items:center;background-color:var(--color-lime-green);border-radius:32px;text-decoration:none;margin-top:68px;transition:background-color .3s}.how-it-works-section .shop-all-button:hover{background-color:var(--color-lime-green-hover)}@media screen and (max-width:1024px){.how-it-works-section{padding:40px 0}.how-it-works-container{width:100%;padding:0 16px}.how-it-works-section .tab-content{flex-direction:column}.how-it-works-section .tab-content-wrapper{padding:24px 20px 20px}.how-it-works-section .tab-image-container{height:calc(100vw - 32px);width:calc(100vw - 32px);flex:0 0 calc(100vw - 32px)}.how-it-works-section .shop-all-button{width:100%;margin-top:32px}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/how-it-works.css.map */