/* copied from https://github.com/soulshined/ft-syntax-highlight, but I choose
   not to use Google fonts for privacy/legal reasons */

/* @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400'); */

pre.ft-syntax-highlight {
  display: block;
  position: relative;
  padding: 30px 0 0;
  font-size: .85rem; letter-spacing: 0.5px; color: lightgrey;

  background-color: #2d2832;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-206-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2a5 5 0 1 0-2 0V82h64v-2h-62V21.9zm16 16a5 5 0 1 0-2 0V66h48v-2h-46V37.9zm-128 96a5 5 0 1 0-2 0V210h16v10.1a5 5 0 1 0 2 0V208h-16v-74.1zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9a5 5 0 1 0-2 0V144H53.9a5 5 0 1 0 0 2H98v-44.1zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9a5 5 0 1 0-2 0V64H80v64H69.9a5 5 0 1 0 0 2H82V66h32V37.9zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9a5 5 0 1 0-2 0V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.172l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.513L175.586 80H224V21.9a5 5 0 1 1 2 0V82h-49.586L146 112.414V188.1zm16 32a5 5 0 1 1-2 0v-99.513L184.586 96H300.1a5.004 5.004 0 0 1 3.9-3.9v2.07a3.004 3.004 0 0 0 0 5.66v2.07a5.004 5.004 0 0 1-3.9-3.9H185.414L162 121.414V220.1zm-144-64a5 5 0 1 1-2 0v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9a5 5 0 1 0-2 0v42.686l-48 48V210h28.1a5 5 0 1 0 0-2H2v-62.586l48-48V53.9zm-16 16a5 5 0 1 0-2 0v18.686l-32 32v2.828l34-34V69.9zM12.1 32a5 5 0 1 1 0 2H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18a5 5 0 1 1 0-2h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.413l16-16v2.827l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.586L40.586 194H21.9a5 5 0 1 1 0-2h19.513L66 216.586V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.598L56.598 162H37.9a5 5 0 1 1 0-2h19.502L98 200.598V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.586L48.586 178H21.9a5 5 0 1 1 0-2h27.513L82 208.586V258H53.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0v46.17A3.004 3.004 0 0 1 3.83 304H5.9a5.004 5.004 0 0 0-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.002 5.002 0 0 1 6 97a5.002 5.002 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32a5 5 0 0 0-9.8 0h2.07a3.004 3.004 0 0 1 5.66 0h2.07zM5.9 0A5.002 5.002 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0a5 5 0 0 0 3.9 5.9V3.83A3.004 3.004 0 0 1 302.17 0h-2.07zm3.9 300.1a5.004 5.004 0 0 0-3.9 3.9h2.07a3.016 3.016 0 0 1 1.83-1.83v-2.07z' fill='%2345404b' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
pre.ft-syntax-highlight::before {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  padding: 10px 0;

  text-indent: 25px;
  font-weight: bold;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #888;
  letter-spacing: 0.8px;
  content: attr(data-syntax);
  direction: rtl;
}
pre.ft-syntax-highlight code {
  font-family: 'Source Code Pro', monospace;
  counter-reset: line -1;

  display: block;
  margin: -25px 0 -28px;
  padding: 0 10px 10px 0;
  max-height: 400px;
  overflow: auto;
}
pre.ft-syntax-highlight code span.newline::before {
  position: relative;
  right: 20px;

  color: lightgrey;

  counter-increment: line;
  content: counter(line);
  font-weight: 200;
}
pre.ft-syntax-highlight code span.newline:nth-of-type(1n+11)::before {
  position: relative;
  right: 28px;
}
pre.ft-syntax-highlight code span.newline:nth-of-type(1n+101)::before {
  position: relative;
  right: 36px;
}

@media all and (max-width: 550px) {
  pre.ft-syntax-highlight {
    /*this ensures a minimum font size of 9px is maintained
      when viewport is less than 550px
      calculating against vw gives it a responsive feel*/
    font-size: calc(9px + 0.8vw);
  }
}

@media all and (max-width: 225px) {
  pre.ft-syntax-highlight[data-ui-theme="macosx" i]::before {
    text-align: left;
    text-indent: 55%;
  }
  pre.ft-syntax-highlight[data-ui-theme="win95" i]::after {
    display: none;
  }
}

/* scrollbar customizations (not applicable to all browsers) */
pre.ft-syntax-highlight code::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0);
}
pre.ft-syntax-highlight code::-webkit-scrollbar {
	width: 10px; height: 10px;
  border-radius: 10px;
	background-color: rgba(255,255,255,0.4);
}
pre.ft-syntax-highlight code::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(255,255,255,0.5);
}
pre.ft-syntax-highlight code::-webkit-scrollbar-corner {
  display: none;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4"] code::-webkit-scrollbar-thumb,
pre.ft-syntax-highlight[data-ui-theme="burberry"] code::-webkit-scrollbar-thumb,
pre.ft-syntax-highlight[data-ui-theme="light"] code::-webkit-scrollbar-thumb,
pre.ft-syntax-highlight[data-ui-theme="simple"] code::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.4);
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4"] code::-webkit-scrollbar,
pre.ft-syntax-highlight[data-ui-theme="burberry"] code::-webkit-scrollbar,
pre.ft-syntax-highlight[data-ui-theme="light"] code::-webkit-scrollbar,
pre.ft-syntax-highlight[data-ui-theme="simple"] code::-webkit-scrollbar {
	background-color: rgba(0,0,0,0.4);
}

/*Tooltips*/
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline):not(.url) {
  position: relative;
	cursor: help;
}
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline)::before,
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline)::after {
  text-transform: none;
  font-size: 0.95em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
     -moz-animation: tooltips-vert 300ms ease-out forwards;
       -o-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
	left: 50%;
  -webkit-transform: translate(-50%, -0.5em);
     -moz-transform: translate(-50%, -0.5em);
      -ms-transform: translate(-50%, -0.5em);
       -o-transform: translate(-50%, -0.5em);
          transform: translate(-50%, -0.5em);
}
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline)::before {
  content: '';
  border: 8px solid transparent;
  z-index: 1001;
	bottom: 100%;
  border-bottom-width: 0;
  border-top-color: ghostwhite;
}
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline)::after {
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  -webkit-box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
          box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: ghostwhite;
  color: black;
  z-index: 1000;
	bottom: calc(100% + 8px);
}
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline):hover::before,
pre.ft-syntax-highlight[data-showTooltips="true" i] code span:not(.newline):hover::after {
  display: block;
}
 /*=> tooltip text*/
pre.ft-syntax-highlight[data-showTooltips="true" i] code span.comment::after {
	content: 'comment';
}
pre.ft-syntax-highlight[data-showTooltips="true" i] code span.value::after {
	content: 'value';
}

/* TOOLTIP KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to { opacity: 0.9; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}
@-moz-keyframes tooltips-vert {
  to { opacity: 0.9; -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}
@-o-keyframes tooltips-vert {
  to { opacity: 0.9; -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}
@keyframes tooltips-vert {
  to { opacity: 0.9; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}

/* UI SYNTAX THEMES */
/*  => UI themes : Beach */
pre.ft-syntax-highlight[data-ui-theme="beach" i] {
  background-image: url();
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  color: #888;
  background-color: beige;
}
pre.ft-syntax-highlight[data-ui-theme="beach" i]::before {
  direction: ltr;
  font-weight: normal;
  color: white;
  background: -webkit-linear-gradient(79deg, cornflowerblue 0%, MediumTurquoise 70%, turquoise);
  background: -moz-linear-gradient(79deg, cornflowerblue 0%, MediumTurquoise 70%, turquoise);
  background: -o-linear-gradient(79deg, cornflowerblue 0%, MediumTurquoise 70%, turquoise);
  background: linear-gradient(11deg, cornflowerblue 0%, MediumTurquoise 70%, turquoise);
}
pre.ft-syntax-highlight[data-ui-theme="beach" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="beach" i] code span.newline::before {
  color: black;
}
pre.ft-syntax-highlight[data-ui-theme="beach" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: cornflowerblue;
}
pre.ft-syntax-highlight[data-ui-theme="beach" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: cornflowerblue;
  color: ghostwhite;
}
/*  => UI themes : Bootstrap 4 theme */
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i] {
  background-color: white;
  background-image: url();
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  color: #888;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i]::before {
  direction: ltr;
  font-weight: normal;
  color: black;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i] code span.comment {
  color: rgba(160,160,160, 1);
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i] code span.newline::before {
  color: black;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i] code span.value {
  color: dimgray;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: #333;
}
pre.ft-syntax-highlight[data-ui-theme="bootstrap4" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: #333;
  color: ghostwhite;
}
/*  => UI themes : Burberry theme */
pre.ft-syntax-highlight[data-ui-theme="burberry" i] {
  background-color: beige;
  background-image: url();
  border: 1px solid #797C73;
  border-radius: .25rem;
  color: #888;
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i]::before {
  direction: ltr;
  font-weight: bold;
  color: white;
  border-bottom: 1px solid #797C73;
  background-color: hsl(34, 53%, 82%);
  background-image: -webkit-repeating-linear-gradient(
      45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
      ),
      -webkit-repeating-linear-gradient(315deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px);  
  background-image: -moz-repeating-linear-gradient(
      45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
      ),
      -moz-repeating-linear-gradient(315deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px);  
  background-image: -o-repeating-linear-gradient(
      45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
      ),
      -o-repeating-linear-gradient(315deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px);  
  background-image: repeating-linear-gradient(
      45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
      ),
      repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
      hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
      hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
      hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
      hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
      hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px);
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i] code span.comment {
  color: rgba(160,160,160, 1);
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i] code span.newline::before {
  color: #797C73;
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i] code span.value {
  color: dimgray;
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: #404F4F;
}
pre.ft-syntax-highlight[data-ui-theme="burberry" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: #404F4F;
  color: ghostwhite;
}
/*  => UI themes : christmas theme */
pre.ft-syntax-highlight[data-ui-theme="christmas" i] {
  background-color: seagreen;
  border: 1px solid rgba(255,0,0,.3);
  border-radius: .25rem;
  color: #DDD;
  background: -webkit-radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent),
              -webkit-radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent) 50px 50px,
              -webkit-linear-gradient(rgba(255,250,250,0.035) 8px, transparent 8px) 0 -4px,
              -webkit-linear-gradient(left, rgba(255,250,250,0.035) 8px, transparent 8px) -4px 0;  
  background: -moz-radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent),
              -moz-radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent) 50px 50px,
              -moz-linear-gradient(rgba(255,250,250,0.035) 8px, transparent 8px) 0 -4px,
              -moz-linear-gradient(left, rgba(255,250,250,0.035) 8px, transparent 8px) -4px 0;  
  background: -o-radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent),
              -o-radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent) 50px 50px,
              -o-linear-gradient(rgba(255,250,250,0.035) 8px, transparent 8px) 0 -4px,
              -o-linear-gradient(left, rgba(255,250,250,0.035) 8px, transparent 8px) -4px 0;  
  background: radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent),
              radial-gradient(circle, transparent 20%, seagreen 20%, seagreen 80%, transparent 80%, transparent) 50px 50px,
              linear-gradient(rgba(255,250,250,0.035) 8px, transparent 8px) 0 -4px,
              linear-gradient(90deg, rgba(255,250,250,0.035) 8px, transparent 8px) -4px 0;
  background-color: seagreen;
  background-size:100px 100px, 100px 100px, 50px 50px, 50px 50px;
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i]::before {
  direction: ltr;
  font-weight: bold;
  color: black;
  border-bottom: 1px solid red;
  background: -webkit-repeating-linear-gradient(
    45deg,
    #f4f4d7,
    #f4f4d7 10px,
    red 10px,
    #f4f4d7 15px,
    red 20px,
    #f4f4d7 20px,
    #f4f4d7 40px,
    red 40px,
    red 60px,
    #f4f4d7 60px,
    #f4f4d7 90px,
    red 90px,
    red 110px
  );  
  background: -moz-repeating-linear-gradient(
    45deg,
    #f4f4d7,
    #f4f4d7 10px,
    red 10px,
    #f4f4d7 15px,
    red 20px,
    #f4f4d7 20px,
    #f4f4d7 40px,
    red 40px,
    red 60px,
    #f4f4d7 60px,
    #f4f4d7 90px,
    red 90px,
    red 110px
  );  
  background: -o-repeating-linear-gradient(
    45deg,
    #f4f4d7,
    #f4f4d7 10px,
    red 10px,
    #f4f4d7 15px,
    red 20px,
    #f4f4d7 20px,
    #f4f4d7 40px,
    red 40px,
    red 60px,
    #f4f4d7 60px,
    #f4f4d7 90px,
    red 90px,
    red 110px
  );  
  background: repeating-linear-gradient(
    45deg,
    #f4f4d7,
    #f4f4d7 10px,
    red 10px,
    #f4f4d7 15px,
    red 20px,
    #f4f4d7 20px,
    #f4f4d7 40px,
    red 40px,
    red 60px,
    #f4f4d7 60px,
    #f4f4d7 90px,
    red 90px,
    red 110px
  );
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i] code span.comment {
  color: rgba(200,200,200, 1);
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i] code span.newline::before {
  color: white;
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i] code span.value {
  color: dimgray;
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: tomato;
}
pre.ft-syntax-highlight[data-ui-theme="christmas" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: tomato;
  color: ghostwhite;
}
/*  => UI themes : halloween theme */
pre.ft-syntax-highlight[data-ui-theme="halloween" i] {
  background-color: #222;
  border: 1px solid rgba(255,165,0,1);
  border-radius: .25rem;
  color: #888;
  background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.42 180h-1.415L0 98.995v-2.827L6.167 90 0 83.833V81.004L81.005 0h2.827L90 6.167 96.167 0H98.996L180 81.005v2.827L173.833 90 180 96.167V98.996L98.995 180h-2.827L90 173.833 83.833 180H82.42zm0-1.414L1.413 97.58 8.994 90l-7.58-7.58L82.42 1.413 90 8.994l7.58-7.58 81.006 81.005-7.58 7.58 7.58 7.58-81.005 81.006-7.58-7.58-7.58 7.58zM175.196 0h-25.832c1.033 2.924 2.616 5.59 4.625 7.868C152.145 9.682 151 12.208 151 15c0 5.523 4.477 10 10 10 1.657 0 3 1.343 3 3v4h16V0h-4.803c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6s-6-2.686-6-6c0-1.093.292-2.117.803-3h10.394-13.685C161.18.938 161 1.948 161 3v4c-4.418 0-8 3.582-8 8s3.582 8 8 8c2.76 0 5 2.24 5 5v2h4v-4h2v4h4v-4h2v4h2V0h-4.803zm-15.783 0c-.27.954-.414 1.96-.414 3v2.2c-1.25.254-2.414.74-3.447 1.412-1.716-1.93-3.098-4.164-4.054-6.612h7.914zM180 17h-3l2.143-10H180v10zm-30.635 163c-.884-2.502-1.365-5.195-1.365-8 0-13.255 10.748-24 23.99-24H180v32h-30.635zm12.147 0c.5-1.416 1.345-2.67 2.434-3.66l-1.345-1.48c-1.498 1.364-2.62 3.136-3.186 5.14H151.5c-.97-2.48-1.5-5.177-1.5-8 0-12.15 9.84-22 22-22h8v30h-18.488zm13.685 0c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 148h8.01C21.26 148 32 158.742 32 172c0 2.805-.48 5.498-1.366 8H0v-32zm0 2h8c12.15 0 22 9.847 22 22 0 2.822-.53 5.52-1.5 8h-7.914c-.567-2.004-1.688-3.776-3.187-5.14l-1.346 1.48c1.09.99 1.933 2.244 2.434 3.66H0v-30zm15.197 30c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 32h16v-4c0-1.657 1.343-3 3-3 5.523 0 10-4.477 10-10 0-2.794-1.145-5.32-2.992-7.134C28.018 5.586 29.6 2.924 30.634 0H0v32zm0-2h2v-4h2v4h4v-4h2v4h4v-2c0-2.76 2.24-5 5-5 4.418 0 8-3.582 8-8s-3.582-8-8-8V3c0-1.052-.18-2.062-.512-3H0v30zM28.5 0c-.954 2.448-2.335 4.683-4.05 6.613-1.035-.672-2.2-1.16-3.45-1.413V3c0-1.04-.144-2.046-.414-3H28.5zM0 17h3L.857 7H0v10zM15.197 0c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6S4 6.314 4 3c0-1.093.292-2.117.803-3h10.394zM109 115c-1.657 0-3 1.343-3 3v4H74v-4c0-1.657-1.343-3-3-3-5.523 0-10-4.477-10-10 0-2.793 1.145-5.318 2.99-7.132C60.262 93.638 58 88.084 58 82c0-13.255 10.748-24 23.99-24h16.02C111.26 58 122 68.742 122 82c0 6.082-2.263 11.636-5.992 15.866C117.855 99.68 119 102.206 119 105c0 5.523-4.477 10-10 10zm0-2c-2.76 0-5 2.24-5 5v2h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-2c0-2.76-2.24-5-5-5-4.418 0-8-3.582-8-8s3.582-8 8-8v-4c0-2.64 1.136-5.013 2.946-6.66L72.6 84.86C70.39 86.874 69 89.775 69 93v2.2c-1.25.254-2.414.74-3.447 1.412C62.098 92.727 60 87.61 60 82c0-12.15 9.84-22 22-22h16c12.15 0 22 9.847 22 22 0 5.61-2.097 10.728-5.55 14.613-1.035-.672-2.2-1.16-3.45-1.413V93c0-3.226-1.39-6.127-3.6-8.14l-1.346 1.48C107.864 87.987 109 90.36 109 93v4c4.418 0 8 3.582 8 8s-3.582 8-8 8zM90.857 97L93 107h-6l2.143-10h1.714zM80 99c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm20 0c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%239C92AC' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i]::before {
  direction: ltr;
  font-weight: normal;
  color: white;
  background-color: orange;
  border-bottom: 1px solid orange;
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i] code span.comment {
  color: rgba(160,160,160, 1);
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i] code span.newline::before {
  color: orange;
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i] code span.value {
  color: dimgray;
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: orange;
}
pre.ft-syntax-highlight[data-ui-theme="halloween" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: orange;
  color: white;
}
/*  => UI themes : Light theme */
pre.ft-syntax-highlight[data-ui-theme="light" i] {
  color: black;
  font-weight: 400;
  background-color: ghostwhite;
  box-shadow: 1px 0px 2px darkgrey;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2a5 5 0 1 0-2 0V82h64v-2h-62V21.9zm16 16a5 5 0 1 0-2 0V66h48v-2h-46V37.9zm-128 96a5 5 0 1 0-2 0V210h16v10.1a5 5 0 1 0 2 0V208h-16v-74.1zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9a5 5 0 1 0-2 0V144H53.9a5 5 0 1 0 0 2H98v-44.1zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9a5 5 0 1 0-2 0V64H80v64H69.9a5 5 0 1 0 0 2H82V66h32V37.9zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9a5 5 0 1 0-2 0V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.172l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.513L175.586 80H224V21.9a5 5 0 1 1 2 0V82h-49.586L146 112.414V188.1zm16 32a5 5 0 1 1-2 0v-99.513L184.586 96H300.1a5.004 5.004 0 0 1 3.9-3.9v2.07a3.004 3.004 0 0 0 0 5.66v2.07a5.004 5.004 0 0 1-3.9-3.9H185.414L162 121.414V220.1zm-144-64a5 5 0 1 1-2 0v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9a5 5 0 1 0-2 0v42.686l-48 48V210h28.1a5 5 0 1 0 0-2H2v-62.586l48-48V53.9zm-16 16a5 5 0 1 0-2 0v18.686l-32 32v2.828l34-34V69.9zM12.1 32a5 5 0 1 1 0 2H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18a5 5 0 1 1 0-2h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.413l16-16v2.827l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.586L40.586 194H21.9a5 5 0 1 1 0-2h19.513L66 216.586V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.598L56.598 162H37.9a5 5 0 1 1 0-2h19.502L98 200.598V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.586L48.586 178H21.9a5 5 0 1 1 0-2h27.513L82 208.586V258H53.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0v46.17A3.004 3.004 0 0 1 3.83 304H5.9a5.004 5.004 0 0 0-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.002 5.002 0 0 1 6 97a5.002 5.002 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32a5 5 0 0 0-9.8 0h2.07a3.004 3.004 0 0 1 5.66 0h2.07zM5.9 0A5.002 5.002 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0a5 5 0 0 0 3.9 5.9V3.83A3.004 3.004 0 0 1 302.17 0h-2.07zm3.9 300.1a5.004 5.004 0 0 0-3.9 3.9h2.07a3.016 3.016 0 0 1 1.83-1.83v-2.07z' fill='%2345404b' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}
pre.ft-syntax-highlight[data-ui-theme="light" i] code span.newline::before {
  color: black;
}
pre.ft-syntax-highlight[data-ui-theme="light" i] code span.comment {
  color: rgba(160,160,160, 1);
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="light" i] code span.value {
  color: dimgray;
}
pre.ft-syntax-highlight[data-ui-theme="light" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: #333;
}
pre.ft-syntax-highlight[data-ui-theme="light" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: #333;
  color: ghostwhite;
}
/* => UI themes : MacOSX */
pre.ft-syntax-highlight[data-ui-theme="macosx" i] {
  background-image: url();
  border-radius: .3rem;
  background: rgba(0,0,0,0.8);
  padding: 11px 0 0;
}
pre.ft-syntax-highlight[data-ui-theme="macosx" i]::before {
  direction: ltr;
  text-indent: 0px;
  text-align: center;
  font-weight: normal;
  color: rgb(85, 74, 74);
  background: -webkit-gradient(linear, left bottom, left top, from(#D3D3D3), to(#EBEBEB));
  background: -webkit-linear-gradient(bottom, #D3D3D3, #EBEBEB);
  background: -moz-linear-gradient(bottom, #D3D3D3, #EBEBEB);
  background: -o-linear-gradient(bottom, #D3D3D3, #EBEBEB);
  background: linear-gradient(to top, #D3D3D3, #EBEBEB);
  padding: 5px 0;
  border-radius: .25rem;
}
pre.ft-syntax-highlight[data-ui-theme="macosx" i]::after {
  content: ' ';
  position: absolute;
  top: 10px; left: 10px;
  background: #F95151;
  border-radius: 100%;
  width: 13px;
  z-index: 5;
  box-shadow: 20px 0 0 0 #FFB400, 40px 0 0 0 #96D46F;
}
pre.ft-syntax-highlight[data-ui-theme="macosx" i] code {
  margin-top: 0;
  font-family:  Courier, monospace;
  border: 10px solid #D3D3D3;
  border-radius: .25rem;
}
pre.ft-syntax-highlight[data-showTooltips="true" i][data-ui-theme="macosx" i] code span:not(.newline)::after {
  font-family:  Courier, monospace;
}
/*  => UI themes : midnight theme */
pre.ft-syntax-highlight[data-ui-theme="midnight" i] {
  border: 1px solid #b299e6;
  border-radius: .25rem;
  color: #888;
  background-color: black;
  background-image: -webkit-radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
                    -webkit-radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
                    -webkit-radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
                    -webkit-radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);  
  background-image: -moz-radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
                    -moz-radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
                    -moz-radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
                    -moz-radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);  
  background-image: -o-radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
                    -o-radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
                    -o-radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
                    -o-radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);  
  background-image: radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
                    radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
                    radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
                    radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
  background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
  background-position: 0 -80px, 40px -20px, 130px 200px, 70px 20px;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i]::before {
  direction: ltr;
  font-weight: normal;
  color: white;
  background-color: #b299e6;
  border-bottom: 1px solid #b299e6;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i] code span.comment {
  color: rgba(160,160,160, 1);
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i] code span.newline::before {
  color: thistle;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i] code span.value {
  color: dimgray;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: #b299e6;
}
pre.ft-syntax-highlight[data-ui-theme="midnight" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: #b299e6;
  color: snow;
}
/* => UI themes : Nightvision */
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] {
  background-image: url();
  border-radius: .25rem;
  color: snow;
  background: #2c3e52;
}
pre.ft-syntax-highlight[data-ui-theme="nightvision" i]::before {
  direction: ltr;
  font-weight: normal;
  color: white;
  background: #1abd9e;
}
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code {
  margin-top: 0;
}
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code span.newline::before {
  color: #1abd9e;
}
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code::-webkit-scrollbar-track,
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code::-webkit-scrollbar {
	width: 14px; height: 14px;
  border-radius: 0px;
	background-color: #1abd9f2c;
}
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #1abd9e;
  box-shadow: unset;
}
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code::-webkit-resizer,
pre.ft-syntax-highlight[data-ui-theme="nightvision" i] code::-webkit-scrollbar-corner {
  background-color: #1abd9f2c;
}


/*  => UI themes : Simple theme */
pre.ft-syntax-highlight[data-ui-theme="simple" i] {
  color: darkslategray;
  background-color: 	rgb(235, 235, 235);
  border-radius: 5px;
  box-shadow: 1px 0px 2px darkgrey;
  background-image: url();
}
pre.ft-syntax-highlight[data-ui-theme="simple" i] code span.newline::before {
  color: peru;
}
pre.ft-syntax-highlight[data-ui-theme="simple" i] code span.comment {
  color: rgba(110,110,110, 1) !important;
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="simple" i] code span.value {
  color: dimgray !important;
}
pre.ft-syntax-highlight[data-ui-theme="simple" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::before {
  border-top-color: #333;
}
pre.ft-syntax-highlight[data-ui-theme="simple" i][data-showTooltips="true" i] code span:not(.newline):not(.url)::after {
  background: #333;
  color: ghostwhite;
}
/* => UI themes : Win95 */
pre.ft-syntax-highlight[data-ui-theme="win95" i] {
  background-image: url();
  background: rgb(192, 192, 192);
  color: black;
  border: 4px solid  rgb(192, 192, 192);
}
pre.ft-syntax-highlight[data-ui-theme="win95" i]::before {
  content: '🗁 ' attr(data-syntax);
  direction: ltr;
  font-weight: normal;
  color:white;
  background: navy;
  font-family:  Times, sans-serif;
  font-size: 0.89rem;
  letter-spacing: 0;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i]::after {
  content : '🞪';
  position: absolute;
  top: 9px; right: 5px;
  color: black;
  font-size: 0.9rem;
  padding: 0 4px;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code {
  margin-top: 0;  
  font-family:  Times, sans-serif;
  padding-left: 35px;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code span.newline::before {
  color: black;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code span.comment {
  color: rgba(110,110,110, 1) !important;
  font-weight: 200;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code span.value {
  color: dimgray !important;
}
pre.ft-syntax-highlight[data-showTooltips="true" i][data-ui-theme="win95" i] code span:not(.newline)::after {
  font-family:  Times, sans-serif;
}
/* win95 scrollbar styling by Lou Huang Pen: https://codepen.io/louh/pen/oZJQvm */
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-track {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=);
  image-rendering: pixelated;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar {
	width: 18px; height: 18px;
  border-radius: 0px;
	background-color: rgba(255,255,255,0.6);
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-corner {
  display: block;
  background-color: rgb(192, 192, 192);
}
pre.ft-syntax-highlight[data-ui-theme="win95" i]::after,
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-button,
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgb(192, 192, 192);
  border: 1px solid black;
  border-top: 1px solid rgb(192, 192, 192);
  border-left: 1px solid rgb(192, 192, 192);
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
  background-position: center center;
  background-repeat: no-repeat;
  image-rendering: pixelated;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-button:vertical:decrement {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=');
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-button:vertical:increment {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=');
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC');
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-button:horizontal:increment {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=');
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-button:active {
  background-position: 3px 3px;
}
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-resizer,
pre.ft-syntax-highlight[data-ui-theme="win95" i] code::-webkit-scrollbar-corner {
  background-color: lightgrey;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==');
  background-position: bottom right;
  background-repeat: no-repeat;
  image-rendering: pixelated;
}

/*checking for nested <pre>s > although, this isn't a deep check
this is all we are going to consider altering at this time.
it's up to users to not nest <pre>s/<code>s*/

/*nesting <pre>s cause interferance because of UI themes.
If a nested <pre> is not the same theme it will create an
unwanted, unpolished interface*/
[class*='ft-syntax-highlight'] > * > pre {
  background-color: transparent;
  box-shadow: none;
  background-image: url();
  color: inherit;
}

/* SYNTAX SYNTAX THEMES */
  /*Universal styles*/
pre.ft-syntax-highlight code span.comment {
  color: rgba(240,240,240, 0.3);
  font-weight: 200;
}
pre.ft-syntax-highlight code span.url {
  text-decoration: underline;
}
pre.ft-syntax-highlight code span.value {
  color: rgb(180,180,180);
  font-weight: 300;
}
/*    => syntax theme: bootstrap4 */
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.boolean,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-constant,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-enum,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-structure,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.null,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.unit {
 color: tomato;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-udf {
 color: #4f9fcf;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-class,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-sub,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.variable  {
 color: #0B9C5E;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.object,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.property {
 color: inherit;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.keyword {
  color: #70b5db;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-native,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.identifier-namespace {
 color: #2f6f9f;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.operand {
 color: #70b5db;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.typecast {
 color: mediumblue;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.url,
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i] code span.value {
  color: orangered;
}
/*    => syntax theme: midnight */
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.boolean,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-constant,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-enum,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-structure,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.null,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.unit {
 color: #db7970;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-udf {
 color: #ceafce;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-class,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-sub  {
 color: #93db70;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.url {
  color: #c9db70;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.object,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.property {
 color: palegoldenrod;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.keyword {
  color: #70b5db;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-native,
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.identifier-namespace {
 color: palevioletred;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.operand {
 color: #70b5db;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.typecast {
 color: violet;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i] code span.variable {
  color: inherit;
}
/*    => syntax theme: one-dark*/
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.boolean,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-constant,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-enum,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-structure,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.null,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.unit {
 color: goldenrod;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-udf {
 color: #3b94d9;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-class,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-sub  {
 color: #f8da7b;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-native {
  color: lightseagreen;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.object,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.property {
 color: tomato;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.keyword,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-namespace {
 color: #d979c4;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.operand,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.url {
 color: MediumTurquoise;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.typecast {
 color: violet;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.variable {
  color: inherit;
}
/*    => syntax theme: one-light */
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.boolean,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-constant,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-enum,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-structure,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.null,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.unit {
 color: orange;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-udf {
 color: #16C07B;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-class,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-sub  {
 color: slateblue;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-native,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.url {
  color: #6BBCFF;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.object,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.property {
 color: tan;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.keyword,
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.identifier-namespace {
 color: #de6f5b;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.operand {
 color: MediumTurquoise;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.typecast {
 color: violet;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i] code span.variable {
  color: inherit;
}
/*    => syntax theme: simple */
pre.ft-syntax-highlight[data-syntax-theme="simple" i] * {
  color: darkslategray !important;
  font-weight: 400;
}
pre.ft-syntax-highlight[data-syntax-theme="simple" i] code span.newline::before {
  color: darkslategray !important;
}
/*    => syntax theme: vbgreen */
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.comment {
  color: #4E9C3A;
  font-weight: 400;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.value {
  color: sandybrown;
  font-weight: 200;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.boolean,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-namespace,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.keyword,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.null {
  color: #3C8DCC;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier {
  color: #5AAFFC;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-native {
  color: #cc7b3c;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-class,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-structure,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-sub {
  color: #3CBEA1;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-constant,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.identifier-enum,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.unit {
  color: #B8D288;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.operand {
 color: #70b5db;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.url {
  color: #3C8DCC;
  text-decoration: underline;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.typecast {
  color: blueviolet;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i] code span.variable {
  color: inherit;
}

/* HTML OVERRIDES */
/*    => HTML TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="html" i][data-showTooltips="true" i] code span.identifier::after {
  content: 'selector';
}
pre.ft-syntax-highlight[data-syntax="html" i][data-showTooltips="true" i] code span.identifier-native::after {
  content: 'selector-native';
}
/*    => HTML SYNTAX THEMES */
/*      => html syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="html" i] code span.identifier {
  color: orange;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="html" i] code span.identifier-native {
  color: tomato;
}

/* CSS OVERRIDES */
/*    => CSS TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.at-rule::after {
  content: "at-rule";
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.identifier::after {
  content: "selector";
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.identifier-function::after {
  content: "function"
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.identifier-native::after {
  content: "selector-native"
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.operand::after {
  content: "operand"
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.property::after {
  content: "property";
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.pseudo::after {
  content: "pseudo";
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.unit::after {
  content: "unit";
}
pre.ft-syntax-highlight[data-syntax="css" i][data-showTooltips="true" i] code span.variable::after {
  content: "variable";
}
/*    => CSS SYNTAX THEMES */
/*      => css syntax theme: bootstrap */
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i][data-syntax="css" i] code span.at-rule {
  color: #0B9C5E;
}
/*      => css syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.at-rule {
  color: violet;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.identifier {
  color: orange;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.property {
  color: #96cbfe;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.identifier-native {
  color: tomato;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.pseudo {
  color: #FCBB7E;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.variable {
  color: tomato;
}
/*      => css syntax theme: one-light */
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="css" i] code span.at-rule {
  color: #FF6090;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="css" i] code span.identifier-function {
  color: tan;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="css" i] code span.pseudo {
  color: peru;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="css" i] code span.variable {
  color: tomato;
}
/*      => css syntax theme: midnight */
pre.ft-syntax-highlight[data-syntax-theme="midnight" i][data-syntax="css" i] code span.at-rule {
  color: #70b5db;
}
/*      => css syntax theme: vbgreen */
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i][data-syntax="css" i] code span.at-rule,
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i][data-syntax="css" i] code span.identifier-function {
  color: mediumpurple;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i][data-syntax="css" i] code span.variable {
  color: orangered;
}

/* JAVASCRIPT OVERRIDES */
/*    => JAVASCRIPT TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.boolean::after {
	content: 'boolean';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.identifier::after {
  content: 'identifier';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.identifier-class::after {
  content: 'indentifier-class';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.identifier-constant::after {
  content: 'indentifier-constant';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.identifier-native::after {
  content: 'identifier-native';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.identifier-udf::after {
  content: 'identifier-udf';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.keyword::after {
  content: 'keyword';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.null::after {
	content: 'null';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.unit::after {
  content: 'unit';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.object::after {
  content: 'object';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.operand::after {
  content: 'operand';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.parameter::after {
  content: 'parameter';
}
pre.ft-syntax-highlight[data-syntax="js" i][data-showTooltips="true" i] code span.property::after {
  content: 'property';
}

/* JQUERY OVERRIDES */
/*    => JQUERY TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.boolean::after {
  content: 'boolean';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.identifier::after {
  content: 'identifier';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.identifier-class::after {
  content: 'indentifier-class';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.identifier-constant::after {
  content: 'indentifier-constant';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.identifier-native::after {
  content: 'identifier-native';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.identifier-udf::after {
  content: 'identifier-udf';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.keyword::after {
  content: 'keyword';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.null::after {
  content: 'null';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.unit::after {
  content: 'unit';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.object::after {
  content: 'object';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.operand::after {
  content: 'operand';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.parameter::after {
  content: 'parameter';
}
pre.ft-syntax-highlight[data-syntax="jquery" i][data-showTooltips="true" i] code span.property::after {
  content: 'property';
}

/* PHP OVERRIDES */
/*    => PHP TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.boolean::after {
	content: 'boolean';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.identifier::after {
  content: 'identifier';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.identifier-class::after {
  content: 'indentifier-class';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.identifier-constant::after {
  content: 'indentifier-constant';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.identifier-native::after {
  content: 'identifier-native';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.identifier-udf::after {
  content: 'identifier-udf';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.keyword::after {
  content: 'keyword';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.null::after {
	content: 'null';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.unit::after {
  content: 'unit';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.object::after {
  content: 'object';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.operand::after {
  content: 'operand';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.parameter::after {
  content: 'parameter';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.property::after {
  content: 'property';
}
pre.ft-syntax-highlight[data-syntax="php" i][data-showTooltips="true" i] code span.typecast::after {
  content: 'typecast';
}
/*    => PHP SYNTAX THEMES */
/*      => php syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax="php" i][data-syntax-theme="one-dark" i] code span.identifier {
  color: tomato;
}

/* PYTHON OVERRIDES */
/*    => PYTHON TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.boolean::after {
  content: 'boolean';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.identifier::after {
  content: 'identifier';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.identifier-class::after {
  content: 'identifier-class';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.identifier-constant::after {
  content: 'identifier-constant';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.identifier-native::after {
  content: 'identifier-native';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.identifier-udf::after {
  content: 'identifier-udf';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.keyword::after {
  content: 'keyword';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.null::after {
  content: 'null';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.unit::after {
  content: 'unit';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.object::after {
  content: 'object';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.operand::after {
  content: 'operand';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.parameter::after {
  content: 'parameter';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.property::after {
  content: 'property';
}
pre.ft-syntax-highlight[data-syntax="python" i][data-showTooltips="true" i] code span.variable::after {
	content: 'variable';
}

/* VB OVERRIDES */
/*    => VB TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.boolean::after {
	content: 'boolean';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier::after {
	content: 'identifier';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-class::after {
	content: 'identifier-class';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-constant::after {
	content: 'identifier-constant';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-enum::after {
	content: 'identifier-enum';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-function::after {
	content: 'identifier-function';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-namespace::after {
	content: 'identifier-namespace';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-structure::after {
	content: 'identifier-structure';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.identifier-sub::after {
	content: 'identifier-sub';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.keyword::after {
	content: 'keyword';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.null::after {
	content: 'null';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.operand::after {
	content: 'operand';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.parameter::after {
	content: 'parameter';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.property::after {
	content: 'property';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.typecast::after {
	content: 'typecast';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.unit::after {
	content: 'unit';
}
pre.ft-syntax-highlight[data-syntax="vb" i][data-showTooltips="true" i] code span.variable::after {
	content: 'variable';
}
/*    => VB SYNTAX THEMES */
/*      => VB theme: bootstrap */
pre.ft-syntax-highlight[data-syntax="vb" i][data-syntax-theme="bootstrap" i] code span.variable {
  color: inherit;
}
/*      => VB theme: one-dark */
pre.ft-syntax-highlight[data-syntax="vb" i][data-syntax-theme="one-dark" i] code span.identifier-sub {
  color: #3b94d9;
}
/*      => VB theme: one-light */
pre.ft-syntax-highlight[data-syntax="vb" i][data-syntax-theme="one-light" i] code span.keyword {
  color: #6BBCFF;
}

/* XML OVERRIDES */
/*    => XML TOOLTIPS */
pre.ft-syntax-highlight[data-syntax="xml" i][data-showTooltips="true" i] code span.attribute::after {
  content: "attribute";
}
pre.ft-syntax-highlight[data-syntax="xml" i][data-showTooltips="true" i] code span.identifier::after {
  content: "element";
}
pre.ft-syntax-highlight[data-syntax="xml" i][data-showTooltips="true" i] code span.identifier-namespace::after {
  content: "namespace";
}
/*    => XML SYNTAX THEMES */
/*      => XML syntax theme: bootstrap */
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i][data-syntax="xml" i] code span.attribute {
  color: #4f9fcf;
}
pre.ft-syntax-highlight[data-syntax-theme="bootstrap" i][data-syntax="xml" i] code span.identifier {
  color:  #2f6f9f;
}
/*      => XML syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="xml" i] code span.attribute {
  color: orange;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="xml" i] code span.identifier {
  color: tomato;
}
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="xml" i] code span.identifier-namespace {
  color: coral;
}
/*      => XML syntax theme: one-light */
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="xml" i] code span.attribute {
  color: #16C07B;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="xml" i] code span.identifier {
  color: #6BBCFF;
}
pre.ft-syntax-highlight[data-syntax-theme="one-light" i][data-syntax="xml" i] code span.identifier-namespace {
  color: #8ac1ff;
}
/*      => XML syntax theme: midnight */
pre.ft-syntax-highlight[data-syntax-theme="midnight" i][data-syntax="xml" i] code span.attribute {
  color: thistle;
}
pre.ft-syntax-highlight[data-syntax-theme="midnight" i][data-syntax="xml" i] code span.identifier {
  color: palevioletred;
}
/*      => XML syntax theme: vbgreen */
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i][data-syntax="xml" i] code span.attribute {
  color: #085A99;
}
pre.ft-syntax-highlight[data-syntax-theme="vbgreen" i][data-syntax="xml" i] code span.identifier {
  color: #3C8DCC;
}