/* Product materials only. The card layout, dark backgrounds and motion stay intact. */
.category-card[data-card-motion] .cp-materials.multi-drawing .multi-pcb,
.category-card[data-card-motion] .cp-materials.multi-drawing .acc-pcb-board {
  fill:var(--cp-pcb);stroke:#c7d1d9;stroke-width:.65;
}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-pcb-edge {stroke:#fff;stroke-width:1;opacity:.9}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-track {stroke:#b2aa86;stroke-width:.55;opacity:.32}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-pad {fill:var(--cp-gold);stroke:#bd9b4f;stroke-width:.45}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-polarity {fill:#596874;font-weight:500}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-pcb-type {fill:#697784;font-size:11px}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-smd-shell,
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-led-shell {fill:#fffef8;stroke:#acb6bb;stroke-width:.65}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-emitter {fill:var(--cp-phosphor);opacity:1;filter:none;transition:none}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-grain {stroke:#fff4a3;stroke-width:.7;opacity:.6}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-emission {fill:#fff5c6;opacity:0;filter:none;transition:opacity .35s}
.category-card[data-card-motion] .multi-powered .multi-drawing.cp-materials .cp-emission {opacity:.6;filter:drop-shadow(0 0 3px #ffe8a27a)}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-plastic {fill:var(--cp-glass);stroke:#c5d5e0;stroke-width:1.1}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-plastic-edge {stroke:#eff8fc;stroke-width:.7;opacity:.72}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-specular {stroke:#fff;stroke-width:.9;opacity:.55;fill:none}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-contact {fill:var(--cp-metal);stroke:#9baab5;stroke-width:.7}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-contact-edge {stroke:#f3f7fb;stroke-width:.7;filter:none}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-hinge {fill:var(--cp-metal);stroke:#c2cbd3;stroke-width:.7}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-lock {fill:var(--cp-glass);stroke:#dfecf4;stroke-width:.7}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-wire-sleeve {stroke:#0c1117;stroke-width:9;stroke-linecap:round}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-wire-positive {stroke:#df493e;stroke-width:6.5;stroke-linecap:round}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-wire-negative {stroke:#343b43;stroke-width:6.5;stroke-linecap:round}
.category-card[data-card-motion] .multi-drawing.cp-materials .multi-wire-sheen {stroke:#ffffff;stroke-width:.65;opacity:.34}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-wire-tip {stroke:#dcb570;stroke-width:3.7;stroke-linecap:butt}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-classic-shell {fill:var(--cp-glass);stroke:#d5e3ee;stroke-width:1}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-classic-lid .acc-classic-shell {fill:var(--cp-glass);stroke:#edf7ff}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-solder-tin {fill:var(--cp-metal);stroke:#a3b0bb;stroke-width:.65}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-solder-glint {stroke:#f9fcff;stroke-width:1.1}

/* RM: existing terminal count, Illustrator outline and wire colour coding. */
.category-card[data-card-motion] .cp-materials.multi-drawing .acc-rm-body {fill:var(--cp-housing);stroke:#8c9aa7;stroke-width:.34}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-rm-original {stroke:#687d8e;stroke-width:.22}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-rm-title {fill:#3e5264}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-rm-sub {fill:#556b7c}
.category-card[data-card-motion] .multi-drawing.cp-materials [data-rm-input],
.category-card[data-card-motion] .multi-drawing.cp-materials [data-rm-output] {stroke:#26364350;stroke-width:.3}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-rm-wire {stroke-width:3.1;fill:none}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rm-wire-edge,
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rm-wire-sheen {
  fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--acc-connect,0));
}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rm-wire-edge {stroke:#080e15;stroke-width:4.6;opacity:.7}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rm-wire-sheen {stroke:#fff;stroke-width:.55;opacity:.38}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-die-base {opacity:1;stroke:none;fill:var(--cp-phosphor)}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-die-warm {fill:var(--cp-warm)}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-die-cool {fill:var(--cp-cool)}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-die-rgb {fill:#e6edf0}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rgb-die {opacity:.68}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rgb-0 {fill:#a75553}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rgb-1 {fill:#609969}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-rgb-2 {fill:#5379a7}
.category-card[data-card-motion] .multi-drawing.cp-materials :is(.acc-rm-mono,.acc-rm-white,.acc-cct-warm,.acc-cct-cool,.acc-rm-rgb) {
  opacity:0;filter:none;transition:opacity .3s;
}
.category-card[data-card-motion] .multi-powered .multi-drawing.cp-materials .acc-rm-mono {fill:#fff4cb;opacity:calc(.3 + var(--acc-rm-mono,.8)*.65);filter:drop-shadow(0 0 2.8px #ffe29e99)}
.category-card[data-card-motion] .multi-powered .multi-drawing.cp-materials .acc-rm-white {fill:#fffce9;opacity:calc(.25 + var(--acc-rm-white,.6)*.7);filter:drop-shadow(0 0 2.7px #fff3c980)}
.category-card[data-card-motion] .multi-powered .multi-drawing.cp-materials .acc-cct-warm {fill:#ffebbd;opacity:calc(.2 + var(--acc-warm,.5)*.78);filter:drop-shadow(0 0 3px #ffcc7e99)}
.category-card[data-card-motion] .multi-powered .multi-drawing.cp-materials .acc-cct-cool {fill:#edf8ff;opacity:calc(.2 + var(--acc-cool,.5)*.78);filter:drop-shadow(0 0 3px #c0e5ff99)}
.category-card[data-card-motion] .multi-powered .multi-drawing.cp-materials .acc-rm-rgb {fill:var(--acc-rm-rgb);opacity:calc(.4 + var(--acc-rm-color-level,.6)*.6);filter:drop-shadow(0 0 3px var(--acc-rm-rgb))}

/* LOCK stays white in night mode and graphite in day mode. */
.category-card[data-card-motion] .cp-materials.multi-drawing .acc-lock-shell {fill:var(--cp-lock);stroke:#b1c0ca;stroke-width:1}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-rib {stroke:#7d8c97;stroke-width:.85;opacity:.68}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-strain {stroke:#788894;stroke-width:3}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-slot-backing {fill:#8e9daa}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-arrow {stroke:#4b6072}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-orbit .acc-etched {fill:#4b6072}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-tip-ring {stroke:#435261}
.category-card[data-card-motion] .multi-drawing.cp-materials .acc-cable {stroke:#d6dfe6;stroke-width:18;filter:none}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-lock-cable-edge {fill:none;stroke:#647785;stroke-width:20;stroke-linecap:round}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-lock-cable-sheen {fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:round;opacity:.6}
html:not([data-theme=day]) .multi-drawing.cp-materials .cp-lock-material stop:nth-child(1){stop-color:#fafcfe}
html:not([data-theme=day]) .multi-drawing.cp-materials .cp-lock-material stop:nth-child(2){stop-color:#e6edf2}
html:not([data-theme=day]) .multi-drawing.cp-materials .cp-lock-material stop:nth-child(3){stop-color:#b4c1cc}
html:not([data-theme=day]) .multi-drawing.cp-materials .cp-lock-material stop:nth-child(4){stop-color:#f0f5f8}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .acc-cable {stroke:#303942}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .cp-lock-cable-edge {stroke:#111a21}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-strain {stroke:#111c25}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-slot-backing {fill:#17212a}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-arrow {stroke:#e3edf5}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .acc-lock-orbit .acc-etched {fill:#e3edf5}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .multi-plastic,
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .acc-classic-shell {stroke:#8298a8}
@media(prefers-reduced-motion:reduce){
  .category-card[data-card-motion] .multi-drawing.cp-materials :is(.cp-emission,.acc-rm-mono,.acc-rm-white,.acc-cct-warm,.acc-cct-cool,.acc-rm-rgb){filter:none;transition:none}
}

/* Sparse section boundaries: printed scissors, a cut line and real components. */
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-cut-line {
  fill:none;stroke:#536571;stroke-width:.65;stroke-dasharray:2 1.8;opacity:.85;
}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-cut-scissors {
  fill:none;stroke:#a1b1bd;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;
}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-resistor rect {
  fill:#333b42;stroke:#68737b;stroke-width:.35;
}
.category-card[data-card-motion] .multi-drawing.cp-materials .cp-resistor-terminal {
  fill:none;stroke:#cbd2d5;stroke-width:1.1;
}
html[data-theme=day] .category-card[data-card-motion] .multi-drawing.cp-materials .cp-cut-scissors {stroke:#637988}