.ads-v3-billing-summary{display:grid;grid-template-columns:max-content minmax(82px,1fr);align-items:end;gap:10px}

.ads-v3-billing-api{display:flex;align-items:baseline;gap:4px;white-space:nowrap}

.ads-v3-billing-api strong{color:#172033;font-size:13px;line-height:1}

.ads-v3-billing-api small,.ads-v3-billing-credits>small{color:#64748b;font-size:8px;font-weight:750}

.ads-v3-billing-credits{display:grid;gap:3px}

.ads-v3-credit-meter{display:flex;overflow:hidden;width:100%;height:7px;border-radius:999px;background:#e2e8f0;box-shadow:inset 0 0 0 1px rgba(100,116,139,.12);cursor:help}

.ads-v3-credit-meter i{display:block;height:100%;transition:width .25s ease}

.ads-v3-credit-meter [data-billing-credit-used]{background:#6366f1}

.ads-v3-credit-meter [data-billing-credit-remaining]{background:#86efac}

@keyframes usage-pulse{50%{opacity:.35}}

@media(max-width:1200px){.page-usage-summary{align-items:flex-start;flex-direction:column}.page-usage-metrics{width:100%;max-width:none}.ads-v3-utilities>a.ads-v3-billing-usage{display:none}}

@media(max-width:720px){.page-usage-metrics{grid-template-columns:1fr}.page-usage-heading{flex-wrap:wrap}.page-usage-summary{padding:10px}}

/* shared-page-and-billing-usage:end */

/* stable-client-rendering:start */
.rq-metrics:empty,
.rq-results:empty,
.ko-metrics:empty,
.ko-results:empty,
.usage-metrics:empty,
[data-usage-results]:empty,
.ca-metrics:empty,
.ca-results:empty,
.cm-metrics:empty,
.cm-results:empty,
.rs-summary:empty,
.rs-chart:empty,
[data-results-timeline]:empty{
  position:relative;
  min-height:112px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
}

.rq-results:empty,
.ko-results:empty,
[data-usage-results]:empty,
.ca-results:empty,
.cm-results:empty,
.rs-chart:empty,
[data-results-timeline]:empty{
  min-height:260px;
  margin-top:16px;
}

.rq-metrics:empty::before,
.rq-results:empty::before,
.ko-metrics:empty::before,
.ko-results:empty::before,
.usage-metrics:empty::before,
[data-usage-results]:empty::before,
.ca-metrics:empty::before,
.ca-results:empty::before,
.cm-metrics:empty::before,
.cm-results:empty::before,
.rs-summary:empty::before,
.rs-chart:empty::before,
[data-results-timeline]:empty::before{
  position:absolute;
  inset:0;
  background:
    linear-gradient(100deg,transparent 20%,rgba(255,255,255,.82) 42%,transparent 64%),
    repeating-linear-gradient(
      0deg,
      #f8fafc 0 18px,
      transparent 18px 34px
    );
  background-size:220% 100%,100% 100%;
  content:"";
  animation:page-data-shimmer 1.25s linear infinite;
}

@keyframes page-data-shimmer{
  to{background-position-x:-220%,0}
}

@media(prefers-reduced-motion:reduce){
  .rq-metrics:empty::before,
  .rq-results:empty::before,
  .ko-metrics:empty::before,
  .ko-results:empty::before,
  .usage-metrics:empty::before,
  [data-usage-results]:empty::before,
  .ca-metrics:empty::before,
  .ca-results:empty::before,
  .cm-metrics:empty::before,
  .cm-results:empty::before,
  .rs-summary:empty::before,
  .rs-chart:empty::before,
  [data-results-timeline]:empty::before{animation:none}
}

/* stable-client-rendering:end */