@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/yfiles-layout-reactflow/_astro/montserrat-400.1ByWinym.woff2) format("woff2"),url(/yfiles-layout-reactflow/_astro/montserrat-400.BWbstWsK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/yfiles-layout-reactflow/_astro/montserrat-500.5i9R79lc.woff2) format("woff2"),url(/yfiles-layout-reactflow/_astro/montserrat-500.BRKsFoaI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/yfiles-layout-reactflow/_astro/montserrat-700.DAOJSMs-.woff2) format("woff2"),url(/yfiles-layout-reactflow/_astro/montserrat-700.nuhLC0EG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;src:url(/yfiles-layout-reactflow/_astro/Roboto-Regular.CjbfJjO0.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/yfiles-layout-reactflow/_astro/Roboto-Italic.0KLjOP-5.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/yfiles-layout-reactflow/_astro/Roboto-Bold.OBUL28o9.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto BoldItalic"),local("Roboto-BoldItalic"),url(/yfiles-layout-reactflow/_astro/Roboto-BoldItalic.Bbs8lVH2.woff2) format("woff2");font-weight:700;font-style:italic}.content{color:#475569}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:1.77rem;color:#475569;scroll-margin:100px}.content .table-container div{scroll-margin:100px}.content h1{font-size:22pt;font-weight:400}.content h2{font-size:17pt;font-weight:500}.content h3{font-size:15pt;font-weight:600}.content h4{font-size:13pt}.content p{margin-top:.77rem}.content a{color:#2563eb}.content ul{list-style:disc;margin-block-end:16px;margin-block-start:16px;padding-inline-start:40px}.content ol{list-style:decimal;margin-block-end:16px;margin-block-start:16px;padding-inline-start:40px}.content ul,.content ol{color:#475569}.content table pre{white-space:pre-line;word-wrap:break-word}.content pre.astro-code{margin:1.5rem 0}.content pre.astro-code::-webkit-scrollbar{height:6px}.content pre.astro-code:hover{overflow-x:scroll}.content pre.astro-code::-webkit-scrollbar-thumb{background-color:#bdbcbc;border-radius:20px}.content pre.astro-code::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.content code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.content .component-preview{padding:4rem;display:flex;gap:1rem;justify-content:center;align-items:center;background-image:url(/yfiles-layout-reactflow/grid_dot.svg);background-repeat:repeat;background-size:1.5rem;border-radius:.33rem;border:1px solid #e2e8f0;margin:.5rem;resize:both}.content .astro-code{padding:1rem;border-radius:.44rem;position:relative}.content table{margin-top:20px;border-collapse:collapse}.content table th{text-align:left;padding-bottom:10px}.content table td{padding:10px 20px 10px 10px;vertical-align:top}.content table tr{border-bottom:1px solid #e5eaf2}.content details{margin:1.5rem 0;padding:1rem;border-radius:.44rem;background-color:#dadada}.content .copy-clipboard-btn{background-image:url(../copy-16.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:32px;height:32px;padding:5px;background-origin:content-box;border:2px solid #666666;border-radius:.44rem;position:absolute;top:10px;right:10px}.content .copy-clipboard-btn:hover{border-color:#777}.content .snackbar{display:none;visibility:hidden;min-width:250px;margin-left:-125px;background-color:#24292e;text-align:center;border-radius:.44rem;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}.content .snackbar.visible{display:block;visibility:visible;animation:snackbar-fadein .5s,snackbar-fadeout .5s 2.5s}@keyframes snackbar-fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes snackbar-fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.table-container{width:100%;overflow-x:auto}.table-container::-webkit-scrollbar{height:6px}.table-container:hover{overflow-x:scroll}.table-container::-webkit-scrollbar-thumb{background-color:#bdbcbc;border-radius:20px}.table-container::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.grid-content{grid-template-columns:repeat(12,minmax(0,1fr))}.small-content-grid{grid-column:span 6/span 6}.large-content-grid{grid-column:span 9/span 9}tr:has(:target){background-color:#a9a9a9}y-play-yfiles-layout-reactflow{margin-bottom:3em}.yfiles-react-tooltip,.tooltip{color:#242424;background-color:#fff;font-family:Roboto,sans-serif;padding:10px 15px;border-radius:10px;border:1px solid steelblue}.yfiles-tooltip{z-index:1070;padding:0;border:none;background-color:transparent}.component-logo{background-size:contain;background-repeat:no-repeat;flex:1}.component-logo--yfiles-layout-reactflow{background-image:url(../yFiles-layout-for-react-flow-one-line.svg)}.yworks-logo{align-self:stretch;flex:0 0 25vw;display:flex;justify-content:flex-start}.yworks-logo>img{height:38px;width:auto}@media (max-width: 1100px){.yworks-logo{flex:0 0 33vw}.grid-content{grid-template-columns:repeat(9,minmax(0,1fr))}.large-content-grid{grid-column:span 6/span 6}}@media (max-width: 768px){.grid-content{grid-template-columns:repeat(1,minmax(0,1fr))}.title-navigation{margin-left:40px!important}.yworks-logo{display:none}.component-logo--yfiles-layout-reactflow{background-image:url(../yFiles-layout-for-react-flow-two-line.svg)}}.sidebar-grid{display:flex;grid-column:span 3/span 3}.left-sidebar{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:calc(100vh - 120px);overflow-x:hidden;overflow-y:hidden;scrollbar-gutter:stable}.left-sidebar-scrollbar::-webkit-scrollbar{width:6px;height:6px}.left-sidebar-scrollbar:hover{overflow-y:auto}.left-sidebar-scrollbar::-webkit-scrollbar-thumb{background-color:#bdbcbc;border-radius:20px}.left-sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.left-sidebar{container-name:nav;container-type:size;width:100%;max-width:350px}@container nav (max-width: 275px){.navigation{font-size:.9em}.navigation li{padding:4px 14px}}.navigation::-webkit-scrollbar{width:6px;height:6px}.navigation::-webkit-scrollbar-thumb{background-color:#bdbcbc;border-radius:20px}.navigation::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.right-sidebar{display:flex}@media (max-width: 1100px){.right-sidebar{display:none}}@media (max-width: 768px){.sidebar-grid{display:none}.navigation{border:none;overflow:auto;height:100%;width:100%}}.hamburger{display:none;position:absolute;top:0;left:0;padding:20px;overflow:hidden}.hamburger summary{text-align:center;width:50px;height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:transform .2s ease-in-out 0s;writing-mode:vertical-lr;font-size:1.5em;margin-bottom:10px}.hamburger summary::marker{content:"III";letter-spacing:-1px}.hamburger summary:hover{transform:scale(1.1)}.hamburger details{z-index:2;padding-right:0!important}@media (max-width: 768px){.hamburger{display:block}.hamburger[open]{box-shadow:5px 5px 5px #c2c2c2;width:90%;height:100vh;background-color:#f1f5f9}}body{font-family:Montserrat,Roboto,sans-serif}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-thumb{background-color:#bdbcbc;border-radius:20px}body::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.col-span-3{grid-column:span 3 / span 3}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.hidden{display:none}.h-7{height:1.75rem}.h-8{height:2rem}.h-screen{height:100vh}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-opacity-80{--tw-bg-opacity: .8}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-32{padding-bottom:8rem}.pt-12{padding-top:3rem}.font-semibold{font-weight:600}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-slate-400:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media (min-width: 640px){.sm\:hidden{display:none}}