.the-header[data-v-177d59d3]{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px}.the-header__left[data-v-177d59d3]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-header__left .back[data-v-177d59d3]{font-size:24px;color:#999;margin-right:10px;cursor:pointer}.the-header__left .back[data-v-177d59d3]:hover{color:#666}.the-header__btn[data-v-177d59d3]{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border:1px solid transparent;border-radius:5px;height:100%;padding:0 10px;-webkit-transition:all .2s;transition:all .2s}.the-header__btn+.the-header__btn[data-v-177d59d3]{margin-left:16px}.the-header__btn img[data-v-177d59d3]{border:none;height:16px;width:16px}.the-header__btn span[data-v-177d59d3]{margin-left:10px;color:#333;font-size:14px}.the-header__btn[data-v-177d59d3]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.the-header__right[data-v-177d59d3]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.the-history[data-v-e96335da]{--text-color:#a4a9ae;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px}.the-history__label[data-v-e96335da]{font-size:12px;font-weight:700;color:var(--text-color);line-height:30px}.the-history__empty[data-v-e96335da]{padding-left:50px;font-size:12px;font-weight:400;color:var(--text-color);line-height:40px;margin-bottom:20px}.the-history__header[data-v-e96335da]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.the-history__btn[data-v-e96335da],.the-history__btns[data-v-e96335da],.the-history__header[data-v-e96335da]{display:-webkit-box;display:-ms-flexbox;display:flex}.the-history__btn[data-v-e96335da]{color:var(--text-color);width:30px;height:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.the-history__btn[data-v-e96335da]:hover{background-color:var(--app-primary);color:#fff}.the-history__content[data-v-e96335da]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;height:calc(100vh - 200px);overflow:auto}.the-history__item[data-v-e96335da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;color:#666;border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;margin-bottom:10px}.the-history__item--active[data-v-e96335da],.the-history__item[data-v-e96335da]:hover{background-color:var(--app-primary);color:#fff}.the-history__item--active .info[data-v-e96335da],.the-history__item--active .the-history__icon[data-v-e96335da],.the-history__item:hover .info[data-v-e96335da],.the-history__item:hover .the-history__icon[data-v-e96335da]{color:#fff}.the-history .info[data-v-e96335da]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;color:#999;margin-top:8px;margin-left:28px}.the-history .info-item+.info-item[data-v-e96335da]{margin-left:10px}.the-history__icon[data-v-e96335da]{color:#999;font-size:16px;margin-right:10px}.the-history__tag[data-v-e96335da]{color:#fff;font-size:12px;font-weight:700;height:24px;border-radius:12px;line-height:24px;padding:0 10px}.the-history__tag--success[data-v-e96335da]{background-color:green}.the-history__tag--error[data-v-e96335da]{background-color:red}.the-history__tag--running[data-v-e96335da]{background-color:#00f}.the-history__tag--pending[data-v-e96335da]{background-color:orange}.flow-history-date-picker{left:inherit!important;right:30px!important;top:135px!important}.flow-history-date-picker .popper__arrow{left:591px!important}.page-detail[data-v-33a02756]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.page-detail__left[data-v-33a02756]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-detail__flow[data-v-33a02756]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;position:relative}.page-detail__chart[data-v-33a02756]{-webkit-box-flex:0;-ms-flex:none;flex:none;height:150px;padding:12px;border-top:1px solid #e4e4e4}.page-detail__history[data-v-33a02756]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:360px;border-left:1px solid #e4e4e4;overflow:auto;padding:12px}.page-detail__empty[data-v-33a02756]{height:100%}.page-detail__empty[data-v-33a02756],.page-detail__link[data-v-33a02756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666}.page-detail__link[data-v-33a02756]{padding-top:24px}.page-detail .page-ins[data-v-33a02756]{width:100%;height:100%;position:relative}.page-detail .page-ins__empty[data-v-33a02756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:#666;position:absolute;left:0;right:0}.page-detail .page-ins__flow[data-v-33a02756]{height:100%;overflow:hidden}.page-detail .page-ins__history[data-v-33a02756]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:360px;border-left:1px solid #e4e4e4;padding-left:15px;overflow:auto}.page-detail .page-ins .name[data-v-33a02756]{font-size:16px;margin-bottom:10px}.page-detail .page-ins .item[data-v-33a02756]{line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.page-detail .page-ins .item .label[data-v-33a02756]{font-weight:700;width:100px}.page-detail .page-ins .nodes .node-item[data-v-33a02756]{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-detail .page-ins .nodes .node-item__icon[data-v-33a02756]{-webkit-box-flex:0;-ms-flex:none;flex:none;width:24px;height:24px}.page-detail .page-ins .nodes .node-item__icon img[data-v-33a02756]{width:100%;height:100%;border:none}.page-detail .page-ins .nodes .node-item__content[data-v-33a02756]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin-left:10px}.page-detail .page-ins .nodes .node-item__main[data-v-33a02756]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-detail .page-ins .nodes .node-item__name[data-v-33a02756]{color:#fff;font-weight:700;font-size:14px;padding:2px 8px;border-radius:4px;cursor:pointer}.page-detail .page-ins .nodes .node-item__duration[data-v-33a02756]{color:#999;margin-left:10px;font-size:12px}.page-detail .page-ins .nodes .node-item__desc[data-v-33a02756]{margin-top:5px;color:#666;font-size:14px}.page-detail .page-ins .log-drawer[data-v-33a02756]{position:absolute;left:0;right:0;bottom:0;height:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto;border-top:1px solid #eee;background-color:#fff}.page-detail .page-ins .log-drawer--show[data-v-33a02756]{height:50%}.log-helper{position:absolute;bottom:0;left:0}.log-content{padding:16px;font-size:12px;word-wrap:break-word}.log-content .log__item{padding:10px 0}.log-content .log__item+.log__item{border-top:1px dashed #ccc}.log-content .log__type{margin:0 10px}.log-content .log--info{color:#333}.log-content .log--error{color:red}.log-content .log--warning{color:orange}