/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln {
  color: #000;
}

/* plain text */
@media screen {
  .str {
    color: #080;
  }

  /* string content */
  .kwd {
    color: #008;
  }

  /* a keyword */
  .com {
    color: #800;
  }

  /* a comment */
  .typ {
    color: #606;
  }

  /* a type name */
  .lit {
    color: #066;
  }

  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo {
    color: #660;
  }

  .tag {
    color: #008;
  }

  /* a markup tag name */
  .atn {
    color: #606;
  }

  /* a markup attribute name */
  .atv {
    color: #080;
  }

  /* a markup attribute value */
  .dec, .var {
    color: #606;
  }

  /* a declaration; a variable name */
  .fun {
    color: red;
  }

  /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str {
    color: #060;
  }

  .kwd {
    color: #006;
    font-weight: bold;
  }

  .com {
    color: #600;
    font-style: italic;
  }

  .typ {
    color: #404;
    font-weight: bold;
  }

  .lit {
    color: #044;
  }

  .pun, .opn, .clo {
    color: #440;
  }

  .tag {
    color: #006;
    font-weight: bold;
  }

  .atn {
    color: #404;
  }

  .atv {
    color: #060;
  }
}
/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
  background: #f9f9f9;
  border: 1px solid #888;
  padding: 10px 15px;
  overflow-x: scroll;
  word-wrap: normal;
  white-space: pre;
}

pre.prettyprint.linenums {
  padding-left: .5em;
}

/* Specify class=linenums on a pre to get line numbering */
.prettyprint ol.linenums {
  margin: 0;
  padding: 0;
  color: #888;
}

/*li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }*/
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
  background: #f3f3f3;
}

.snippetcpt-wrap {
  position: relative;
}

.snippet-invisible {
  visibility: hidden;
}

.snippet-hidden {
  display: none;
}

.snippetcpt-wrap .snippet-buttons {
  opacity: 0;
}

.snippetcpt-wrap:hover .snippet-buttons, .snippetcpt-wrap.snippetcpt-hidden .snippet-buttons {
  opacity: 1;
}

.snippet-buttons .snippet-button:hover {
  color: #fff;
  background: #666;
  opacity: .95;
  cursor: pointer;
  text-decoration: none;
  border: none;
}

.snippetcpt-wrap:hover .snippet-buttons {
  color: #fff;
  background: #444;
  opacity: .9;
  cursor: pointer;
  text-decoration: none;
  border: none;
}

.snippet-buttons {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.snippetcpt-wrap .snippet-buttons, .snippetcpt-wrap .copy-success-msg {
  text-align: right;
  z-index: 2;
  width: 100%;
  z-index: 5;
}

.snippetcpt-wrap .copy-success-msg {
  overflow: hidden;
  position: relative;
  height: 0;
  color: #3fc380;
  top: auto;
  bottom: 0;
  right: .25em;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.snippet-copied-success .copy-success-msg {
  height: auto;
  height: 1.5em;
}
.snippet-copied-success .dashicons-thumbs-up {
  color: #3fc380 !important;
}

.snippetcpt-wrap.scrollable .snippet-buttons, .snippet-scrollable .snippetcpt-wrap .snippet-buttons {
  padding: 0 1em;
}

.snippetcpt-wrap .snippet-button, .snippet-copy-status {
  color: #888;
  padding: .25em .32em;
}

.snippetcpt-wrap .snippet-copy-status {
  font-family: inherit;
  font-size: .75em;
  display: none;
}

.snippet-buttons .snippet-button::active {
  text-decoration: underline;
  border: none;
}

body.snippet-full-screen {
  overflow: hidden;
  max-height: 100%;
}

.snippetcpt-footer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: .991;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.snippetcpt-footer * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.snippetcpt-footer .snippetcpt-wrap,
.snippetcpt-footer .prettyprint {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.snippetcpt-footer .prettyprint {
  padding-top: 3em;
  padding-bottom: 3em;
  height: 100%;
  width: 100%;
}

.snippetcpt-footer .snippet-button {
  font-size: 32px;
  padding: 0;
  line-height: 1em;
  height: 1em;
  width: 1em;
  margin: 4px;
}

.snippetcpt-footer pre.prettyprint.linenums {
  padding-left: 2.5em;
}

.snippetcpt-footer .gt10 pre.prettyprint.linenums {
  padding-left: 3em;
}

.snippetcpt-footer .gt100 pre.prettyprint.linenums {
  padding-left: 3.5em;
}

/*# sourceMappingURL=code-snippet-cpt-prettify.css.map */