/* dim non-live nodes, near-blacked-out, unless pinned or fullscreen */
.node-card.dimmed:not(.pinned):not(.fullscreen){ background: color-mix(in srgb, var(--bg-primary,#08080a) 78%, var(--bg-card,#12161f)); border-color: color-mix(in srgb, var(--border-color, rgba(255,255,255,.12)) 35%, transparent); }
.node-card.dimmed:not(.pinned):not(.fullscreen) .node-head{ opacity:.4; transition:opacity .15s ease; }
.node-card.dimmed:not(.pinned):not(.fullscreen) .node-body{ opacity:.07; transition:opacity .15s ease; }
.node-card.dimmed:not(.pinned):not(.fullscreen) .node-foot{ opacity:.28; transition:opacity .15s ease; }
.node-card.dimmed:not(.pinned):not(.fullscreen) .node-resize-handle{ opacity:.12; }
.node-card.dimmed:not(.pinned):hover, .node-card.dimmed:not(.pinned):focus-within{ background:var(--bg-card,#12161f); }
.node-card.dimmed:not(.pinned):hover .node-head, .node-card.dimmed:not(.pinned):focus-within .node-head,
.node-card.dimmed:not(.pinned):hover .node-body, .node-card.dimmed:not(.pinned):focus-within .node-body,
.node-card.dimmed:not(.pinned):hover .node-foot, .node-card.dimmed:not(.pinned):focus-within .node-foot,
.node-card.dimmed:not(.pinned):hover .node-resize-handle, .node-card.dimmed:not(.pinned):focus-within .node-resize-handle{ opacity:1; }