@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:300;src:url(./material-symbols-outlined-latin-300-normal-CWqEDh7P.woff2)format("woff2"),url(./material-symbols-outlined-latin-300-normal-UcP-3lp0.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(./poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(./poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(./poppins-latin-600-normal-BJdTmd5m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-devanagari-400-normal-CJDn6rn8.woff2)format("woff2"),url(./poppins-devanagari-400-normal-CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-ext-400-normal-by3JarPu.woff2)format("woff2"),url(./poppins-latin-ext-400-normal-DaBSavcJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(./poppins-latin-400-normal-BOb3E3N0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:300;src:url(./material-symbols-outlined-latin-300-normal-CWqEDh7P.woff2)format("woff2"),url(./material-symbols-outlined-latin-300-normal-UcP-3lp0.woff)format("woff")}#root{--gap:8px;--border-radius:12px;--text-color:#2a3e50;--background-color:#e8edf2;--text-accent-color:#00adcc;box-sizing:border-box;height:100%;margin:0;overflow:hidden}.app{width:100%;height:100%;color:var(--text-color);background-color:var(--background-color);flex-direction:column;display:flex;overflow:hidden}html,body{box-sizing:border-box;height:100%;margin:0;font-family:poppins,sans-serif;overflow:hidden}.demo-header{flex:0 0 70px;height:70px}.demo-main{min-height:0;padding:0 var(--gap) var(--gap);flex:auto;overflow:auto}.demo-main{gap:var(--gap);align-items:stretch;display:flex}.demo-main>div{flex:1 1 0;min-width:0;position:relative}.demo-main .demo-main__interaction-panel{max-width:500px}.demo-main .demo-main__description-panel{flex:0 0 320px}body{color:var(--text-color);background-color:var(--background-color);font-family:poppins,sans-serif}.y-logo{background-color:#2a3e50;width:12rem;height:100%;margin:4px 4px 4px 16px;-webkit-mask:url(./ylogo-large-DWSd9DGN.svg) 50% no-repeat;mask:url(./ylogo-large-DWSd9DGN.svg) 50% no-repeat}.demo-main__description-panel,.demo-main__interaction-panel{border-radius:var(--border-radius);padding:var(--border-radius);background-color:#fff;font-family:poppins,sans-serif;font-size:.875rem;font-weight:400;overflow:auto}:is(.demo-main__description-panel,.demo-main__interaction-panel) :first-child{margin-top:0}:is(.demo-main__description-panel,.demo-main__interaction-panel) a{color:var(--text-color)}:is(.demo-main__description-panel,.demo-main__interaction-panel) a:hover{text-decoration-thickness:2px}.demo-main__component-panel{border-radius:var(--border-radius);background-color:#fff}.demo-main__description-panel h1{color:var(--text-accent-color);font-size:160%;font-weight:600}.demo-main__description-panel h2{font-size:140%}.demo-main__description-panel h3{font-size:120%}.demo-main__interaction-panel h2{color:var(--text-accent-color);font-size:160%;font-weight:600}.demo-header{color:#2a3e50;align-items:center;gap:12px;padding:0 8px 0 92px;font-size:1.125rem;font-weight:400;display:flex}.demo-header a{color:inherit;text-decoration:none}.demo-header .y-logo{background-color:#2a3e50;width:12rem;height:100%;margin:4px 4px 4px 16px;-webkit-mask:url(./ylogo-large-DWSd9DGN.svg) 50% no-repeat;mask:url(./ylogo-large-DWSd9DGN.svg) 50% no-repeat}.material-symbols-outlined{font-variation-settings:"GRAD" 30;font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}.demo-description__content .demo-header{color:#343f4a;box-sizing:border-box;background-color:#bdd8e0;flex:1;width:100%;height:60px;margin:0;padding-left:.2em;font-size:1.1rem;line-height:60px;display:block}.demo-left-logo{width:120px;height:60px;margin-left:16px;display:block}.demo-description__content a,.demo-description__content a:visited{color:#1871bd;text-decoration:none}.demo-description__content a:hover{color:#18468c;text-decoration:none}.demo-description__content ul{padding-left:1.3em}.demo-description__content li{margin:.5em 0}.controls{text-align:center;justify-content:center;align-items:center;display:flex}.control-button{cursor:pointer;border:none;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;width:150px;height:80px;margin-right:5px;padding:10px;font-family:poppins,sans-serif;display:flex}.control-button:hover{background-color:#dedede}.control-button>.material-symbols-outlined{margin-bottom:5px;font-size:20px}.item-element{animation:1s ease-out item-element-animation}@keyframes item-element-animation{0%{background-color:#00d7ff}to{background-color:#0000}}.graph-component-container,.graph-component-container .yfiles-canvascomponent{background-color:#fff;border-radius:20px;flex:1;min-width:0;position:relative}.yfiles-tooltip{border:initial;padding:initial}.tooltip{background-color:#fff;border-radius:4px;padding:10px 24px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.tooltip h4{margin:0 0 4px;font-size:1.25rem;font-weight:500;line-height:2rem}.tooltip p{letter-spacing:.03125em;color:#000000de;margin:0;font-size:1rem;font-weight:400;line-height:1.5rem}.context-menu{position:fixed;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.context-menu button{cursor:pointer;border:none;outline:none;padding:8px;font-weight:500}.context-menu button:hover{box-shadow:inset 0 0 100px 100px #0000001a}.overview-container{border-radius:16px;flex-direction:column;display:flex;box-shadow:0 5px 20px #0000001a,0 3px 10px #0000001a,0 1px 5px #00000026}.graph-overview-component{background-color:#fff;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:240px;height:200px}.graph-overview-component .yfiles-canvascomponent{background-color:#fff;border-radius:0 0 16px 16px;width:240px;height:200px}.overview-title{background-color:#e7edf2;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:center;font-size:1.1rem;font-weight:500;line-height:2rem;display:flex}.component-toolbar{white-space:nowrap;color:#000;z-index:2;-webkit-user-select:none;user-select:none;background:#f2f5f8;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:2px;padding:4px 6px;font-family:poppins,sans-serif;font-size:.9rem;display:inline-flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0000001a,0 3px 10px #0000001a,0 1px 5px #00000026}.component-toolbar button{color:#000;background-color:#0000;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:2.25rem;height:2.25rem;display:inline-flex}.component-toolbar button:hover{color:#000;cursor:pointer;background-color:#aec3d5}.component-toolbar .separator{background:#000;width:1px;height:1.75rem;margin-inline:4px;display:inline-block}.component-toolbar label{cursor:pointer;align-items:center;display:inline-flex}.component-toolbar .search{cursor:pointer;background-color:#0000;border:1px #2a3e5080;border-bottom-style:solid;margin:0 5px}.component-toolbar .search:focus{outline:none}