.sidebar-slim{position:relative;display:flex;flex-direction:column;background:var(--toolbar-color);line-height:140%;border-left:1px solid #d5d7d8;width:274px}#drag-and-drop-panel{padding:8px 0 0 8px;width:100%;height:50%;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.demo-dnd-panel__item{height:64px;padding:8px 0}.demo-dnd-panel__item,.demo-dnd-panel__item *{cursor:move!important}#tags-explorer{width:100%;height:50%;padding:16px 0;border-top:5px solid #d5d7d8}.tags-explorer__title{padding:12px;height:41px;margin:0;color:#676767;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.28px}#tags-explorer-list{width:100%;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;overflow:auto;max-height:calc(100% - 41px)}.tags-explorer-list-item{width:100%;display:flex;align-items:center;padding:8px 12px}.tags-explorer-list-label{flex:1 0 0;display:flex;color:#282828;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.tags-explorer-list-input{max-width:50%;display:flex;padding:8px;align-items:center;gap:4px;border-radius:8px;border:1px solid #d5d7d8;background:#fff}.tags-explorer-list-input:focus{outline:#2f80ed solid 2px}.tags-explorer-list-input:disabled{background:#d5d7d8}.tags-explorer-list-item__invalid .tags-explorer-list-input{border:#cb1414 1px solid}.sidebar{position:relative;display:flex;flex-direction:column;background:var(--toolbar-color);line-height:140%;width:var(--sidebar-width);border-left:1px solid #d5d7d8}.tooltip{position:relative;padding-left:12px}.tooltip:before{position:absolute;top:0;bottom:0;left:0;content:"";width:4px;border-radius:100px;background:#cb1414}.tooltip h4{margin:4px;color:#2e2e2e;font-size:14px;font-style:normal;font-weight:500;line-height:148%}.tooltip ul{margin:4px;color:#2e2e2e;font-size:14px;font-style:normal;font-weight:400;line-height:148%}.yfiles-tooltip{border-radius:12px;border:1px solid #d5d7d8;background:#fff;box-shadow:0 2px 12px #00000014;display:inline-flex;padding:12px;justify-content:center;align-items:center;gap:8px}.yfiles-context-menu{border-radius:12px}.flow-context-menu{display:inline-flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:12px;border:1px solid #d5d7d8;background:#fff;box-shadow:0 2px 12px #00000014;top:0;left:0;list-style:none;margin:0;min-width:186px;width:auto;user-select:none}.flow-context-menu__item{position:relative;display:flex;gap:8px;align-items:center;min-width:fit-content;width:100%;padding:8px 12px;background-color:#fff;cursor:pointer;border:none;border-radius:8px;color:#2e2e2e;font-size:14px;font-style:normal;font-weight:500;line-height:148%}.flow-context-menu__item-icon{width:16px;height:16px}.flow-context-menu__item-disabled{background:#fff;opacity:32%}.flow-context-menu__item:hover{background-color:#ebebeb!important}.flow-context-menu__item:focus{outline:solid #ebebeb 1px}.flow-context-menu__separator{width:100%;height:1px;background-color:#d5d7d8}.flow-context-menu:last-child{border-bottom:none}/****************************************************************************
 ** @license
 ** This demo file is part of yFiles for HTML 3.0.0.3.
 ** Copyright (c) 2000-2025 by yWorks GmbH, Vor dem Kreuzberg 28,
 ** 72070 Tuebingen, Germany. All rights reserved.
 **
 ** yFiles demo files exhibit yFiles for HTML functionalities. Any redistribution
 ** of demo files in source code or binary form, with or without
 ** modification, is not permitted.
 **
 ** Owners of a valid software license for a yFiles for HTML version that this
 ** demo is shipped with are allowed to use the demo source code as basis
 ** for their own yFiles for HTML powered applications. Use of such programs is
 ** governed by the rights and conditions as set out in the yFiles for HTML
 ** license agreement.
 **
 ** THIS SOFTWARE IS PROVIDED ''AS IS'' AND ANY EXPRESS OR IMPLIED
 ** WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 ** MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN
 ** NO EVENT SHALL yWorks BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 ** TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 ** PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 ** LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 ** NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 ** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 **
 ***************************************************************************/.flow-edge__main{stroke-width:2;transition:opacity .4s,stroke .2s;stroke:#999}.flow-edge__outline{stroke-width:4;stroke:#999}.flow-edge__animation{opacity:0;stroke-width:2;transition:opacity .4s;stroke:#fff;stroke-dasharray:5;stroke-dashoffset:0;animation:marquee .5s linear infinite}.flow-edge--reversed .flow-edge__animation{animation:marquee-reversed .5s linear infinite}@keyframes marquee{to{stroke-dashoffset:-10}}@keyframes marquee-reversed{to{stroke-dashoffset:10}}.flow-edge--hovered .flow-edge__main{stroke:#5d5d5d}.flow-edge--selected .flow-edge__main,.flow-edge--reconnecting .flow-edge__main,.flow-edge--dummy-new-edge .flow-edge__main{stroke:#ff6c00}.flow-edge--dummy-new-edge .flow-edge__animation{opacity:1}.flow-edge--selected.flow-edge--hovered .flow-edge__main,.flow-edge--connected-node-selected .flow-edge__main{stroke:#ff6c00}.flow-edge--selected.flow-edge--hovered .flow-edge__animation,.flow-edge--connected-node-selected .flow-edge__animation{opacity:1}