/* The scene keeps its background, then the cable, then the readable interface. */
#digitrix-scene.digitrix-cable-enabled{position:relative;isolation:isolate}
.digitrix-cable-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none;user-select:none}
.digitrix-cable-wire{fill:none;stroke:#91a4b2;stroke-width:1.2;stroke-opacity:.47;stroke-linecap:round;stroke-linejoin:round}
.digitrix-cable-twin{fill:none;stroke:#477a9b;stroke-width:1;stroke-opacity:.55;stroke-linecap:round;stroke-linejoin:round}
.digitrix-cable-branch{fill:none;stroke:#79a0b7;stroke-width:1;stroke-opacity:.28;stroke-linecap:round}
.digitrix-cable-cap{fill:#192e3b;stroke:#7192a7;stroke-width:1;stroke-opacity:.55}
.digitrix-cable-signal{fill:none;stroke:#79dcf0;stroke-width:2.2;stroke-linecap:round}
.digitrix-cable-head{fill:#a8eaf4}
.digitrix-cable-halo{fill:#6cd3ec;fill-opacity:.12}
@media(max-width:700px){.digitrix-cable-wire{stroke-opacity:.4}.digitrix-cable-twin{stroke-opacity:.45}.digitrix-cable-signal{stroke-width:1.8}}
@media(prefers-reduced-motion:reduce){.digitrix-cable-svg *{animation:none!important;transition:none!important}}
@media print{.digitrix-cable-svg{display:none}}

/* Only the actual device drawings interrupt the cable, not their layout boxes. */
.digitrix-cable-enabled .service-port{background:transparent}