html .cn .mk .mk-panel{margin-top:var(--s4);padding:var(--s4);background:var(--nv-face);box-shadow:var(--nv-raise-on-blue);border-radius:12px}html .cn .mk .mk-panel :is(span,b,p,li){color:var(--cn-ink)}html .cn .mk .mk-bar{padding-bottom:var(--s3);border-bottom:1px solid var(--cn-hair);justify-content:space-between;align-items:baseline;display:flex}html .cn .mk .mk-bar b{font-size:16px;font-weight:500}html .cn .mk .mk-bar span{letter-spacing:.08em;text-transform:uppercase;font-size:12px}html .cn .mk-stages{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}html .cn .mk-stages:before{content:"";left:0;right:0;top:var(--s4);background:var(--cn-ink);transform-origin:0;height:2px;transition:transform 1.6s cubic-bezier(.22,1,.36,1) .2s;position:absolute;transform:scaleX(0)}html .cn .mk[data-seen] .mk-stages:before{transform:scaleX(1)}html .cn .mk-stage{padding:var(--s6) var(--s3) var(--s1) 0;opacity:0;transition:opacity .6s ease calc(.3s + var(--i) * .35s);flex-direction:column;display:flex;position:relative}html .cn .mk-stage+.mk-stage{padding-left:var(--s3)}html .cn .mk[data-seen] .mk-stage{opacity:1}html .cn .mk-node{top:calc(var(--s4) - 5px);width:12px;height:12px;box-shadow:0 0 0 2px var(--cn-ink);background:#fff;border-radius:50%;position:absolute;left:0}html .cn .mk-stage+.mk-stage .mk-node{left:var(--s3)}html .cn .mk-stage:last-child .mk-node{background:var(--sky);box-shadow:0 0 0 2px var(--cn-ink), 0 0 0 6px #5899e240}html .cn .mk-fig{background:var(--cn-panel);height:128px;padding:var(--s2);justify-content:center;gap:var(--s1);border-radius:10px;flex-direction:column;display:flex}html .cn .mk .mk-n{margin-top:var(--s3);letter-spacing:.06em;font-size:13px}html .cn .mk .mk-t{margin-top:var(--s1);text-wrap:pretty;font-size:18px;line-height:26px}html .cn .mk .mk-big{letter-spacing:-.01em;font-size:28px;line-height:32px}html .cn .mk-dots{gap:4px;display:flex}html .cn .mk-dots b{border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #16283f59}html .cn .mk-dots b[data-on]{background:var(--cn-ink);box-shadow:none}html .cn .mk-wrow{align-items:center;gap:var(--s1);grid-template-columns:84px 1fr;display:grid}html .cn .mk .mk-wrow span{font-size:12px}html .cn .mk-wrow i{background:var(--band);height:8px;width:calc(var(--w) * 100%);border-radius:4px}html .cn .mk-three{align-items:stretch;gap:var(--s1);flex-direction:row}html .cn .mk-pick{background:var(--nv-face);box-shadow:var(--nv-raise);border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;padding:10px;display:flex}html .cn .mk .mk-pick b{font-size:13px;font-weight:500}html .cn .mk-pick i{background:var(--cn-hair);border-radius:3px;width:70%;height:6px}html .cn .mk-doc{align-items:center}html .cn .mk-page{width:108px;height:100%;box-shadow:var(--nv-raise);background:#fff;border-radius:6px;flex-direction:column;gap:7px;padding:12px;display:flex}html .cn .mk .mk-page b{font-size:11px;font-weight:500}html .cn .mk-page i{background:var(--cn-hair);border-radius:3px;height:5px}html .cn .mk-page i:nth-of-type(2){width:80%}html .cn .mk-sign{background:var(--cn-ink);width:44%;height:2px;margin-top:auto}html .cn .mk-grid{padding-top:var(--s3);grid-template-columns:minmax(220px,30%) 1fr;display:grid}html .cn .mk-ruler{height:32px;position:relative}html .cn .mk .mk-ruler span{white-space:nowrap;font-size:12px;position:absolute;top:0}html .cn .mk .mk-ruler .mk-live-label{background:var(--cn-ink);color:#fff;border-radius:6px;padding:2px 8px;font-size:12px;top:0;transform:translate(-50%)}html .cn .mk-ruler span:not(.mk-live-label):not(:first-child){transform:translate(-50%)}html .cn .mk-prow{display:contents}html .cn .mk-prow>*{border-top:1px solid var(--cn-hair);padding:var(--s3) 0}html .cn .mk-prow .mk-t{padding-right:var(--s3);margin:0}html .cn .mk-track{display:block;position:relative}html .cn .mk-track:after{content:"";top:0;bottom:0;left:var(--live);border-left:1px dashed #16283f66;width:0;position:absolute}html .cn .mk-track i{background:var(--band);transform-origin:0;height:14px;transition:transform .9s cubic-bezier(.22, 1, .36, 1) calc(.2s + var(--i) * .22s);border-radius:4px;margin-top:-7px;position:absolute;top:50%;transform:scaleX(0)}html .cn .mk[data-seen] .mk-track i{transform:scaleX(1)}html .cn .mk-track i[data-last]{background:linear-gradient(90deg, var(--band), #3674c226)}@media (max-width:860px){html .cn .mk-stages{row-gap:var(--s4);grid-template-columns:1fr 1fr}html .cn .mk-stages:before{display:none}html .cn .mk-stage,html .cn .mk-stage+.mk-stage{padding:0 var(--s1) 0 0}html .cn .mk-node{display:none}html .cn .mk-grid{grid-template-columns:1fr}html .cn .mk-grid>span:first-child{display:none}html .cn .mk-prow .mk-t{border-top:1px solid var(--cn-hair);padding:var(--s2) 0 var(--s1)}html .cn .mk-prow .mk-track{border-top:0;height:24px;padding:0}}@media (max-width:520px){html .cn .mk-stages{grid-template-columns:1fr}}@media (max-width:860px){html .cn .mk .mk-ruler span:not(:first-child):not(.mk-live-label){display:none}}
