/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/** * # Scaffolding * * Required, global styles. * * No styleguide reference. */* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}html,body { height: 100%;}html { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #444;}a { color: #4183c4; text-decoration: none;}a:hover,a:focus { color: #156cc2; text-decoration: none;}h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.2; color: #444;}.browsehappy { padding: 2rem; margin: 0; margin-left: 17.5rem; background-color: #fcdb9a;}/** * # Utilities * * No styleguide reference. */.right { float: right !important; }.left { float: left !important; }/** * # Forms * * No styleguide reference. */.form-control { display: block; width: 100%; height: 2.5rem; padding: .5rem .85rem; line-height: 1.4rem; border: #ddd solid 1px; border-radius: 2px; box-shadow: none;}.form-control:focus { outline: none;}/** * # Markdown * * Formatting of rendered Markdown. * * No styleguide reference. */.markdown-body { overflow: hidden; line-height: 1.7; word-wrap: break-word;}.markdown-body > *:first-child { margin-top: 0 !important;}.markdown-body > *:last-child { margin-bottom: 0 !important;}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre { margin: 1rem 0;}/** * ## Headings * * Markup: <h1>Heading Level 1</h1> <h2>Heading Level 2</h2> <h3>Heading Level 3</h3> <h4>Heading Level 4</h4> <h5>Heading Level 5</h5> <h6>Heading Level 6</h6> * * No styleguide reference. */.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 { position: relative; margin: 1em 0 1rem; font-weight: 700; line-height: 1.7;}/** * ## Lists * * No styleguide reference. */.markdown-body ul,.markdown-body ol { padding-left: 2rem;}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul { margin-top: 0; margin-bottom: 0;}/** * ## Code * * No styleguide reference. */.markdown-body code { padding: .2rem; font-size: 85%; font-family: Menlo, Consolas, monospace; white-space: nowrap; background-color: rgba(0,0,0,.05); border-radius: .2rem;}.markdown-body pre { word-wrap: normal;}.markdown-body pre > code { padding: 0; margin: 0; white-space: pre; border: none; background: transparent;}/** * ## Blockquotes * * No styleguide reference. */.markdown-body blockquote > :first-child { margin-top: 0;}.markdown-body blockquote > :last-child { margin-bottom: 0;}/** * ## Tables * * No styleguide reference. */.markdown-body table { width: 100%; overflow: auto;}.markdown-body table td { padding: .75rem;}.markdown-body table th { padding: .35rem .75rem; border-bottom: 1px solid #eee;}.markdown-body table th,.markdown-body table td { text-align: left; vertical-align: top;}.markdown-body table th:first-child,.markdown-body table td:first-child { padding-left: 0;}.markdown-body table th:last-child,.markdown-body table td:last-child { padding-right: 0;}.markdown-body table tr:last-child td { border-bottom: 1px solid #eee;}/** * ## Images * * No styleguide reference. */.markdown-body img { max-width: 100%; vertical-align: middle;}/** * ## Anchored Headings * * Markup: <h2 id="unique-link"><a class="anchor" href="#unique-link">#</a>Heading</h2> * * No styleguide reference. */.markdown-body h1 .anchor,.markdown-body h2 .anchor,.markdown-body h3 .anchor,.markdown-body h4 .anchor,.markdown-body h5 .anchor,.markdown-body h6 .anchor { display: inline-block; opacity: 0; width: 2rem; text-align: center; margin-left: -2rem;}.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 { opacity: 1;}/** * # Highlight * * No styleguide reference. */.highlight .err { color: #a61717; background-color: #e3d2d2;}.highlight .cp { color: #999; font-weight: bold;}.highlight .c,.highlight .cm,.highlight .c1 { color: #999988; font-style: italic;}.highlight .cs { color: #999; font-weight: bold; font-style: italic;}.highlight .gd { color: #000; background-color: #ffdddd;}.highlight .gd .x { color: #000; background-color: #ffaaaa;}.highlight .ge { font-style: italic;}.highlight .gr { color: #aa0000;}.highlight .gh,.highlight .bp { color: #999;}.highlight .gi { color: #000; background-color: #ddffdd;}.highlight .gi .x { color: #000; background-color: #aaffaa;}.highlight .go { color: #888;}.highlight .gp,.highlight .nn { color: #555;}.highlight .gu { color: #800080; font-weight: bold;}.highlight .gt { color: #aa0000;}.highlight .k,.highlight .o,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr { font-weight: bold;}.highlight .kt { color: #445588; font-weight: bold;}.highlight .n { color: #333;}.highlight .nb { color: #0086b3;}.highlight .nc { color: #445588; font-weight: bold;}.highlight .ni { color: purple;}.highlight .ne,.highlight .nf { color: #990000; font-weight: bold;}.highlight .nt { color: navy;}.highlight .na,.highlight .no,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi { color: teal;}.highlight .ow { font-weight: bold}.highlight .w { color: #bbb}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il { color: #009999;}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .s1 { color: #dd1144;}.highlight .sr { color: #009926;}.highlight .ss { color: #990073;}.highlight .gc { color: #999; background-color: #eaf2f5;}/** * # Dropdown * * No styleguide reference. */.dropdown { position: absolute; z-index: 1000; display: none; width: 100%; padding: 0; margin: 0; margin-top: .35rem; list-style: none; background-color: #fff; border: #ddd solid 1px; border-radius: 2px; box-shadow: 0 2px 10px -2px rgba(0,0,0,.15);}.dropdown.open { display: block;}.dropdown-right { right: 0; left: auto;}.dropdown-left { right: auto; left: 0;}.dropdown li a { position: relative; display: block; overflow: hidden; padding: 10px; white-space: nowrap; text-overflow: ellipsis; border-color: #eee; border-style: solid; border-width: 1px 0;}.dropdown li a:hover,.dropdown li a:focus { z-index: 1; padding-right: 11px; padding-left: 11px; margin-right: -1px; margin-left: -1px; color: #fff; background-color: #2467af; border-color: #2467af;}.dropdown li + li a { margin-top: -1px; border-top-color: transparent;}.dropdown li:first-child a { margin-top: -1px; border-top-color: transparent; border-top-right-radius: 2px;  border-top-left-radius: 2px;}.dropdown li:last-child a { margin-bottom: -1px; border-bottom-color: transparent; border-bottom-right-radius: 2px;  border-bottom-left-radius: 2px;}/** * # Float View * * Extends the Markdown formatting component with a 2-column layout, where the * left column is used for text and the right column for code and commenting. * * Markup: <div class="float-view"></div> * * No styleguide reference. */.float-view { padding: 2rem 0;}.float-view > h1,.float-view > h2,.float-view > h3,.float-view > h4,.float-view > h5,.float-view > h6,.float-view > p,.float-view > table,.float-view > ul,.float-view > ol,.float-view > dl,.float-view > aside { width: 50%; padding-right: 2rem; padding-left: 2rem;}.float-view > ul,.float-view > ol { padding-left: 4rem;}.float-view > table { /* Allow padding to be added */ border-collapse: separate;}.float-view blockquote,.float-view .highlight { float: right; clear: right; width: 50%; padding: 1.5rem 2rem;}.float-view blockquote > p,.float-view .highlight > pre { margin: 0;}/** * ## Code Canvas * * A "code canvas" is a light-grey, right-hand column within the float view. * This is were all the code and code comments you write will show up. * * __NB:__ Make sure to wrap the float view and the code canvas in a non- * statically positioned element! The inline styling in the example below is * not to be used. * * Markup: <div style="position: relative"><div class="float-view"></div><div class="code-canvas"></div> </div> * * No styleguide */.code-canvas { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-color: #fafafa; border-left: #ddd solid 1px;}/** * # Navigation * * No styleguide reference. */.nav ul,.nav li { padding: 0; margin: 0; line-height: 2.2rem; list-style: none;}.nav li a { display: block; padding: 0 1rem; overflow-x: hidden; white-space: nowrap; text-decoration: none; text-overflow: ellipsis;}.nav li > a { border-color: #eee; border-style: solid; border-width: 1px 0;}.nav li + li > a { border-top-color: transparent;}.nav ul ul li:first-child > a { border-top-color: transparent;}.nav ul ul li a { font-size: 0.85rem; font-weight: 400; color: #777; background-color: #f9f9f9;}.nav ul ul li a:hover { color: #4183c4; background-color: #f2f2f2;}.nav ul ul ul li a { padding-left: 2rem; line-height: 1.8rem;}.nav ul ul ul ul li a { padding-left: 3.2rem; line-height: 1.7rem;}.nav > ul > li > a { font-weight: 700; color: #333;}.nav > ul > li > a:hover { color: #4183c4; background-color: #fdfdfd;}.nav > ul > li > a:before { display: inline-block; float: right; vertical-align: top; font-size: 1.3rem; font-weight: 400; color: #9a9a9a; content: "\25B8";}.nav > ul > .active > a:before { content: "\25BE";}.nav > ul > li:first-child > a:before { display: none;}/* Hide nested lists */.nav ul ul { display: none;}/* Show nested lists in active items */.nav .active > ul { display: block;}/** * # Search * * A simple search widget that extends the dropdown and form control components. * Used alongside picnic.search.js which adds the actual search functionality * using lunr.js. * * Markup: <div class="search"><input class="form-control js-search-input" type="text" placeholder="Search"><ul class="dropdown search-results js-search-results"> <li><a href="#">Search Result <span class="categories">Foo / Bar</span></a> </li></ul> </div> * * No styleguide reference. */.search { position: relative; z-index: 20; margin: 1rem;}/* Completely hide the search widget when Javascript is either unavailable or * or unsupported (.no-js and .js are added and removed, respectively, using * querySelector() and classList) */.no-js .search { display: none;}.search-results .categories { display: block; font-size: 90%; font-weight: bold;}/** * ## Empty Results * * When no results are found, you can add a list item with the class of * `.no-results` which will adjust its size to that of a dropdown link. * * Markup: <ul class="dropdown search-results js-search-results"><li><i>No results for <b>[search query]</b></i></li> </ul> * * No styleguide reference. */.search-results .no-results { display: block; padding: 10px; text-align: center;}.page-wrapper { position: relative; min-height: 100%; margin-left: 17.5rem;}.toc-wrapper { position: fixed; top: 0; left: 0; bottom: 0; z-index: 15; width: 17.5rem; font-size: 0.9rem; border-right: #ddd solid 1px;}.toc-wrapper h3 { padding: 0 1rem; margin-bottom: .35rem; font-size: 1rem; line-height: 2rem;}.content { position: relative; z-index: 10;}.content h2 { clear: both; padding: 2rem 2rem 0; margin-top: 2.5rem !important; border-top: #ddd solid 1px;}.content h2:first-child { margin-top: -2.5rem !important; border-top: 0;}.content blockquote,.content .highlight { padding: 1.5rem 2rem; margin: 0; text-shadow: 0 1px #fff; background-color: #f5f5f5; border-left: #ddd solid 1px;}.content blockquote > p { padding: .85rem 1.4rem; background-color: #fff; border: #ddd solid 1px; border-radius: 2px;}