.content{position:relative;display:table}.di-container{height:100%;width:50%;position:relative;display:table-cell;border-collapse:collapse}.di-container.left{border-right:10px dotted #ccc}.di-header{position:absolute;top:0;z-index:10;margin:20px;padding:10px;background:#eee;border-radius:5px;opacity:.9}.di-header:hover{opacity:1}.di-header h2{margin-top:0}.right .di-header{right:0;text-align:right}.canvas{display:block;height:100%}.djs-shape.highlight .djs-outline{stroke:#ff0!important;stroke-width:10px;fill:#ff0}.djs-container{overflow:hidden}.drop-marker{border:5px dashed #ccc;border-radius:20px;position:absolute;left:20px;top:20px;right:20px;bottom:20px}.di-container .drop-marker,.di-container.dropping :not(.drop-marker){display:none}.dropping .drop-marker{display:block}.changeDetails table{border:2px solid orange;width:300px;background-color:#fff}.changeDetails th{text-align:left}.marker{border-radius:50%;background-color:grey;color:#fff;font-weight:700;font-size:150%;padding-right:6px;padding-left:6px}.marker-changed{font-size:130%;padding:2px 6px}.marker-layout-changed{font-size:120%;padding:2px 4px}#changes-overview{position:absolute;left:25%;right:25%;bottom:0;height:40%;color:#666;padding-top:40px;z-index:110}#changes-overview.collapsed{height:45px}#changes-overview .changes{padding:20px;border-radius:2px 2px 0 0;position:relative;height:100%;overflow-y:auto;background:#f8f8f8;box-shadow:0 1px 4px rgba(0,0,0,.8)}#changes-overview table{text-align:left;width:100%;height:100%;border-collapse:collapse}#changes-overview table tr{line-height:30px}#changes-overview thead tr{border-bottom:1px solid #999}#changes-overview .entry:hover{background-color:#ddd;cursor:pointer}#changes-overview .status{font-weight:700;color:#f9f9f9;padding:0 5px;display:inline-block;white-space:nowrap;line-height:20px}#changes-overview .entry.removed .status{background-color:red}#changes-overview .entry.added .status{background-color:green}#changes-overview .entry.changed .status{background-color:orange}#changes-overview .entry.layout-changed .status{background-color:#00f}#changes-overview .show-hide-toggle{margin:0 0 0 auto;padding:5px 10px;height:40px;background:#f0f0f0;display:inline-block;line-height:30px;position:absolute;right:20px;top:0;border-radius:5px 5px 0 0;cursor:pointer}#changes-overview .show-hide-toggle:hover{background:#ccc}#changes-overview.collapsed .io-control{box-shadow:0 1px 4px rgba(84,180,21,.3)}#changes-overview.collapsed .show-hide-toggle{color:#fff;background:#aaa}#changes-overview.collapsed .show-hide-toggle:hover{background:#999}#changes-overview.collapsed .changes{overflow:hidden;background:#aaa}#changes-overview,#changes-overview.collapsed{transition:all .1s linear}body,html{font-size:12px;color:#444;height:100%;padding:0;margin:0}h1,h2,h3,h4{font-weight:400}.content{width:100%;height:100%;overflow:hidden}.io-control{background:#fff;border:#eee;border-radius:2px;padding:5px}.bjs-powered-by{padding-bottom:2px}.io-control-list{list-style:none;padding:5px;margin:0}.vr{display:inline-block;height:26px;border-right:1px solid #999;vertical-align:top}.io-control-list a,.io-control-list button{padding:0;outline:none;cursor:pointer;font-size:22px;line-height:26px;background:none;border:none}.io-control-list.io-horizontal,.io-control-list.io-horizontal li{display:inline-block}.io-control-list.io-horizontal a,.io-control-list.io-horizontal button{padding:2px;margin:0 5px}.io-control hr{border:none;border-top:1px solid #eee}.io-dialog{display:none}.io-dialog.open{display:block}.io-dialog.open:before{content:"";position:fixed;left:0;top:0;bottom:0;right:0;background:#666;opacity:.2;z-index:1001}.io-dialog .content{position:fixed;background:#fff;padding:10px 30px 20px 30px;box-shadow:0 1px 4px rgba(0,0,0,.3);border-radius:2px;height:auto;z-index:1001}.io-dialog .project-logo{position:absolute;bottom:27px;right:27px;width:54px;height:54px;font-size:48px}@media (max-width:599px){.io-dialog .content{left:20px;right:20px;top:20px;width:auto}}@media (min-width:600px){.io-dialog .content{width:600px;left:50%;margin-left:-300px;top:100px}}svg.diff-removed{background:#e56283}.diff-removed.djs-element:not(.djs-connection)>.djs-visual>:first-child{fill:#e56283!important}.diff-removed.djs-connection>.djs-visual>:first-child{stroke:#bb163f!important}.marker.marker-removed{background:#bb163f;padding-right:5px;padding-left:5px}svg.diff-added{background:#90dd5f}.diff-added.djs-element:not(.djs-connection)>.djs-visual>:first-child{fill:#90dd5f!important}.diff-added.djs-connection>.djs-visual>:first-child{stroke:#54b415!important}.marker.marker-added{background:#54b415;padding-right:8px;padding-left:8px;padding-bottom:2px}svg.diff-layout-changed{background:#4d79a3}.diff-layout-changed.djs-element:not(.djs-connection)>.djs-visual>:first-child{fill:#4d79a3!important}.diff-layout-changed.djs-connection>.djs-visual>:first-child{stroke:#185085!important}.marker.marker-layout-changed{background:#185085}svg.diff-changed{background:#fbc16c}.diff-changed.djs-element:not(.djs-connection)>.djs-visual>:first-child{fill:#fbc16c!important}.diff-changed.djs-connection>.djs-visual>:first-child{stroke:#cd8318!important}.marker.marker-changed{background:#cd8318}:root{--theme-color:#001751;--icon-theme-color:#145fe3;--b3-theme-color:#5487df;--disabled-theme-color:#c6d2e2;--background-theme-color:#f7f9fc;--sp-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);--white:#fff;--black:#000;--main1-font-color:#3d3d3d;--main2-font-color:#595959;--main3-font-color:#1f2329;--explain-font-color:grey;--tips-font-color:#c8c9cc;--border-color:#f0f0f0;--table-title-color:#fafafa;--publish-bg-color:#eef0f4;--success-font-color:#31b522;--success-icon-color:#80e874;--success-background-color:#f0faf2;--error-font-color:#e34d59;--error-border-color:#e47676;--error-background-color:#fef6f6;--font-family:"PingFang SC","PingFangSC-Medium","STHeitiSC-Light","Helvetica-Light",arial,"sans-serif","Droid Sans Fallback","Microsoft Yahei"}.bjs-drilldown{width:20px;height:20px;padding:0;margin-left:-20px;cursor:pointer;border:none;border-radius:2px;outline:none;fill:var(--white);background-color:var(--icon-theme-color)}[data-v-da23453e]:root{--theme-color:#001751;--icon-theme-color:#145fe3;--b3-theme-color:#5487df;--disabled-theme-color:#c6d2e2;--background-theme-color:#f7f9fc;--sp-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);--white:#fff;--black:#000;--main1-font-color:#3d3d3d;--main2-font-color:#595959;--main3-font-color:#1f2329;--explain-font-color:grey;--tips-font-color:#c8c9cc;--border-color:#f0f0f0;--table-title-color:#fafafa;--publish-bg-color:#eef0f4;--success-font-color:#31b522;--success-icon-color:#80e874;--success-background-color:#f0faf2;--error-font-color:#e34d59;--error-border-color:#e47676;--error-background-color:#fef6f6;--font-family:"PingFang SC","PingFangSC-Medium","STHeitiSC-Light","Helvetica-Light",arial,"sans-serif","Droid Sans Fallback","Microsoft Yahei"}[data-v-da23453e]{box-sizing:border-box}.compare-page[data-v-da23453e]{height:100%;width:100%;padding:16px;box-sizing:border-box}.compare-page .header[data-v-da23453e]{font-size:20px;font-weight:500;color:var(--main3-font-color);line-height:32px;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.compare-page .header .iconfont[data-v-da23453e]{font-size:20px!important}.compare-page .content[data-v-da23453e]{height:calc(100% - 42px);width:100%;background:var(--white);border-radius:4px;box-sizing:border-box;display:flex}.compare-page .content .di-container[data-v-da23453e]{height:100%;width:100%;box-sizing:border-box;position:relative}.compare-page .content .di-container .bpmn-view[data-v-da23453e]{height:100%;width:100%;padding-top:20px}.compare-page .content .di-container .bpmn-view .canvas[data-v-da23453e]{height:calc(100% - 20px);width:100%}.compare-page .content .di-container .drawer[data-v-da23453e]{width:280px;height:100%;position:absolute;right:0;top:0;padding:1px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:#f8f8f8}.compare-page .content .di-container .title[data-v-da23453e]{position:absolute;top:10px;left:10px;width:calc(100% - 20px);display:flex;align-items:center;justify-content:space-between}.compare-page .content .di-container .title .name[data-v-da23453e]{font-size:16px;font-weight:500;color:var(--main3-font-color)}.compare-page .content .di-container .btn[data-v-da23453e]{position:absolute;right:100px;bottom:10px}.compare-page .content .empty-view[data-v-da23453e]{display:flex;align-items:center;justify-content:center}.compare-page .left[data-v-da23453e]{border-right:3px solid var(--tips-font-color)}.select-content .title[data-v-da23453e]{font-size:14px;font-weight:500;padding-bottom:20px}