.mk-nav{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);position:sticky;top:0}@supports (animation-timeline:scroll()){.mk-nav{animation:linear both mk-nav-bg;animation-timeline:scroll();animation-range:0 96px}}@keyframes mk-nav-bg{0%{background-color:#fff0;box-shadow:0 1px #edeef100}to{box-shadow:0 1px 0 var(--color-line-2);background-color:#ffffffd6}}.mk-stage:before{content:"";background:var(--color-soft);border-top:1px solid var(--color-line-2);position:absolute;inset:182px 0 0}@media (min-width:40rem){.mk-stage:before{top:196px}}.mk-task+.mk-task:before{content:"";background:var(--color-line-2);height:1px;transition:opacity .2s;position:absolute;top:0;left:12px;right:12px}.mk-task:hover:before,.mk-task:hover+.mk-task:before{opacity:0}.mk-repro{counter-reset:step}.mk-repro>li:before{counter-increment:step;content:counter(step);color:var(--color-ink-3);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12.5px}.mk-screen:before{content:"";background:#3a3f48;border-radius:4px;width:34%;height:8px;position:absolute;top:18%;left:12%}.mk-screen:after{content:"";background:#30353d;border-radius:6px;width:56%;height:44%;position:absolute;top:34%;left:12%}