body{font-family:sans-serif;color:#777}#layout,#menu,.pure-menu-link{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}h1,h2,h3,h4,h5,h6{font-weight:bold;color:#4b4b4b}a{color:#3b8bba;text-decoration:none}a:visited{color:#265778}dt{font-weight:bold}dd{margin:0 0 10px 0}#layout{padding-left:150px;left:0}#main{width:100%}.l-box{padding:1.3em}.l-vbox{padding:1.3em 0}.l-hbox{padding:0 1.3em}.l-centered{text-align:center}.header{min-height:80px;margin:0;color:#333;padding:1em;text-align:center;border-bottom:1px solid #eee;background:#fff}.header h1{margin:.2em 0;font-size:3em;font-weight:300}.header h2{font-weight:300;margin:0;color:#ccc}aside{background:#cce1ef;padding:.3em 1em;border-radius:3px;color:#163246}.aside a,.aside a:visited{color:#1f8dd6}.content{margin:0 auto;width:70%;margin-bottom:50px}.content p{line-height:1.6em;font-size:115%}.content .content-subhead{margin:50px 0 20px 0;font-weight:300;color:#888}.content .content-spaced{line-height:1.8em}.content .snippet{margin:1.3em 0 1em;padding:1.3em}.content .content-quote{font-family:"Georgia",serif;color:#666;font-style:italic;line-height:1.8em;border-left:5px solid #ddd;padding-left:1.5em}.legal{font-size:80%;border-top:1px solid #eee;padding:.5em 0;background:#fafafa}.legal-license,.legal-copyright{margin:0}.legal-copyright,.legal-links{text-align:right}.legal-links{list-style:none;margin:0}.legal-logo{text-align:center}#menu{margin-left:-150px;width:150px;position:fixed;top:0;left:150px;bottom:0;z-index:1000;background:#ba55d3;overflow-y:auto;-webkit-overflow-scroll:touch}#menu a{color:#fff;border:0;white-space:normal;padding:.6em 0 .6em .6em}#menu .pure-menu-open{background:transparent;border:0}#menu .pure-menu ul{border:0;background:transparent}#menu .pure-menu ul,#menu .pure-menu .menu-item-divided{border-top:1px solid #ddd}#menu .pure-menu li a:hover,#menu .pure-menu li a:focus{background:#ee82ee}.pure-menu-link{display:none;top:0;left:150px;background:#000;background:rgba(0,0,0,0.7);padding:.75em 1em}.pure-menu-link:hover{background:#000}#menu .pure-menu-heading{font-size:110%;color:#fff}#menu .pure-menu-heading:hover,#menu .pure-menu-heading:focus{color:#999}#menu .pure-menu-selected{background:#1f8dd6}#menu .pure-menu-selected a{color:#fff}#menu li.pure-menu-selected a:hover{background:0}.example-snippet{margin:2em 0;font-size:85%}.notice{background-color:#61b842;color:white}.pure-button{font-family:inherit}.muted{color:#ccc}@media(max-width:870px){#layout{position:relative;padding-left:0}#layout.active{position:relative;left:150px}#layout.active #menu{left:150px;width:150px}#menu{left:0}.pure-menu-link{position:fixed;left:0;display:block}#layout.active .pure-menu-link{left:150px}}@media(max-width:767px){.content{width:95%;font-size:90%}.legal-links{padding:1em 0}.legal-license,.legal-copyright,.legal-links,.legal-links li{text-align:center}.l-hbox{padding:1.3em}}p{line-height:1.6em}.hero{text-align:center;margin:8em 0 3em}.hero h1{font-size:800%;margin:0;padding:0;color:#1f8dd6;font-weight:100}.hero h2{font-weight:100;font-size:260%;margin:.02em 0 .8em;color:#666}.hero-cta pre{padding:1em;font-size:100%}a.pure-button-cta,a.pure-button-secondary{font-size:120%;font-weight:bold}a.pure-button-cta{background:#1f8dd6;color:white}a.pure-button-secondary{background:#fff;color:#666;border:1px solid #ddd}.size-chart{width:100%}.size-chart-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.size-chart-base{background:#0e90d2}.size-chart-base span{color:#67c2f0}.size-chart-grids{background:#8058a5}.size-chart-grids span{color:#c883ff}.size-chart-forms{background:#5eb95e}.size-chart-forms span{color:#a1f089}.size-chart-buttons{background:#dd514c}.size-chart-buttons span{color:#eca49a}.size-chart-menus{background:#fad232}.size-chart-menus span{color:#fff086}.size-chart-tables{background:#f37b1d}.size-chart-tables span{color:#ffbe81}a.size-chart-label{display:block;color:#fff;padding:.5em;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.size-chart-size{display:block}.marketing-ribbon{border-bottom:1px solid #eee;padding:1em 0}.marketing-ribbon h3{font-size:1.47em;font-weight:normal}.sample-buttons .pure-button{width:30%;margin:.2em}.sample-buttons p{margin:.5em}.pure-button-a{background:#e1f2fa;color:#5992aa}.pure-button-b{background:#fcebbd;color:#af9540}.pure-button-c,.pure-button-d,.pure-button-e{border-radius:8px}.pure-button-f,.pure-button-g,.pure-button-h{border-radius:20px}.pure-button-c{background:#333;color:#fff}.pure-button-d{background:#d3eda3;color:#72962e}.pure-button-e{background:#f5ab9e;color:#8c3a2b}.pure-button-f{background:#ddaeff;color:#8156a7}.pure-button-g{background:#f57b00;color:#ffca95}.pure-button-h{background:#008ed4;color:#fff}@media(max-width:767px){.hero{margin:2em 0 1.5em;padding:.6em}.hero h1{font-size:250%;font-weight:300}.hero h2{font-size:165%}h3.l-hbox,p.l-hbox{padding:0 1.3em}a.size-chart-label{font-size:.75em;padding:.6667em}}pre{word-wrap:break-word;padding:6px 10;line-height:1.3em;margin-bottom:20;border:1px solid #eee}code{border:0;margin:0 2px;font-size:.8em;padding:.4em .6em;white-space:nowrap}pre code{padding:0;margin:0;font-size:.95em;white-space:pre-wrap}pre,code{font-family:Consolas,'Liberation Mono',Courier,monospace;color:#333;background:#fafafa}pre .comment{color:#999}pre .tag,pre .tag-name,pre .support.tag-name{color:#555}pre .keyword,pre .css-property,pre .vendor-prefix,pre .sass,pre .class,pre .id,pre .css-value,pre .entity.function,pre .storage.function{font-weight:bold}pre .css-property,pre .css-value,pre .vendor-prefix,pre .support.namespace{color:#333}pre .constant.numeric,pre .keyword.unit,pre .hex-color{font-weight:normal;color:#099}pre .attribute,pre .variable,pre .support{color:#757575}pre .string,pre .support.value{font-weight:normal;color:#3b8bba}