/* Global CSS */
body,html{position:relative;width:100%;height:100%}body{color:#333;margin:0;box-sizing:border-box;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;display:flex;flex-direction:column}div#component-box{padding:20px;border:2px solid darkgreen;border-radius:8px}div.code-box{margin:0 auto;width:75%;max-width:768px}ul{list-style-type:none !important;padding:0}@media only screen and (max-width: 375px){div.code-box{margin:0 auto;width:95%}}#main-content{flex:1 0 auto;text-align:center}#footer{flex-shrink:0}a{color:rgb(0, 100, 200);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:rgb(0, 80, 160)}label{display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em;box-sizing:border-box;border:1px solid #ccc;border-radius:2px}input:disabled{color:#ccc}input[type="range"]{height:0}button{color:#333;background-color:#f4f4f4;outline:none}button:active{background-color:#ddd}button:focus{border-color:#666}
/* PrismJS 1.17.1
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"],pre[class*="language-"]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);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-"]{padding:1em;margin:0.5em 0;overflow:auto;border-radius:0.3em}:not(pre) > code[class*="language-"],pre[class*="language-"]{background:#272822}:not(pre) > code[class*="language-"]{padding:0.1em;border-radius:0.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:slategray}.token.punctuation{color:#f8f8f2}.namespace{opacity:0.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}