html{height:100%}body{margin:0;padding:0;overflow:hidden;font-family:"Arial",sans-serif;height:100%;display:flex;flex-direction:row;justify-content:space-between}#paper{position:relative;flex:2;width:auto}#inspector{flex:1;max-width:500px;overflow-y:auto;background-color:#f5f7f6;font-family:Arial,sans-serif;border:1px dashed #bbc0cf}#inspector #inspector-header{background-color:#fbfbfb;margin:15px 5px;padding-left:10px;height:36px;box-sizing:border-box;display:flex;gap:12px;align-items:center;border:1px solid #bbc0cf;border-radius:8px}#inspector #inspector-header span{font-size:15px;font-weight:700;line-height:17.25px;text-align:left}#inspector .joint-inspector{background:#f5f7f6;color:#151e28;overflow-y:hidden;position:static;border:1px solid #f5f7f6;border-radius:8px}#inspector .toggle-field>*{display:inline-block}#inspector .toggle-field>.toggle input{margin-top:2px}#inspector .toggle-field>.toggle>span{display:none}#inspector .list-field{position:relative;padding-top:10px;padding-bottom:10px}#inspector .list-field>label{margin-top:0;margin-bottom:16px}#inspector .list-field .btn-list-add,#inspector .list-field .btn-list-del{color:#fff;position:absolute;font-size:13px;font-weight:500;line-height:15.7px;text-align:center;border-radius:20px;border:none}#inspector .list-field .btn-list-add{background:#2274a5;top:0;right:8px}#inspector .list-field .btn-list-del{background:#ed2637;color:#fff;top:12px;right:0}#inspector .list-field .list-item{border-radius:4px;border:1px solid #d4d4d4;background-color:#f5f7f6;position:relative;padding:0;padding-top:10px;margin-top:10px}#inspector .list-field .list-item [data-field$=label] label{display:flex;align-items:center}#inspector .list-field .list-item [data-field$=label] label::before{content:url("../assets/inspector/icon-child-label.svg");width:10px;height:18px;margin-right:16px}#inspector .object-field{padding:0}#inspector label{font-weight:bold}#inspector input,#inspector select,#inspector [contenteditable]{background:#fff;border:1px solid #d4d4d4;padding:4px 6px;width:100%;box-sizing:border-box;font-size:16px}#inspector select,#inspector [contenteditable],#inspector input[type=text],#inspector input[type=number]{min-height:30px;border-radius:8px;font-size:15px;font-weight:400;line-height:17.25px;text-align:left;cursor:pointer;transition:border-color .2s ease-in}#inspector select:focus:not([readonly]),#inspector select:hover:not([readonly]),#inspector [contenteditable]:focus:not([readonly]),#inspector [contenteditable]:hover:not([readonly]),#inspector input[type=text]:focus:not([readonly]),#inspector input[type=text]:hover:not([readonly]),#inspector input[type=number]:focus:not([readonly]),#inspector input[type=number]:hover:not([readonly]){border-color:#304254}#inspector input[readonly]{background:#e4ebf1;cursor:initial}#inspector input[type=number]{width:50px}#inspector .toggle{width:auto;left:auto;right:auto;margin:0 3px}#inspector input[type=checkbox]{opacity:1;-webkit-appearance:checkbox}#inspector .highlighted{border:1.5px solid #131e29 !important;background:#e8eef3;box-shadow:0px 0px 7px 0px #185EB680;scroll-margin-top:25px}#toolbar{position:absolute;top:10px;left:10px;padding:3px;background:#f5f7f6;border:1px solid #bbc0cf;border-radius:4px}#toolbar .joint-toolbar{border:none;padding:0}#toolbar .joint-toolbar .joint-toolbar-group{gap:4px}#toolbar button.joint-widget{--undo-redo-icon-size: 20px;margin:0}#toolbar button.joint-widget:hover:not(:disabled){background-color:#eef1f8}#toolbar button.joint-widget[data-type=undo],#toolbar button.joint-widget[data-type=redo]{width:40px;height:30px;justify-content:center}#toolbar button.joint-widget[data-type=undo]:disabled,#toolbar button.joint-widget[data-type=redo]:disabled{cursor:initial}#toolbar button.joint-widget[data-type=undo]:disabled::after,#toolbar button.joint-widget[data-type=redo]:disabled::after{opacity:.5}#toolbar button.joint-widget[data-type=undo]::after{content:url("../assets/toolbar/icon-undo.svg");width:var(--undo-redo-icon-size);height:var(--undo-redo-icon-size)}#toolbar button.joint-widget[data-type=redo]::after{content:url("../assets/toolbar/icon-redo.svg");width:var(--undo-redo-icon-size);height:var(--undo-redo-icon-size)}#toolbar button.joint-widget[data-name=new]{text-transform:uppercase;padding:0 10px;font-size:13px;line-height:17.7px;text-align:center}button{padding:5px 10px;margin:0 5px;font-size:16px;cursor:pointer;border:1px solid #bbc0cf;background:#fff}#inspector :not(.object-property)>.field[data-field*=connections]{margin:0 10px;border:1px dashed #2b3a49;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none}#inspector .field[data-field*=connectionDirection]{margin:0 10px;border-left:1px dashed #2b3a49;border-right:1px dashed #2b3a49}#inspector .field[data-field*=connectionStyle]{margin:0 10px;border:1px dashed #2b3a49;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#inspector .object-property[data-property=connections]::before{content:"Connections:";font-weight:bold;display:block;font-size:16px;padding:10px;margin:0}#inspector .field[data-field="data/connections"]::before{content:"Connections:";font-weight:bold;display:block;font-size:16px;padding:10px 0;margin:0}#inspector .field[data-field^="data/connection"]{background:#e4ebf1;font-size:13px}#inspector .object-property[data-property=connectionStyle] .field,#inspector .field[data-field="data/connectionStyle"]{padding-bottom:15px;margin-bottom:12px}#inspector .object-property[data-property^=connection]{font-size:13px}#inspector .object-property[data-property^=connection]>*,#inspector .object-property[data-property^=connection]::before{background:#e4ebf1}#inspector .object-property[data-property=connections]{margin:0 10px;border:1px dashed #2b3a49;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none}#inspector .object-property[data-property=connections]::before{border-top-left-radius:8px;border-top-right-radius:8px}