1. .ErrorTree, .WarningTree {
    
  2.   padding: 0.25rem 0 0 0;
    
  3. }
    
  4. 
    
  5. .HeaderRow {
    
  6.   padding: 0 0.25rem;
    
  7. }
    
  8. 
    
  9. .HeaderRow {
    
  10.   padding: 0 0.25rem;
    
  11. }
    
  12. 
    
  13. .Error, .Warning {
    
  14.   padding: 0 0.5rem;
    
  15.   display: flex;
    
  16.   align-items: center;
    
  17. }
    
  18. 
    
  19. .Error {
    
  20.   border-top: 1px solid var(--color-console-error-border);
    
  21.   background-color: var(--color-console-error-background);
    
  22.   color: var(--color-error-text);
    
  23.   padding: 0 0.5rem;
    
  24. }
    
  25. 
    
  26. .Warning {
    
  27.   border-top: 1px solid var(--color-console-warning-border);
    
  28.   background-color: var(--color-console-warning-background);
    
  29.   color: var(--color-warning-text);
    
  30.   padding: 0 0.5rem;
    
  31. }
    
  32. 
    
  33. .Message {
    
  34.   overflow-x: hidden;
    
  35.   text-overflow: ellipsis;
    
  36.   white-space: nowrap;
    
  37. }
    
  38. 
    
  39. .ErrorBadge,
    
  40. .WarningBadge {
    
  41.   display: inline-block;
    
  42.   width: 0.75rem;
    
  43.   height: 0.75rem;
    
  44.   flex: 0 0 0.75rem;
    
  45.   line-height: 0.75rem;
    
  46.   text-align: center;
    
  47.   border-radius: 0.25rem;
    
  48.   margin-right: 0.25rem;
    
  49.   font-size: var(--font-size-monospace-small);
    
  50. }
    
  51. 
    
  52. .ErrorBadge {
    
  53.   background-color: var(--color-console-error-icon);
    
  54.   color: var(--color-console-error-badge-text);
    
  55. }
    
  56. 
    
  57. .WarningBadge {
    
  58.   background-color: var(--color-console-warning-icon);
    
  59.   color: var(--color-console-warning-badge-text);
    
  60. }