body{color:#333;background-color:#fff;font-size:16px}ul{list-style:none;padding:0}.pattern-header-container:after{content:"";display:table;clear:both}.pattern-header-container{font-family:Helvetica;position:fixed;top:0;z-index:1;background:#ddd;width:100%}.pattern-header{margin:.25em 1em}.pattern-header h1{display:inline-block;font-size:1em;color:#000 !important}@media(min-width: 770px){.pattern-header h1{float:right}}.pattern-header .label{padding-left:2em;margin:0}.pattern-main{padding:4em 1em 0 1em}.item{padding:2.5em 1em 0 1em}.item-details{border:1px solid #ddd;border-radius:.25em;padding:1.5em}.item-display{margin-bottom:1em;border-radius:.25em}.item-documentation{font-family:Helvetica}.title{font-family:Helvetica;border-bottom:1px solid #ddd;padding-bottom:.5em;margin-bottom:1em}.title a{text-transform:uppercase;font-size:.9em;letter-spacing:1px;color:#222;text-decoration:none}.item-markup pre{display:none;font-size:.85em}.view-source{display:inline-block;border-radius:.25em;padding:.5em 1em;background:#fff;color:#ccc;border:1px solid #ccc;text-decoration:none}.pattern-header-container:after{background:#0073ac}@media(min-width: 420px){.pattern-header-container:after{background:rgb(0%,51.7840857273%,77.4509803922%);content:"@include wider-than(phone-portrait) // min-width: 420px"}}@media(min-width: 600px){.pattern-header-container:after{background:rgb(0%,58.4701322389%,87.4509803922%);content:"@include wider-than(phone-landscape) // min-width: 600px"}}@media(min-width: 770px){.pattern-header-container:after{background:rgb(0%,65.1561787506%,97.4509803922%);content:"@include wider-than(tablet-portrait) // min-width: 768px"}}@media(min-width: 960px){.pattern-header-container:after{background:rgb(7.4509803922%,69.3296853625%,100%);content:"@include wider-than(tablet-landscape) // min-width: 960px"}}@media(min-width: 1200px){.pattern-header-container:after{background:rgb(17.4509803922%,72.6436388509%,100%);content:"@include wider-than(desktop) // min-width: 1200px"}}.pattern-header-container:after{color:#fff;display:block;font-size:.8em;margin:0 auto;padding:.15em 0;text-align:center;width:100%}.pattern-grid-placeholder{margin-bottom:1.5em;padding:1.5em 0;width:100%;background-color:#f8f8f8;outline:1px dashed #ccc;text-align:center}.pattern-grid-placeholder p{margin:0}.pattern-swatch-container{padding:1.5em;margin-bottom:1.5em;outline:1px dashed #ccc}.pattern-swatch-container li{text-decoration:none}.pattern-swatch-container li:first-child{font-family:Helvetica;font-size:1.25em;font-weight:700}.pattern-section-title{font-family:Helvetica;font-size:40px !important;font-weight:500;margin-top:1em !important;padding-left:.5em;margin-bottom:0;color:#000}.pattern-swatch{margin:.75em 0;height:200px}.pattern-swatch--primary-blue{background-color:#16c1f3}.pattern-swatch--primary-orange{background-color:#f69646}.pattern-swatch--secondary-orange{background-color:#503529}.pattern-swatch--secondary-blue{background-color:#0067b0}.pattern-swatch--tertiary-blue{background-color:#014254}.pattern-swatch--primary-gray{background-color:#f8f8f8}.bk-select{margin:.4em 0;border:none;height:2.25em;vertical-align:middle;-webkit-appearance:button;background-image:none;background-color:#fff}@media(min-width: 770px){.bk-select{float:left}}.bk-title{font-family:Helvetica;padding:.5em 0;color:#000}