.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}html{width:100%;position:fixed}body,html{height:100%}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}.list-editor-row-container{box-sizing:border-box;padding:2px;width:100%}.list-editor-text-container{display:flex;box-sizing:border-box}.list-editor-text-container:before{content:"";margin:4px;width:8px;height:8px;background-color:#555;display:inline-block}.list-editor-editable-text,.list-editor-text-container textarea{font-family:Arial,Helvetica,sans-serif;font-size:12px}.list-editor-editable-text{border:none;outline:none;width:100%}.list-editor-row-container.active{background:#efefef}.list-editor-text-container textarea.over-limit{text-decoration:line-through;color:#aaa}.editor-toolbar{position:absolute;top:-90px;right:0;background-color:#353744;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;height:35px;min-width:50px;color:#fff;z-index:9999}.__dialog__{box-sizing:border-box;position:absolute;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 0 3px #cecece;border-radius:3px;background:#efefef;padding:2px;cursor:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:999999999;transform:translateZ(1000px)}.__dialog__ .dialog-title-bar{width:100%;height:20px;text-align:center;box-sizing:border-box;background-color:#efefef;pointer-events:auto;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:0;padding:4px;display:flex;align-items:center}.__dialog__ .dialog-body{overflow:auto;height:calc(100% - 22px);border:1px solid #e0e0e0;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.__dialog__ .dialog-body .dialog-content{font-family:Arial,Helvetica,sans-serif;font-size:12px;overflow:auto;padding:10px;background:#fff;height:100%}.form-row{display:flex;flex-direction:row;align-items:center;padding:10px 0}.form-row .label,.form-row label{padding:0 10px 0 0;min-width:110px}.form-row .field{padding:0 10px 0 0}.form-row input,.form-row select,.form-row textarea{padding:2px;outline:none;border:1px solid #999;flex-grow:1}.form-row input{padding:3.5px 6px!important}.form-row button{border:1px solid #999;padding:4px 12px;border-radius:2px;outline:none;margin-left:5px}.form-row button:first-child{margin-left:0}.form-row.flex-row-reverse{flex-direction:row-reverse}.form-row.flex-row-reverse button{margin-right:5px}.form-row.flex-row-reverse button:first-child{margin-right:0}.__tabs__{font-family:Arial,Helvetica,sans-serif;font-size:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.__tabs__ .tabs-bar{overflow:hidden;display:flex;align-items:center;padding:5px 5px 0;box-sizing:border-box;z-index:1}.__tabs__ .tabs-body{position:relative;width:100%;flex-grow:9;overflow:auto;border-top:1px solid #ccc;z-index:0;top:-1px}.__tabs__ .tab{display:inline-block;cursor:pointer;padding:10px;border:1px solid transparent}.__tabs__ .tab .tab-label{cursor:pointer;display:flex;color:#999}.__tabs__ .tab .tab-label i{font-size:27px}.__tabs__ .tab.active .tab-label{color:#2196f3}.__tabs__ .tab .tab-label .tab-icon{width:12px;height:12px;margin:0 2px}.__tabs__ .tab.active{border:1px solid;border-color:#ccc #ccc #e1e1e1;background-color:#e1e1e1}.__tabs__ .tabs-body .tab-body{display:none;position:absolute;top:0;left:0;right:0;bottom:0;padding:15px 15px 60px;overflow:auto}.__tabs__ .tabs-body .tab-body.active{display:block}body{font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:200;margin:0}.container{max-width:100vw!important;margin:0 auto}.outer{position:relative;overflow:hidden;width:100%;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.11);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.11);box-shadow:0 2px 5px 0 rgba(0,0,0,.11);z-index:99999}.outer,.wrapper{box-sizing:border-box}.wrapper{margin:0 auto}.header{position:relative;background:#fff;width:100%;box-sizing:border-box}.header .logo{float:left;width:35px;box-sizing:content-box;padding:12px;border-right:1px solid #ececec}.header .logo a{display:block;line-height:1}.hidden{display:none!important}.clear{clear:both}#header-container{display:flex;align-items:center}#header-container .diagram-name-editor{padding:0 20px;display:flex;flex-direction:row;align-items:center}#header-container .diagram-name-editor .name{font-size:12px;max-width:200px;overflow:hidden;white-space:nowrap;border:none;text-overflow:ellipsis}#header-container .diagram-name-editor .name-input{font-size:12px;height:100%;outline:none;border:none;border-bottom:1px solid #ccc;box-sizing:border-box}#header-container .diagram-name-editor .edit-button{padding:0 4px;cursor:pointer;color:#888}ul.top-toolbar{position:absolute;height:100%;padding:0;margin:0;left:400px}ul.top-toolbar li{list-style:none;display:inline-block;color:#888;text-align:center;padding:8px 10px 0;cursor:pointer}ul.top-toolbar li:hover{color:#2a88bf}ul.top-toolbar li>span>i{font-size:17px;font-weight:300!important}ul.top-toolbar li>p{font-size:12px;line-height:2;padding:0;margin:0}.disabled{pointer-events:none;cursor:not-allowed;opacity:.3!important;box-shadow:none}div.user-info-toolbar{position:absolute;height:100%;padding:10px 5px;margin:0;top:0;right:0;display:flex;flex-direction:row;align-items:center;box-sizing:border-box}div.user-info-toolbar .login-btn{padding:0 20px;border-radius:20px;color:#fff;background-color:#0099fe;height:100%;line-height:35px;text-decoration:none}div.user-info-toolbar .user-info-btn{padding:0 20px;height:100%;line-height:35px;text-decoration:none;display:flex;flex-direction:row;align-items:center}div.user-info-toolbar .user-info-btn img{border:1px solid #888;border-radius:16px;margin-right:5px;width:32px;height:32px}.dock-container{position:absolute;left:0;top:0;bottom:0;width:60px;background-color:#2c3e50;z-index:2;overflow:hidden;padding-top:59px}ul.dock{margin:0;padding:0}ul.dock,ul.dock li{position:relative;list-style:none}ul.dock li{width:60px;height:auto;cursor:pointer;text-align:center;z-index:999;font-size:20px;color:#fff;padding:10px 0}ul.dock li.active{background-color:#09f}ul.dock li p{font-size:9px;font-weight:200;margin:0;text-transform:uppercase;padding:5px 0}.left-pane{width:400px;top:0;left:0;bottom:0;overflow:hidden}.left-pane,.left-panel{position:absolute;padding-top:59px}.left-panel{top:100vh;left:60px;height:100vh;width:340px;overflow:auto;background-color:#e1e1e1;border-right:1px solid #ccc}@keyframes show-bottom-up{0%{top:100vh}to{top:0}}@keyframes show-top-down{0%{top:-100vh}to{top:0}}@keyframes hide-bottom-up{0%{top:0}to{top:-100vh}}@keyframes hide-top-down{0%{top:0}to{top:100vh}}.show-bottomup{animation:show-bottom-up .2s forwards}.show-topdown{animation:show-top-down .2s forwards}.hide-bottomup{animation:hide-bottom-up .2s forwards}.hide-topdown{animation:hide-top-down .2s forwards}.left-pane-label{padding:0 10px 0 0;min-width:110px}.left-pane-row{display:flex;flex-direction:row;align-items:center;padding:10px 0}.left-pane-cat-label{text-transform:uppercase;font-size:12px;line-height:1;padding:5px 0;margin:5px 0;color:#999;display:block;box-sizing:border-box;position:relative}.left-pane-cat-label:after{content:" ";height:1px;width:100%;display:inline-block;background-color:#ccc;margin:.5em 0 0;position:absolute}.left-pane-notes{font-style:italic;color:#999}.switch{position:relative;display:inline-block;width:23px;height:15px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:13px;width:13px;left:1px;bottom:1px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.transparent-bg-pattern{background-size:11px 11px;background-position:0 0,0 -5.5px,-5.5px 5.5px,5.5px 0}.diagram-transparent-bg-pattern,.transparent-bg-pattern{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0)}.diagram-transparent-bg-pattern{background-size:22px 22px;background-position:0 0,0 -11px,-11px 11px,11px 0}.sa-color-picker{display:flex;flex-direction:row;align-items:center;height:20px;padding:2px;box-sizing:border-box;border:1px solid #999}.sa-color-picker .color{width:30px;height:100%}.sa-color-picker .arrow{font-size:16px;color:#999;padding:0 0 0 2px;cursor:pointer}.sa-color-scheme-picker{display:flex;flex-direction:row;align-items:center;height:20px;padding:2px;box-sizing:border-box;border:1px solid #999}.color-scheme-cat-label{text-transform:uppercase;font-size:12px;line-height:1;padding:5px;margin:5px 0;color:#999}.color-scheme-cat-label:after{content:" ";height:1px;width:100%;display:inline-block;background-color:#999;margin:6px 0 0;position:absolute}.sa-color-scheme-viewer{display:flex;flex-direction:row;align-items:center;height:16px}.sa-color-scheme-viewer .color{width:21px;height:100%}.sa-color-scheme-picker .arrow{font-size:16px;color:#999;padding:0 0 0 2px;cursor:pointer}.sa-color-scheme-picker-popup{background-color:#fff;box-sizing:border-box;padding:0;margin:2px 0 0;max-height:300px;overflow-y:auto;overflow-x:hidden;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.25);border:5px solid #fff}.sa-color-scheme-picker-popup .menu-item{display:flex;flex-direction:row;align-items:center}.sa-color-scheme-picker-popup .menu-item .scheme-label{font-size:12px;min-width:150px;padding:10px}.sa-color-scheme-picker-popup .menu-item:hover{background-color:#ececec}.sa-color-scheme-picker-popup .menu-item.selected{background-color:#2196f3;color:#fff}.hl-picker,.sa-font-picker,.sa-icon-text-picker{display:flex;flex-direction:row;align-items:center;height:20px;box-sizing:border-box;border:1px solid #999}.sa-font-picker .text,.sa-icon-text-picker .text{width:122px;height:100%;border:none;outline:none;padding:0 2px}.sa-icon-text-picker .text{display:flex;flex-direction:row;align-items:center;background-color:#fff}.sa-icon-text-picker .text>span{padding-left:5px}.hl-picker .text{width:20px;height:100%;border:none;outline:none;padding:0 2px}.hl-picker .arrow,.sa-font-picker .arrow,.sa-icon-text-picker .arrow{font-size:16px;color:#999;padding:0 2px 0 4px;cursor:pointer}.hl-picker-popup,.sa-font-picker-popup,.sa-icon-text-picker-popup{background-color:#fff;box-sizing:border-box;padding:0;margin:2px 0 0;max-height:400px;overflow-y:auto;min-width:160px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.25)}.hl-picker-popup .menu-item,.sa-font-picker-popup .menu-item,.sa-icon-text-picker-popup .menu-item{font-size:12px}.hl-picker-popup .menu-item.selected,.hl-picker-popup .menu-item:hover,.sa-font-picker-popup .menu-item.selected,.sa-font-picker-popup .menu-item:hover,.sa-icon-text-picker-popup .menu-item.selected,.sa-icon-text-picker-popup .menu-item:hover{background-color:#2196f3;color:#fff}a.show-more{display:block;clear:both;text-decoration:none;padding:10px;border:1px solid #ccc;color:#2196f3;text-align:center;margin:0 10px 50px;text-transform:uppercase}.sa-search-box{display:flex;flex-direction:row;align-items:center;height:30px;box-sizing:border-box;border:1px solid #999;border-radius:3px;background-color:#fff}.sa-search-box input[type=text]{border:none;outline:none;background-color:#fff;padding:4px;border-radius:3px;height:100%;box-sizing:border-box}.sa-search-box .clear-btn{font-size:12px;color:#999;padding:0 6px;cursor:pointer;display:none}.icon-browser-container{height:100%}.diagram-browser-container,.icon-browser-container,.template-browser-container{display:flex;flex-direction:column}.diagram-search-box-container,.template-search-box-container{padding:20px;background-color:#ddd}.diagram-search-result-container,.template-search-result-container{flex-grow:1;overflow:auto;padding-bottom:60px}.diagram-template{margin:20px;box-sizing:border-box}.diagram-template .featured-image{width:100%;box-sizing:border-box;cursor:pointer}.diagram-template .featured-image img{width:100%;height:auto;border:1px solid #ced4da;box-shadow:0 3px 7px rgba(0,0,0,.08);border-radius:6px}.lds-ripple{display:inline-block;position:absolute;width:80px;height:80px;top:50%;left:50%;margin-top:-40px;margin-left:-40px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.inline-editor{overflow:hidden}.lg-field{margin:0 0 15px;position:relative}.lg-field i{width:20px;height:20px;display:block;text-align:center;line-height:20px;position:absolute;top:10px;left:10px;color:#aaa}.lg-field input.lg-text{width:100%;height:40px;border:1px solid #c4c4c4;border-radius:3px;padding:0 10px 0 40px;background-color:transparent;outline:0;margin:0 0 10px;color:#555;box-sizing:border-box}.popup-overlay{position:fixed;width:100vw;height:100vh;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.2);z-index:99999999}.login-popup{box-shadow:2px 2px 15px 0 rgba(0,0,0,.3);border-radius:5px;overflow:hidden}.login-pane,.login-popup{width:400px;height:300px;background:#fff;position:relative;top:50%;left:50%;margin-top:-150px;margin-left:-200px;padding:20px;box-sizing:border-box}.login-pane h2{font-weight:400;color:#34495e;font-size:1.6rem;margin:0 0 30px;text-align:center}.login-pane .login-btn{display:block;width:100%;border-radius:3px;background-color:#0099fe;color:#fff;font-size:14px;outline:0;border:none;height:40px;font-weight:600;box-shadow:0 5px 10px 0 rgba(0,0,0,.15);position:relative}.login-pane .msg{font-size:12px;color:red}.sa-dropdown-menu{background-color:#fff;box-sizing:border-box;padding:0;margin:2px 0 0;max-height:400px;overflow-y:auto;min-width:160px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.25)}.sa-dropdown-menu .menu-item{font-size:12px;padding:10px;cursor:pointer}.sa-dropdown-menu .menu-item.disabled{color:#d0d0d0;opacity:1!important}.sa-dropdown-menu .menu-item:hover{background-color:#2196f3;color:#fff}.sa-dropdown-menu .menu-item.disabled:hover{background-color:inherit;color:inherit}.sa-dropdown-menu .menu-item.selected{background-color:#2196f3;color:#fff}.sa-dropdown-menu .menu-item span.label{display:inline-block;padding:3px;color:#fff;background-color:grey;border-radius:3px;margin-left:10px}.sa-dropdown-menu.user-dropdown{right:10px;left:auto!important}.my-diagram{margin:30px;box-sizing:border-box}.my-diagram .featured-image{width:100%;box-sizing:border-box;cursor:pointer}.my-diagram .featured-image img{width:100%;height:auto;border:1px solid #ced4da;box-shadow:0 3px 7px rgba(0,0,0,.08);border-radius:6px}.diagram-template h5,.my-diagram h5{text-align:center;font-weight:200;padding:0;margin:0;color:#2c3e50;text-shadow:1px 1px 1px #fff}.sa-numeric-input{display:flex;flex-direction:row;align-items:center;height:20px;box-sizing:border-box;border:1px solid #999}.sa-numeric-input input{width:60px;height:100%;border:none;outline:none;padding:0 2px}.sa-numeric-input .buttons{display:flex;flex-direction:column;align-items:center;overflow:hidden}.sa-numeric-input .buttons .arrow{font-size:10px;color:#999;padding:0 4px;cursor:pointer;line-height:1}.ps__rail-y{right:0!important;left:auto!important}#variants{width:100%;height:170px;position:absolute;bottom:0;left:0;padding:20px}.variant-carousel-container{width:calc(100vw - 400px);height:130px;position:absolute;bottom:0;left:0;display:flex;flex-direction:row;overflow:hidden}.variant-canvas{width:195px;height:110px;margin:5px}.variant-canvas:first-of-type{margin-left:4px}.variant-canvas.selected{outline:2px solid #2196f3;outline-offset:-2px}.variant-carousel-button{width:20px;height:100%;display:flex;align-items:center;flex-direction:row;cursor:pointer}.variant-carousel-button.prev{padding:0 2px 0 10px}.variant-carousel-button.next{padding:0 10px}.variant-carousel-content-container{overflow:hidden}.variant-carousel-content{display:flex;flex-direction:row;align-items:center}.layer{background-color:#fff;display:flex;flex-direction:row;padding:10px;border-bottom:1px solid silver}.layer.selected{background-color:#0099fe;color:#fff}.xterm{font-feature-settings:"liga" 0;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm{cursor:text}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:.5}.xterm-underline{text-decoration:underline}#shape-list,#variable-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;width:100%;height:400px;border:1px solid silver;overflow:auto}#shape-list .item,#variable-list .item{position:relative;display:flex;flex-direction:row;align-items:center;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-right:none;border-left:none;margin-top:-1px}#shape-list .item.error,#variable-list .item.error{color:red}#shape-list .item.selected,#variable-list .item.selected{background-color:#2196f3}#shape-list .item .text,#variable-list .item .text{flex-grow:1;pointer-events:none}#shape-list .item .action,#variable-list .item .action{cursor:pointer;padding-left:5px}.sortable-ghost{background-color:#88d5f8!important;position:relative;display:block;padding:.75rem 1.25rem}.path-input.selected{background-color:#888}.path-input .path-command-row.selected{outline:1px solid #2196f3}