.iframeDiagram{height:100vh;overflow:hidden}.iframeDiagram .popup-overlays{border-radius:.05333rem;z-index:2000;font-size:.16rem;line-height:1.2;min-width:2.66667rem;background:#303133;color:#fff}.iframeDiagram .popup-overlays.top .inner:after{display:none}.iframeDiagram .popup-overlays.top .inner:before{content:"";display:block;position:absolute;bottom:-.06667rem;left:calc(50% - .02667rem);width:0;height:0;border-left:.05333rem solid transparent;border-right:.05333rem solid transparent;border-top:.08rem solid #303133}.iframeDiagram .popup-overlays .inner{position:relative;padding:.13333rem}.iframeDiagram .popup-overlays .inner>div{white-space:wrap;word-break:break-all}.iframeDiagram .popup-overlays .inner:after{content:"";display:block;position:absolute;top:-.06667rem;left:calc(50% - .02667rem);width:0;height:0;border-left:.05333rem solid transparent;border-right:.05333rem solid transparent;border-bottom:.08rem solid #303133}.iframeDiagram .bjs-powered-by{display:none}.iframeDiagram body{font-family:Arial,sans-serif}.iframeDiagram .header input[type=text]{width:6.66667rem;max-width:100%}.iframeDiagram .console textarea{width:100%;min-height:1.06667rem;border:none;padding:0}.iframeDiagram .canvas{min-height:6.66667rem;position:relative;border:.01333rem solid #e5e5e5;border-radius:.05333rem}.iframeDiagram .canvas .bg{height:100%}.iframeDiagram .canvas .bg,.iframeDiagram .canvas .fullbg{position:absolute;left:0;top:0;z-index:1;width:100%;background:#f7f9ff}.iframeDiagram .canvas .fullbg{height:100vh}.iframeDiagram .canvas .js-canvas{position:relative;z-index:2}.iframeDiagram .canvas .svgCanvas .djs-container{position:relative;overflow:hidden;width:100%;height:100vh!important}.iframeDiagram .highlight:not(.djs-connection) .djs-visual>:first-child{fill:#bff3c3!important;stroke:#71cba1!important}.iframeDiagram .highlight text tspan{fill:#345e3a!important}.iframeDiagram .line-highlight path{stroke:#b7eb8f!important}.iframeDiagram .line-highlight .djs-visual path{marker-end:url(#sequenceflow-end-highlight)!important}.iframeDiagram .highlight-active:not(.djs-connection) .djs-visual>:first-child{fill:#1e90ff!important;stroke:#015ca0!important}.iframeDiagram .highlight-active text tspan{fill:#fff!important}.iframeDiagram .center{display:flex;justify-content:center;align-items:center;line-height:.50667rem}.iframeDiagram .center span{margin-right:.16rem}.iframeDiagram .center .slider{width:calc(100% - .64rem)}.iframeDiagram .canvas{max-height:100%;min-height:0}