uix-usage-container > div {
  background: var(--bg_lighter);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
uix-usage-container > div > .header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
uix-usage-container > div > .header > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 4px 10px;
  cursor: pointer;
  flex: 0.2;
  width: 40%;
  text-align: center;
  font-size: x-large;
  color: var(--text-highlight);
  border-radius: 2px;
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
}
uix-usage-container > div > .header > div:hover {
  border-color: gray;
}
uix-usage-container > div > .header > div.active {
  border-color: var(--accent) !important;
}
uix-usage-container > div > .content {
  font-size: larger;
  word-break: break-word;
  padding: 10px 40px;
}
uix-usage-container > div > .content > uix-markdown {
  display: none !important;
}
uix-usage-container > div > .content > uix-markdown.active {
  display: block !important;
}