:root{--orange:#ff6c00;--orange-60:#f89743;--orange-20:#fcdabe;--orange-dark:#510518;--blue:#242265;--blue-60:#666495;--blue-20:#c8c8d9;--blue-dark:#0c0c23;--cyan:#4ad8ff;--cyan-60:#85ebff;--cyan-20:#e8fcff;--cyan-dark:#1c4355;--green:#c5fb00;--green-60:#dffd79;--green-20:#faffe8;--green-dark:#27401b;--purple:#b786ff;--purple-60:#d8bcff;--purple-20:#f8f3ff;--purple-dark:#413148;--neutral-gray:#4e4e4e}#color-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0;display:grid}.color-cube{border-radius:4px;width:40px;height:40px;box-shadow:0 2px 4px #0003}.yfiles-overview-viewport-template{fill:var(--purple-60);stroke:var(--purple);stroke-width:2px}#overview-component .yfiles-handle{color:var(--purple)}.yfiles-handle-template.yfiles-handle-resize-template{fill:currentColor;stroke:currentColor}.yfiles-handle{color:var(--cyan-60)}.yfiles-handle.yfiles-handle-top.yfiles-handle-right,.yfiles-handle.yfiles-handle-top.yfiles-handle-left,.yfiles-handle.yfiles-handle-bottom.yfiles-handle-right,.yfiles-handle.yfiles-handle-bottom.yfiles-handle-left{color:var(--purple)}.yfiles-handle-move-template{fill:var(--orange)}.yfiles-marquee-rect-template{fill:var(--cyan-20);stroke:var(--cyan-60);stroke-width:2px}.yfiles-selection-template.yfiles-node-selection-template,.yfiles-selection-template.yfiles-edge-selection-template,.yfiles-selection-template.yfiles-label-selection-template,.yfiles-selection-template.yfiles-port-selection-template{stroke:var(--cyan-60);stroke-width:4px;stroke-linejoin:round}.yfiles-focus-template.yfiles-node-focus-template,.yfiles-focus-template.yfiles-edge-focus-template,.yfiles-focus-template.yfiles-label-focus-template,.yfiles-focus-template.yfiles-port-focus-template{stroke:var(--purple);stroke-width:2px;stroke-linejoin:round}.yfiles-highlight-template.yfiles-edge-highlight-template,.yfiles-highlight-template.yfiles-node-highlight-template,.yfiles-highlight-template.yfiles-label-highlight-template,.yfiles-highlight-template.yfiles-port-highlight-template{stroke:var(--cyan);stroke-linejoin:round}.yfiles-label-position-highlight-template,.yfiles-label-position-candidate-template{stroke:var(--orange-60)}.yfiles-port-candidate-template.yfiles-valid{fill:var(--green)}.yfiles-snap-reference{stroke:var(--purple-60);stroke-width:2px}.yfiles-canvascomponent{--yfiles-scrollbar-vertical-size:10px;--yfiles-scrollbar-horizontal-size:10px}.yfiles-scrollbar .yfiles-scrollbar-vertical .yfiles-scrollbar-slider{width:8px}.yfiles-scrollbar .yfiles-scrollbar-horizontal .yfiles-scrollbar-slider{height:8px}.yfiles-scrollbar .yfiles-scrollbar-slider{background-color:var(--blue)}.yfiles-scrollbar .yfiles-button{background-size:contain;flex-basis:10px}.yfiles-scrollbar .yfiles-button.yfiles-button-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMCI+PHBhdGggZD0iTTUgNSBMMTAgMSBMMTAgOSBaIi8+PC9zdmc+DQo=)}.yfiles-scrollbar .yfiles-button.yfiles-button-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMCI+PHBhdGggZD0iTTUgMSBMMTAgNSBMNSA5IFoiLz48L3N2Zz4NCg==)}.yfiles-scrollbar .yfiles-button.yfiles-button-down{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSI+PHBhdGggZD0iTTEgNSBMOSA1IEw1IDEwIFoiLz48L3N2Zz4NCg==)}.yfiles-scrollbar .yfiles-button.yfiles-button-up{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSI+PHBhdGggZD0iTTEgMTAgTDUgNSBMOSAxMCBaIi8+PC9zdmc+DQo=)}.yfiles-tooltip{background-color:var(--orange-20);color:var(--orange-dark);border-color:var(--orange-dark);border-width:2px;border-radius:5px;padding:5px;font-weight:700}.yfiles-popover__container[popover]{transition:transform .2s ease, display .2s allow-discrete;transform:scale(0)}.yfiles-popover__container[popover]:popover-open{transform:scale(1)}@starting-style{.yfiles-popover__container[popover]:popover-open{transform:scale(0)}}@keyframes fade-animation{0%{opacity:0}to{opacity:1}}.yfiles-labeleditbox-container{background-color:var(--purple-20);border-color:var(--purple-dark);border-radius:5px;padding:3px 5px}.yfiles-labeleditbox{color:var(--purple-dark);font-family:sans-serif;font-size:12pt}.yfiles-labeleditbox::selection{background:var(--cyan);color:var(--purple-dark)}.yfiles-labeleditbox-container-entering{animation:.3s ease-in fade-animation}.yfiles-labeleditbox-container-leaving{animation:.3s ease-out reverse fade-animation}.node-style{transition:opacity 1s ease-in}.node-style.hidden{opacity:0}