.inf-seq{position:relative}.inf-seq-tabs{border-bottom:1px solid var(--line);align-items:stretch;gap:4px;padding:0 14px;display:flex}.inf-seq-tabs button{color:var(--ink-3);font:inherit;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;padding:12px 10px;font-size:13px;font-weight:600;position:relative}.inf-seq-tabs button:hover,.inf-seq-tabs button.is-on{color:var(--ink)}.inf-seq-tabs button.is-on:after{content:"";background:var(--pink);height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.inf-seq-tabs .inf-seq-replay{color:var(--ink-3);margin-left:auto}.inf-seq-head{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));padding:16px 0 6px;display:grid}.inf-seq-head b{color:var(--ink);font-size:12.5px;font-weight:700}.inf-seq-head .is-short{display:none}.inf-seq-body{padding:0 0 6px;position:relative}.inf-seq-body li{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(10% - .5px), var(--line-2) calc(10% - .5px), var(--line-2) calc(10% + .5px), transparent calc(10% + .5px), transparent 20%);height:56px;position:relative}.inf-seq-msg{transition:opacity .4s var(--ease);justify-items:center;gap:3px;display:grid;position:absolute;top:6px}.inf-seq-label{color:var(--ink);background:#0a0a0e;padding:0 6px;font-size:12.5px;font-weight:600}.inf-seq-line{background:var(--ink-2);transform-origin:0;width:100%;height:1px;display:block;position:relative}.inf-seq-msg.is-left .inf-seq-line{transform-origin:100%}.inf-seq-msg.is-ret .inf-seq-line{background:repeating-linear-gradient(90deg, var(--ink-2) 0 5px, transparent 5px 9px)}.inf-seq-line:after{content:"";border-top:1px solid var(--ink);border-right:1px solid var(--ink);width:7px;height:7px;position:absolute;top:-3.5px}.inf-seq-msg.is-right .inf-seq-line:after{right:0;transform:rotate(45deg)}.inf-seq-msg.is-left .inf-seq-line:after{left:0;transform:rotate(-135deg)}.inf-seq-code{font-family:var(--mono);letter-spacing:0;color:var(--ink-3);white-space:nowrap;background:#0a0a0e;padding:0 6px;font-size:10.5px}.inf-seq-body li.is-wait .inf-seq-msg{opacity:.16}.inf-seq-body li.is-now .inf-seq-line{animation:inf-seq-draw .6s var(--ease) both;background-color:var(--pink-soft)}.inf-seq-body li.is-now .inf-seq-label{color:var(--pink-soft)}.inf-seq-body li.is-done.is-ok .inf-seq-line{background-color:#9be8b4}.inf-seq-body li.is-done.is-stop .inf-seq-line,.inf-seq-body li.is-now.is-stop .inf-seq-line{background-color:#ff9a9a}.inf-seq-body li.is-stop .inf-seq-label{color:#ffb4b4}@keyframes inf-seq-draw{0%{transform:scaleX(0)}}.inf-seq-foot{border-top:1px solid var(--line);color:var(--ink-2);padding:14px 20px 18px;font-size:13.5px;line-height:1.55}@media (width<=640px){.inf-seq-head .is-full{display:none}.inf-seq-head .is-short{display:inline}.inf-seq-code{display:none}.inf-seq-body li{height:40px}.inf-seq-label{white-space:nowrap;padding:0 3px;font-size:11px}.inf-seq-tabs{scrollbar-width:none;overflow-x:auto}.inf-seq-tabs button{white-space:nowrap}}