@agreed/ui/src/components/Navigation/styles.css

UI for [Agreed](https://www.npmjs.com/package/agreed-core)

nav {
  position: absolute;
  padding-bottom: 20px;
}

nav p {
  margin: 4px 0;
}

details {
  padding-bottom: 7px;
}

summary {
  color: var(--color5);
  cursor: pointer;
  font-size: 0.9rem;
  margin-bottom: 4px;
  outline: none;
}

details > p {
  padding-left: 1em;
  margin-top: 3px;
}

details summary::-webkit-details-marker {
  transform: translate(0, 1px) scale(0.7);
  opacity: 0.5;
}

.count {
  border-radius: 8px;
  border: 1px solid var(--color5);
  background: var(--color5);
  color: var(--color0);
  display: inline-block;
  font-size: 0.5rem;
  margin-left: 5px;
  opacity: 0.6;
  padding: 0px 3px;
  position: relative;
  top: -1px;
}

.statusLabel {
  border-radius: 6px;
  color: var(--color0);
  display: inline-block;
  font-size: 0.5rem;
  padding: 2px 4px;
  margin-right: 0.25rem;
  opacity: 0.8;
}

.statusLabel--2 {
  background: var(--color-green);
}

.statusLabel--3 {
  background: var(--color4);
}

.statusLabel--4 {
  background: var(--color3);
}

.statusLabel--5 {
  background: var(--color5);
}