.DiagramView .selectable-card{--color:var(--cardColor);cursor:pointer}.DiagramView .selectable-card:focus{outline:none}.DiagramView .selectable-card rect{stroke:var(--color);stroke-width:2px;fill:color-mix(in srgb, var(--color) 18%, var(--bg-0));rx:var(--border-radius)}.DiagramView .selectable-card:hover rect,.DiagramView .selectable-card.is-hovered rect,.DiagramView .selectable-card:focus-visible rect{stroke:color-mix(in srgb, var(--color) 70%, white)}.DiagramView .selectable-card-face{fill:color-mix(in srgb, var(--color) 80%, var(--fg-0));dominant-baseline:middle;font-size:16px;font-weight:var(--fw-semibold)}.bp6-dark .DiagramView .selectable-card-face{fill:color-mix(in srgb, var(--color) 60%, var(--fg-0))}.DiagramView .selectable-card.is-selected{--color:#215db0}.DiagramView .selectable-card .unconfigured-indicator{fill:#cd4246}.DiagramView .selectable-card-space rect{fill:color-mix(in srgb, var(--color) 8%, var(--bg-0));stroke-dasharray:4 3}.DiagramView .selectable-card-space .selectable-card-face{font-size:12px}.DiagramView .system-collapse,.DiagramView .system .zone-collapse{overflow:visible}.DiagramView .system-lines line{stroke:color-mix(in srgb, var(--fg-0) 60%, var(--bg-0));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}