.site .ba .ssf{gap:0;display:grid}.site .ba .ssf-port{aspect-ratio:360/96;border:1px solid var(--fg-3);position:relative;overflow:hidden}.site .ba .ssf-pad{background:repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 6px);position:absolute;top:0;bottom:0}.site .ba .ssf-slide{border:1px solid var(--fg-2);font:600 13px/1 var(--mono);color:var(--fg-2);place-items:center;display:grid;position:absolute;top:16%;bottom:16%}.site .ba .ssf-line{border-left:2px solid var(--accent);width:0;margin-left:-1px;position:absolute;top:0;bottom:0}.site .ba .ssf-key{font:400 11px/1.4 var(--mono);color:var(--fg-3);flex-wrap:wrap;gap:6px 18px;margin:10px 0 14px;display:flex}.site .ba .ssf-key i{vertical-align:middle;width:18px;height:10px;margin-right:6px;display:inline-block}.site .ba .ssf-key .is-pad{background:repeating-linear-gradient(45deg, var(--fg-3) 0 1px, transparent 1px 4px)}.site .ba .ssf-key .is-line{border-left:2px solid var(--accent);width:0;margin-left:8px;margin-right:14px}.site .ba .ssf-row{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:7px 0;display:grid}.site .ba .ssf-l{font:400 11px/1.3 var(--mono);color:var(--fg-3)}.site .ba .ssf-l b{font:600 13px/1.3 var(--sans,inherit);color:var(--fg);margin-right:6px}.site .ba .ssf-track{background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);height:12px;box-shadow:1px 0 0 var(--line);background-size:25% 100%;display:block;position:relative}.site .ba .ssf-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:1px}.site .ba .ssf-want{border-top:2px dotted var(--fg-3);height:0;position:absolute;top:5px}.site .ba .ssf-row.is-clamped .ssf-want:after{content:"";border:1px solid var(--fg-3);border-radius:50%;width:8px;height:8px;position:absolute;top:-6px;right:-5px}.site .ba .ssf-row.is-max{border-top:1px solid var(--fg-3);border-bottom:0}.site .ba .ssf-row.is-max .ssf-l{color:var(--fg)}.site .ba .ssf-max{border-top:2px solid var(--fg-2);height:0;position:absolute;top:5px;left:0}.site .ba .ssf-axis{border-bottom:1px solid var(--fg-3);padding:0 0 8px}.site .ba .ssf-axis .ssf-l{font-size:10px}.site .ba .ssf-ticks{height:auto;box-shadow:none;font:500 10.5px/1.3 var(--mono);color:var(--fg-3);background:0 0;justify-content:space-between;display:flex}@media (max-width:559px){.site .ba .ssf-row{grid-template-columns:112px minmax(0,1fr);gap:10px}.site .ba .ssf-l b{display:block}.site .ba .ssf-ticks span:nth-child(2n){visibility:hidden}}