code[class*='language-'],
pre[class*='language-'] {
  color: var(--color--black);
  background: none;
  font-family: 'Ibmplexmono', monospace;
  font-size: 0.85rem;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 24px;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.dark-code code[class*='language-'],
.dark-codepre[class*='language-'] {
  color: var(--color--white);
}

pre[class*='language-']::-moz-selection,
pre[class*='language-'] ::-moz-selection,
code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*='language-']::selection,
pre[class*='language-'] ::selection,
code[class*='language-']::selection,
code[class*='language-'] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

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

/* Code blocks */
pre[class*='language-'] {
  padding: 1em;
  margin: 0;
  overflow: auto;
}

:not(pre) > code[class*='language-'],
pre[class*='language-'] {
  background: transparent;
}

/* Inline code */
:not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

code .keyword {
  color: var(--code--purple);
}

code .function {
  color: var(--code--green);
}

code .class-name {
  color: var(--code--green);
}

code .comment {
  color: var(--code--gray);
}

code .string {
  color: var(--code--blue);
}

.dark-code code .keyword {
  color: var(--code--dark-purple);
}

.dark-code code .comment {
  color: var(--code--dark-gray);
}

.dark-code code .string {
  color: var(--code--dark-blue);
}

.dark-code code .function {
  color: var(--code--dark-green);
}

.dark-code code .class-name {
  color: var(--code--dark-green) n;
}

pre[class*='language-'].line-numbers {
  position: relative;
  padding-left: 2.6em;
  counter-reset: linenumber;
}

pre[class*='language-'].line-numbers > code {
  position: relative;
  white-space: inherit;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 0.85rem;
  line-height: 1.4;
  left: -3.8em;
  width: 3em; /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
  margin-bottom: 5px;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: var(--color--black);
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

.snippets-tab_content.w-tab-content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.snippets-tab_content.w-tab-content::-webkit-scrollbar {
  display: none;
}