.billing-chart{margin:24px 0}.billing-chart h3{font-size:22px;margin:0 0 8px}.billing-chart .section-header{gap:24px;align-items:start}.billing-year{min-width:110px;margin:0}.billing-currencies{display:flex;gap:8px;margin-bottom:16px}.billing-summary{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:16px 0 24px}.billing-summary strong{font-size:30px;color:var(--navy,#10083f)}.billing-summary span{font-size:13px;color:#696781}.billing-summary:not(.cost-history-summary)>div{display:contents}.resource-costs .billing-chart{margin:0}.billing-chart,.resource-costs>*{min-width:0}.cost-history-summary{display:grid;grid-template-columns:1.5fr 1fr 1.2fr auto;padding:20px;border-radius:12px;background:var(--surface-tint,#f5f4fb);align-items:center;gap:24px}.cost-history-summary>div{display:flex;flex-direction:column;gap:8px}.cost-history-summary>div:not(:first-child) strong{font-size:22px}.cost-history-summary button{display:flex;align-items:center;gap:8px}@media (max-width:1000px){.cost-history-summary{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cost-history-summary{grid-template-columns:1fr;gap:16px;padding:16px}}.billing-scroll{overflow-x:auto}.billing-plot{display:flex;min-width:650px;height:265px;padding-top:8px}.billing-axis{width:60px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:33px;font-size:11px;color:#696781;text-align:right;padding-right:12px}.billing-columns{flex:1 1;display:flex;gap:8px;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),#eeedf5 calc(25% - 1px),#eeedf5 25%);background-size:100% calc(100% - 33px);background-repeat:no-repeat}.billing-month{flex:1 1;min-width:0;padding:0;border:0;background:none;display:flex;flex-direction:column;cursor:pointer;color:inherit;border-radius:5px}.billing-month:hover,.billing-month[aria-pressed=true]{background:#eeedf580}.billing-month:focus-visible{outline:2px solid #17104b;outline-offset:2px}.billing-bar-space{height:224px;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #d9d6e5}.billing-stack{width:68%;display:flex;flex-direction:column-reverse;border-radius:5px 5px 0 0;overflow:hidden}.billing-stack>span{display:block;width:100%;min-height:1px}.billing-no-data{position:absolute;bottom:8px;color:#8a879d;font-size:13px}.billing-month-label{font-size:12px;padding:10px 0;white-space:nowrap}.billing-legend{list-style:none;padding:0;margin:20px 0 14px;display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px}.billing-legend li{display:flex;align-items:center;gap:8px}.billing-legend li>span{width:11px;height:11px;border-radius:3px;flex-shrink:0}.billing-detail{margin-top:20px;padding:18px;background:#f7f7fc;border-radius:8px}.billing-detail h4{margin:0 0 12px;text-transform:capitalize}.billing-detail ul{list-style:none;margin:0;padding:0}.billing-detail li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid #e7e5ef}.billing-data{margin-top:16px}.billing-data summary{cursor:pointer;font-size:13px}.billing-data table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.billing-data td,.billing-data th{padding:10px;text-align:right;white-space:nowrap;border-bottom:1px solid #e7e5ef}.billing-data th:first-child{text-align:left}.billing-data caption{text-align:left;padding:10px;font-weight:600}@media (max-width:650px){.billing-chart .section-header{flex-wrap:wrap}.billing-summary strong{font-size:25px}.billing-chart h3{font-size:20px}}