/* PrismJS 1.20.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

 code[class*="language-"],
 pre[class*="language-"] {
     color: black;
     background: none;
     text-shadow: 0 1px white;
     font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1em;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
     word-wrap: normal;
     line-height: 1.5;
 
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
 
     -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
 }
 
 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
     text-shadow: none;
     background: #b3d4fc;
 }
 
 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
 code[class*="language-"]::selection, code[class*="language-"] ::selection {
     text-shadow: none;
     background: #b3d4fc;
 }
 
 @media print {
     code[class*="language-"],
     pre[class*="language-"] {
         text-shadow: none;
     }
 }
 
 /* Code blocks */
 pre[class*="language-"] {
     padding: 1em;
     margin: .5em 0;
     overflow: auto;
 }
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
     background: #f5f2f0;
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
     padding: .1em;
     border-radius: .3em;
     white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
     color: slategray;
 }
 
 .token.punctuation {
     color: #999;
 }
 
 .token.namespace {
     opacity: .7;
 }
 
 .token.property,
 .token.tag,
 .token.boolean,
 .token.number,
 .token.constant,
 .token.symbol,
 .token.deleted {
     color: #905;
 }
 
 .token.selector,
 .token.attr-name,
 .token.string,
 .token.char,
 .token.builtin,
 .token.inserted {
     color: #690;
 }
 
 .token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
 .style .token.string {
     color: #9a6e3a;
     /* This background color was intended by the author of this theme. */
     background: hsla(0, 0%, 100%, .5);
 }
 
 .token.atrule,
 .token.attr-value,
 .token.keyword {
     color: #07a;
 }
 
 .token.function,
 .token.class-name {
     color: #DD4A68;
 }
 
 .token.regex,
 .token.important,
 .token.variable {
     color: #e90;
 }
 
 .token.important,
 .token.bold {
     font-weight: bold;
 }
 .token.italic {
     font-style: italic;
 }
 
 .token.entity {
     cursor: help;
 }
 
 
 
 /*
  *
  */
 
.markdown-body{
  /* margin-top:20px; */
}
 
 .markdown-body .octicon {
   display: inline-block;
   fill: currentColor;
   vertical-align: text-bottom;
 }
 
 .markdown-body .anchor {
   float: left;
   line-height: 1;
   margin-left: -20px;
   padding-right: 4px;
 }
 
 .markdown-body .anchor:focus {
   outline: none;
 }
 
 .markdown-body h1 .octicon-link,
 .markdown-body h2 .octicon-link,
 .markdown-body h3 .octicon-link,
 .markdown-body h4 .octicon-link,
 .markdown-body h5 .octicon-link,
 .markdown-body h6 .octicon-link {
   color: #1b1f23;
   vertical-align: middle;
   visibility: hidden;
 }
 
 .markdown-body h1:hover .anchor,
 .markdown-body h2:hover .anchor,
 .markdown-body h3:hover .anchor,
 .markdown-body h4:hover .anchor,
 .markdown-body h5:hover .anchor,
 .markdown-body h6:hover .anchor {
   text-decoration: none;
 }
 
 .markdown-body h1:hover .anchor .octicon-link,
 .markdown-body h2:hover .anchor .octicon-link,
 .markdown-body h3:hover .anchor .octicon-link,
 .markdown-body h4:hover .anchor .octicon-link,
 .markdown-body h5:hover .anchor .octicon-link,
 .markdown-body h6:hover .anchor .octicon-link {
   visibility: visible;
 }
 
 .markdown-body h1:hover .anchor .octicon-link:before,
 .markdown-body h2:hover .anchor .octicon-link:before,
 .markdown-body h3:hover .anchor .octicon-link:before,
 .markdown-body h4:hover .anchor .octicon-link:before,
 .markdown-body h5:hover .anchor .octicon-link:before,
 .markdown-body h6:hover .anchor .octicon-link:before {
   width: 16px;
   height: 16px;
   content: ' ';
   display: inline-block;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
 }.markdown-body {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   line-height: 1.5;
   color: #24292e;
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
   padding-bottom: 20px;
 }
 
 .markdown-body details {
   display: block;
 }
 
 .markdown-body summary {
   display: list-item;
 }
 
 .markdown-body a {
   background-color: initial;
 }
 
 .markdown-body a:active,
 .markdown-body a:hover {
   outline-width: 0;
 }
 
 .markdown-body strong {
   font-weight: inherit;
   font-weight: bolder;
 }
 
 .markdown-body h1 {
   font-size: 2em;
   margin: .67em 0;
 }
 
 .markdown-body img {
   border-style: none;
 }
 
 .markdown-body code,
 .markdown-body kbd,
 .markdown-body pre {
   font-family: monospace,monospace;
   font-size: 1em;
 }
 
 .markdown-body hr {
   box-sizing: initial;
   height: 0;
   overflow: visible;
 }
 
 .markdown-body input {
   font: inherit;
   margin: 0;
 }
 
 .markdown-body input {
   overflow: visible;
 }
 
 .markdown-body [type=checkbox] {
   box-sizing: border-box;
   padding: 0;
 }
 
 .markdown-body * {
   box-sizing: border-box;
 }
 
 .markdown-body input {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 
 .markdown-body a {
   color: #0366d6;
   text-decoration: none;
 }
 
 .markdown-body a:hover {
   text-decoration: underline;
 }
 
 .markdown-body strong {
   font-weight: 600;
 }
 
 .markdown-body hr {
   height: 0;
   margin: 15px 0;
   overflow: hidden;
   background: transparent;
   border: 0;
   border-bottom: 1px solid #dfe2e5;
 }
 
 .markdown-body hr:after,
 .markdown-body hr:before {
   display: table;
   content: "";
 }
 
 .markdown-body hr:after {
   clear: both;
 }
 
 .markdown-body table {
   border-spacing: 0;
   border-collapse: collapse;
 }
 
 .markdown-body td,
 .markdown-body th {
   padding: 0;
 }
 
 .markdown-body details summary {
   cursor: pointer;
 }
 
 .markdown-body kbd {
   display: inline-block;
   padding: 3px 5px;
   font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   line-height: 10px;
   color: #444d56;
   vertical-align: middle;
   background-color: #fafbfc;
   border: 1px solid #d1d5da;
   border-radius: 3px;
   box-shadow: inset 0 -1px 0 #d1d5da;
 }
 
 .markdown-body h1,
 .markdown-body h2,
 .markdown-body h3,
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .markdown-body h1 {
   font-size: 32px;
 }
 
 .markdown-body h1,
 .markdown-body h2 {
   font-weight: 600;
 }
 
 .markdown-body h2 {
   font-size: 24px;
 }
 
 .markdown-body h3 {
   font-size: 20px;
 }
 
 .markdown-body h3,
 .markdown-body h4 {
   font-weight: 600;
 }
 
 .markdown-body h4 {
   font-size: 16px;
 }
 
 .markdown-body h5 {
   font-size: 14px;
 }
 
 .markdown-body h5,
 .markdown-body h6 {
   font-weight: 600;
 }
 
 .markdown-body h6 {
   font-size: 12px;
 }
 
 .markdown-body p {
   margin-top: 0;
   margin-bottom: 10px;
 }
 
 .markdown-body blockquote {
   margin: 0;
 }
 
 .markdown-body ol,
 .markdown-body ul {
   padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
 }

 .markdown-body ol[type='A'] {
  list-style-type:upper-alpha;
 }
 
 .markdown-body ol[type='a'] {
  list-style-type:lower-alpha;
 }
 
 .markdown-body ol ol,
 .markdown-body ul ol {
   list-style-type: lower-roman;
 }
 
 .markdown-body ol ol ol,
 .markdown-body ol ul ol,
 .markdown-body ul ol ol,
 .markdown-body ul ul ol {
   list-style-type: lower-alpha;
 }
 
 .markdown-body dd {
   margin-left: 0;
 }
 
 .markdown-body code,
 .markdown-body pre {
   font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   font-size: 12px;
 }
 
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .markdown-body input::-webkit-inner-spin-button,
 .markdown-body input::-webkit-outer-spin-button {
   margin: 0;
   -webkit-appearance: none;
   appearance: none;
 }
 
 .markdown-body :checked+.radio-label {
   position: relative;
   z-index: 1;
   border-color: #0366d6;
 }
 
 .markdown-body .border {
   border: 1px solid #e1e4e8!important;
 }
 
 .markdown-body .border-0 {
   border: 0!important;
 }
 
 .markdown-body .border-bottom {
   border-bottom: 1px solid #e1e4e8!important;
 }
 
 .markdown-body .rounded-1 {
   border-radius: 3px!important;
 }
 
 .markdown-body .bg-white {
   background-color: #fff!important;
 }
 
 .markdown-body .bg-gray-light {
   background-color: #fafbfc!important;
 }
 
 .markdown-body .text-gray-light {
   color: #6a737d!important;
 }
 
 .markdown-body .mb-0 {
   margin-bottom: 0!important;
 }
 
 .markdown-body .my-2 {
   margin-top: 8px!important;
   margin-bottom: 8px!important;
 }
 
 .markdown-body .pl-0 {
   padding-left: 0!important;
 }
 
 .markdown-body .py-0 {
   padding-top: 0!important;
   padding-bottom: 0!important;
 }
 
 .markdown-body .pl-1 {
   padding-left: 4px!important;
 }
 
 .markdown-body .pl-2 {
   padding-left: 8px!important;
 }
 
 .markdown-body .py-2 {
   padding-top: 8px!important;
   padding-bottom: 8px!important;
 }
 
 .markdown-body .pl-3,
 .markdown-body .px-3 {
   padding-left: 16px!important;
 }
 
 .markdown-body .px-3 {
   padding-right: 16px!important;
 }
 
 .markdown-body .pl-4 {
   padding-left: 24px!important;
 }
 
 .markdown-body .pl-5 {
   padding-left: 32px!important;
 }
 
 .markdown-body .pl-6 {
   padding-left: 40px!important;
 }
 
 .markdown-body .f6 {
   font-size: 12px!important;
 }
 
 .markdown-body .lh-condensed {
   line-height: 1.25!important;
 }
 
 .markdown-body .text-bold {
   font-weight: 600!important;
 }
 
 .markdown-body .pl-c {
   color: #6a737d;
 }
 
 .markdown-body .pl-c1,
 .markdown-body .pl-s .pl-v {
   color: #005cc5;
 }
 
 .markdown-body .pl-e,
 .markdown-body .pl-en {
   color: #6f42c1;
 }
 
 .markdown-body .pl-s .pl-s1,
 .markdown-body .pl-smi {
   color: #24292e;
 }
 
 .markdown-body .pl-ent {
   color: #22863a;
 }
 
 .markdown-body .pl-k {
   color: #d73a49;
 }
 
 .markdown-body .pl-pds,
 .markdown-body .pl-s,
 .markdown-body .pl-s .pl-pse .pl-s1,
 .markdown-body .pl-sr,
 .markdown-body .pl-sr .pl-cce,
 .markdown-body .pl-sr .pl-sra,
 .markdown-body .pl-sr .pl-sre {
   color: #032f62;
 }
 
 .markdown-body .pl-smw,
 .markdown-body .pl-v {
   color: #e36209;
 }
 
 .markdown-body .pl-bu {
   color: #b31d28;
 }
 
 .markdown-body .pl-ii {
   color: #fafbfc;
   background-color: #b31d28;
 }
 
 .markdown-body .pl-c2 {
   color: #fafbfc;
   background-color: #d73a49;
 }
 
 .markdown-body .pl-c2:before {
   content: "^M";
 }
 
 .markdown-body .pl-sr .pl-cce {
   font-weight: 700;
   color: #22863a;
 }
 
 .markdown-body .pl-ml {
   color: #735c0f;
 }
 
 .markdown-body .pl-mh,
 .markdown-body .pl-mh .pl-en,
 .markdown-body .pl-ms {
   font-weight: 700;
   color: #005cc5;
 }
 
 .markdown-body .pl-mi {
   font-style: italic;
   color: #24292e;
 }
 
 .markdown-body .pl-mb {
   font-weight: 700;
   color: #24292e;
 }
 
 .markdown-body .pl-md {
   color: #b31d28;
   background-color: #ffeef0;
 }
 
 .markdown-body .pl-mi1 {
   color: #22863a;
   background-color: #f0fff4;
 }
 
 .markdown-body .pl-mc {
   color: #e36209;
   background-color: #ffebda;
 }
 
 .markdown-body .pl-mi2 {
   color: #f6f8fa;
   background-color: #005cc5;
 }
 
 .markdown-body .pl-mdr {
   font-weight: 700;
   color: #6f42c1;
 }
 
 .markdown-body .pl-ba {
   color: #586069;
 }
 
 .markdown-body .pl-sg {
   color: #959da5;
 }
 
 .markdown-body .pl-corl {
   text-decoration: underline;
   color: #032f62;
 }
 
 .markdown-body .mb-0 {
   margin-bottom: 0!important;
 }

 .markdown-body .mb-1 {
  margin-bottom: 15px !important;
}

.markdown-body .ml-1 {
  margin-left: 15px !important;
}
 
 .markdown-body .my-2 {
   margin-bottom: 8px!important;
 }
 
 .markdown-body .my-2 {
   margin-top: 8px!important;
 }
 
 .markdown-body .pl-0 {
   padding-left: 0!important;
 }
 
 .markdown-body .py-0 {
   padding-top: 0!important;
   padding-bottom: 0!important;
 }
 
 .markdown-body .pl-1 {
   padding-left: 4px!important;
 }
 
 .markdown-body .pl-2 {
   padding-left: 8px!important;
 }
 
 .markdown-body .py-2 {
   padding-top: 8px!important;
   padding-bottom: 8px!important;
 }
 
 .markdown-body .pl-3 {
   padding-left: 16px!important;
 }
 
 .markdown-body .pl-4 {
   padding-left: 24px!important;
 }
 
 .markdown-body .pl-5 {
   padding-left: 32px!important;
 }
 
 .markdown-body .pl-6 {
   padding-left: 40px!important;
 }
 
 .markdown-body .pl-7 {
   padding-left: 48px!important;
 }
 
 .markdown-body .pl-8 {
   padding-left: 64px!important;
 }
 
 .markdown-body .pl-9 {
   padding-left: 80px!important;
 }
 
 .markdown-body .pl-10 {
   padding-left: 96px!important;
 }
 
 .markdown-body .pl-11 {
   padding-left: 112px!important;
 }
 
 .markdown-body .pl-12 {
   padding-left: 128px!important;
 }
 
 .markdown-body hr {
   border-bottom-color: #eee;
 }
 
 .markdown-body kbd {
   display: inline-block;
   padding: 3px 5px;
   font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   line-height: 10px;
   color: #444d56;
   vertical-align: middle;
   background-color: #fafbfc;
   border: 1px solid #d1d5da;
   border-radius: 3px;
   box-shadow: inset 0 -1px 0 #d1d5da;
 }
 
 .markdown-body:after,
 .markdown-body:before {
   display: table;
   content: "";
 }
 
 .markdown-body:after {
   clear: both;
 }
 
 .markdown-body>:first-child {
   margin-top: 0!important;
 }
 
 .markdown-body>:last-child {
   margin-bottom: 0!important;
 }
 
 .markdown-body a:not([href]) {
   color: inherit;
   text-decoration: none;
 }
 
 .markdown-body blockquote,
 .markdown-body details,
 .markdown-body dl,
 .markdown-body ol,
 .markdown-body p,
 .markdown-body pre,
 .markdown-body table,
 .markdown-body ul {
   margin-top: 0;
   margin-bottom: 16px;
 }
 
 .markdown-body hr {
   height: .25em;
   padding: 0;
   margin: 24px 0;
   background-color: #e1e4e8;
   border: 0;
 }
 
 /* .markdown-body blockquote {
   padding: 0 1em;
   color: #6a737d;
   border-left: .25em solid #dfe2e5;
 } */
 
 .markdown-body blockquote {
  padding: 0 1em;
  color: #000;
  border-left: .25em solid #219DE6;
}

 .markdown-body blockquote>:first-child {
   margin-top: 0;
 }
 
 .markdown-body blockquote>:last-child {
   margin-bottom: 0;
 }
 
 .markdown-body h1,
 .markdown-body h2,
 .markdown-body h3,
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
   margin-top: 24px;
   margin-bottom: 16px;
   font-weight: 600;
   line-height: 1.25;
 }
 
 .markdown-body h1 {
   font-size: 2em;
 }
 
 .markdown-body h1,
 .markdown-body h2, 
 .markdown-body h3,
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
   padding-bottom: .9em;
   border-bottom: 1px solid #eaecef;
 }
 
 .markdown-body h2 {
   font-size: 1.5em;
 }
 
 .markdown-body h3 {
   font-size: 1.25em;
 }
 
 .markdown-body h4 {
   font-size: 1em;
 }
 
 .markdown-body h5 {
   font-size: .875em;
 }
 
 .markdown-body h6 {
   font-size: .85em;
   color: #6a737d;
 }
 
 .markdown-body ol,
 .markdown-body ul {
   padding-left: 2em;
 }

 .markdown-body ol,
 .markdown-body ul.collapsible{
  padding-left: 0em;
 }
 
 .markdown-body ol ol,
 .markdown-body ol ul,
 .markdown-body ul ol,
 .markdown-body ul ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .markdown-body li {
   word-wrap: break-all;
 }
 
 .markdown-body li>p {
   margin-top: 16px;
 }
 
 .markdown-body li+li {
   margin-top: .25em;
 }
 
 .markdown-body dl {
   padding: 0;
 }
 
 .markdown-body dl dt {
   padding: 0;
   margin-top: 16px;
   font-size: 1em;
   font-style: italic;
   font-weight: 600;
 }
 
 .markdown-body dl dd {
   padding: 0 16px;
   margin-bottom: 16px;
 }
 
 .markdown-body table {
   display: table-cell;
   width: 100%;
   overflow: auto;
 }
 
 .markdown-body table th {
   font-weight: 600;
 }
 
 .markdown-body table td,
 .markdown-body table th {
   padding: 6px 13px;
   border: 1px solid #dfe2e5;
 }
 
 .markdown-body table tr {
   background-color: #fff;
   border-top: 1px solid #c6cbd1;
 }
 
 .markdown-body table tr:nth-child(2n) {
   background-color: #f6f8fa;
 }
 
 .markdown-body img {
   max-width: 100%;
   box-sizing: initial;
   /* background-color: #fff; */
 }
 
 .markdown-body img[align=right] {
   padding-left: 20px;
 }
 
 .markdown-body img[align=left] {
   padding-right: 20px;
 }
 
 .markdown-body code {
   padding: .2em .4em;
   margin: 0;
   font-size: 85%;
   background-color: rgba(27,31,35,.05);
   border-radius: 3px;
 }
 
 .markdown-body pre {
   word-wrap: normal;
 }
 
 .markdown-body pre>code {
   padding: 0;
   margin: 0;
   font-size: 100%;
   word-break: normal;
   white-space: pre;
   background: transparent;
   border: 0;
 }
 
 .markdown-body .highlight {
   margin-bottom: 16px;
 }
 
 .markdown-body .highlight pre {
   margin-bottom: 0;
   word-break: normal;
 }
 
 .markdown-body .highlight pre,
 .markdown-body pre {
   padding: 16px;
   overflow: auto;
   font-size: 85%;
   line-height: 1.45;
   background-color: #f6f8fa;
   border-radius: 3px;
 }
 
 .markdown-body pre code {
   display: inline;
   max-width: auto;
   padding: 0;
   margin: 0;
   overflow: visible;
   line-height: inherit;
   word-wrap: normal;
   background-color: initial;
   border: 0;
 }
 
 .markdown-body .commit-tease-sha {
   display: inline-block;
   font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   font-size: 90%;
   color: #444d56;
 }
 
 .markdown-body .full-commit .btn-outline:not(:disabled):hover {
   color: #005cc5;
   border-color: #005cc5;
 }
 
 .markdown-body .blob-wrapper {
   overflow-x: auto;
   overflow-y: hidden;
 }
 
 .markdown-body .blob-wrapper-embedded {
   max-height: 240px;
   overflow-y: auto;
 }
 
 .markdown-body .blob-num {
   width: 1%;
   min-width: 50px;
   padding-right: 10px;
   padding-left: 10px;
   font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   font-size: 12px;
   line-height: 20px;
   color: rgba(27,31,35,.3);
   text-align: right;
   white-space: nowrap;
   vertical-align: top;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 
 .markdown-body .blob-num:hover {
   color: rgba(27,31,35,.6);
 }
 
 .markdown-body .blob-num:before {
   content: attr(data-line-number);
 }
 
 .markdown-body .blob-code {
   position: relative;
   padding-right: 10px;
   padding-left: 10px;
   line-height: 20px;
   vertical-align: top;
 }
 
 .markdown-body .blob-code-inner {
   overflow: visible;
   font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   font-size: 12px;
   color: #24292e;
   word-wrap: normal;
   white-space: pre;
 }
 
 .markdown-body .pl-token.active,
 .markdown-body .pl-token:hover {
   cursor: pointer;
   background: #ffea7f;
 }
 
 .markdown-body .tab-size[data-tab-size="1"] {
   -moz-tab-size: 1;
   tab-size: 1;
 }
 
 .markdown-body .tab-size[data-tab-size="2"] {
   -moz-tab-size: 2;
   tab-size: 2;
 }
 
 .markdown-body .tab-size[data-tab-size="3"] {
   -moz-tab-size: 3;
   tab-size: 3;
 }
 
 .markdown-body .tab-size[data-tab-size="4"] {
   -moz-tab-size: 4;
   tab-size: 4;
 }
 
 .markdown-body .tab-size[data-tab-size="5"] {
   -moz-tab-size: 5;
   tab-size: 5;
 }
 
 .markdown-body .tab-size[data-tab-size="6"] {
   -moz-tab-size: 6;
   tab-size: 6;
 }
 
 .markdown-body .tab-size[data-tab-size="7"] {
   -moz-tab-size: 7;
   tab-size: 7;
 }
 
 .markdown-body .tab-size[data-tab-size="8"] {
   -moz-tab-size: 8;
   tab-size: 8;
 }
 
 .markdown-body .tab-size[data-tab-size="9"] {
   -moz-tab-size: 9;
   tab-size: 9;
 }
 
 .markdown-body .tab-size[data-tab-size="10"] {
   -moz-tab-size: 10;
   tab-size: 10;
 }
 
 .markdown-body .tab-size[data-tab-size="11"] {
   -moz-tab-size: 11;
   tab-size: 11;
 }
 
 .markdown-body .tab-size[data-tab-size="12"] {
   -moz-tab-size: 12;
   tab-size: 12;
 }
 
 .markdown-body .task-list-item {
   list-style-type: none;
 }
 
 .markdown-body .task-list-item+.task-list-item {
   margin-top: 3px;
 }
 
 .markdown-body .task-list-item input {
   margin: 0 .2em .25em -1.6em;
   vertical-align: middle;
 }
 
 .markdown-body .divider {
     margin: initial !important;
     width: initial !important;
     /* margin-bottom: 15px !important; */
     height: 0px;
 }
 
 pre.CodeMirror-line {
   margin-bottom: 3px;
   background: none;
   padding: 0px;
   font-size: 14px;
 }
 
 .markdown-body a.tooltipped{
  color: #35a7e9;
  font-weight: bold;
 }

/* Removendo sombras das imagens */
img.z-depth-1{
  box-shadow: initial;
}

/* Adicionando classe com o tamanho da imagem */
img.img-ilustracao-small,
img.imgPequena{   
  max-width: 300px;   
  margin: auto;
} 

img.img-ilustracao-medium,
img.imgMedia{   
  max-width: 400px;   
  margin: auto;
} 

img.img-ilustracao-large,
img.imgGrande{   
  max-width: 700px;   
  margin: auto;
}

/* Accordion - ITI - Aula 03 - Página 05 */
.markdown-body 
.page-wrapper{
	margin-bottom: 30px;
}

.markdown-body 
summary.summary-accordion {
    padding: 12px;
    background: #35a7e9;
    border-radius: 5px;
    color: white;
}

.markdown-body
details.details-accordion {
    margin-bottom: 2px;
}

.markdown-body
details.details-accordion p {
    padding: 10px 10px;
    border: 1px solid #c3c3c3;
    margin: 0px;
    border-radius: 5px;
}

/* Accordion - ITI - Aula 04 - Página 07 */
.markdown-body
ul.collapsible li
.collapsible-header {
    line-height: 1rem;
}

.markdown-body
ul.collapsible li
.collapsible-header img {
    margin: 15px auto;
}

.markdown-body ul.collapsible li 
.collapsible-header span p {
  margin-top: 18px;
}


.markdown-body
ul.collapsible li
.collapsible-body{
    padding: 20px 30px;
}

.markdown-body
ul.collapsible li .collapsible-body ul.ul-collapsible > li{
    list-style: disc !important;
    padding-bottom: 5px;
}

.icone-text{
  position: relative;
  top: 5px;
}

/* */
ul.collapsible li .collapsible-header b {
  margin-top: 15px;
  display: inline-table;
}

/* Listas */
.markdown-body ol {
  padding-left: 30px;
}

/* Recurso de Mapa Interativo - Design de Jogos Digitais - Aula 0 - Começo */
.mapa-objeto {
  -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  cursor: pointer;
}
.mapa-descricao {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  background: #333;
  padding: 10px;
  color: #fff;
  height: 200px;
}
.mapa-descricao .img {
  width: 180px;
  float: left;
  margin: 0;
  padding: 0;
}
.mapa-descricao .img .animacao-velocity {
  margin: 0;
  padding: 0;
}
.mapa-descricao .descricao {
  width: 300px;
  height: 180px;
  float: left;
  margin: 0;
  padding: 0 10px;
  overflow: auto;
}
.mapa-descricao .sair {
  cursor: pointer;
  float: right;
  position: absolute;
  right: 0;
  top: -30px;
  color: #333;
}
/* Recurso de Mapa Interativo - Design de Jogos Digitais - Aula 0 - Fim */
h3.border-none{
  border: none;
} 

h3.margin-bottom-none{
  margin-bottom: 0px;
}

/* CodeMirror */
pre.CodeMirror-line{
  overflow: hidden;
}

/* Apresentação autores */
img.img-autor {
  float: left;
  height: 200px;
  margin: 0 20px 20px 0;
}

img + em{
  display: block;
  text-align: center;
  font-style: normal !important;
  text-indent: initial !important;
}

img + em{
  font-size: 85% !important;
}

span.titulo-imagem{
  display: block;
  text-align: center;
  font-size: 85% !important;
}

span.figura-legenda, 
span.tabela-legenda, span.tabela-fonte,
span.quadro-legenda, span.quadro-fonte {
  display: block;
  text-align: center;
  font-style: normal !important;
  text-indent: initial !important;
  font-size: 85% !important;
}

/* Botão rodar exemplo Potigol */
.bt-exec-potigol{
  background-color: #2bbbad !important;
  margin: 5px 0 15px 0;
  text-transform: capitalize;
}

.bt-exec-potigol:hover{
  text-decoration: none !important;
}

.bt-exec-potigol i{
  padding-left: 5px;
}

.btn-modal-potigol-close{
  text-transform: capitalize;
  margin-bottom: 15px !important;
}


a.btn-modal-potigol-close{
  color: #24292e;
}

.btn-modal-potigol-close:hover{
  text-decoration: none !important;
}

/* Reset */
.mt-none{
  margin-top: 0px !important;
}

/* Informaçao citação */
.informacaoCitacao{
  display: block;
  text-align: right;
  font-size: 88% !important;
  font-weight: normal;
  margin-bottom: 10px;
}

/* Interação */
.img-interativa-hint {
    border: 2px;
}

.flux-interacao{
    position: absolute;
    left: 70%;
    top:10%;
    display: none;
}

.img-interativa:hover .flux-interacao{
    display: initial;
}

#b1:hover {
    box-shadow: -3px -3px gray inset;
}

#b2:hover {
    box-shadow: -3px -3px gray inset;
}

#b3:hover {
    box-shadow: -3px -3px gray inset;
}

#b4:hover {
    box-shadow: -3px -3px gray inset;
}

#b5:hover{
    box-shadow: 3px 3px gray inset;
}

#b6:hover{
    box-shadow: 3px 3px gray inset;
}

#b7:hover {
    box-shadow: -3px -3px gray inset;
}

.img-interativa-hint #divb2.actived {
    transform: translate(0,0) skew(24deg) !important;
}

.img-interativa-hint #divb4.actived {
    transform: translate(0,0) skew(30deg) rotate(-30deg) !important;
}

.img-interativa-hint #divb13.actived {
    transform: translate(0,0) rotate(52deg) !important;
}

.img-interativa-hint #divb14 {
    transform: translate(-1000%,-1000%) rotate(52deg);
}

.img-interativa-hint #divb14.actived {
    transform: translate(0,0) rotate(-52deg) !important;
}

#recurso-imagem-interativa .img-interativa-hint{
  width: 20px;
  height: 20px;
}

.markdown-body .collapsible-header span {
  padding-top: 15px;
  display: inline-block;
}


.markdown-body ul.collapsible.collapsible-conteudo li .collapsible-header{
  line-height: 22px !important;
}

.collapsible-conteudo img {
  margin: initial !important;
  float: left;
  padding-right: 10px;
}

.collapsible-header.collapsible-conteudo {
  line-height: 22px;
}

.hint-border{
  border: 1px solid #0366d6;
}

/* Player youtube 65% responsivo */
@media only screen and (max-width: 756px) {
  #player-youtube{
    width: 100% !important;
    padding-top: 56.25% !important;
  }
}

/* table e quadro */
p:has(.tabela-legenda),
p:has(.quadro-legenda) {
  margin-bottom: 2px;
}

.markdown-body .container-table,
.markdown-body .container-quadro{
  overflow-x: auto;
  text-align: center;
}

.markdown-body .container-table table,
.markdown-body .container-quadro table{
  display: table !important;
  margin-bottom: 2px;
}

.container-quadro table tr td:first-child{
  /* font-weight: 600; */
}

.markdown-body .container-quadro table,
.markdown-body .container-quadro table tr{
  border: 1px solid #dfe2e5;  
}

.markdown-body 
.container-table table tbody{
  border-top: 1px solid #dfe2e5;  
}

.markdown-body table td,
.markdown-body table th{
  border-right: none;
  border-left:  none;
}

.markdown-body .container-quadro table td,
.markdown-body .container-quadro table th{
  border: 1px solid #dfe2e5 !important;  
}

.markdown-body table tr:nth-child(2n){
  background: none;
}

.markdown-body table tr{
  border-top: none;
}

.markdown-body table tr td{ 
  border: none !important;
} 

.markdown-body table tbody,
.markdown-body table tfoot{
  border-bottom: 1px solid #dfe2e5;
} 
.markdown-body table tfoot tr td{
  text-align: center;
  font-weight: 600;
}

/* Adicionando classe com o tamanho da imagem */
@media only screen and (max-width: 1440px) {
  img.img-ilustracao-large,
  img.imgGrande{   
    max-width: 100%;   
    margin: auto;
  }
}

@media only screen and (max-width: 850px) {
  img.img-ilustracao-medium,
  img.imgMedia{   
    max-width: 100%;   
    margin: auto;
  }
}

@media only screen and (max-width: 480px) {
  img.img-ilustracao-small,
  img.imgPequena{   
    max-width: 100%;   
    margin: auto;
  }
}

/* Icon */
h1 .apresentacao-icon,
h1 .atencao-icon,
h1 .atividade-forum-icon,
h1 .atividade-icon,
h1 .atividade-interativa-icon,
h1 .autoavaliacao-icon,
h1 .curiosidade-icon,
h1 .ficadica-icon,
h1 .glossario-icon,
h1 .leitura-complementar-icon,
h1 .midiateca-icon,
h1 .objetivos-icon,
h1 .referencias-icon,
h1 .resumo-icon,
h1 .saiba-mais-icon,
h1 .atividade-wiki-icon{
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 50px;
  height: 50px;
  margin: 0px 8px 0px 0px;
}

h2 .atencao-icon,
h2 .atividade-forum-icon,
h2 .atividade-icon,
h2 .atividade-interativa-icon,
h2 .autoavaliacao-icon,
h2 .curiosidade-icon,
h2 .ficadica-icon,
h2 .glossario-icon,
h2 .leitura-complementar-icon,
h2 .midiateca-icon,
h2 .objetivos-icon,
h2 .referencias-icon,
h2 .resumo-icon,
h2 .saiba-mais-icon,
h2 .atividade-wiki-icon,
h2 .apresentacao-icon{
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 42px;
  height: 42px;
  margin: -5px 6px 0px 0px;
}

h3 .apresentacao-icon, h3 .atencao-icon, h3 .atividade-forum-icon, h3 .atividade-icon, h3 .atividade-interativa-icon,
h3 .autoavaliacao-icon, h3 .curiosidade-icon, h3 .ficadica-icon, h3 .glossario-icon,
h3 .leitura-complementar-icon, h3 .midiateca-icon, h3 .objetivos-icon, h3 .referencias-icon,
h3 .resumo-icon, h3 .saiba-mais-icon, h3 .atividade-wiki-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 36px;
  height: 36px;
  margin: -3px 5px 0px 0px;
}

h4 .apresentacao-icon, h5 .apresentacao-icon, h6 .apresentacao-icon,
h4 .atencao-icon, h5 .atencao-icon, h6 .atencao-icon,
h4 .atividade-forum-icon, h5 .atividade-forum-icon, h6 .atividade-forum-icon,
h3 .atividade-icon, h4 .atividade-icon, h5 .atividade-icon, h6 .atividade-icon,
h4 .atividade-interativa-icon, h5 .atividade-interativa-icon, h6 .atividade-interativa-icon,
h4 .autoavaliacao-icon, h5 .autoavaliacao-icon, h6 .autoavaliacao-icon,
h4 .curiosidade-icon, h5 .curiosidade-icon, h5 .curiosidade-icon,
h4 .ficadica-icon, h5 .ficadica-icon, h6 .ficadica-icon,
h4 .glossario-icon, h5 .glossario-icon, h6 .glossario-icon,
h4 .leitura-complementar-icon, h5 .leitura-complementar-icon, h6 .leitura-complementar-icon,
h4 .midiateca-icon, h5 .midiateca-icon, h6 .midiateca-icon,
h4 .objetivos-icon, h5 .objetivos-icon, h6 .objetivos-icon,
h4 .referencias-icon, h5 .referencias-icon, h6 .referencias-icon,
h4 .resumo-icon, h5 .resumo-icon, h6 .resumo-icon,
h4 .saiba-mais-icon, h5 .saiba-mais-icon, h6 .saiba-mais-icon,
h4 .atividade-wiki-icon, h5 .atividade-wiki-icon, h6 .atividade-wiki-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 30px;
  height: 30px;
  margin: -4px 5px 0px 0px;
}