.hg-step-process{flex-direction:column;gap:1rem;display:flex}@media (width>=768px){.hg-step-process{gap:2rem}}.hg-step-process-item{border:1px dashed var(--hg-scale-6);border-radius:var(--radius-lg);color:inherit;background:0 0;grid-template-columns:auto auto 1fr;align-items:start;gap:1rem;padding:1rem 1rem 1rem .8rem;text-decoration:none;display:grid}.dark .hg-step-process-item{border-color:var(--hg-scale-5)}.hg-step-process-item.linked{transition:background var(--hg-transition-base), border-color var(--hg-transition-base)}.hg-step-process-item.linked:hover{border-color:var(--border-hover)}.hg-step-process-number{color:var(--muted-foreground)}.hg-step-process-icon{width:32px;height:32px;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:flex-start;padding-top:.125rem;display:flex}.hg-step-process-icon svg{width:24px;height:24px}.hg-step-process-text{flex-direction:column;gap:.25rem;display:flex}.hg-step-process-item.linked .hg-step-process-text h3{align-items:center;gap:.5rem;display:inline-flex}.hg-step-process-item.linked .hg-step-process-text h3:after{content:"→";color:var(--muted-foreground);transition:color var(--hg-transition-base), transform var(--hg-transition-base);font-size:.75em}.hg-step-process-item.linked:hover .hg-step-process-text h3:after{color:var(--foreground);transform:translate(3px)}