[data-grid]{display:block;margin-left:-1.5em}[data-grid]:after{content:"";display:table;clear:both}[data-grid~="rev"] [data-col]{float:right}[data-grid~="gutterless"]{margin-left:0}[data-grid~="gutterless"] [data-col]{padding-left:0}[data-col]{display:block;width:100%;float:left;padding-left:1.5em;box-sizing:border-box}[data-col~="1-2"],[data-col~="2-4"],[data-col~="3-6"]{width:50%}[data-col~="1-3"],[data-col~="2-6"]{width:33.33333%}[data-col~="2-3"],[data-col~="4-6"]{width:66.66667%}[data-col~="1-4"]{width:25%}[data-col~="3-4"]{width:75%}[data-col~="1-5"]{width:20%}[data-col~="2-5"]{width:40%}[data-col~="3-5"]{width:60%}[data-col~="4-5"]{width:80%}[data-col~="1-6"]{width:16.66667%}[data-col~="5-6"]{width:83.33333%}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format("woff")}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:local("Source Sans Pro"),local("SourceSansPro-Regular"),url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format("woff")}*{box-sizing:border-box}html{font:87.5%/1.5 Source Sans Pro,sans-serif;color:#333;background-color:#f5f5f5}body,section{margin:0}section{padding:3em}section:nth-child(even){color:#f5f5f5;background-color:#cf7659;border-top:1px solid rgba(60,60,60,.35);border-bottom:1px solid rgba(60,60,60,.35)}.wrap{max-width:45em;margin:0 auto}h1,h2,h3,p,pre{margin-top:0}h1,h2,h3{font-family:Futura,Soure Sans Pro,sans-serif}h1{margin-bottom:.75em;font-size:2em}h2{margin-bottom:1.071em;font-size:1.4em;line-height:1.071}h3{margin-bottom:1.25em;font-size:1.2em;line-height:1.25}p{margin-bottom:1.5em}a{color:#ab4444;border-bottom:1px solid;text-decoration:none;transition:border-bottom-color .25s ease-in-out,color .25s ease-in-out}a:hover,a:focus{color:#c06262;outline:none}a:active{position:relative;top:2px}[data-button]{display:block;padding:.75em 1.5em;margin-right:1em;border:1px solid #ccc;background-image:linear-gradient(to bottom,#fff,#ddd);background-size:200%;background-position:0 100%;border-radius:5px;transition:color .25s ease-in-out,background-position .25s ease-in-out}[data-button]:hover,[data-button]:focus{background-position:0}[data-button="primary"]{color:#f0f0f0;background-image:linear-gradient(to bottom,#08c,#04c);border:1px solid #04c}[data-button="primary"]:hover,[data-button="primary"]:focus{color:#fff}pre,code{font-family:Source Code Pro,Consolas,Monaco,Andale Mono,monospace}.code pre{margin-bottom:0}.box{height:4.5em;background-color:#eee}[data-grid]{margin-bottom:-1.5em}[data-col]{margin-bottom:1.5em}.code{padding:1.5em;color:#333;border:1px solid #ddd;border-radius:3px;background-color:#eee;overflow:scroll;-webkit-overflow-scrolling:touch}.code-short{margin-bottom:1.5em}.option{overflow:hidden}.tag,.attribute{color:#4f9fcf}.tag-name{color:#2f6f9f}.attribute-value,.variable{color:#d44950}.number{color:#7653c1}.string{color:#bc670f}.control{color:#b48ead}@media (min-width:30em){[data-col~="M1-2"],[data-col~="M2-4"],[data-col~="M3-6"]{width:50%}[data-col~="M1-3"],[data-col~="M2-6"]{width:33.33333%}[data-col~="M2-3"],[data-col~="M4-6"]{width:66.66667%}[data-col~="M1-4"]{width:25%}[data-col~="M3-4"]{width:75%}[data-col~="M1-5"]{width:20%}[data-col~="M2-5"]{width:40%}[data-col~="M3-5"]{width:60%}[data-col~="M4-5"]{width:80%}[data-col~="M1-6"]{width:16.66667%}[data-col~="M5-6"]{width:83.33333%}html{font-size:100%}[data-button]{display:inline-block}}@media (min-width:45em){[data-col~="L1-2"],[data-col~="L2-4"],[data-col~="L3-6"]{width:50%}[data-col~="L1-3"],[data-col~="L2-6"]{width:33.33333%}[data-col~="L2-3"],[data-col~="L4-6"]{width:66.66667%}[data-col~="L1-4"]{width:25%}[data-col~="L3-4"]{width:75%}[data-col~="L1-5"]{width:20%}[data-col~="L2-5"]{width:40%}[data-col~="L3-5"]{width:60%}[data-col~="L4-5"]{width:80%}[data-col~="L1-6"]{width:16.66667%}[data-col~="L5-6"]{width:83.33333%}}@media (min-width:50em){html{font-size:112.5%}}@media (min-width:70em){html{font-size:125%}}@media (max-width:30em){[data-button="primary"]{margin-bottom:1.5em}}@media (min-width:40em){.code{height:15em}.code-short{height:auto}}