#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;grid-template-rows:60px 1fr;grid-template-areas:"sidebar-left header" "sidebar-left main"}.demo-sidebar.left{grid-area:sidebar-left}.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}.graph-component-container,.graph-component-container .yfiles-canvascomponent{width:100%;height:100%}/****************************************************************************
 ** @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-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}