.steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{gap:var(--sr-space-3);padding:var(--sr-space-4) 0;border-block-start:1px solid var(--sr-color-border);grid-template-columns:30px minmax(0,1fr) auto;align-items:start;display:grid}.steps li:first-child{border-block-start:0}.steps li[data-check]{cursor:pointer}.steps .box{border:1.5px solid var(--sr-color-border-strong);width:24px;height:24px;color:inherit;cursor:inherit;transition:all .35s var(--sr-ease-spring);background:0 0;border-radius:7px;place-items:center;margin-block-start:1px;padding:0;display:grid}.steps li[data-check]:hover .box{border-color:var(--sr-color-text)}.steps li.done .box{background:var(--sr-color-text);border-color:var(--sr-color-text);color:var(--sr-color-text-on-ink);transform:scale(1.08)}.steps li.cur .box{background:var(--sr-color-text);border-color:var(--sr-color-text);color:var(--sr-color-text-on-ink)}.steps .t{font-weight:600;transition:color .3s}.steps li.done .t{color:var(--sr-color-text-muted);text-decoration:line-through}.steps.plain li.done .t{text-decoration:none}.steps .s{color:var(--sr-color-text-muted);margin-block-start:3px;font-size:12.5px}.steps li.done .box:empty:after{content:"";direction:ltr;border:0;border-block-end:2px solid;border-inline-start:2px solid;width:10px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.steps li.just .box svg path{stroke-dasharray:30;stroke-dashoffset:30px;animation:chk .45s var(--sr-ease-standard) 50ms forwards}html.static .steps li.just .box svg path{stroke-dashoffset:0;animation:none}