.hb-stepper{font-family:var(--font-persian);gap:0;margin:0 0 34px;padding:0;list-style:none}.hb-step-circle{border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);transition:background-color .18s,border-color .18s,color .18s}.hb-step-circle[data-state=completed]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.hb-step-circle[data-state=current]{border:2px solid var(--primary);color:var(--primary)}.hb-step-connector{background:var(--border);position:absolute;overflow:hidden}.hb-stepper-horizontal .hb-step-connector{block-size:1px;inline-size:calc(100% - 32px);inset-block-start:15px;inset-inline-start:calc(50% + 16px)}.hb-step-connector>span{background:var(--primary);position:absolute;inset-block-start:0;inset-inline-start:0}.hb-stepper-horizontal .hb-step-connector>span{inline-size:var(--step-fill);block-size:100%;transition:inline-size .2s}.hb-step-label{color:var(--muted-foreground);font-weight:400;line-height:1.6}.hb-stepper li[aria-current] .hb-step-label{color:var(--foreground);font-weight:500}.hb-step-description{color:var(--muted-foreground);line-height:1.6}.hb-stepper-vertical{gap:24px}.hb-stepper-vertical .hb-step-circle{margin-inline:0}.hb-stepper-vertical .hb-step-connector{block-size:calc(100% - 8px);inline-size:1px;inset-block-start:32px;inset-inline-start:15px}.hb-stepper-vertical .hb-step-connector>span{block-size:var(--step-fill);inline-size:100%;transition:block-size .2s}@media (prefers-reduced-motion:reduce){.hb-step-circle,.hb-step-connector>span{transition:none!important}}