.simple-styleguide--site-styles{width:100%;max-width:1030px;margin-left:auto;margin-right:auto}.simple-styleguide--site-styles h3.simple-styleguide--sectionhead{text-transform:uppercase;color:#000;border-top:1px solid #000;border-bottom:4px solid #000;margin:80px 0 10px;padding:20px 20px 12px 0;font-size:1.2rem;position:relative}.simple-styleguide--site-styles h3.simple-styleguide--sectionhead.first{margin-top:20px}.simple-styleguide--site-styles .simple-styleguide{margin:40px 0}.simple-styleguide--site-styles .simple-styleguide:after{clear:both;content:"";display:block}.simple-styleguide--site-styles .label{background:#ccc}.simple-styleguide--site-styles .simple-styleguide code{color:#9e9e9e;background:#eee;margin-top:20px;padding:10px;line-height:1.5;display:block}.simple-styleguide--jump-nav{flex-wrap:wrap;margin:5px 0 0;display:flex}.simple-styleguide--jump-nav li{width:100%;margin:0 0 10px;padding:0;list-style:none}@media (min-width:480px){.simple-styleguide--jump-nav li{width:50%}}@media (min-width:600px){.simple-styleguide--jump-nav li{width:25%}}.simple-styleguide--view-sourecode{cursor:pointer}.simple-styleguide pre{background:#f1f1f1;border:1px solid #fff;border-bottom-width:4px;padding:20px;font-family:monospace;display:none}.simple-styleguide pre.active{display:block}.simple-styleguide--pattern{margin-top:20px}.simple-styleguide--colors{flex-wrap:wrap;display:flex}.simple-styleguide--color{width:48%;margin-bottom:15px;margin-right:2%}.simple-styleguide--color:nth-child(2n){margin-right:0}@media (min-width:600px){.simple-styleguide--color{width:23%;margin-bottom:15px;margin-right:2%}.simple-styleguide--color:nth-child(2n){margin-right:2%}.simple-styleguide--color:nth-child(4n){margin-right:0}}.simple-styleguide--color--swatch--class,.simple-styleguide--color--swatch--values,.simple-styleguide--color--swatch--usage{font-family:sans-serif;font-size:10px;display:block}.simple-styleguide--color--swatch--class label,.simple-styleguide--color--swatch--values label,.simple-styleguide--color--swatch label{font-weight:700;display:inline}.simple-styleguide--color--swatch{background:#fff;padding:4%}.simple-styleguide--site-styles .simple-styleguide--color--block{border:1px solid #fff;width:100%;height:100px}.simple-styleguide .calculate .info{font-family:sans-serif;font-size:10px;display:block}.simple-styleguide .calculate .info label{font-weight:700;display:inline}.simple-styleguide--site-styles{max-width:100%}.simple-styleguide--jump-nav{padding-left:calc(var(--spacing) * 0)}