.realtime-recording[data-v-f9efc21e]{padding:0}.recording-form[data-v-f9efc21e]{margin-bottom:20px;padding:20px;border:1px solid #eee;border-radius:6px}.default-button[data-v-f9efc21e]{color:rgba(0,0,0,.44)}.channel-list-wrapper[data-v-f9efc21e]{margin-bottom:20px;padding:0 20px;border:1px solid #eee;border-radius:6px}.channel-fetch-area[data-v-f9efc21e]{padding:16px 0;text-align:center}.channel-list-header[data-v-f9efc21e]{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700}.header-col[data-v-f9efc21e]{-ms-flex-negative:0;flex-shrink:0}.channel-col[data-v-f9efc21e]{width:320px}.max-col[data-v-f9efc21e],.min-col[data-v-f9efc21e]{width:160px;margin-left:16px}.channel-row[data-v-f9efc21e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.channel-select[data-v-f9efc21e]{width:320px;-ms-flex-negative:0;flex-shrink:0}.max-input[data-v-f9efc21e],.min-input[data-v-f9efc21e]{width:160px;margin-left:16px;-ms-flex-negative:0;flex-shrink:0}.chart-container[data-v-f9efc21e]{position:relative;border:1px solid #eee;border-radius:6px;padding:16px;background:#fff}.chart-toolbar[data-v-f9efc21e]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.chart-info[data-v-f9efc21e],.chart-toolbar[data-v-f9efc21e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-info[data-v-f9efc21e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-info-item[data-v-f9efc21e]{font-size:14px;color:#333}.chart-fullscreen[data-v-f9efc21e]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;padding:20px;background:#fff}.chart-empty[data-v-f9efc21e]{background:#fafafa}.chart-actions[data-v-f9efc21e]{margin-top:12px}.stop-icon-wrapper[data-v-f9efc21e]{position:relative;display:inline-block}.stop-loading[data-v-f9efc21e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}