#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;align-items:center;box-sizing:border-box;height:70px;font-size:1.125rem;font-weight:400;padding-left:92px;padding-right:8px;color:#2a3e50;gap:12px}.y-logo{margin:4px 4px 4px 16px;height:100%;background-color:#2a3e50;-webkit-mask:url(./ylogo-large-DWSd9DGN.svg) no-repeat center;mask:url(./ylogo-large-DWSd9DGN.svg) no-repeat center;width:12rem}.demo-header a{text-decoration:none;color:inherit}.demo-header .chevron-right{-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%232a3e50'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%232a3e50'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e") no-repeat center;font-weight:270;background-color:#2a3e50;height:100%;width:30px}.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;font-size:.875rem}.demo-sidebar-content{overflow-y:auto;padding:16px}.demo-sidebar-content h1{color:#00adcc;font-size:160%;font-weight:600}.demo-sidebar-content h2{font-size:160%;font-weight:600}.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}