.usage-steps{background:var(--usage-steps-bg, transparent)}.usage-steps__header{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.usage-steps__header--center{align-items:center;text-align:center}.usage-steps__header--left{align-items:flex-start;text-align:left}.usage-steps__eyebrow{display:inline-flex;padding:.5rem 1.4rem;border-radius:999px;background:var(--usage-steps-eyebrow-bg, transparent);color:var(--usage-steps-eyebrow-text, inherit);font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.usage-steps__heading{margin:0;max-width:44rem;color:var(--usage-steps-heading-color, inherit)}.usage-steps__header--center .usage-steps__heading{max-width:50rem}.usage-steps__grid{display:grid;grid-template-columns:1fr;gap:4rem 2.4rem}@media screen and (min-width:750px){.usage-steps__grid{grid-template-columns:repeat(var(--usage-steps-columns, 3),1fr);gap:3.2rem}}.usage-steps__step{display:flex;flex-direction:column;align-items:center;gap:1.8rem;text-align:center}.usage-steps__image{position:relative;width:100%;max-width:var(--usage-steps-image-max-width, 280px);aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--usage-steps-image-radius, 16px);box-shadow:var(--usage-steps-image-shadow, none)}.usage-steps__image img,.usage-steps__image svg,.usage-steps__image .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.usage-steps__badge{position:absolute;top:1.2rem;left:1.2rem;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--usage-steps-badge-bg, currentColor);color:var(--usage-steps-badge-text, #ffffff);font-size:1.6rem;font-weight:700;line-height:1;box-shadow:0 2px 8px #1212122e}.usage-steps__info{max-width:32rem}.usage-steps__step-heading{margin:0 0 .6rem;font-size:1.9rem;font-weight:700;color:var(--usage-steps-step-heading-color, inherit)}.usage-steps__description{margin:0;color:var(--usage-steps-description-color, inherit);line-height:1.5}.usage-steps__cta{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:4.4rem;text-align:center}.usage-steps__button{min-width:24rem}.usage-steps__reassurance{margin:0;font-size:1.3rem;color:var(--usage-steps-description-color, inherit)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-usage-steps.css.map */