1. .InspectedElementTree {
    
  2.   padding: 0.25rem;
    
  3.   border-top: 1px solid var(--color-border);
    
  4. }
    
  5. .InspectedElementTree:first-of-type {
    
  6.   border-top: none;
    
  7. }
    
  8. 
    
  9. .HeaderRow {
    
  10.   display: flex;
    
  11.   align-items: center;
    
  12. }
    
  13. 
    
  14. .Header {
    
  15.   display: flex;
    
  16.   align-items: center;
    
  17.   flex: 1 1;
    
  18.   font-family: var(--font-family-sans);
    
  19. }
    
  20. 
    
  21. .Item {
    
  22.   display: flex;
    
  23. }
    
  24. 
    
  25. .Name {
    
  26.   color: var(--color-attribute-name);
    
  27.   flex: 0 0 auto;
    
  28. }
    
  29. .Name:after {
    
  30.   content: ': ';
    
  31.   color: var(--color-text);
    
  32.   margin-right: 0.5rem;
    
  33. }
    
  34. 
    
  35. .Value {
    
  36.   color: var(--color-attribute-value);
    
  37.   overflow: hidden;
    
  38.   text-overflow: ellipsis;
    
  39. }
    
  40. 
    
  41. .None {
    
  42.   color: var(--color-dimmer);
    
  43.   font-style: italic;
    
  44. }
    
  45. 
    
  46. .Empty {
    
  47.   color: var(--color-dimmer);
    
  48.   font-style: italic;
    
  49.   padding-left: 0.75rem;
    
  50. }
    
  51. 
    
  52. .ToggleSuspenseRow {
    
  53.   padding-left: 1rem;
    
  54.   white-space: nowrap;
    
  55.   display: flex;
    
  56.   align-items: center;
    
  57. }
    
  58. 
    
  59. .EditableValue {
    
  60.   min-width: 1rem;
    
  61. }