@counter-style hmf-step{system:extends persian;pad:2 "\6f0"}.hmf-timeline--steps{--hmf-step-size: 3rem;counter-reset:hmf-step}.hmf-timeline--steps .hmf-timeline__item{counter-increment:hmf-step;min-block-size:var(--hmf-step-size);padding-inline-start:calc(var(--hmf-step-size) + var(--hmf-space-6));padding-block-end:var(--hmf-space-12);border-inline-start:0}.hmf-timeline--steps .hmf-timeline__item:before{inset-block-start:var(--hmf-space-0);inset-inline-start:var(--hmf-space-0);display:grid;place-items:center;inline-size:var(--hmf-step-size);block-size:var(--hmf-step-size);border:var(--hmf-evidence-width) solid var(--hmf-border);border-radius:var(--hmf-radius-panel);background:var(--hmf-surface-subtle);color:var(--hmf-muted);content:counter(hmf-step,hmf-step);font-size:var(--hmf-type-data);font-weight:var(--hmf-weight-heading)}.hmf-timeline--steps .hmf-timeline__item:not(:last-child):after{position:absolute;inset-block:calc(var(--hmf-step-size) + var(--hmf-space-2)) var(--hmf-space-2);inset-inline-start:calc(var(--hmf-step-size) / 2 - var(--hmf-evidence-width) / 2);inline-size:var(--hmf-evidence-width);background:var(--hmf-border);content:""}.hmf-timeline--steps .hmf-timeline__title{margin-block:var(--hmf-space-1) var(--hmf-space-2);font-size:var(--hmf-type-h3);line-height:var(--hmf-line-h3)}.hmf-timeline--steps .hmf-timeline__note{color:var(--hmf-muted);font-size:var(--hmf-type-data);line-height:var(--hmf-line-body)}@media(hover:hover){.hmf-timeline--steps .hmf-timeline__item:hover:before{border-color:var(--hmf-action);background:color-mix(in srgb,var(--hmf-action) 10%,var(--hmf-surface));color:var(--hmf-action)}}@media(prefers-reduced-motion:no-preference){.hmf-timeline--steps .hmf-timeline__item:before{transition:border-color var(--hmf-duration-fast) var(--hmf-ease),background-color var(--hmf-duration-fast) var(--hmf-ease),color var(--hmf-duration-fast) var(--hmf-ease)}}@media(forced-colors:active){.hmf-timeline--steps .hmf-timeline__item:before{border-color:CanvasText;background:Canvas;color:CanvasText}.hmf-timeline--steps .hmf-timeline__item:after{background:CanvasText}}