:root > * {
	 --md-steps-bg-color: var(--md-code-bg-color);
	 --md-steps-fg-color: var(--md-code-fg-color);
	 --md-steps-border-color: hsla(0, 0%, 75%, 1);
}

:root > *[data-md-color-scheme="slate"] {
	 --md-steps-border-color: hsla(225, 15%, 30%, 1);
}

.md-typeset div.steps > ol {
	 counter-reset: item;
}

.md-typeset div.steps > ol > li {
	 position: relative;
	 padding-left: 1em;
	 list-style: none;
}

.md-typeset div.steps > ol > li::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: -1;
	 display: block;
	 width: 1.75em;
	 height: 1.75em;
	 margin-left: -1.25em;
	 color: var(--md-steps-fg-color);
	 font-weight: 600;
	 font-size: 0.9em;
	 text-align: center;
	 background-color: var(--md-steps-bg-color);
	 border: 1px solid var(--md-steps-border-color);
	 border-radius: 100px;
	 content: counter(item);
	 counter-increment: item;
}

.md-typeset div.steps > ol > li::after {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: -0.36em;
	 display: block;
	 width: 1px;
	 margin-top: 2em;
	 border-left: 1px solid var(--md-steps-border-color);
	 content: '';
}
/* Remove the line for the last item */
:nth-last-child(1 of div.steps > ol > li)::after {
  border-left: none;
}