.steps{font-family:var(--font-main)}.steps,.steps__item{display:flex;align-items:center;gap:.75rem}.steps__item{color:var(--color-text-dim)}.steps__item:not(:last-child):after{content:"";width:3rem;height:.0625rem;background-color:var(--color-icon)}.steps__item--done{color:var(--color-text-muted)}.steps__item--done .steps__num{border-color:var(--color-accent-light);background-color:var(--color-accent-light);color:var(--color-text)}.steps__item--active{color:var(--color-text)}.steps__item--active .steps__num{border-color:var(--color-accent-light);color:var(--color-accent-light)}.steps__link{gap:.625rem;color:inherit;transition:color .3s}.steps__link,.steps__num{display:flex;align-items:center}.steps__num{justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border:.0625rem solid var(--color-icon);border-radius:50%;font-size:.8125rem;line-height:1}.steps__text{font-size:.875rem;line-height:1.25rem}@media(width<48em){.steps__item:not(:last-child):after{width:1rem}.steps__text{display:none}.steps__item--active .steps__text{display:inline}}@media(any-hover:hover){.steps__link:is(a):hover{color:var(--color-accent-light)}}