.gsw-how-it-works{background-color:#f9f9f9}.gsw-how-it-works__container{max-width:1400px;margin:0 auto;padding:60px 20px}.gsw-how-it-works__inner{display:flex;flex-direction:column;gap:48px}.gsw-how-it-works__header{display:flex;flex-direction:column;gap:16px}.gsw-how-it-works__heading{color:#141414}.gsw-how-it-works__subheading{color:#666}.gsw-how-it-works__content{display:grid;grid-template-columns:1fr;gap:48px}.gsw-how-it-works__mockup{position:relative;border-radius:12px;overflow:hidden;background-color:#e5e5e5;aspect-ratio:4 / 5}.gsw-how-it-works__mockup-scroll{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.gsw-how-it-works__mockup-image{width:100%;height:auto;display:block;animation:scrollMockup 20s linear infinite}@keyframes scrollMockup{0%,10%{transform:translateY(0)}45%,55%{transform:translateY(calc(-100% + 100vh))}90%,to{transform:translateY(0)}}.gsw-how-it-works__steps{display:flex;flex-direction:column;gap:32px}.gsw-how-it-works__step{display:flex;gap:20px;position:relative}.gsw-how-it-works__step-marker{display:flex;flex-direction:column;align-items:center;gap:0}.gsw-how-it-works__step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ff3b00;color:#fff;border-radius:50%}.gsw-how-it-works__step-line{width:2px;flex:1;background-color:#ddd;margin-top:8px}.gsw-how-it-works__step:last-child .gsw-how-it-works__step-line{display:none}.gsw-how-it-works__step-content{display:flex;flex-direction:column;gap:8px;padding-bottom:16px}.gsw-how-it-works__step-title{color:#141414}.gsw-how-it-works__step-description{color:#666}@media screen and (min-width:768px){.gsw-how-it-works__container{padding:80px 40px}.gsw-how-it-works__inner{gap:60px}.gsw-how-it-works__step-number{width:48px;height:48px}}@media screen and (min-width:1024px){.gsw-how-it-works__container{padding:100px 60px}.gsw-how-it-works__content{grid-template-columns:1fr 1fr;gap:80px;align-items:start}.gsw-how-it-works__mockup{position:sticky;top:100px;aspect-ratio:3 / 4}.gsw-how-it-works__steps{gap:40px}.gsw-how-it-works__step-content{padding-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/gsw-how-it-works.css.map */