.how-it-works{position:relative;min-height:100%}.how-it-works__header{text-align:center;margin-bottom:4rem}@media screen and (min-width: 750px){.how-it-works__header{margin-bottom:5rem}}.how-it-works__title{margin:0 0 1rem;color:rgb(var(--color-foreground))}.how-it-works__subtitle{margin:0;color:rgba(var(--color-foreground),.7);font-weight:400}.how-it-works__steps{display:flex;flex-direction:column;gap:3rem;position:relative}@media screen and (min-width: 750px){.how-it-works__steps{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}.how-it-works__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}@media screen and (min-width: 750px){.how-it-works__step{max-width:300px}}.how-it-works__step-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.how-it-works__step-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:rgba(var(--color-foreground),.6);flex-shrink:0;border-radius:50%;border:2px solid rgba(var(--color-foreground),.2);background-color:transparent;padding:16px;box-sizing:border-box}.how-it-works__step-icon svg{width:100%;height:100%;max-width:48px;max-height:48px}.how-it-works__step-icon img{width:100%;height:100%;max-width:48px;max-height:48px;object-fit:contain}.how-it-works__step-title{font-weight:600;margin:0 0 .75rem;color:rgb(var(--color-foreground));line-height:1.4}.how-it-works__step-description{line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0;max-width:280px}.how-it-works__connector{display:none}@media screen and (min-width: 750px){.how-it-works__steps{position:relative}.how-it-works__steps:before{content:"";position:absolute;top:40px;left:16.666%;right:16.666%;height:2px;background-color:rgba(var(--color-foreground),.2);z-index:0}.how-it-works__step{position:relative;z-index:1}.how-it-works__step-icon{position:relative;z-index:2;background-color:rgb(var(--color-background))}.how-it-works__connector{display:none}}@media screen and (max-width: 749px){.how-it-works__header{margin-bottom:3rem}.how-it-works__steps{gap:2.5rem}.how-it-works__step-icon{width:64px;height:64px;margin-bottom:1rem;padding:12px}.how-it-works__step-icon svg,.how-it-works__step-icon img{max-width:40px;max-height:40px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-how-it-works.css.map */