#app{width:100vw;height:100vh;margin:0;font-family:sans-serif;overflow:hidden}#app .canvas{top:0;bottom:0;left:0;right:0;position:absolute;background:#f3f7f6}#app .canvas .joint-element{filter:drop-shadow(0.1rem 0.1rem 0.15rem rgba(0, 0, 0, 0.2))}#app .canvas [magnet=item]:hover,#app .canvas .column-connected{fill:#efefef;stroke:#ddd}#app .canvas .source-arrowhead,#app .canvas .target-arrowhead{fill:#a0a0a0;stroke-width:1}#app .joint-dialog.joint-theme-default .body{padding:0;max-height:500px;overflow-y:scroll}#app .joint-dialog.joint-theme-default .fg{border:none;border-radius:0px;filter:drop-shadow(0.1rem 0.1rem 0.15rem rgba(0, 0, 0, 0.2))}#app .joint-dialog.joint-theme-default .titlebar{padding:16px;border-radius:0px;color:#3d3d3d;background:#fff;border:none;border-bottom:1px solid #ddd;font-size:20px}#app .joint-dialog.joint-theme-default .titlebar .titletab{height:5px;position:absolute;top:-5px;left:0;width:100%}#app .joint-dialog.joint-theme-default .controls{border:none;border-top:1px solid #ddd}#app .joint-dialog.joint-theme-default .controls .control-button{color:#303030;border:1px solid #ccc;background:#fff;border-radius:0px;min-width:82px}#app .joint-dialog.joint-theme-default .controls .control-button:hover{border:1px solid #ccc;background:#ccc;opacity:.8;transition:.1s linear}#app .joint-dialog.joint-theme-default .controls .control-button.left{color:#f8f8ff;background:#f6511d;border:1px solid #f6511d}#app .joint-paper .joint-element{cursor:move}#app .joint-paper .record-item-body{cursor:pointer}#app .joint-inspector.joint-theme-default{border:none;background:#fff;padding:5px 16px}#app .joint-inspector.joint-theme-default .field{padding:0}#app .joint-inspector.joint-theme-default .list-item{color:#636363;background:#fff;border:none;border-top:1px solid #ccc;box-shadow:none;padding:0;padding-top:12px;padding-bottom:16px;margin:0;display:flex;flex-direction:column}#app .joint-inspector.joint-theme-default .btn-list-add,#app .joint-inspector.joint-theme-default .btn-list-del{margin:0;height:30px;background:transparent;color:#f8f8ff;box-shadow:none;border-radius:0px}#app .joint-inspector.joint-theme-default .btn-list-add:hover,#app .joint-inspector.joint-theme-default .btn-list-del:hover{transition:.1s linear}#app .joint-inspector.joint-theme-default .btn-list-add{margin-top:4px;margin-bottom:8px;width:100%;background:#015eff;border:1px solid #015eff}#app .joint-inspector.joint-theme-default .btn-list-add:hover{opacity:.8}#app .joint-inspector.joint-theme-default .btn-list-del{order:4;align-self:flex-end;margin-top:8px;text-align:center;min-width:82px;color:#f6511d;border:1px solid #f6511d}#app .joint-inspector.joint-theme-default .btn-list-del:hover{color:#f8f8ff;background:#f6511d}#app .joint-inspector.joint-theme-default label,#app .joint-inspector.joint-theme-default output,#app .joint-inspector.joint-theme-default .units{color:#3d3d3d;text-transform:none;text-shadow:none;font-size:12px;margin:0;line-height:28px}#app .joint-inspector.joint-theme-default label:after{content:""}#app .joint-inspector.joint-theme-default input[type=text],#app .joint-inspector.joint-theme-default input[type=number],#app .joint-inspector.joint-theme-default textarea,#app .joint-inspector.joint-theme-default .content-editable,#app .joint-inspector.joint-theme-default select{margin-bottom:12px;width:100%;height:auto;line-height:16px;text-shadow:none;box-shadow:none;box-sizing:border-box;outline:none;padding:16px 12px;overflow:auto;color:#303030;background:#fff;border:1px solid #ccc;border-radius:0px}#app .joint-inspector.joint-theme-default select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" stroke-width="2" stroke="grey"><path d="M6 9l6 6 6-6"/></svg>');background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;background-origin:content-box;-webkit-appearance:none;cursor:pointer}#app .joint-inspector.joint-theme-default select::-ms-expand{display:none}#app .joint-inspector.joint-theme-default input[type=color]{cursor:pointer;margin-bottom:12px}#app .joint-inspector.joint-theme-default .toggle{width:40px;height:20px}#app .joint-inspector.joint-theme-default .toggle span,#app .joint-inspector.joint-theme-default .toggle input:checked+span{border:1px solid #015eff;background:#015eff}#app .joint-inspector.joint-theme-default .toggle span,#app .joint-inspector.joint-theme-default .toggle input:not(:checked)+span{border:1px solid #ccc;background:#ccc}#app .joint-inspector.joint-theme-default .toggle span{box-shadow:none}#app .joint-inspector.joint-theme-default .toggle span i:before{content:""}#app .joint-inspector.joint-theme-default .toggle input:checked+span i:before{content:""}#app .joint-inspector.joint-theme-default .toggle span i{background:#fff;transition:.2s}