cosmicoptima_loom/styles.css

.loom-children {
  margin-left: 1em;
}

.loom-node {
  display: flex;
  align-items: center;
}

.loom-node.is-active {
  background-color: var(--nav-item-background-active);
}

.loom-node-inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.loom-node-unread {
  font-weight: bold !important;
}

.loom-node-unread-indicator {
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: var(--nav-item-color);
  margin-right: 0.5em;
  flex-shrink: 0;
}

.loom-icon {
  display: inline-flex !important;
  margin-left: 0.25em;
  --icon-size: 1rem;
}