.demo-step[data-pending] .demo-marker{border-color:var(--line-light)}.demo-reveal{animation:demo-reveal var(--duration-slow) ease-out both}@keyframes demo-reveal{0%{opacity:0;transform:translateY(3px)}}.demo-marker{border-color:var(--boundary-light);background-color:var(--white);transition:background-color var(--duration-base) ease-out, border-color var(--duration-base) ease-out, box-shadow var(--duration-slow) ease-out}.demo-step[data-status=pass] .demo-marker{border-color:var(--ink);background-color:var(--signal)}.demo-step[data-status=fail] .demo-marker{border-color:var(--danger-light);background-color:var(--danger-light)}.demo-step[data-status=skip] .demo-marker{background-color:var(--line-light);border-color:var(--line-light)}.demo-step[data-current] .demo-marker{border-color:var(--ink);box-shadow:0 0 0 5px #10251e1f}.demo-result>*{animation:demo-reveal var(--duration-slow) ease-out both}