@import url("https://rsms.me/inter/inter.css");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");

body {
  font-family: "Inter var" !important;
}

pre.elmsh {
  padding: 10px;
  margin: 0;
  text-align: left;
  overflow: auto;
  height: 100%;
  width: 500px;
  font-size: 14px;
  font-family: "IBM Plex Mono" !important;
}
code.elmsh {
  padding: 0;
}
.elmsh-line:before {
  content: attr(data-elmsh-lc);
  display: inline-block;
  text-align: right;
  width: 40px;
  padding: 0 20px 0 0;
  opacity: 0.3;
}
.elmsh {
  color: #f8f8f2;
  background: #1e1e1e;
}
.elmsh-hl {
  background: #4864aa;
}
.elmsh-add {
  background: #003800;
}
.elmsh-del {
  background: #380000;
}
.elmsh-comm {
  color: #d4d4d4;
}
.elmsh1 {
  color: #74b0df;
}
.elmsh2 {
  color: #ce9178;
}
.elmsh3 {
  color: #ff00ff;
}
.elmsh4 {
  color: #4f76ac;
}
.elmsh5 {
  color: #3dc9b0;
}
.elmsh6 {
  color: #74b0df;
}
.elmsh7 {
  color: #ce9178;
}
.elmsh-elm-ts,
.elmsh-js-dk,
.elmsh-css-p {
  font-style: italic;
  color: #4f76ac;
}
.elmsh-js-ce {
  font-style: italic;
  color: #5bb498;
}
.elmsh-css-ar-i {
  font-weight: bold;
  color: #ff0000;
}
