/**
 * Styles for the custom Visio Event Monitor syntax highlighting
 */

 /* Default Inline code with no class */
 /* Set white-space to preserve and wrap and note box-decoration-break
 *  is already set to clone in global styles
 */

pre:has(code:not([class])),
:not(pre) > code:not([class]) {
	padding: .1em 0.3em;
	border-radius: 0.2em;
	white-space: pre-wrap;
  box-decoration-break: slice;
  background:var(--code-color-background, #f5f2f0);
  border: 1px solid var(--color-neutral-200);
  font-style: normal;
  margin-inline: 0.15em;
  font-size: 0.9em;
}

pre:has(code:not([class])) {
	white-space: pre;
}

aside pre:has(code:not([class])),
aside code:not([class]):not(pre code) {
  background: color-mix(in srgb, currentColor 5%, transparent);
  border-color: color-mix(in srgb, currentColor, rgb(0 0 0 / 5%));
  font-size: var(--size-step--1);
}

:not(pre) > code:not([class]):has(a),
a > code:not([class]) {
  background: var(--color-primary-50);
  /* text-decoration-thickness: 1px; */
}

:not(pre) > code:not([class]) > a {
  text-decoration-thickness: 1px;
}

/* :not(pre) > code[class*="vis-"] {
	padding: .5em;
	border-radius: .3em;
	white-space: normal;
} */




/* Default event keywords (standard events) */
.token.vis-evt-primary {
  color: #00A400;
}

/* EnterScope and ExitScope */
.token.vis-evt-scope {
  color: #00A400;
  font-weight: bold;
}

/* Before... events */
.token.vis-evt-before {
  color: #00A400;
  font-style: italic;
}

/* Special events */
.token.vis-evt-lifecycle {
  color:rgb(150, 150, 150);
}

.token.vis-evt-cell-changed {
  color: #36ADED;
}

.token.vis-evt-formula-changed {
  color: #0C5983;
}