.how-it-works__background{border-radius:30px 30px 0 0}.how-it-works__container{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.how-it-works__header-wrapper{margin:0 auto 40px;text-align:center}.how-it-works__quote{margin:0 0 8px}.how-it-works__heading{margin:0 0 16px}.how-it-works__subheading{font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;text-align:center;margin:0}.how-it-works__scrollable{overflow-x:auto;margin:0 -15px;padding:0 15px 20px;scrollbar-width:0}.how-it-works__scrollable::-webkit-scrollbar{display:none}.how-it-works__steps{display:flex;width:max-content;flex-direction:row;gap:10px}.how-it-works__step{position:relative;flex:1 0 200px;max-width:255px;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:30px 15px;border-radius:20px;background-color:rgb(var(--color-secondary-button))}.how-it-works__step-icon{width:60px;height:60px;display:block;object-fit:contain;margin:0 0 20px}.how-it-works__step-title{font-weight:700;font-size:18px;line-height:normal;letter-spacing:0;text-align:center;text-transform:uppercase;margin:0 0 16px}.how-it-works__step-text{font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;text-align:center;margin:0}.how-it-works__order-badge{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);background-color:rgb(var(--color-foreground));color:rgb(var(--color-secondary-button-text));display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;font-family:var(--font-heading-family);font-weight:700;font-size:18px;line-height:normal;letter-spacing:0;text-align:center;text-transform:uppercase;border-radius:100px}.how-it-works__step:hover .how-it-works__order-badge{background-color:rgb(var(--color-secondary-button-hover))}@media screen and (min-width:768px){.how-it-works__background{border-radius:50px 50px 0 0}.how-it-works__container{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.how-it-works__header-wrapper{max-width:727px}.how-it-works__subheading{font-size:16px}.how-it-works__scrollable{overflow-x:hidden;margin:0;padding:0 0 20px}.how-it-works__steps{width:100%}.how-it-works__step{max-width:unset;padding:40px 30px}.how-it-works__step-icon{width:80px;height:80px}.how-it-works__step-title{font-size:20px}.how-it-works__step-text{font-size:16px}.how-it-works__order-badge{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-how-it-works.css.map */
