Viewing github.com/facebook/react/packages/react-devtools-shared/src/devtools/views/Components/Tree.css

```
.Tree {
```
```
  position: relative;
```
```
  height: 100%;
```
```
  width: 100%;
```
```
  display: flex;
```
```
  flex-direction: column;
```

  border-top: 1px solid var(--color-border);

  /* Default size will be adjusted by Tree after scrolling */

```
  --indentation-size: 12px;
```
```
}
```
```
.List {
```
```
  overflow-x: hidden !important;
```
```
}
```
```
.InnerElementType {
```
```
  overflow-x: hidden;
```
```
}
```
```
.SearchInput {
```
```
  flex: 0 0 42px;
```
```
  display: flex;
```
```
  align-items: center;
```

  border-bottom: 1px solid var(--color-border);

```
  padding: 0.5rem;
```
```
}
```
```
.AutoSizerWrapper {
```
```
  width: 100%;
```
```
  overflow: hidden;
```
```
  flex: 1 0 auto;
```
```
}
```
```
.AutoSizerWrapper:focus {
```
```
  outline: none;
```
```
}
```
```
.List {
```

  font-family: var(--font-family-monospace);

  font-size: var(--font-size-monospace-normal);

  line-height: var(--line-height-data);

```
}
```
```
.VRule {
```
```
  height: 20px;
```
```
  width: 1px;
```
```
  flex: 0 0 1px;
```
```
  margin: 0 0.5rem;
```

  background-color: var(--color-border);

```
}
```
```
.Loading {
```
```
  height: 100%;
```
```
  padding-left: 0.5rem;
```
```
  display: flex;
```
```
  align-items: center;
```
```
  flex: 1;
```
```
  justify-content: flex-start;
```

  font-size: var(--font-size-sans-large);

```
  color: var(--color-dim);
```
```
}
```
```
.IconAndCount {
```
```
  display: flex;
```
```
  align-items: center;
```

  font-size: var(--font-size-sans-normal);

```
}
```
```
.ErrorIcon, .WarningIcon {
```
```
  width: 0.75rem;
```
```
  height: 0.75rem;
```
```
  margin-left: 0.25rem;
```
```
  margin-right: 0.25rem;
```
```
  flex: 0 0 auto;
```
```
}
```
```
.ErrorIcon {
```

  color: var(--color-console-error-icon);

```
}
```
```
.WarningIcon {
```

  color: var(--color-console-warning-icon);

```
}
```
```
.ZeroElementsNotice {
```
```
  padding-left: 1em;
```
```
  opacity: 0;
```
```
  animation: fadeIn 0.5s forwards;
```
```
  animation-delay: 2s;
```
```
}
```
```
@keyframes fadeIn {
```
```
  0% {
```
```
    opacity: 0;
```
```
  }
```
```
  100% {
```
```
    opacity: 1;
```
```
  }
```
```
}
```
```
.Link {
```
```
  color: var(--color-button-active);
```
```
}
```

About Sign Up Leave Feedback Contact