.responsive-table{overflow-x:auto;overflow-y:hidden;width:100%;margin-bottom:4rem}.responsive-table table{margin-bottom:0}.tabular{color:#a6a6a6;white-space:nowrap}.tabular td:not(:last-child),.tabular th{width:5%}.tabular th{color:#404040;font-weight:400}.unstyled{list-style:none}.header{display:block;margin-left:auto;margin-right:auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;max-width:1280px;padding-left:6%;padding-right:6%;padding-top:4rem;padding-bottom:2rem}.logo{display:inline-block;width:9rem;margin-bottom:.8rem}.logo__img{width:9rem}.sections{font-family:Lato,sans-serif;font-size:1.3rem;font-weight:400}.sections__item{display:inline;margin-right:1.8rem;padding-bottom:.2rem}.sections__link.-is-active{color:#404040}.pattern{margin-top:4rem;margin-bottom:4rem}.pattern__title{font-family:Lato,sans-serif;font-size:2.2rem;margin-bottom:0}.pattern__heading{font-size:1.4rem;color:#a6a6a6;margin-bottom:0}.pattern__output{margin-top:2rem}.pattern__input{background:0 0;margin-top:2rem;margin-bottom:0;padding:0}code.hljs{background:#e6e6e6;padding-top:1.4rem;padding-right:2rem;padding-bottom:1.4rem;padding-left:2rem}.swatches{max-width:80rem}.swatch{text-align:center;background:#fff;font-size:1.2rem;color:#a6a6a6;display:inline-block;width:13rem;margin-right:1rem;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin-bottom:1rem}.swatch:before{display:block;color:#404040;height:4.5rem;line-height:45px;background-clip:border-box;border-top-left-radius:3px;border-top-right-radius:3px}.swatch.-primary:before{background:#349bb9;content:'#349bb9';color:#fff}.swatch.-secondary:before{background:#70c1b3;content:'#70c1b3';color:#fff}.swatch.-tertiary:before{background:#f18f01;content:'#f18f01';color:#fff}.swatch.-info:before{background:#00f;content:'#00f';color:#fff}.swatch.-success:before{background:green;content:'#008000';color:#fff}.swatch.-warning:before{background:red;content:'#f00';color:#fff}.swatch.-white:before{background:#fff;content:'#fff'}.swatch.-lightest-gray:before{background:#f5f5f5;content:'#f5f5f5'}.swatch.-lighter-gray:before{background:#e6e6e6;content:'#e6e6e6'}.swatch.-light-gray:before{background:#bfbfbf;content:'#bfbfbf'}.swatch.-gray:before{background:#a6a6a6;content:'#a6a6a6';color:#fff}.swatch.-dark-gray:before{background:#737373;content:'#737373';color:#fff}.swatch.-darker-gray:before{background:#595959;content:'#595959';color:#fff}.swatch.-darkest-gray:before{background:#404040;content:'#404040';color:#fff}.swatch.-black:before{background:#000;content:'#000';color:#fff}.breakpoints__size.-mobile-portrait:after{content:'320px'}.breakpoints__size.-mobile-landscape:after{content:'455px'}.breakpoints__size.-tablet-portrait:after{content:'743px'}.breakpoints__size.-desktop-small:after{content:'999px'}.breakpoints__size.-desktop-medium:after{content:'1255px'}.breakpoints__size.-desktop-large:after{content:'1415px'}.fonts__family.-base:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.fonts__family.-heading:after{content:'Lato, sans-serif';font-family:Lato,sans-serif}.fonts__family.-description-title:after{content:'Lato, sans-serif';font-family:Lato,sans-serif}.fonts__family.-description:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.fonts__family.-quote:after{content:'Georgia, Times, serif';font-family:Georgia,Times,serif}.fonts__family.-cite:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.fonts__family.-address:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.fonts__family.-code:after{content:'monospace';font-family:monospace}.fonts__family.-code-block:after{content:'monospace';font-family:monospace}.fonts__family.-input:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.fonts__family.-legend:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.fonts__family.-button:after{content:'Arial, Helvetica, sans-serif';font-family:Arial,Helvetica,sans-serif}.headings h1:after,.headings h2:after,.headings h3:after,.headings h4:after,.headings h5:after,.headings h6:after{font-family:Arial,Helvetica,sans-serif;font-size:1.6rem;font-size:1.4rem;font-weight:400;color:#a6a6a6;margin-left:1rem}.headings h1 code,.headings h2 code,.headings h3 code,.headings h4 code,.headings h5 code,.headings h6 code{font-size:1.4rem;margin-left:1rem}.headings h1:after{content:'3.6rem (1.4em)'}.headings h2:after{content:'3.2rem (1.4em)'}.headings h3:after{content:'2.8rem (1.4em)'}.headings h4:after{content:'2.4rem (1.4em)'}.headings h5:after{content:'2rem (1.4em)'}.headings h6:after{content:'1.6rem (1.4em)'}@media (min-width:743px){body{padding-left:19rem}.header{position:fixed;top:0;left:0;padding-top:3rem;padding-right:0;padding-bottom:3rem;padding-left:0;height:100%;width:19rem}.logo{margin-left:3rem;margin-right:3rem;display:block;margin-bottom:2rem}.sections__item{margin-right:0}.sections__link{display:block;line-height:2.6em;padding-left:3rem;padding-right:3rem}.pattern{border-left:2px solid #e6e6e6;padding-left:4rem;padding-right:4rem}code.hljs{margin-left:-4rem;margin-right:-4rem;opacity:.4}code.hljs:hover{opacity:1}}