.pv-how__steps{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;grid-template-columns:1fr}@media screen and (min-width:750px){.pv-how__steps{grid-template-columns:repeat(min(var(--pv-how-cols, 3),3),minmax(0,1fr));gap:2.4rem}}@media screen and (min-width:990px){.pv-how__steps{grid-template-columns:repeat(var(--pv-how-cols, 3),minmax(0,1fr));gap:3.2rem;max-width:124rem;margin:0 auto}}.pv-how__step{display:flex;flex-direction:column;padding:1.4rem;background:var(--pv-card);border:1px solid var(--pv-line);border-radius:calc(var(--pv-radius) + 4px);box-shadow:var(--pv-shadow-soft);color:var(--pv-ink);--color-foreground: 31, 29, 26}.pv-how__media{border-radius:var(--pv-radius)}.pv-how__text{padding:1.6rem .4rem .6rem}.pv-how__pill{margin-bottom:1rem;font-size:1.2rem;letter-spacing:.02em;text-transform:none}.pv-how__title{margin-bottom:.6rem}.pv-how__body{margin:0;font-size:1.5rem;line-height:1.55;color:var(--pv-ink-soft)}.pv-how--usecase .pv-how__text{text-align:center;padding-top:2rem}.pv-how--usecase .pv-how__title{font-size:1.9rem;margin-bottom:1rem}.pv-how__demo{margin:4rem auto 0;max-width:42rem;text-align:center}.pv-how__demo-toggle{list-style:none}.pv-how__demo-toggle::-webkit-details-marker{display:none}.pv-how__demo-toggle svg{width:1.4rem;height:1.4rem}.pv-how__demo[open] .pv-how__demo-toggle{margin-bottom:2.4rem}.pv-how__demo-body{max-width:36rem;margin:0 auto}.pv-how__demo-caption{margin-top:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pv-how-it-works.css.map */