/* Storage usage card on the billing page (billing/_app_sections). */
@layer components {
  .billing-storage-usage {
    margin: 0.75rem 0 0.5rem;
    color: var(--muted, #6b7280);
  }

  .billing-storage-meter {
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--hairline, #e5e7eb);
  }

  .billing-storage-meter-fill {
    height: 100%;
    border-radius: inherit;
    background: var(--color-primary, #8a2740);
  }

  .billing-storage-meter-fill--warning {
    background: #dc2626;
  }
}