/* fix bootstrap conflict with Pygments */
.highlight pre { white-space: pre;
    border-radius: inherit;
    display: inherit;
    background-color: inherit;
    border: inherit;
    color: inherit;
  }

/* fix conflict with other sytlesheets */
.highlight .m { margin: inherit; }

/*
   Bootstrap backend responsive styles for Pygments Highlighter
*/

.listingblock  .content {
  margin-bottom: 1em;
  overflow: auto;
}
.highlighttable {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.highlighttable  .linenos {
  padding: 0;
  width: 4%;
}
.highlighttable .code {
  overflow: auto;
  padding: 0 1px;
}
table  pre {
  margin: 0;
  white-space: pre;
}
.highlight {
  overflow: auto;
  border-radius: 8px;
  padding: 10px; 
  background-color: #151718;
  filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.0));
  margin-bottom: 10px;
}
.highlight pre {
  background-color: transparent;
  margin: 0;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.highlight .gp {
  margin-right: 5px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
----