code[class*="language-"],
pre[class*="language-"] {
  color: light-dark(#282828, #e4e4ef);
  background: none;
  text-shadow: none;
  font-family: "Fira Code", monospace;
  font-size: 0.9rem;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: light-dark(#c8d3f5, #453d41);
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: light-dark(#c8d3f5, #453d41);
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  background: light-dark(#f8f8fc, #282828);
  border: 1px solid light-dark(#e0e0e8, #453d41);
  border-radius: 4px;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: light-dark(#f8f8fc, #282828);
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em .3em;
  border-radius: .3em;
  white-space: normal;
  background: light-dark(#f4f4f8, #282828);
  border: 1px solid light-dark(#e0e0e8, #453d41);
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: light-dark(#787878, #95a99f);
  font-style: italic;
}

.token.punctuation {
  color: light-dark(#6a6a6a, #b4b4bf);
}

.token.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: light-dark(#c73c3f, #f43841);
}

.token.boolean,
.token.number {
  color: light-dark(#5f627f, #96a6c8);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: light-dark(#5a9c28, #73c936);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: light-dark(#cc8c3c, #ffdd33);
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: light-dark(#7d6ba8, #9e95c7);
}

.token.keyword {
  color: light-dark(#c73c3f, #ff4f58);
  font-weight: bold;
}

.token.regex,
.token.important {
  color: light-dark(#cc8c3c, #ffdd33);
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

/* Line highlighting */
.line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  background: light-dark(rgba(255, 221, 51, 0.15), rgba(255, 221, 51, 0.1));
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

/* Language-specific adjustments */
.token.macro.property {
  color: light-dark(#5a9c28, #73c936);
}

.token.macro.property .token.keyword {
  color: inherit;
  font-weight: inherit;
}

/* Plugin support */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before,
.token.space:before {
  color: light-dark(#e0e0e8, #453d41);
}

.command-line-prompt {
  border-right: 1px solid #999;
  display: block;
  float: left;
  letter-spacing: -1px;
  margin-right: 1em;
  pointer-events: none;
  text-align: right;
  user-select: none;
  line-height: 1.5;
  font-family: "Fira Code", monospace;
}

.command-line-prompt > span {
  display: block;
  line-height: 1.5;
}

.command-line-prompt > span:before {
  color: #999;
  content: ' ';
  display: inline;
  padding-right: 0.8em;
  line-height: 1.5;
  vertical-align: baseline;
  font-size: inherit;
}

.command-line-prompt > span[data-user]:before {
  content: "[" attr(data-user) "@" attr(data-host) "] $";
}

.command-line-prompt > span[data-user="root"]:before {
  content: "[" attr(data-user) "@" attr(data-host) "] #";
}

.command-line-prompt > span[data-prompt]:before {
  content: attr(data-prompt);
}