[data-variant=variant-system-dark] .how-to--dark{background:var(--p-slate-800, #1e293b);padding:32px;border-radius:18px;margin-bottom:24px}[data-variant=variant-system-dark] .how-to--dark .how-to__title{font-size:24px;font-weight:600;color:#fff;margin:0 0 24px;line-height:1.3}[data-variant=variant-system-dark] .how-to--dark .how-to__steps{list-style:none;padding:0;margin:0;counter-reset:step}[data-variant=variant-system-dark] .how-to--dark .how-to__step{counter-increment:step;padding:20px 0 20px 48px;position:relative;border-bottom:1px solid var(--p-slate-700, #334155)}[data-variant=variant-system-dark] .how-to--dark .how-to__step:last-child{border-bottom:none}[data-variant=variant-system-dark] .how-to--dark .how-to__step:before{content:counter(step);position:absolute;left:0;top:20px;width:32px;height:32px;background:var(--p-purple-500, #a855f7);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}[data-variant=variant-system-dark] .how-to--dark .how-to__step-title{font-size:16px;font-weight:600;color:#fff;display:block;margin-bottom:6px}[data-variant=variant-system-dark] .how-to--dark .how-to__step-desc{font-size:14px;color:var(--p-slate-300, #cbd5e1);line-height:1.6}[data-variant=variant-system-dark] .how-to--dark .how-to__step-desc p{margin:0}