/* harness scene */
.sc-hn-ring-dim { fill: none; stroke: rgba(255,255,255,.14); stroke-width: 2; }
.sc-hn-seg { fill: none; stroke: #f4f4f4; stroke-width: 3; stroke-linecap: round; }
.sc-hn-seg.state { stroke: var(--amber); }
.sc-hn-part { font-family: var(--mono) !important; font-size: 21px; fill: var(--fg2) !important; }
.sc-hn-part.state { fill: var(--amber) !important; }
.sc-hn-model { fill: #2f7fe0; filter: drop-shadow(0 0 22px rgba(47,127,224,.75)); }
.sc-hn-glow { fill: none; stroke: #6aa8ff; stroke-width: 2.5; }
.sc-hn-model-t { font-size: 24px; font-weight: 700; fill: #fff !important; }
.sc-hn-verb { font-size: 21px; fill: #6aa8ff !important; }
.sc-hn-cap { font-size: 22px; fill: var(--mute) !important; }
.sc-hn-take { font-size: 24px; font-weight: 700; fill: #fff !important; }

.sc-hn-head { font-size: 26px; font-weight: 700; fill: #fff !important; }
.sc-hn-sub { font-family: var(--mono) !important; font-size: 18px; fill: var(--mute) !important; }
.sc-hn-fname { font-family: var(--mono) !important; font-size: 20px; fill: var(--mute) !important; }
.sc-hn-fname.state { fill: var(--amber) !important; }
.sc-hn-ftext { font-size: 25px; fill: #f4f4f4 !important; }

.sc-hn-card rect { stroke-width: 2; }
.sc-hn-card.req rect { fill: rgba(47,127,224,.14); stroke: #2f7fe0; }
.sc-hn-card.enc rect { fill: rgba(0,0,0,.28); stroke: #f4f4f4; }
.sc-hn-tag { font-size: 22px; font-weight: 700; }
.sc-hn-card.req .sc-hn-tag { fill: #6aa8ff !important; }
.sc-hn-card.enc .sc-hn-tag { fill: #fff !important; }
.sc-hn-code { font-family: var(--mono) !important; font-size: 23px; fill: #f4f4f4 !important; }
.sc-hn-card.req .sc-hn-code { fill: #cfe2ff !important; }
.sc-hn-check circle { fill: var(--green); }
.sc-hn-check path { fill: none; stroke: #0d2a1e; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.sc-hn-line { font-size: 30px; font-weight: 700; fill: #fff !important; }
.sc-hn-line2 { font-size: 25px; fill: var(--fg2) !important; }
.sc-hn-src { font-size: 17px; fill: var(--mute) !important; }

.sc-hn-axis line { stroke: rgba(255,255,255,.45); stroke-width: 1.5; }
.sc-hn-axis text { font-family: var(--mono) !important; font-size: 17px; fill: var(--mute) !important; }
.sc-hn-rowname { font-size: 25px; font-weight: 700; fill: #6aa8ff !important; }
.sc-hn-rowline { stroke: rgba(255,255,255,.12); stroke-width: 1.5; }
.sc-hn-spread { stroke: rgba(255,255,255,.7); stroke-width: 4; stroke-linecap: round; }
.sc-hn-spread-t { font-size: 22px; font-weight: 700; fill: #fff !important; }
.sc-hn-dot { fill: #f4f4f4; }
.sc-hn-vring { fill: none; stroke: var(--fg2); stroke-width: 2; }
.sc-hn-dlbl { font-family: var(--mono) !important; font-size: 19px; fill: var(--fg2) !important; }
.sc-hn-dlbl.vendor { fill: #fff !important; font-weight: 700; }
.sc-hn-lead { stroke: rgba(255,255,255,.22); stroke-width: 1; }
.sc-hn-foot { font-size: 22px; fill: var(--fg2) !important; }