uix-code-view {
  opacity: 0;
  transition: opacity 0.4s, height 2s;
  text-align: left !important;
}
uix-code-view.visible {
  opacity: 1;
}
uix-code-view .jsx-expression-braces {
  color: #f1908c;
}
uix-code-view .jsx-tag-angle-bracket {
  color: #619ac3;
}
uix-code-view .jsx-tag-angle-bracket.jsx-tag-order-1 {
  color: #12a182;
}
uix-code-view .jsx-tag-angle-bracket.jsx-tag-order-2 {
  color: #4e7ca1;
}
uix-code-view .jsx-tag-angle-bracket.jsx-tag-order-3 {
  color: #fb8b05;
}
uix-code-view .jsx-tag-name {
  color: #ba2f7b;
}
uix-code-view .jsx-tag-attribute-key {
  color: #ffa60f;
}
uix-code-view .jsx-text {
  color: #a0a0a0;
}