.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight .gh {
  color: #999999;
}
.highlight .sr {
  color: #f6aa11;
}
.highlight .go {
  color: #888888;
}
.highlight .gp {
  color: #555555;
}
.highlight .gs {
}
.highlight .gu {
  color: #aaaaaa;
}
.highlight .nb {
  color: #f6aa11;
}
.highlight .cm {
  color: #75715e;
}
.highlight .cp {
  color: #75715e;
}
.highlight .c1 {
  color: #75715e;
}
.highlight .cs {
  color: #75715e;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
  color: #75715e;
}
.highlight .err {
  color: #960050;
}
.highlight .gr {
  color: #960050;
}
.highlight .gt {
  color: #960050;
}
.highlight .gd {
  color: #49483e;
}
.highlight .gi {
  color: #49483e;
}
.highlight .ge {
  color: #49483e;
}
.highlight .kc {
  color: #66d9ef;
}
.highlight .kd {
  color: #66d9ef;
}
.highlight .kr {
  color: #66d9ef;
}
.highlight .no {
  color: #66d9ef;
}
.highlight .kt {
  color: #66d9ef;
}
.highlight .mf {
  color: #ae81ff;
}
.highlight .mh {
  color: #ae81ff;
}
.highlight .il {
  color: #ae81ff;
}
.highlight .mi {
  color: #ae81ff;
}
.highlight .mo {
  color: #ae81ff;
}
.highlight .m, .highlight .mb, .highlight .mx {
  color: #ae81ff;
}
.highlight .sc {
  color: #ae81ff;
}
.highlight .se {
  color: #ae81ff;
}
.highlight .ss {
  color: #ae81ff;
}
.highlight .sd {
  color: #e6db74;
}
.highlight .s2 {
  color: #e6db74;
}
.highlight .sb {
  color: #e6db74;
}
.highlight .sh {
  color: #e6db74;
}
.highlight .si {
  color: #e6db74;
}
.highlight .sx {
  color: #e6db74;
}
.highlight .s1 {
  color: #e6db74;
}
.highlight .s, .highlight .sa, .highlight .dl {
  color: #e6db74;
}
.highlight .na {
  color: #a6e22e;
}
.highlight .nc {
  color: #a6e22e;
}
.highlight .nd {
  color: #a6e22e;
}
.highlight .ne {
  color: #a6e22e;
}
.highlight .nf, .highlight .fm {
  color: #a6e22e;
}
.highlight .vc {
  color: #ffffff;
  background-color: #272822;
}
.highlight .nn {
  color: #ffffff;
  background-color: #272822;
}
.highlight .nl {
  color: #ffffff;
  background-color: #272822;
}
.highlight .ni {
  color: #ffffff;
  background-color: #272822;
}
.highlight .bp {
  color: #ffffff;
  background-color: #272822;
}
.highlight .vg {
  color: #ffffff;
  background-color: #272822;
}
.highlight .vi {
  color: #ffffff;
  background-color: #272822;
}
.highlight .nv, .highlight .vm {
  color: #ffffff;
  background-color: #272822;
}
.highlight .w {
  color: #ffffff;
  background-color: #272822;
}
.highlight {
  color: #ffffff;
  background-color: #272822;
}
.highlight .n, .highlight .py, .highlight .nx {
  color: #ffffff;
  background-color: #272822;
}
.highlight .ow {
  color: #f92672;
}
.highlight .nt {
  color: #f92672;
}
.highlight .k, .highlight .kv {
  color: #f92672;
}
.highlight .kn {
  color: #f92672;
}
.highlight .kp {
  color: #f92672;
}
.highlight .o {
  color: #f92672;
}
.inline-code {
  border: 1px solid #3f3f3f;
  border-radius: 0.5rem;
  color: #f8f8f2;
  background-color: #272822;
  display: inline-block;
  line-height: 0.95;
}

.code-outer {
  width: 100%;
  border-radius: 0.5rem;
  overflow-x: scroll;
  margin: 1.5rem 0;
}

.code {
  width: 100%;
  display: table;
  background-color: #272822;
}

.code code::before {
  content: " ";
  margin-right: 0.25rem;
}

.highlight {
  padding-right: 0.75rem;
  padding-left: 0.25rem;
}

.hll:first-child .highlight, .code > .highlight:first-child {
  padding-top: 0.35rem;
}

.hll:last-child .highlight, .code > .highlight:last-child {
  padding-bottom: 0.35rem;
}

.hll .highlight {
  background-color: rgb(254 240 138);
  color: #1b1d1e;
}

.hll.hll-add .highlight {
  background-color: rgb(134 239 172);
}

.hll.hll-rem .highlight {
  background-color: rgb(252 165 165);
}

.hll-rem code::before {
  content: "-";
  color: rgb(220 38 38);
}

.hll-add code::before {
  content: "+";
  color: rgb(22 163 74);
}

.hll .s, .hll .s2, .hll .dl {
  color: #8a8022;
}

.hll .na {
  color: #608a0e;
}

.hll .nx, .hll .n, .hll .p {
  background-color: unset;
  color: #555;
}

.hll .kd {
  color: #48a9bd;
}

.hll .nb {
  color: #d49008;
}

.hll .c1, .hll .cp, .hll .c {
  color: #9c9987;
}

.highlight .c1, .highlight .cp {
  color: #9c9987;
}

.highlight .nx, .highlight .n {
  background-color: unset;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

/* nested list margins hack */
li > ul {
  margin: 0 !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */