.chart-component[data-v-17b25a1c]{width:100%;height:100%;display:flex;flex-direction:column}.chart-component .section-header[data-v-17b25a1c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-component .section-header .section-title[data-v-17b25a1c]{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;margin-top:-9px}.chart-component .section-header .section-title[data-v-17b25a1c]:before{content:"";display:inline-block;width:3px;height:16px;background:var(--normal);margin-right:8px;border-radius:1px}.chart-component .section-header .time-toggle[data-v-17b25a1c]{display:flex;align-items:center}.chart-component .section-header .time-toggle .toggle-btn[data-v-17b25a1c]{padding:8px 36px;font-size:14px;color:#fff;cursor:pointer;border:1px solid var(--normal-percent-50);margin-right:-1px}.chart-component .section-header .time-toggle .toggle-btn.active[data-v-17b25a1c]{color:var(--normal);border:1px solid var(--normal)}.chart-component .section-header .time-toggle .toggle-btn[data-v-17b25a1c]:first-child{border-radius:4px 0 0 4px}.chart-component .section-header .time-toggle .toggle-btn[data-v-17b25a1c]:last-child{border-radius:0 4px 4px 0}.chart-component .chart-container[data-v-17b25a1c]{flex:1;overflow:hidden;width:100%}