:root {
  --mojo-rail: #e8590c;
  --mojo-wash: #a3603a;
  --mojo-tint: color-mix(in srgb, var(--bs-body-bg, #fff) 97%, var(--mojo-wash));
  --mojo-inline-tint: color-mix(in srgb, var(--bs-body-bg, #fff) 98%, var(--mojo-wash));
  --mojo-divider: color-mix(in srgb, var(--bs-body-bg, #fff) 72%, #e8590c);
  --mojo-label: color-mix(in srgb, #e8590c 75%, var(--bs-body-color, #343a40));

  --mojo-decl: #9a4200;
  --mojo-flow: #b4400f;
  --mojo-decorator: #7a5200;
}

body.quarto-dark {
  --mojo-rail: #ff8b4d;

  --mojo-wash: #c2703c;
  --mojo-tint: color-mix(in srgb, var(--bs-body-bg, #181818) 96%, var(--mojo-wash));
  --mojo-inline-tint: color-mix(in srgb, var(--bs-body-bg, #181818) 94%, var(--mojo-wash));
  --mojo-divider: color-mix(in srgb, var(--bs-body-bg, #181818) 68%, #ff8b4d);
  --mojo-label: #ffb184;

  --mojo-decl: #ffb184;
  --mojo-flow: #ff9e6b;
  --mojo-decorator: #e0c07a;
}

@supports not (background: color-mix(in srgb, white 50%, black)) {
  :root {
    --mojo-tint: rgba(163, 96, 58, 0.035);
    --mojo-inline-tint: rgba(163, 96, 58, 0.025);
    --mojo-divider: rgba(232, 89, 12, 0.4);
    --mojo-label: #b4400f;
  }
}

div.sourceCode:has(> pre.sourceCode.mojo) {
  position: relative;
  border-left: 3px solid var(--mojo-rail);
  background-color: var(--mojo-tint);
  --code-gutter: 2.4rem;
  --code-divider: var(--mojo-divider);
}

pre.sourceCode.mojo {
  background: transparent;
  border-left: 0;
  padding-top: var(--code-label-space);
  padding-left: var(--code-pad);
  font-size: var(--code-font-size);
}

div.sourceCode:has(> pre.sourceCode.mojo)::before {
  content: "mojo";
  position: absolute;
  top: 0;
  left: 0.95rem;
  font-family: var(--bs-font-sans-serif, sans-serif);
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  color: var(--mojo-label);
  opacity: 0.85;
  pointer-events: none;
}

code.sourceCode.mojo {
  color: var(--bs-body-color);
  background-color: var(--mojo-inline-tint);
  border-bottom: 1px solid var(--mojo-divider);
  border-radius: 3px;
  padding: 0.08em 0.32em;
  font-size: 0.9em;
}

pre.sourceCode.mojo>code.sourceCode.mojo {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
}

.sourceCode.mojo .kw {
  color: var(--mojo-decl);
  font-weight: 600;
}

.sourceCode.mojo .cf {
  color: var(--mojo-flow);
  font-weight: 600;
}

.sourceCode.mojo .pp {
  color: var(--mojo-decorator);
  font-style: italic;
}