@property --yfiles-biofabric-demo-edge-color-value{syntax:"<percentage>";inherits:true;initial-value:100%}@property --yfiles-biofabric-demo-background-color-value{syntax:"<percentage>";inherits:true;initial-value:0%}:root{--fade-opacity:1;--yfiles-biofabric-demo-background-color:#29323c;--yfiles-biofabric-demo-edge-color:#dfdee3;--yfiles-biofabric-demo-node-color:#89919c;--yfiles-biofabric-demo-highlight-color:#d9bb7d;--yfiles-biofabric-demo-adjacency-highlight-color:#dfdee3;--yfiles-biofabric-demo-edge-color-value:100%;--yfiles-biofabric-demo-background-color-value:0%;transition:--yfiles-biofabric-demo-edge-color-value .6s,--yfiles-biofabric-demo-background-color-value .6s}:is(.graph-panel,.example-graph-visualization):has(.highlight,.highlight-adjacency){--fade-opacity:.1;--yfiles-biofabric-demo-edge-color:#89919c;--yfiles-biofabric-demo-edge-color-value:10%;--yfiles-biofabric-demo-background-color-value:90%}:root[data-theme=light]{--yfiles-biofabric-demo-background-color:#fff;--yfiles-biofabric-demo-edge-color:#29323c;--yfiles-biofabric-demo-node-color:#bbbfc4;--yfiles-biofabric-demo-highlight-color:#d9bb7d;--yfiles-biofabric-demo-adjacency-highlight-color:#29323c}.example-graph-visualization{border-radius:25px;height:200px;margin:25px 0}#graph-description-container{background-color:#c8dce1;border-radius:8px;margin:0 -8px;padding:16px}#graph-description-container :first-child{margin-block-start:0}#graph-description-container :last-child{margin-block-end:0}#graph-description-container #data-description :is(ul,ol){padding:0 16px}.highlight-description{animation:3s forwards highlight-animation}@keyframes highlight-animation{0%,to{background-color:#c8dce1}20%{background-color:#ff9800}}#graph-components{flex-direction:column;gap:4px;display:flex}#graphComponent-biofabric{border-bottom-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);width:100%;height:60%}#graphComponent-circular{border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);width:100%;height:40%}.yfiles-canvascomponent{background-color:var(--yfiles-biofabric-demo-background-color)}.highlight{fill:var(--yfiles-biofabric-demo-highlight-color);stroke:var(--yfiles-biofabric-demo-highlight-color);opacity:1!important}.highlight-adjacency{stroke-width:0;opacity:1!important}.highlight-adjacency text{stroke-width:0;fill:var(--yfiles-biofabric-demo-background-color)!important}:is(.biofabric-node,.node-link-node,.group-rectangle,.group-circle,.group-text,.group-path){transition:opacity .6s}.biofabric-node{stroke:var(--yfiles-biofabric-demo-node-color);fill:var(--yfiles-biofabric-demo-node-color);stroke-width:1px;opacity:var(--fade-opacity)}.biofabric-node.highlight-adjacency{stroke:var(--yfiles-biofabric-demo-adjacency-highlight-color);fill:var(--yfiles-biofabric-demo-adjacency-highlight-color)}.biofabric-node.highlight{stroke:var(--yfiles-biofabric-demo-highlight-color);fill:var(--yfiles-biofabric-demo-highlight-color)}.node-link-node{stroke:var(--yfiles-biofabric-demo-background-color);stroke-width:4px;fill-opacity:var(--fade-opacity);transition:fill-opacity .6s}.node-link-node[fill=none]{fill:#89919c}.node-link-node.highlight-adjacency{fill:var(--yfiles-biofabric-demo-adjacency-highlight-color);fill-opacity:1!important}.node-link-node.highlight{fill:var(--yfiles-biofabric-demo-highlight-color);fill-opacity:1!important}g:has(>.biofabric-edge:not(.highlight)){opacity:var(--fade-opacity);transition:opacity .5s ease-in-out}.biofabric-edge.highlight circle{fill:var(--yfiles-biofabric-demo-highlight-color)!important}.biofabric-edge.highlight :is(path,line,rect){stroke:var(--yfiles-biofabric-demo-highlight-color)!important}.node-link-edge{stroke:var(--yfiles-biofabric-demo-edge-color);fill:var(--yfiles-biofabric-demo-edge-color);stroke-width:2px;stroke-linecap:round;transition:stroke .6s}.node-link-edge.highlight :is(path,line){stroke:var(--yfiles-biofabric-demo-highlight-color)!important;fill:none!important}.node-edge-label.collapsed{transition:opacity .6s linear;opacity:0!important}.node-edge-label text,.node-edge-label rect{paint-order:stroke;stroke-width:0;opacity:var(--fade-opacity);transition:opacity .6s}.node-edge-label text{fill:var(--yfiles-biofabric-demo-edge-color)}.node-edge-label rect{fill:var(--yfiles-biofabric-demo-background-color)}.node-edge-label.highlight text{fill:var(--yfiles-biofabric-demo-background-color);opacity:1!important}.node-edge-label.highlight rect{fill:var(--yfiles-biofabric-demo-highlight-color);opacity:1!important}.node-edge-label.highlight-adjacency>text{fill:var(--yfiles-biofabric-demo-background-color)!important;opacity:1!important}.node-edge-label.highlight-adjacency>rect{fill:var(--yfiles-biofabric-demo-adjacency-highlight-color)!important;opacity:1!important}.group-rectangle,.group-path,.group-circle{stroke:var(--yfiles-biofabric-demo-edge-color);opacity:var(--fade-opacity)}.group-rectangle{fill:var(--yfiles-biofabric-demo-edge-color);stroke-width:1px}.group-circle{fill:var(--yfiles-biofabric-demo-background-color)}.group-circle.collapsed{fill:var(--yfiles-biofabric-demo-edge-color)}.group-text{fill:var(--yfiles-biofabric-demo-edge-color);paint-order:stroke;opacity:var(--fade-opacity)}.group-padding{fill:var(--yfiles-biofabric-demo-background-color);stroke-width:0}.highlight text.group-text{fill:var(--yfiles-biofabric-demo-highlight-color)!important;opacity:1!important}.highlight .group-path{stroke:var(--yfiles-biofabric-demo-highlight-color)!important;opacity:1!important}.highlight:not(.collapsed) .group-rectangle,.highlight .group-circle{stroke:var(--yfiles-biofabric-demo-highlight-color)!important;fill:var(--yfiles-biofabric-demo-highlight-color)!important;opacity:1!important}select{margin-top:5px;margin-bottom:15px}.demo-properties__settings{margin-bottom:15px}