:root{--dot-size:calc(var(--text-xl) + 0.8rem);--dot-half-size:calc(var(--dot-size) / 2);--dot-color:var(--neutral-trans-20)}.steps li::before{content:"";display:block;min-width:var(--dot-size);min-height:var(--dot-size);border:2px solid var(--dot-color);border-radius:50%;transition:all 5s;background-position:center;background-repeat:no-repeat}.steps li::after{content:"";position:absolute;top:var(--dot-size);left:var(--dot-half-size);display:block;width:2px;height:calc(100% - var(--dot-size) + var(--space-m));background:var(--dot-color);transform:translateX(-50%);transition:all 5s;transform-origin:top}.steps li:last-of-type::after{display:none;visibility:hidden}.steps li.checked::before{border-color:var(--secondary);background-image:url('data:image/svg+xml,<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1L5.875 9.125L1 4.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.steps li.checked::before,.steps li.checked::after{background-color:var(--secondary)}