/*
    Copied from highlight.js Styles Directory
    - https://github.com/highlightjs/highlight.js/tree/master/src/styles
    - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-dark-reasonable.min.css
*/

.hljs{display:block;overflow-x:auto;padding:0.5em;line-height:1.3em;color:#abb2bf;background:#282c34;border-radius:5px}.hljs-keyword,.hljs-operator{color:#F92672}.hljs-pattern-match{color:#F92672}.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function{color:#61aeee}.hljs-function .hljs-params{color:#A6E22E}.hljs-function .hljs-params .hljs-typing{color:#FD971F}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#9CCC65}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
.code-callout__container {
    position: relative;
}
.code-callout__markup {
    position: relative;
    min-height: 36px;
    padding: 15px;
    font-family: monospace;
}
.code-callout__markup:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #282c34;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.loaded .code-callout__markup:before {
    opacity: 0;
}
.loaded .code-callout__spinner {
    display: none;
}
.code-callout__spinner {
    display: block;
    position: absolute;
    top: calc(50% - 16px);
    left: 0;
    padding: 0;
}
.code-callout__spinner .spinner {
    position: absolute;
    left: 50%;
}