.lwp .steps{position:relative;--nx:24px}.lwp .steps:before{content:"";position:absolute;left:var(--nx);top:10px;bottom:10px;width:2px;background:var(--lav3);transform:translate(-1px)}.lwp .spine-fill{position:absolute;left:var(--nx);top:10px;width:2px;height:0;background:var(--plum);transform:translate(-1px);will-change:height}.lwp .st{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(18px,2.4vw,30px)}.lwp .st+.st{margin-top:clamp(36px,4vw,52px)}.lwp .st-n{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--lav3);color:var(--plum2);font-family:var(--disp);font-size:21px;transition:background .2s,border-color .2s,color .2s}.lwp .st-n b{font-weight:400}.lwp .st.done .st-n,.lwp .st.is-cur .st-n{border-color:var(--plum);color:var(--plum)}.lwp .st.done .st-n{background:var(--plum);color:#fff}.lwp .st-b{min-width:0;padding-top:6px}@media(max-width:600px){.lwp .steps{--nx:19px}.lwp .st{grid-template-columns:38px minmax(0,1fr);gap:14px}.lwp .st-n{width:38px;height:38px;font-size:18px}}@media(prefers-reduced-motion:reduce){.lwp .spine-fill,.lwp .st-n{transition:none}}.lwp.lw-2 .lw-main .st-b>:is(ul,ol):not([class]){margin:14px 0 0;padding-left:20px;max-width:68ch}.lwp.lw-2 .lw-main .st-b>:is(ul,ol):not([class])>li{margin:6px 0 0}.lwp.lw-2 .need-w .lede{margin-top:14px}
/*# sourceMappingURL=/cdn/shop/t/50/assets/lwp-how-to.css.map */