.site .ba .tf{gap:0;display:grid}.site .ba .tf-row{border-bottom:1px solid var(--line);grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:10px 0;display:grid}.site .ba .tf-l{font:500 11.5px/1.35 var(--mono);color:var(--fg)}.site .ba .tf-l code{font:inherit;color:var(--accent);background:0 0;border:0;padding:0}.site .ba .tf-row.is-range .tf-l{color:var(--fg-3);padding-left:12px}.site .ba .tf-track{background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);box-shadow:1px 0 0 var(--line);background-size:25% 100%;display:block;position:relative}.site .ba .tf-track svg{width:100%;height:14px;display:block;overflow:visible}.site .ba .tf-track path{fill:none;stroke-width:10px;stroke-linecap:butt}.site .ba .tf-base{stroke:var(--line-2);stroke-dasharray:2 3;stroke-width:1px!important}.site .ba .tf-scroll{stroke:var(--fg-2)}.site .ba .tf-entry{stroke:var(--accent)}.site .ba .tf-contain{stroke:var(--fg-2)}.site .ba .tf-exit{stroke:var(--fg-3)}.site .ba .tf-range{stroke:var(--accent);stroke-width:4px!important}.site .ba .tf-lab{font:400 10.5px/1.3 var(--mono);color:var(--fg-3);margin-top:4px;display:block}.site .ba .tf-axis{border-bottom:1px solid var(--fg-3);padding:0 0 8px}.site .ba .tf-axis .tf-l{color:var(--fg-3);font-size:10px}.site .ba .tf-ticks{box-shadow:none;font:500 10.5px/1.3 var(--mono);color:var(--fg-3);background:0 0;justify-content:space-between;display:flex}.site .ba .tf-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 .tf-key i{vertical-align:middle;border-top:6px solid;width:18px;height:0;margin-right:6px;display:inline-block}.site .ba .tf-key i.tf-entry{border-color:var(--accent)}.site .ba .tf-key i.tf-contain{border-color:var(--fg-2)}.site .ba .tf-key i.tf-exit{border-color:var(--fg-3)}@media (max-width:559px){.site .ba .tf-row{grid-template-columns:1fr;gap:6px}.site .ba .tf-axis .tf-l{display:none}.site .ba .tf-row.is-range .tf-l{padding-left:0}}