.b-radius{border-radius:5px;box-shadow:1px 1px 2px #d9d9d9}.text-gray{color:#858585}.form-control{border-radius:8px}.mb16px{margin-bottom:16px}.fa{min-width:24px!important}.opacity-0{opacity:0;transition:.3s}.opacity-1{opacity:1;transition:.3s}tr:hover i.fa.fa-pencil-square-o,tr:hover i.fa.fa-trash-o{opacity:1!important}.table>:not(:first-child){border-top:0}th{font-weight:400}.card{border:1px solid rgba(0,0,0,.15);margin-bottom:1rem;padding:1rem;border-radius:4px}.btn{border-radius:8px}.btn-bg-blue{background-color:#6a4ef4}.btn-bg-blue,.btn-bg-red{color:#fff;transition:.3s ease}.btn-bg-red{background-color:#ff4d4f}.btn-outline-my{color:#6a4ef4;border-color:#6a4ef4}.btn-outline-gray,.btn-outline-my{background-color:#fff;transition:.3s ease}.btn-outline-gray{color:#858585;border-color:#858585}.btn-bg-blue:hover,.btn-bg-red:hover{color:#fff}.btn-bg-blue:hover,.btn-bg-red:hover,.btn-outline-my:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.btn-outline-my:hover{color:#6a4ef4}.btn-outline-gray:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);color:#858585}.btn.disabled,.btn:disabled{-webkit-filter:blur(2px);filter:blur(2px)}.nav{font-size:15px;position:fixed;height:var(--navHeight);width:100%;padding-left:var(--paddingLeft);background:var(--barBgColor)}.nav-link.active>p{border-bottom:1px solid #000;color:#000}.nav-link{cursor:pointer;color:var(--navInactiveColor);transition:.3s ease}.nav-link:hover{color:#000;transition:.3s ease}#subNav{top:var(--navHeight)!important;display:none;border-top:1px solid #f0f0f0}.nav li:first-child>span{padding-left:0}#sidebar{width:var(--sbWidth);position:fixed;top:0;left:0;height:100vh;z-index:999;background:var(--barBgColor);color:#000;overflow:hidden;border-right:1px solid #f0f0f0;padding:16px 24px 84px;overflow-y:scroll;scrollbar-width:none}#sidebar::-webkit-scrollbar{display:none}#sidebar .sbEl{padding:0;background:#ecebfb;border-radius:8px;text-align:center;font-size:15px;text-transform:capitalize;color:#6a4ef4;width:40px;height:40px;line-height:36px;cursor:pointer;margin-bottom:16px;transition:.3s ease}.sb-active{border:2px solid #6a4ef4}#sidebar .sbAdd{padding:0;width:40px;height:40px;text-align:center;font-size:32px;color:var(--navInactiveColor);cursor:pointer;margin-top:-10px;transition:.3s ease}#sidebar .sbAdd:hover{color:#000;transition:.3s ease}#sidebar .cog{margin:0;padding:16px 24px 0;position:fixed;bottom:0;left:0;right:0;width:var(--sbWidth);height:84px;background-color:var(--barBgColor)}#sidebar .cog i{width:40px;height:40px;font-size:28px;line-height:40px;text-align:center;color:#6a4ef4;background-color:#ecebfb;border-radius:8px;cursor:pointer;transition:.3s ease}#sidebar .cog i:hover,#sidebar .sbEl:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);transition:.3s ease}.cog-active{color:#ecebfb!important;background-color:#6a4ef4!important}.offcanvas{padding:1rem;min-width:480px!important}#header{font-size:20px;font-weight:400;color:#393c44}#subnav{width:100%}.navdisabled{transition:all .3s cubic-bezier(.05,.03,.35,1)}.navdisabled:hover{cursor:pointer;opacity:.5}.navactive{position:relative;color:#393c44!important}.navactive:after{position:absolute;left:0;right:0;bottom:6px;display:block;content:"";width:100%;height:2px;background-color:#217ce8}#actions,#loggers{font-weight:500;color:#808292;font-size:14px;height:48px;line-height:48px;width:50%;text-align:center}#footer{position:absolute;left:0;line-height:20px;bottom:0;width:100%;border-top:1px solid #e8e8ef;height:50px;box-sizing:border-box;background-color:#fff}.addBtn{padding:2px 15px;cursor:pointer}.addBtn:hover{background-color:#f0f3f9}.blockelem:first-child{margin-top:20px}.blockelem{padding-top:10px;width:100%;border:1px solid transparent;transition-property:box-shadow,height;transition-duration:.2s;transition-timing-function:cubic-bezier(.05,.03,.35,1);border-radius:5px;box-shadow:0 0 30px rgba(22,33,74,0);box-sizing:border-box}.blockelem:hover{box-shadow:0 4px 30px rgba(22,33,74,.08);border-radius:5px;background-color:#fff;cursor:pointer}.blockico,.grabme{display:inline-block}.grabme{margin-top:10px;margin-left:10px;margin-bottom:-14px;width:15px}#blocklist{max-height:calc(100vh - 280px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.blockin,.blocktext{display:inline-block;vertical-align:top}.blocktext{margin-left:12px}.blocktitle{margin:0!important;padding:0!important;font-weight:500;font-size:16px;color:#393c44}.blockdesc{margin-top:5px;color:#808292;font-size:14px;line-height:21px}.dndflow{position:relative;flex-direction:column;display:flex;height:100%}.dndflow .propWrap{position:absolute;right:0;padding:1rem;bottom:0;top:0;width:300px;height:100%;background-color:#fff;border:1px solid #e8e8ef;box-sizing:border-box}.dndflow .propWrap .closeProps{position:absolute;left:-20px;top:0;display:block;width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer;font-weight:600;font-size:18px}.dndflow .propWrap .closeProps:hover{font-weight:900;font-size:22px}.dndflow .propWrap .select-wrapper .dropdown-content{left:0!important}.dndflow aside{position:relative;padding:15px 10px;font-size:12px;width:363px;background-color:#fff;border:1px solid #e8e8ef;box-sizing:border-box;height:100%}.dndflow aside .description{margin-bottom:10px}.dndflow .dndnode{cursor:grab}.dndflow .dndnode.input{border-color:#0041d0}.dndflow .dndnode.output{border-color:#ff0072}.dndflow .reactflow-wrapper{flex-grow:1;height:100%}#search input{font-size:14px}::-webkit-input-placeholder{color:#c9c9d5}:-ms-input-placeholder{color:#c9c9d5}::placeholder{color:#c9c9d5}@media screen and (min-width:768px){.dndflow{flex-direction:row}.dndflow aside{width:20%;max-width:250px}}:root{--paddingLeft:84px;--sbWidth:88px;--navHeight:44px;--navHeightDouble:88px;--navInactiveColor:#bcbcbc;--barBgColor:#fbfbfb}body{box-sizing:border-box;margin:0;padding:0;position:relative}*{outline:none!important}button,button::-moz-focus-inner,button::-moz-focus-outer,button:active,button:focus{border:0;outline:none!important}.container-fluid{padding-left:0;height:100%}.wrapper{display:flex;width:100%}#content{margin-left:88px;margin-left:var(--sbWidth);width:100%;min-height:100vh}#page-body{padding-top:28px;padding-left:84px;padding-left:var(--paddingLeft);padding-right:84px;padding-right:var(--paddingLeft);margin-top:44px;margin-top:var(--navHeight);height:100%}.nopadding{padding:0!important;max-height:calc(100vh - 88px);max-height:calc(100vh - var(--navHeightDouble));overflow:hidden}.ai-button{width:28px;background-color:#f3f5fb;display:flex;align-items:center;cursor:pointer;transition:background-color .3s}.ai-button:hover{background-color:#e0e4eb}.custom-offcanvas{width:1200px}.editable-textarea{font-size:16px;font-weight:light;margin-top:4px;padding:8px;border:1px solid transparent;border-radius:4px;width:100%;resize:none;box-sizing:border-box;transition:border-color .3s ease,background-color .3s ease}.editable-textarea:focus{border-color:#007bff;outline:none;background-color:#e9f5ff}.editable-textarea::-webkit-input-placeholder{color:#aaa;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.editable-textarea:-ms-input-placeholder{color:#aaa;-ms-transition:opacity .3s ease;transition:opacity .3s ease}.editable-textarea::placeholder{color:#aaa;transition:opacity .3s ease}.select-no-border{border:none;background:none;color:#000;padding:0 0 0 10px!important;font-size:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none}.select-no-border:focus{outline:none!important;box-shadow:none!important}select{border:none;background:none;outline:none;box-shadow:none}.table-row{cursor:pointer;transition:background-color .3s ease}.table-row:hover{background-color:#f0f0f0}
/*# sourceMappingURL=main.bcd8c367.chunk.css.map */