#root{position:absolute;inset:0;font-family:Tahoma,Verdana,sans-serif;font-size:14px;color:#1c2a35;background:radial-gradient(circle at top left,#fff -10%,#d7e1ea 7%,#f2f5f8)}.app{width:100%;height:100%;display:grid;grid-template-columns:1fr 320px;grid-template-rows:60px 1fr;grid-template-areas:"header header" "main sidebar-right";padding:0 8px 8px;box-sizing:border-box;gap:8px}.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;font-size:1.1rem;z-index:16}.demo-y-logo{height:100%;width:12rem;display:inline-block;padding:5px;box-sizing:border-box;border-color:transparent}.demo-header a{display:inline-block;height:60px;text-decoration:none;color:#1c2a35;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;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:#fff;line-height:140%;overflow-y:auto;font-family:Tahoma,Verdana,sans-serif;color:#1c2a35;border-radius:16px}.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%;background-color:#fff;border-radius:16px}.demo-sidebar-content .demo-header{display:block;flex:1;width:100%;padding-left:.2em;font-size:1.1rem;height:60px;line-height:60px;margin:0;box-sizing:border-box}.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}