@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(./poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,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(./poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(./poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(./poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(./poppins-latin-600-normal-BJdTmd5m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(./poppins-devanagari-400-normal-CJDn6rn8.woff2)format("woff2"),url(./poppins-devanagari-400-normal-CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,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(./poppins-latin-ext-400-normal-by3JarPu.woff2)format("woff2"),url(./poppins-latin-ext-400-normal-DaBSavcJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(./poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(./poppins-latin-400-normal-BOb3E3N0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(./material-symbols-outlined-latin-300-normal-CWqEDh7P.woff2)format("woff2"),url(./material-symbols-outlined-latin-300-normal-UcP-3lp0.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{box-sizing:border-box;height:100%;margin:0;overflow:hidden}.demo-app{flex-direction:column;height:100%;display:flex}.demo-header{flex:0 0 70px;height:70px}.demo-main{min-height:0;padding:0 var(--gap) var(--gap);flex:auto;overflow:auto}.demo-main{gap:var(--gap);align-items:stretch;display:flex}.demo-main>*{min-width:0;position:relative}.demo-main__component-panel{flex:1 1 0}.demo-main__description-panel,.demo-main__interaction-panel{flex:0 0 var(--description-width)}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{border-radius:var(--border-radius);padding:var(--border-radius);background-color:#fff;font-size:.875rem;font-weight:400;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{-webkit-hyphens:auto;hyphens:auto;margin:1.25em 0 .5em;line-height:130%}: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{color:color-mix(in oklch, var(--text-color) 60%, white);font-size:1rem;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{align-items:center;gap:12px;padding:0 8px 0 92px;font-weight:400;display:flex}.demo-header a{color:inherit;text-decoration:none}.demo-header .y-logo{background-color:var(--text-color);width:12em;height:100%;margin:4px 4px 4px 16px;-webkit-mask:url(./ylogo-large-Bw46093E.svg) 50% no-repeat;mask:url(./ylogo-large-Bw46093E.svg) 50% no-repeat}.demo-header .breadcrumb-wrapper{font-size:1.125em}.material-symbols-outlined{font-variation-settings:"GRAD" 30;font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5em;font-style:normal;font-weight:270;line-height:1;display:inline-block}.component-toolbar{--toolbar-color:#2a3e50;--toolbar-bg:#f2f5f8;--toolbar-hover:#aec3d5;--toolbar-height:44px;--toolbar-font-size:14px;--toolbar-padding:4px;height:var(--toolbar-height);box-sizing:border-box;padding:var(--toolbar-padding) 6px;z-index:2;font-size:var(--toolbar-font-size);gap:calc(.5 * var(--toolbar-padding));white-space:nowrap;color:var(--toolbar-color);background:var(--toolbar-bg);-webkit-user-select:none;user-select:none;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0000001a,0 3px 10px #0000001a,0 1px 5px #00000026}.component-toolbar button,.component-toolbar .input{align-items:center;gap:var(--toolbar-padding);background-color:#0000;border:none;border-radius:99px;display:inline-flex}: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{aspect-ratio:1;height:100%}.component-toolbar button.labeled{width:fit-content;height:calc(var(--toolbar-height) - 3 * var(--toolbar-padding));aspect-ratio:unset;background-position: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]{border:none;border-bottom:1px solid var(--toolbar-color);background-color:unset;border-radius:4px 4px 0 0;outline:0;width:15ex}.component-toolbar .separator{width:1px;height:1.75rem;margin-inline:calc(.5 * var(--toolbar-padding));background:var(--toolbar-color)}:root[data-theme=light] .editor-panel{--switch-bg-color:#0004;--switch-bg-color-hover:#aec3d5}:root[data-theme=dark] .editor-panel{--switch-bg-color:#fff4;--switch-bg-color-hover:#aec3d5}.editor-panel{--editor-bg-color:#fff;--apply-color-accent:#00adcc;--apply-color-hover:#fff;--slider-bg-color:#fff;--editor-font-size:13px;--editor-border:1px solid #ddd;--error-text-color:#fff;--error-bg-color:#f44336;box-sizing:border-box;flex-direction:column;display:flex}.editor-panel .heading-row{justify-content:space-between;align-items:center;gap:12px;margin:2ex 0 1ex;display:flex}.editor-panel .heading-row:first-child{margin-block-start:0}.editor-panel .heading-row h2{margin:0}.editor-panel .editorText{font-family:Consolas,Courier New,Courier,mono,serif;font-size:var(--editor-font-size)}.editor-panel #templateEditorContainer{flex:0 70%;min-height:0}.editor-panel #tagEditorContainer{flex:0 1 fit-content;min-height:0}.editor-panel .cm-editor{background-color:var(--editor-bg-color);border:var(--editor-border);height:100%!important}.editor-panel .error{color:var(--error-text-color);vertical-align:baseline;text-align:center;height:0;transition:height .3s ease, display .3s ease allow-discrete;margin-left:1rex;font-size:1rem;font-weight:700;display:none}.editor-panel .error.open-error{background-color:var(--error-bg-color);height:1.5rem;padding:2px 4px;display:flex}@starting-style{.editor-panel .error.open-error{height:0}}.editor-panel #template-text-area-error{bottom:250px}.editor-panel #tag-text-area-error{bottom:15px}.editor-panel .apply-button{color:var(--apply-color-accent);border:1px solid var(--apply-color-accent);cursor:pointer;background-color:#0000;border-radius:99px;margin:1ex 0;padding:4px 8px}.editor-panel .apply-button:hover{color:var(--apply-color-hover);background-color:var(--apply-color-accent)}.editor-panel .apply-button:disabled{color:var(--apply-color-hover);background-color:#a0a0a0;border-color:#a0a0a0}.labeled-switch{justify-content:space-between;align-items:center;gap:6px;display:flex}.switch{aspect-ratio:2;box-sizing:border-box;background-color:var(--switch-bg-color);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:99px;height:1.25em;padding:3px;transition:all .4s;display:block;position:relative;container-type:size}.switch input{width:0;height:0;position:absolute}.switch:before{aspect-ratio:1;content:"";background-color:var(--slider-bg-color);border-radius:99px;height:100%;transition:all .4s;display:block}.switch:hover{background-color:var(--switch-bg-color-hover)}.switch:has(input:checked):before{transform:translate(calc(100cqw - 100%))}.demo-main__interaction-panel{flex:1 1 0}#graphComponent{width:100%;height:100%}
