.v2-how__video{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);margin-bottom:34px}.v2-how__video .media{border-radius:var(--r-lg)}.v2-how__steps{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;counter-reset:v2step;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-inline:var(--pad);margin-inline:calc(var(--pad) * -1);padding-bottom:6px;scrollbar-width:none}.v2-how__steps::-webkit-scrollbar{display:none}.v2-how__steps>*{scroll-snap-align:center}.v2-how__step .media{aspect-ratio:4/3;margin-bottom:16px}.v2-how__no{counter-increment:v2step;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-size:15px;font-weight:700}.v2-how__no:before{content:counter(v2step)}.v2-how__step.is-eco .v2-how__no{background:var(--eco)}.v2-how__step h3{font-size:19px;margin:12px 0 8px}.v2-how__step p{font-size:14.5px;line-height:1.6;color:var(--ink-soft)}.v2-how__app{margin-top:32px;padding:20px;border-radius:var(--r-lg);border:1px solid var(--eco-line);background:radial-gradient(90% 75% at 85% 0%,var(--eco-wash) 0%,rgba(234,242,251,0) 68%),var(--white)}.v2-how__demo{display:grid;gap:22px;align-items:center}.v2-how__demo-copy h3{font-size:23px;margin:12px 0}.v2-how__demo-copy h3 em{font-style:normal;color:var(--red)}.v2-how__demo-copy p{font-size:14.5px;line-height:1.65;color:var(--ink-soft)}.v2-how__app-shot{background:var(--eco-wash)}.v2-how__list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}.v2-how__list li{display:flex;gap:10px;font-size:14px;align-items:flex-start;line-height:1.45}.v2-how__list svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;stroke:var(--eco);stroke-width:2.4}.v2-how__stores{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}@media(min-width:640px){.v2-how__steps{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-columns:auto;gap:22px;overflow:visible;padding-inline:0;margin-inline:0;padding-bottom:0}.v2-how__step .media{aspect-ratio:var(--shot)}.v2-how__demo{grid-template-columns:1fr 1fr;gap:32px}.v2-how__app{padding:28px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/v2-how.css.map */