body {
  background-color: #131920;
  color: #2c3b4b;
  overflow-x: auto;
  white-space: nowrap;
  height: 100vh; }

.line {
  transition-duration: 0.3s;
  transition-property: color; }
  .line:hover {
    color: #888; }

.indent {
  margin-left: 3ch; }
  .collapse + .indent * {
    display: none; }
  .collapse + .indent .collapsed-placeholder {
    display: block; }

.collapsed-placeholder {
  color: #ccc;
  display: none; }

[data-collapse] {
  cursor: pointer;
  position: relative; }
  [data-collapse]::before {
    font-weight: 900;
    position: absolute;
    left: -2ch;
    content: '-'; }
  [data-collapse].collapse::before {
    color: #ccc;
    content: '+'; }
  [data-collapse]:hover::before {
    color: #fff; }

.r {
  color: #f88; }

.g {
  color: #7f7; }

.b {
  color: #7bf; }

.y {
  color: #fc6; }

.c {
  color: #9ff; }

.m {
  color: #f9f; }

.w {
  color: #ccc; }

/*# sourceMappingURL=styles.css.map */