.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#e7edf2;font-family:Tahoma,Verdana,sans-serif;font-size:14px}.demo-page__main{display:flex;flex-direction:row;height:calc(100% - 80px);gap:8px;padding:0 8px 8px 0}.graph-panel{height:100%;max-height:100%;overflow:auto;position:relative;border-radius:16px;z-index:1;flex-grow:1;background:#fff}.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}.overview-container{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;box-shadow:0 5px 20px #0000001a,0 3px 10px #0000001a,0 1px 5px #00000026;border-radius:16px}.graph-overview-component{width:200px;height:200px;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.graph-overview-component .yfiles-canvascomponent{width:200px;height:200px;background-color:#fff;border-radius:0 0 16px 16px}.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:#2d3e4f;background-color:#e7edf2;border-top-left-radius:16px;border-top-right-radius:16px}.demo-page__toolbar{position:absolute;top:16px;z-index:3;left:50%;transform:translate(-50%);gap:3px;font-size:.9rem;color:#2a3e50;display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;background:#f2f5f8;padding:4px 8px;border-radius:999px;-webkit-user-select:none;user-select:none;box-shadow:0 5px 20px #0000001a,0 3px 10px #0000001a,0 1px 5px #00000026}.demo-page__toolbar button{display:inline-flex;align-items:center;justify-content:center;outline:none;border:none;background-color:transparent;height:2.25rem;width:2.25rem;box-sizing:border-box;padding:0;cursor:pointer;border-radius:50%}.demo-page__toolbar .material-symbols-outlined{font-size:1.5rem;font-weight:300;color:#2a3e50}.demo-page__toolbar button.labeled{font-size:.8rem;width:fit-content;height:1.75rem;border:none;border-radius:16px;background-color:#aec3d5;color:inherit;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;background-position:50% 50%}.demo-page__toolbar button.labeled:hover{background-color:#0000000f}.demo-page__toolbar button.labeled:active{background-color:#0000001f}.demo-page__toolbar button:hover{background-color:#dedede}.demo-page__toolbar button:active{background-color:#b2b2b2}.demo-separator{height:20px;width:1px;background:#999;display:inline-block;vertical-align:middle;margin:0 2px}.yfiles-tooltip{border:initial;padding:initial;border-radius:16px}.diagram-tooltip{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;padding:10px 24px;background-color:#fff;border-radius:16px}.diagram-tooltip h4{font-size:1rem;font-weight:600;line-height:2rem;font-family:Roboto,sans-serif;margin:0 0 4px}.diagram-tooltip p{font-size:.9rem;font-weight:400;line-height:1.5rem;letter-spacing:.03125em;font-family:Roboto,sans-serif;color:#000000de;margin:0}.demo-page__description{box-sizing:border-box;background:#fff;line-height:140%;overflow-y:auto;font-family:Tahoma,Verdana,sans-serif;color:#343f4a;border-radius:16px;flex:0 0 320px;font-size:.875rem}.demo-page__description.left{background-color:#e0edf0}.demo-description__content{overflow-y:auto;padding:16px;background:#fff}.demo-description__content h1{color:#00adcc;font-size:160%;font-weight:600}.demo-description__content h2{font-size:160%;font-weight:600}.demo-description__content>:first-child{font-size:170%;margin-top:0}.demo-description__content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.demo-description__content::-webkit-scrollbar-thumb:hover{background-color:#00000026}.demo-description__content::-webkit-scrollbar{width:8px}.demo-description__content::-webkit-scrollbar-track{background-color:#0000000d}.demo-description__content a,.demo-description__content a:visited{text-decoration:none;color:#1871bd}.demo-description__content a:hover{text-decoration:none;color:#18468c}.demo-description__content ul{padding-left:1.3em}.demo-description__content li{margin:.5em 0}html,body{position:relative;margin:0;padding:0;width:100%;height:100%;touch-action:none;overflow:hidden}#app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#e7edf2;font-family:Tahoma,Verdana,sans-serif;font-size:14px}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:100;src:url(./material-symbols-outlined-latin-100-normal-CQWhhWDo.woff2) format("woff2"),url(./material-symbols-outlined-latin-100-normal-CxL8cje9.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:200;src:url(./material-symbols-outlined-latin-200-normal-CWsySIh1.woff2) format("woff2"),url(./material-symbols-outlined-latin-200-normal-Cbxzx5HU.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:300;src:url(./material-symbols-outlined-latin-300-normal-CjFUxQE2.woff2) format("woff2"),url(./material-symbols-outlined-latin-300-normal-C-2PnvkJ.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:400;src:url(./material-symbols-outlined-latin-400-normal-CQvDdYF2.woff2) format("woff2"),url(./material-symbols-outlined-latin-400-normal-Cpu9YdON.woff) format("woff")}