#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.topnav{overflow:hidden;background-color:#fff}.topnav a{float:left;color:#000;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#04aa6d;color:#fff}.topnav b{float:left;color:#000;text-align:center;padding:1px 10px;text-decoration:none;font-size:20px}.topnav b:hover{background-color:#ddd;color:#000}.node-configs[data-v-15fdeb8a]{width:100%;display:grid;grid-template-columns:60px 1fr}.node-configs>div[data-v-15fdeb8a]:nth-child(odd){font-size:13px;font-weight:700;background-color:#efefef;border:1px solid #fff;display:flex;align-items:center;justify-content:center}.node-configs>div[data-v-15fdeb8a]:nth-child(2n){display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px}.control[data-v-15fdeb8a]{display:flex;flex-direction:row;align-items:center;margin-left:10px}[data-v-15fdeb8a] .el-input,[data-v-15fdeb8a] .el-select{width:80px;margin-left:10px}[data-v-15fdeb8a] .el-select{margin-left:0;margin-right:20px}[data-v-15fdeb8a] .el-select .el-input{width:90px}[data-v-15fdeb8a] .el-slider{width:50px;margin-left:16px;margin-right:10px}[data-v-15fdeb8a] .el-color-picker{margin-left:10px}[data-v-44f735bf]{box-sizing:border-box}body[data-v-44f735bf]{font-size:1.25rem;font-family:sans-serif;line-height:150%;text-shadow:0 2px 2px #b6701e}section[data-v-44f735bf]{text-align:center}div[data-v-44f735bf]{height:68%}article[data-v-44f735bf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:20px}h1[data-v-44f735bf]{font-size:1.75rem;margin:0 0 .75rem 0}.container[data-v-44f735bf]{display:table;width:100%}.left-half[data-v-44f735bf]{position:absolute;left:0;width:60%}.right-half[data-v-44f735bf]{position:absolute;right:0;width:40%}.wrapper[data-v-44f735bf]{width:100%;height:50%;color:#000;overflow:hidden}.flex_box[data-v-44f735bf]{display:flex;justify-content:center;align-items:center;flex-direction:column}form[data-v-44f735bf]{position:absolute;padding:30px 20px;width:320px;border-radius:7px;background-color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(158,189,199,.288);overflow:hidden}.input[data-v-44f735bf]{display:flex;flex-direction:column}.button_wrapper[data-v-44f735bf]{display:flex;justify-content:flex-end}button[data-v-44f735bf]{padding:8px 14px;margin:20px 8px 0 0;border-width:0;border-radius:5px;color:#fff;background-color:#2dd2a6;transition:.3s;z-index:1}button[data-v-44f735bf]:hover{color:#3c2399;background-color:#fff}.outer-box[data-v-44f735bf]{margin:12px;width:100%;height:700px;position:relative;background-color:#fff}.resizable[data-v-44f735bf]{position:relative;resize:both;overflow:hidden;min-width:100px;min-height:100px;max-width:100%;max-height:100%;width:100%;height:100%;border:1px solid #444;background-color:#fff}.handle[data-v-44f735bf]{position:absolute;bottom:0;right:0;width:0;height:0;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid #ff8f8f;border-bottom:8px solid #ff8f8f;pointer-events:none}body[data-v-244cb6c7]{margin:40px}.wrapper[data-v-244cb6c7]{display:flex}.box[data-v-244cb6c7]{border-radius:5px;padding:20px;font-size:150%;box-sizing:border-box;flex:1 1 auto}.handler[data-v-244cb6c7]{width:20px;padding:0;cursor:ew-resize;flex:0 0 auto}.handler[data-v-244cb6c7]:before{content:"";display:block;width:4px;height:100%;background:grey;margin:0 auto}