[data-v-17b973b8]:root{--bar-width:224px}.usage-billing-section[data-v-17b973b8]{padding:0;background:transparent}.usage-billing-section .usage-billing-section__inner[data-v-17b973b8]{width:100%;display:grid;gap:24px}.usage-billing-section .usage-billing-section__card[data-v-17b973b8]{padding:24px;border:1px solid #f4f5f7;border-radius:24px;background:#fff;transition:all .3s}.usage-billing-section .usage-billing-section__card-title[data-v-17b973b8]{margin:0;color:#323b4b;font-size:18px;line-height:28px;font-weight:500}.usage-billing-section .usage-billing-section__card--usage[data-v-17b973b8]{display:grid;gap:24px;margin-top:0}.usage-billing-section .usage-billing-section__card-header[data-v-17b973b8]{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.usage-billing-section .usage-billing-section__legend[data-v-17b973b8]{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:24px}.usage-billing-section .usage-billing-section__legend-item[data-v-17b973b8]{display:inline-flex;align-items:center;gap:8px;color:#323b4b;font-size:14px;line-height:20px;font-weight:400}.usage-billing-section .usage-billing-section__legend-dot[data-v-17b973b8]{width:8px;height:8px;border-radius:50%}.usage-billing-section .usage-billing-section__legend-item.is-discover .usage-billing-section__legend-dot[data-v-17b973b8]{background:#fa6300}.usage-billing-section .usage-billing-section__legend-item.is-analyze .usage-billing-section__legend-dot[data-v-17b973b8]{background:#377dff}.usage-billing-section .usage-billing-section__legend-item.is-outreach .usage-billing-section__legend-dot[data-v-17b973b8]{background:#38cb89}.usage-billing-section .usage-billing-section__legend-item.is-negotiate .usage-billing-section__legend-dot[data-v-17b973b8]{background:#ffab00}.usage-billing-section .usage-billing-section__legend-item.is-manage .usage-billing-section__legend-dot[data-v-17b973b8]{background:#e832b5}.usage-billing-section .usage-billing-section__chart-wrap[data-v-17b973b8]{width:100%;height:352px}.usage-billing-section .usage-billing-section__chart-echarts[data-v-17b973b8]{width:100%;height:100%}.usage-billing-section .usage-billing-section__chart-placeholder[data-v-17b973b8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7d849b;font-size:14px;line-height:20px;font-weight:400}.usage-billing-section[data-v-17b973b8] .usage-billing-section__card .el-loading-mask{border-radius:24px}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown .el-loading-mask{border-radius:8px}.usage-billing-section .usage-billing-section__breakdown[data-v-17b973b8]{border:none;border-radius:8px;overflow:hidden}.usage-billing-section .usage-billing-section__breakdown-table[data-v-17b973b8]{width:100%}.usage-billing-section .usage-billing-section__card--logs[data-v-17b973b8]{display:grid;gap:0}.usage-billing-section .usage-billing-section__logs-table[data-v-17b973b8]{margin-top:24px;width:100%}.usage-billing-section .usage-billing-section__footer[data-v-17b973b8]{margin-top:16px;display:flex;justify-content:flex-end;align-items:center;padding-top:16px;border-top:1px solid #f4f5f7}.usage-billing-section .usage-billing-section__page-wrap[data-v-17b973b8]{display:flex;justify-content:flex-end;max-width:100%}.usage-billing-section .usage-billing-section__card--invoice[data-v-17b973b8]{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.usage-billing-section .usage-billing-section__card--invoice .usage-billing-section__card-title[data-v-17b973b8]{font-size:16px;line-height:24px;font-weight:700}.usage-billing-section .usage-billing-section__invoice-link[data-v-17b973b8]{color:#fa6300;font-size:16px;line-height:24px;font-weight:500;text-decoration:none;transition:all .3s}.usage-billing-section .usage-billing-section__invoice-link[data-v-17b973b8]:hover{color:#fca166}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table.el-table,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table.el-table{border:none;border-radius:8px;overflow:hidden}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table.el-table:before,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table.el-table:before{display:none}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table.el-table--border,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table.el-table--border{border:none}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table.el-table .el-table__cell,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table.el-table .el-table__cell{border-right:none}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table.el-table--border:after,.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table .el-table__fixed-right-patch,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table.el-table--border:after,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__fixed-right-patch{display:none}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table .el-table__header-wrapper th.el-table__cell,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__header-wrapper th.el-table__cell{background:#f7f8fa;color:#7d849b;font-size:12px;line-height:18px;font-weight:500;padding:16px 24px;border-bottom:1px solid #f4f5f7}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table .el-table__body-wrapper td.el-table__cell,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__body-wrapper td.el-table__cell{color:#323b4b;font-size:14px;line-height:20px;font-weight:400;padding:16px 24px;border-bottom:1px solid #f4f5f7;transition:all .3s}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table .el-table__body tr:hover>td.el-table__cell,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__body tr:hover>td.el-table__cell{background:#f7f8fa}.usage-billing-section[data-v-17b973b8] .usage-billing-section__breakdown-table .el-table__body tr:last-child td.el-table__cell,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__body tr:last-child td.el-table__cell{border-bottom:none}.usage-billing-section[data-v-17b973b8] .usage-billing-section__page-wrap .search-pagination-container{max-width:100%}@media(max-width:1280px){.usage-billing-section .usage-billing-section__card-header[data-v-17b973b8]{flex-direction:column;align-items:flex-start}.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__body-wrapper td.el-table__cell,.usage-billing-section[data-v-17b973b8] .usage-billing-section__logs-table .el-table__header-wrapper th.el-table__cell{padding:14px 12px}}@media(max-width:888px){.usage-billing-section .usage-billing-section__footer[data-v-17b973b8]{justify-content:flex-start}.usage-billing-section .usage-billing-section__page-wrap[data-v-17b973b8]{overflow-x:auto}.usage-billing-section .usage-billing-section__card--invoice[data-v-17b973b8]{align-items:flex-start;flex-direction:column}}