.code-viewer{border-left:2px solid #ddd;margin:0 36px 36px;padding:16px}@media (max-width: 800px){.code-viewer{margin-left:0;margin-right:0;padding:16px 4px}}.code-viewer__code{max-width:100%;overflow-x:auto;font-size:18px;line-height:1.5em}.code-viewer__code pre,.code-viewer__code code{margin:0}@media (max-width: 700px){.code-viewer__code{font-size:16px;line-height:1.3em}}@media (max-width: 500px){.code-viewer__code{font-size:14px}}.code-viewer__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 12px 0}.code-viewer__controls label{font-size:12px;text-transform:uppercase}.code-viewer__space{display:inline-block;background-color:#f9f9f9}.code-viewer__tab{display:inline-block;position:relative}.code-viewer__tab::before{position:absolute;right:0;height:100%;width:1px;background-color:#ccc;content:""}.code-viewer__highlight{background-color:#ffa}
button{margin:0 0.5em;font-size:16px;border:1px solid #ddd;border-radius:3px;background-color:white;cursor:pointer}button:hover{background-color:#eee}button:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}button:focus{outline:none;background-color:#eef}button.button--two{width:2em}button.button--four{width:4em}button.button--eight{width:8em}button.is-selected{border:1px solid #008cff;background-color:white;cursor:default;pointer-events:none}
footer{margin:200px 0 0;text-align:right}footer sub{font-size:10px}
.hljs{display:block;background:white;color:#333333;overflow-x:auto}.hljs-comment,.hljs-meta{color:#969896}.hljs-string,.hljs-variable,.hljs-template-variable,.hljs-strong,.hljs-emphasis,.hljs-quote{color:#df5000}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#a71d5d}.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-attribute{color:#0086b3}.hljs-section,.hljs-name{color:#63a35c}.hljs-tag{color:#333333}.hljs-title,.hljs-attr,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#795da3}.hljs-addition{color:#55a532;background-color:#eaffea}.hljs-deletion{color:#bd2c00;background-color:#ffecec}.hljs-link{text-decoration:underline}
@import "https://fonts.googleapis.com/css?family=Source+Code+Pro";@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic";body{font-family:"Open Sans", Helvetica, Arial, san-serif;background-color:#fff;font-size:18px;line-height:1.5em}.app{max-width:800px;margin:auto}h2{margin:64px 0 24px}pre,code{font-family:"Source Code Pro", monospace}ol{margin-bottom:32px}@media (max-width: 400px){ol{padding-left:25px}}ol li{margin:24px 0}ol img{max-width:100%;vertical-align:text-top;padding:8px;box-sizing:border-box}
.with-octocat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.with-octocat img{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-right:24px}.with-octocat p{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}@media (max-width: 500px){.with-octocat{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

/*# sourceMappingURL=index-generated.css.map */