/* The spring rater drawing (rig.js): used by the Spring Smasher and the demo on the product page (web/site/spring-smasher).
   Needs the page's --font-mono, --font-cond, --accent-primary, --text-primary and --bg-card. */
:root {
  --sp-a: #d8392f; --sp-b: #2f6fd6;
  --rg-steel-d: #2b2f36; --rg-steel-l: #5d646e; --rg-edge: #0c0d10;
}
body.light-theme {
  --rg-steel-d: #59606a; --rg-steel-l: #9aa2ad; --rg-edge: #3a3f46;
}
.rg-edge { stroke: var(--rg-edge); stroke-width: 1; }
.rg-dark { fill: var(--rg-edge); }
.rg-hole { fill: var(--rg-edge); opacity: .7; }
.rg-bolt { fill: #c9ced4; stroke: var(--rg-edge); stroke-width: 1; }
.rg-cellband { fill: #3a6fd8; opacity: .85; }
.rg-cable { fill: none; stroke: #111; stroke-width: 2.5; }
.rg-jack { fill: #b3261e; stroke: #4d0c08; stroke-width: 1; }
.rg-jackband { fill: #e8c34a; }
.rg-handle { stroke: #c9ced4; stroke-width: 5; stroke-linecap: round; }
.rg-thread { stroke: #000; stroke-width: .6; opacity: .45; }
.rg-pin { fill: #20232a; }
.rg-packer { fill: #444a52; }
.rg-bumpline { stroke: #6a3304; stroke-width: .8; opacity: .6; }
.rg-box { fill: #1a1c21; stroke: #000; }
.rg-lcd { fill: #0b1a10; stroke: #000; }
.rg-lbl { fill: #aab2bd; font: 700 10px var(--font-mono); letter-spacing: 1px; }
.rg-unit { fill: #5fa776; font: 600 9px var(--font-mono); }
.rg-digits { fill: #5cff9a; font: 700 19px var(--font-mono); letter-spacing: 1px; }
.rg-digits.warn { fill: #ff6a5c; }
.rg-dimline, .rg-ext { stroke: var(--accent-primary); stroke-width: 1.2; }
.rg-ext { stroke-dasharray: 2 2; opacity: .7; }
.rg-arrow { fill: var(--accent-primary); }
.rg-badge { fill: var(--accent-primary); }
.rg-badgetxt { fill: #fff; font: 700 10px var(--font-mono); }
.rg-dimtxt { fill: var(--text-primary); font: 600 10px var(--font-mono); paint-order: stroke; stroke: var(--bg-card); stroke-width: 3px; }
.rg-rivet { fill: #8c939b; }
.rg-wheel { fill: #111; stroke: #333; stroke-width: 2; }
.rg-hub { fill: #9aa1a9; }
.rg-brand { fill: #3a87e5; font: 700 13px var(--font-cond); letter-spacing: 3px; opacity: .85; }
.rg-seal { fill: #111; }
.rg-cap { fill: #c9a24a; stroke: #6b5420; stroke-width: 1; }
.rg-slot { stroke: #555c64; stroke-width: 2.2; }
.rg-bezel { fill: #0a0b0d; stroke: #4a4f57; stroke-width: 1; }
.rg-slbl { fill: #8fb3d9; font: 700 9px var(--font-mono); letter-spacing: 1px; }
.rg-sbig { fill: #ffffff; font: 700 26px var(--font-mono); }
.rg-sbig.warn { fill: #ff6a5c; }
.rg-smid { fill: #7fe0ff; font: 700 13px var(--font-mono); }
.rg-sdiv { stroke: #2e4a6b; stroke-width: 1; }
.rg-estop { fill: #d4231c; stroke: #5a0d09; stroke-width: 2; }
.rg-toggle { fill: #d4231c; }
.rg-switch { fill: #b3261e; stroke: #000; }
.rg-capline { stroke: #7c5409; stroke-width: 1; opacity: .7; }
.rg-eyering { fill: #e3a81f; }
.rg-thread { stroke: #1b1d21; opacity: .55; }
.rg-badge { stroke: var(--bg-card); stroke-width: 2; }
.rg-leader { stroke: var(--accent-primary); stroke-width: 1; opacity: .8; }
.rg-ghost { fill: none; stroke-width: 1.5; stroke-dasharray: 5 4; opacity: .55; }