/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint{background:#fff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#333}ol.linenums{margin-top:0;margin-bottom:0;color:#ccc}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}@media screen{.str{color:#d14}.kwd{color:#333}.com{color:#998}.typ{color:#458}.lit{color:#458}.pun{color:#333}.opn{color:#333}.clo{color:#333}.tag{color:navy}.atn{color:teal}.atv{color:#d14}.dec{color:#333}.var{color:teal}.fun{color:#900}}

pre {
  user-select: text;
}

.dopyo-doc {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  color: #333;
}

.dopyo-doc--first {
  border-radius: 0 4px 4px 4px;
}
.dopyo-doc--last {
  border-radius: 4px 0 4px 4px;
}
.dopyo-doc__title {
  font-size: 100px;
}
.hero.is-info .dopyo-doc h1,
.hero.is-info .dopyo-doc h2,
.hero.is-info .dopyo-doc h3,
.hero.is-info .dopyo-doc p {
  color: #333;
}

.hero.is-info .dopyo-doc .tooltip__title,
.hero.is-info .dopyo-doc .tooltip__desc {
  color: #fff;
}

.code-block code {
  font-size: 16px;
}
.tag:not(body) {
  background-color: none;
  border-radius: none;
  color: #4a4a4a;
  display: inline;
  font-size: 16px;
  height: inherit;
  line-height: 1.5;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

.number {
  background-color: none;
  border-radius: none;
  display: inline;
  font-size: 16px;
  margin-right: 0;
  min-width: inherit;
  padding: inherit;
  vertical-align: unset;
}

.dopyo-doc pre[class*="language-"] {
  border-radius: 4px;
}

.dopyo-chart-container {
  margin: 20px;
  padding: 20px 0;
  box-shadow: 0px 1px 4px 3px #eee;
}

.dopyo-chart-container svg {
  margin: 0 auto;
  padding: 0 20px;
  display: block;
}