.site .ba .df{gap:0;display:grid}.site .ba .df-row{border-bottom:1px solid var(--line);grid-template-columns:72px 96px minmax(0,1fr);align-items:center;gap:16px;padding:10px 0;display:grid}.site .ba .df-hd{border-bottom:1px solid var(--fg-3);font:500 10.5px/1.3 var(--mono);color:var(--fg-3);padding:0 0 8px}.site .ba .df-k{font:500 13px/1 var(--mono);color:var(--fg);background:0 0;border:0;padding:0}.site .ba .df-shape{width:96px;height:64px;display:block;overflow:visible}.site .ba .df-ghost{fill:none;stroke:var(--line-2);stroke-width:1.5px;stroke-dasharray:2 3}.site .ba .df-ink{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linejoin:round;stroke-linecap:butt}.site .ba .df-tape{width:100%;max-width:300px;height:auto;display:block;overflow:visible}.site .ba .df-win{fill:none;stroke:var(--fg-2);stroke-width:1px}.site .ba .df-dash{stroke:var(--accent);stroke-width:6px}.site .ba .df-gap{stroke:var(--fg-3);stroke-width:1.5px;stroke-dasharray:3 3}.site .ba .df-tick{font:500 10px var(--mono);fill:var(--fg-3)}.site .ba .df-key{font:400 11px/1.4 var(--mono);color:var(--fg-3);flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;display:flex}.site .ba .df-key i{vertical-align:middle;width:18px;height:0;margin-right:6px;display:inline-block}.site .ba .df-key .is-dash{border-top:4px solid var(--accent)}.site .ba .df-key .is-gap{border-top:1.5px dashed var(--fg-3)}.site .ba .df-key .is-win{border:1px solid var(--fg-2);height:8px}@media (max-width:559px){.site .ba .df-row{grid-template-columns:40px 72px minmax(0,1fr);gap:10px}.site .ba .df-shape{width:72px;height:48px}.site .ba .df-hd span:first-child{visibility:hidden}}