.how-to-steps{display:flex;flex-direction:column;gap:calc(clamp(24px,3vw,40px) * var(--pad-scale))}.how-to-steps__lead{max-width:420px;font-size:clamp(16px,1.3vw,18px);line-height:1.5;text-wrap:pretty}.how-to-steps__player{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;border-radius:var(--radius);outline:var(--rule) solid var(--c-rule);outline-offset:calc(var(--rule) * -1)}.how-to-steps__player::-webkit-scrollbar{display:none}.how-to-steps__player.is-dragging{cursor:grabbing;scroll-snap-type:none}.how-to-steps__step{display:flex;flex:none;flex-direction:column;align-items:stretch;width:70vw;min-width:0;padding:0;border:0;border-right:var(--rule) solid var(--c-rule);border-bottom:var(--rule) solid var(--c-rule);background-color:var(--lm-white);color:var(--lm-ink);text-align:left;scroll-snap-align:start;transition:background-color var(--dur) var(--ease)}.how-to-steps__step[aria-pressed=true]{background-color:var(--lm-accent-tint)}.how-to-steps__media{position:relative;display:block;width:100%}.how-to-steps__bar{position:absolute;left:0;right:0;bottom:var(--rule);z-index:1;height:6px;background:var(--lm-ink);transform:scaleX(0);transform-origin:left;pointer-events:none}.how-to-steps__step[aria-pressed=true] .how-to-steps__bar{animation:lm-progress var(--step-duration, 4s) linear both;animation-play-state:paused}.how-to-steps__player[data-running] .how-to-steps__step[aria-pressed=true] .how-to-steps__bar{animation-play-state:running}.how-to-steps__body{display:flex;flex-direction:column;gap:8px;width:100%;padding:clamp(14px,1.6vw,20px)}.how-to-steps__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.how-to-steps__number{position:relative;flex:none;font-size:calc(44px * var(--title-scale));white-space:nowrap}.how-to-steps__chip{border-color:var(--lm-ink)}.how-to-steps__heading{font-size:18px;font-weight:800;line-height:1.25}.how-to-steps__text{font-size:14px;line-height:1.5;text-wrap:pretty}.how-to-steps__band{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:stretch;background:var(--lm-navy);color:var(--lm-white);overflow:hidden;border-radius:var(--radius);--c-fg: var(--lm-white);--c-bg: var(--lm-navy);--c-accent: var(--lm-neon);--c-on-accent: var(--lm-ink)}.how-to-steps__band-media{position:relative;min-height:96px;background:var(--lm-img)}@media(min-width:750px){.how-to-steps__band-media{min-height:140px}}.how-to-steps__band-text{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:clamp(14px,2vw,28px)}.how-to-steps__band-kicker{font-size:11px;font-weight:800;letter-spacing:.08em}.how-to-steps__band-heading{letter-spacing:0}.how-to-steps__band-copy{max-width:560px;font-size:15px;line-height:1.45}.how-to-steps__band-cta{display:flex;flex-direction:column;justify-content:center;gap:8px;grid-column:1 / -1;padding:clamp(14px,2vw,28px);border-top:var(--rule) solid rgba(var(--lm-white-rgb),.16)}.how-to-steps__band-button{gap:20px;width:100%;min-height:52px}.how-to-steps__band-button .icon{width:18px;height:18px}.how-to-steps__band-was{font-size:13px;font-weight:700}@media(min-width:750px){.how-to-steps__player{display:grid;grid-template-columns:repeat(var(--steps, 4),minmax(0,1fr));overflow:hidden;cursor:auto;user-select:auto;-webkit-user-select:auto}.how-to-steps__step{width:auto}.how-to-steps__band{grid-template-columns:140px minmax(0,1fr) auto}.how-to-steps__band-cta{grid-column:auto;border-top:0;border-left:var(--rule) solid rgba(var(--lm-white-rgb),.16)}.how-to-steps__band-button{white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-how-to-steps.css.map */