@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url("./media/poppins-devanagari-600-normal-IGWDMXIY.woff2") format("woff2"),url("./media/poppins-devanagari-600-normal-O4YNA3PS.woff") format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url("./media/poppins-latin-ext-600-normal-HWA5RN4A.woff2") format("woff2"),url("./media/poppins-latin-ext-600-normal-PWTPPCS6.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url("./media/poppins-latin-600-normal-3BUSBBSI.woff2") format("woff2"),url("./media/poppins-latin-600-normal-YBYM6FEI.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url("./media/poppins-devanagari-400-normal-2JE4Z3CD.woff2") format("woff2"),url("./media/poppins-devanagari-400-normal-2ZNG57PP.woff") format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url("./media/poppins-latin-ext-400-normal-2E5DQAXQ.woff2") format("woff2"),url("./media/poppins-latin-ext-400-normal-6PKAXVGU.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url("./media/poppins-latin-400-normal-SFWTNBQB.woff2") format("woff2"),url("./media/poppins-latin-400-normal-ZPTYLX7I.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:300;src:url("./media/material-symbols-outlined-latin-300-normal-6CQAD3NG.woff2") format("woff2"),url("./media/material-symbols-outlined-latin-300-normal-CEHPCFLT.woff") format("woff")}:root{--text-color: #2a3e50;--panel-bg-color: #e8edf2;--text-accent-color: #00adcc;--size-h1: 2rem;--size-h2: 1.5rem;--size-h3: 1.2rem;--gap: 8px;--border-radius: 12px;--description-width: 300px}html,body{height:100%;overflow:hidden;margin:0;box-sizing:border-box}.demo-app{height:100%;display:flex;flex-direction:column}.demo-header{flex:0 0 70px;height:70px}.demo-main{flex:1 1 auto;min-height:0;overflow:auto;padding:0 var(--gap) var(--gap)}.demo-main>*{min-width:0;position:relative}.demo-main__component-panel{flex:1 1 0}body{color:var(--text-color);background-color:var(--panel-bg-color);font-family:poppins,sans-serif}button{color:inherit;font-family:inherit}.demo-main__description-panel,.demo-main__interaction-panel{background-color:#fff;font-weight:400;font-size:.875rem;border-radius:var(--border-radius);padding:var(--border-radius);overflow:auto}:is(.demo-main__description-panel,.demo-main__interaction-panel) h1,:is(.demo-main__description-panel,.demo-main__interaction-panel) h2,:is(.demo-main__description-panel,.demo-main__interaction-panel) h3{margin:1.25em 0 .5em;line-height:130%;hyphens:auto}:is(.demo-main__description-panel,.demo-main__interaction-panel) :first-child,:is(.demo-main__description-panel,.demo-main__interaction-panel) h1{margin-top:0}:is(.demo-main__description-panel,.demo-main__interaction-panel) .subheading{font-size:1rem;color:color-mix(in oklch,var(--text-color) 60%,white);font-weight:700}:is(.demo-main__description-panel,.demo-main__interaction-panel) a{color:var(--text-color)}:is(.demo-main__description-panel,.demo-main__interaction-panel) a:hover{text-decoration-thickness:2px}:is(.demo-main__description-panel,.demo-main__interaction-panel) ul{padding-inline-start:1.5em}:is(.demo-main__description-panel,.demo-main__interaction-panel) li+li{margin-top:.5em}.demo-main__component-panel{border-radius:var(--border-radius);background-color:#fff}.demo-main__description-panel h1{color:var(--text-accent-color);font-size:var(--size-h1);font-weight:600}.demo-main__description-panel h2{font-size:var(--size-h2)}.demo-main__description-panel h3{font-size:var(--size-h3)}.demo-main__interaction-panel h2{color:var(--text-accent-color);font-size:var(--size-h2);font-weight:600}.demo-header{display:flex;align-items:center;gap:12px;padding:0 8px 0 92px;font-weight:400}.demo-header a{text-decoration:none;color:inherit}.demo-header .y-logo{width:12em;height:100%;margin:4px 4px 4px 16px;-webkit-mask:url("./media/ylogo-large-SVVUVSDN.svg") no-repeat center;mask:url("./media/ylogo-large-SVVUVSDN.svg") no-repeat center;background-color:var(--text-color)}.demo-header .breadcrumb-wrapper{font-size:1.125em}.material-symbols-outlined{font-variation-settings:"GRAD" 30;font-family:Material Symbols Outlined,sans-serif;font-weight:270;font-optical-sizing:auto;font-style:normal;font-size:1.5em;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}.component-toolbar{--toolbar-color: #2a3e50;--toolbar-bg: #f2f5f8;--toolbar-hover: #aec3d5;--toolbar-height: 44px;--toolbar-font-size: 14px;--toolbar-padding: 4px;position:absolute;top:15px;left:50%;transform:translate(-50%);height:var(--toolbar-height);box-sizing:border-box;padding:var(--toolbar-padding) 6px;z-index:2;font-size:var(--toolbar-font-size);display:flex;gap:calc(.5 * var(--toolbar-padding));align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;color:var(--toolbar-color);background:var(--toolbar-bg);box-shadow:0 5px 20px #0000001a,0 3px 10px #0000001a,0 1px 5px #00000026;border-radius:999px;-webkit-user-select:none;user-select:none}.component-toolbar button,.component-toolbar .input{display:inline-flex;align-items:center;gap:var(--toolbar-padding);border:none;border-radius:99px;background-color:transparent}:is(.component-toolbar button,.component-toolbar .input),:is(.component-toolbar button,.component-toolbar .input) label,:is(.component-toolbar button,.component-toolbar .input) input[type=checkbox]{cursor:pointer}:is(.component-toolbar button,.component-toolbar .input):hover{background-color:var(--toolbar-hover)}.component-toolbar button,.component-toolbar input,.component-toolbar select{font-family:poppins,sans-serif}:is(.component-toolbar button,.component-toolbar input,.component-toolbar select).material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif}.component-toolbar button{height:100%;aspect-ratio:1}.component-toolbar button.labeled{width:fit-content;height:calc(var(--toolbar-height) - 3 * var(--toolbar-padding));aspect-ratio:unset;background-position:50% 50%}.component-toolbar button.labeled:active{background-color:#0000001f}.component-toolbar .input{height:calc(var(--toolbar-height) - 3 * var(--toolbar-padding));padding-inline:8px}.component-toolbar input[type=text]{width:15ex;border:none;border-bottom:1px solid var(--toolbar-color);border-radius:4px 4px 0 0;outline:0;background-color:unset}.component-toolbar .separator{width:1px;height:1.75rem;margin-inline:calc(.5 * var(--toolbar-padding));background:var(--toolbar-color)}.component-toolbar .search{background-color:#0000;border:1px none #2a3e5080;border-bottom-style:solid;margin:0 5px;cursor:pointer}.component-toolbar .search:focus{outline:none}.demo-main{display:flex;gap:var(--gap);align-items:stretch}.demo-main>div,.demo-main>app-root,.demo-main>properties-view{flex:1 1 0;min-width:0;position:relative}.demo-main .demo-main__description-panel{flex:0 0 320px}.yfiles-tooltip{border:initial;padding:initial}