#root{position:absolute;top:0;left:0;right:0;bottom:0;font-family:Tahoma,Verdana,sans-serif;font-size:14px;color:#343f4a}.app{width:100%;height:100%;display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:60px 40px 1fr;grid-template-areas:"sidebar-left header header" "sidebar-left toolbar toolbar" "sidebar-left main sidebar-right"}.demo-sidebar.left{grid-area:sidebar-left}.demo-sidebar.right{grid-area:sidebar-right}.demo-header{grid-area:header}.toolbar{grid-area:toolbar}.main{grid-area:main;position:relative}.demo-header{display:flex;height:60px;background:transparent linear-gradient(90deg,#29323c,#38434f) 0 0 no-repeat padding-box;color:#fff;font-size:1.1rem;z-index:16;transition:padding-left .5s cubic-bezier(.23,1,.32,1) 0s}.demo-y-logo{width:60px;height:60px;display:inline-block;padding:5px;box-sizing:border-box;border-color:transparent}.demo-header a{display:inline-block;height:60px;text-decoration:none;color:#fff;line-height:60px;padding:0 5px;vertical-align:top;cursor:pointer}.demo-title{display:inline-block;padding:0 5px 0 30px!important;height:60px;line-height:60px;color:#fff;cursor:default;letter-spacing:1px;background:url("data:image/svg+xml,%3csvg%20id='header-angle'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20x='0px'%20y='0px'%20width='100px'%20height='100px'%20viewBox='0%200%20100%20100'%3e%3cpath%20fill='none'%20stroke='%2300d8ff'%20stroke-width='10'%20d='M%2020%2020%20L%2050%2050%20L%2020%2080'%3e%3c/path%3e%3c/svg%3e") no-repeat 5px 50%;background-size:20px 20px;vertical-align:top}.demo-sidebar{width:100%;box-sizing:border-box;background:#e0edf0;line-height:140%;overflow-y:auto;font-family:Tahoma,Verdana,sans-serif;color:#343f4a}.demo-sidebar.left{background-color:#e0edf0}.demo-sidebar-content{overflow-y:auto;padding:16px}.demo-sidebar-content h1,.demo-sidebar-content h2{font-size:140%;line-height:130%;margin:1.5ex 0 1ex}.demo-sidebar-content>:first-child{font-size:170%;margin-top:0}.demo-sidebar-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.demo-sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#00000026}.demo-sidebar-content::-webkit-scrollbar{width:8px}.demo-sidebar-content::-webkit-scrollbar-track{background-color:#0000000d}.demo-sidebar-header{display:block;width:100%;background-color:#bdd8e0}.demo-sidebar-content .demo-header{display:block;flex:1;width:100%;background-color:#bdd8e0;color:#343f4a;padding-left:.2em;font-size:1.1rem;height:60px;line-height:60px;margin:0;box-sizing:border-box}.demo-left-logo{display:block;height:60px;width:120px;margin-left:16px}.demo-sidebar-content a,.demo-sidebar-content a:visited{text-decoration:none;color:#1871bd}.demo-sidebar-content a:hover{text-decoration:none;color:#18468c}.demo-sidebar-content ul{padding-left:1.3em}.demo-sidebar-content li{margin:.5em 0}.controls{text-align:center;display:flex;align-items:center;justify-content:center}.control-button{width:150px;height:80px;margin:5px;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.control-button>img{margin-bottom:5px}.item-element{animation:item-element-animation 1s ease-out}@keyframes item-element-animation{0%{background-color:#00d7ff}to{background-color:transparent}}.toolbar{border-left:1px solid #d5d7d8;border-bottom:1px solid #d5d7d8;height:40px;line-height:40px;padding:0 5px;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#f7f7f7}.graph-component-container,.graph-component-container .yfiles-canvascomponent{width:100%;height:100%}.yfiles-tooltip{border:initial;padding:initial}.tooltip{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;padding:10px 24px;background-color:#fff;border-radius:4px}.tooltip h4{font-size:1.25rem;font-weight:500;line-height:2rem;font-family:Roboto,sans-serif;margin:0 0 4px}.tooltip p{font-size:1rem;font-weight:400;line-height:1.5rem;letter-spacing:.03125em;font-family:Roboto,sans-serif;color:#000000de;margin:0}.context-menu{position:fixed;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.context-menu button{padding:8px;font-weight:500;font-family:Roboto,sans-serif;cursor:pointer;outline:none;border:none}.context-menu button:hover{box-shadow:0 0 100px 100px #0000001a inset}.overview-container{display:flex;flex-direction:column;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.graph-overview-component{width:200px;height:200px;background-color:#fff;border-radius:0 0 4px 4px}.graph-overview-component .yfiles-canvascomponent{width:100%;height:100%}.overview-title{display:flex;justify-content:center;font-size:1.25rem;font-weight:500;line-height:2rem;letter-spacing:.0125em;font-family:Roboto,sans-serif;color:#fff;background-color:#29323c}/****************************************************************************
 ** @license
 ** This demo file is part of yFiles for HTML 3.0.0.3.
 ** Copyright (c) 2000-2025 by yWorks GmbH, Vor dem Kreuzberg 28,
 ** 72070 Tuebingen, Germany. All rights reserved.
 **
 ** yFiles demo files exhibit yFiles for HTML functionalities. Any redistribution
 ** of demo files in source code or binary form, with or without
 ** modification, is not permitted.
 **
 ** Owners of a valid software license for a yFiles for HTML version that this
 ** demo is shipped with are allowed to use the demo source code as basis
 ** for their own yFiles for HTML powered applications. Use of such programs is
 ** governed by the rights and conditions as set out in the yFiles for HTML
 ** license agreement.
 **
 ** THIS SOFTWARE IS PROVIDED ''AS IS'' AND ANY EXPRESS OR IMPLIED
 ** WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 ** MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN
 ** NO EVENT SHALL yWorks BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 ** TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 ** PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 ** LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 ** NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 ** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 **
 ***************************************************************************/.demo-toolbar{display:flex;height:100%;align-items:center;gap:4px}.demo-toolbar button{line-height:normal;height:24px}.demo-toolbar button,.demo-toolbar>label{display:inline-block;outline:none;border:none;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;height:24px;width:24px;line-height:24px;box-sizing:border-box;padding:0;cursor:pointer}.demo-toolbar button:hover,.demo-toolbar>label:hover{background-color:#dedede}.demo-toggle-button{display:none!important}.demo-toggle-button:checked+label{background-color:#dedede}.demo-toggle-button:checked:hover+label{background-color:#b2b2b2}.demo-toggle-button:disabled+label{opacity:.5;cursor:default;background-color:transparent}.demo-toggle-button.labeled+label{background-position-x:left;width:inherit;padding:0 2px;line-height:24px}.demo-toolbar button:active,.demo-toolbar>label:active,.demo-toolbar .demo-toggle-button:checked:active+label{background-color:#b2b2b2}.demo-toolbar button:disabled,.demo-toolbar>.demo-toggle-button:disabled+label{opacity:.5;cursor:default;background-color:transparent}.demo-separator{height:20px;width:1px;background:#999;display:inline-block;vertical-align:middle;margin:0 2px}.demo-icon-yIconReload{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20enable-background='new%200%200%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23666666'%20d='M15.043,0.703l-0.01,5.735L9.418,6.458L15.043,0.703z'/%3e%3cpath%20fill='%23666666'%20d='M12.663,10.006c-0.78,1.805-2.576,3.072-4.663,3.072C5.2,13.078,2.921,10.8,2.921,8S5.2,2.922,8,2.922%20c2.09,0,3.887,1.27,4.666,3.078h2.21C14.01,3.018,11.261,0.836,8,0.836C4.043,0.836,0.835,4.044,0.835,8S4.043,15.164,8,15.164%20c2.943,0,5.455-1.785,6.557-4.324L12.663,10.006z'/%3e%3c/g%3e%3c/svg%3e")}.demo-icon-yIconZoomOriginal{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0.5%2016.5%2016%2016'%20enable-background='new%200.5%2016.5%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23666666'%20d='m%206.272,27.932%20-4.212,0%200,-1.033%201.562,0%200,-4.598%20-1.288,0%200,-0.793%20c%200.353,-0.066%200.655,-0.145%200.908,-0.236%200.253,-0.091%200.489,-0.203%200.709,-0.336%20l%200.946,0%200,5.963%201.375,0%20z%20m%202.717,-0.11%20C%208.835,27.982%208.64,28.064%208.406,28.064%208.172,28.064%207.975,27.982%207.818,27.822%207.66,27.66%207.581,27.455%207.581,27.207%20c%200,-0.25%200.079,-0.455%200.237,-0.617%200.157,-0.16%200.354,-0.242%200.588,-0.242%200.234,0%200.429,0.082%200.583,0.242%200.154,0.162%200.231,0.367%200.231,0.617%2010e-4,0.248%20-0.076,0.453%20-0.231,0.615%20z%20m%200,-3.761%20c%20-0.154,0.16%20-0.349,0.242%20-0.583,0.242%20-0.234,0%20-0.431,-0.082%20-0.588,-0.242%20-0.158,-0.162%20-0.237,-0.367%20-0.237,-0.617%200,-0.248%200.079,-0.453%200.237,-0.615%200.157,-0.162%200.354,-0.242%200.588,-0.242%200.234,0%200.429,0.08%200.583,0.242%200.154,0.162%200.231,0.367%200.231,0.615%2010e-4,0.249%20-0.076,0.454%20-0.231,0.617%20z%20m%201.739,3.871%200,-1.033%201.562,0%200,-4.598%20-1.287,0%200,-0.793%20c%200.353,-0.066%200.654,-0.145%200.907,-0.236%200.253,-0.091%200.49,-0.203%200.71,-0.336%20l%200.946,0%200,5.963%201.375,0%200,1.033%20z'/%3e%3c/g%3e%3c/svg%3e")}.demo-icon-yIconZoomIn{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0.5%2016.5%2016%2016'%20enable-background='new%200.5%2016.5%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23666666'%20d='M10.5,16.5c-3.313,0-6,2.687-6,6c0,1.043,0.267,2.023,0.735,2.878L0.5,30.113L2.887,32.5%20l4.735-4.735C8.477,28.232,9.457,28.5,10.5,28.5c3.313,0,6-2.687,6-6S13.813,16.5,10.5,16.5z%20M14.5,23.5h-3v3h-2v-3h-3v-2h3v-3h2%20v3h3V23.5z'/%3e%3c/g%3e%3c/svg%3e")}.demo-icon-yIconZoomOut{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0.5%2016.5%2016%2016'%20enable-background='new%200.5%2016.5%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23666666'%20d='M10.5,16.5c-3.313,0-6,2.687-6,6c0,1.043,0.267,2.023,0.735,2.878L0.5,30.113L2.887,32.5%20l4.735-4.735C8.477,28.232,9.457,28.5,10.5,28.5c3.313,0,6-2.687,6-6S13.813,16.5,10.5,16.5z%20M14.5,23.5h-8v-2h8V23.5z'/%3e%3c/g%3e%3c/svg%3e")}.demo-icon-yIconZoomFit{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0.5%2016.5%2016%2016'%20enable-background='new%200.5%2016.5%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpolygon%20fill='%23666666'%20points='1.5,17.5%201.5,22.5%206.5,17.5'/%3e%3cpolygon%20fill='%23666666'%20points='15.5,17.5%2010.5,17.5%2015.5,22.5%20'/%3e%3cpolygon%20fill='%23666666'%20points='15.5,31.5%2015.5,26.5%2010.5,31.5%20'/%3e%3cpolygon%20fill='%23666666'%20points='1.5,31.5%201.5,26.5%206.5,31.5%20'/%3e%3c/g%3e%3c/svg%3e")}.demo-icon-yIconExportImage{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20enable-background='new%200%200%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpath%20fill='%23666666'%20d='M1,1v14h14V1H1z%20M14,14H2V2h12V14z'/%3e%3cpolygon%20fill='%23666666'%20points='3,13%2013,13%2013,7%209,11%206,9%20'/%3e%3ccircle%20cx='5'%20cy='5'%20r='2'%20fill='%23666666'/%3e%3c/g%3e%3c/svg%3e")}.search{margin-left:auto;line-height:20px;padding:4px 8px;font-size:14px;letter-spacing:normal;width:295px}.search:focus{outline:none}