/* Webtalk Script Editor Colours */
code[class*="language-"],
pre[class*="language-"] {
  color: #f8f8f2;
  background: #2b2b2b;
  font-family: Menlo, Consolas, Monaco, "Courier New", monospace;
  font-size: 1em;
  line-height: 2;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  hyphens: none;
  padding-left: 10px;
  border-radius: 8px;
}

/* Comments -- magenta */
.token.comment {
  color: #f700ff;
  font-style: italic;
}

/* Strings -- lime */
.token.string {
  color: #DFFF00;
}

/* Keywords (put, get, if, then, else, end, set, etc.) -- blue */
.token.keyword {
  color: #008cff;
}

/* Function keyword (on, function) -- green */
.token.function .token.keyword {
  color: #5DFF00;
}

/* Built-in functions (the date, random, etc.) -- yellow */
.token.function {
  color: #ffff00;
}

/* Operators (is, contains, + - * /) -- cyan */
.token.operator {
  color: #00eeff;
}

/* Numbers -- green */
.token.number {
  color: #59ff00;
}

/* Object types (field, button, card, stack) -- light green */
.token.class-name {
  color: #90ff9f;
}

/* Control flow (switch, case, break) -- orange */
.token.important {
  color: #ff9100;
}

/* Constants (k-prefix, quote, space, etc.) -- orange-red */
.token.constant {
  color: #ff6b35;
}

/* Variables / parameters -- purple */
.token.variable {
  color: #bd93f9;
}

/* Punctuation -- white */
.token.punctuation {
  color: #f8f8f2;
}

div[class*="language-"] {
  background: #2b2b2b;
  color: #f8f8f2;
  font-family: Menlo, Consolas, Monaco, "Courier New", monospace;
  font-size: 1em;
  line-height: 2em;
  padding: 1em;
  border-radius: 8px;
  white-space: pre;
  overflow-x: auto;
  padding-left: 10px;
}