Skip to content

Instantly share code, notes, and snippets.

@mrmrs

mrmrs/tachyons-ast.json

Created April 28, 2016 12:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrmrs/59fc6d04d6fa4d7696eb1ee026143672 to your computer and use it in GitHub Desktop.
Save mrmrs/59fc6d04d6fa4d7696eb1ee026143672 to your computer and use it in GitHub Desktop.
Download ZIP
AST generated from tachyons
Raw
tachyons-ast.json
Root {
raws: { semicolon: false, after: '\n\n' },
type: 'root',
nodes:
[ Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'TACHYONS' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Variables' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS and IE text size adjust after device orientation change,\n * without disabling user zoom.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'html' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove default margin.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'body' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'HTML5 display definitions\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,\nnav, section, summary' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'audio, canvas, progress, video' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'audio:not([controls])' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '[hidden], template' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Links\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove the gray background color from active links in IE 10.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'a' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Improve readability of focused elements when they are also in an\n * active/hover state.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'a:active, a:hover' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Text-level semantics\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'abbr[title]' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'b, strong' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address styling not present in Safari and Chrome.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'dfn' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'h1' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address styling not present in IE 8/9.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'mark' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address inconsistent and variable font size in all browsers.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'small' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'sub, sup' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'sup' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'sub' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Embedded content\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove border when inside `a` element in IE 8/9/10.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'img' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Correct overflow not hidden in IE 9/10/11.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'svg:not(:root)' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Grouping content\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address margin not present in IE 8/9 and Safari.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'figure' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address differences between Firefox and other browsers.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'hr' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Contain overflow in all browsers.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'pre' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address odd `em`-unit font size rendering in all browsers.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'code, kbd, pre, samp' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Forms\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'button, input, optgroup, select, textarea' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address `overflow` set to `hidden` in IE 8/9/10/11.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'button' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'button, select' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'button, html input[type="button"], \ninput[type="reset"],\ninput[type="submit"]' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Re-set default cursor for disabled elements.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'button[disabled], html input[disabled]' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove inner padding and border in Firefox 4+.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'button::-moz-focus-inner, input::-moz-focus-inner' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'input' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * It\'s recommended that you don\'t attempt to style these elements.\n * Firefox\'s implementation doesn\'t respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'input[type="checkbox"], input[type="radio"]' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Fix the cursor style for Chrome\'s increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'input[type="number"]::-webkit-inner-spin-button,\ninput[type="number"]::-webkit-outer-spin-button' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'input[type="search"]' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'input[type="search"]::-webkit-search-cancel-button,\ninput[type="search"]::-webkit-search-decoration' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Define consistent border, margin, and padding.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'fieldset' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren\'t caught out if they zero out fieldsets.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'legend' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove default vertical scrollbar in IE 8/9/10/11.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'textarea' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Don\'t inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'optgroup' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Tables\n ==========================================================================' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '*\n * Remove most spacing between table cells.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'table' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'td, th' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'CUSTOM MEDIA QUERIES\n\n Media query values can be changed to fit your own content.\n There are no magic bullets when it comes to media query width values.\n They should be declared in em units - and they should be set to meet\n the needs of your content.\n\n These media queries can be referenced like so:\n\n @media (--breakpoint-not-small) {\n .medium-and-larger-specific-style {\n background-color: red;\n }\n }\n\n @media (--breakpoint-medium) {\n .medium-screen-specific-style {\n background-color: red;\n }\n }\n\n @media (--breakpoint-large) {\n .large-screen-specific-style {\n background-color: red;\n }\n }\n\n @media (--breakpoint-extra-large) {\n .extra-large-screen-specific-style {\n background-color: red;\n }\n }' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Tachyons\n COLOR VARIABLES\n\n - Grayscale\n - Blues\n - Teals\n - Green\n - Reds\n - Oranges\n - Yellows\n - Pink\n - Purple' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Modules' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Box Sizing' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'html, body, div, article, section, main, footer, header, form, fieldset, pre,\ncode, p, ul, ol, li, dl, dt, dd, textarea, input[type="text"], input[type="tel"],\ninput[type="email"], input[type="url"], input[type="password"], .border-box' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'BACKGROUND SIZE\n\n Base:\n bg = background-size\n\n Modifiers:\n -cv = cover\n -cn = contain\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-cv' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-cn' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'BORDER BASE\n\n Legend\n\n a = all\n t = top\n r = right\n b = bottom\n l = left' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ba' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bt' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bb' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bl' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Tachyons\n COLOR VARIABLES\n\n Grayscale\n - Solids\n - Transparencies' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'BORDER COLORS' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--near-black' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--dark-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--mid-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--silver' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--light-silver' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--light-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--near-white' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-05' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-025' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--white-0125' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-05' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-025' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--black-0125' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--transparent' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'BORDER RADIUS\n\n Base:\n br = border-radius\n\n Modifiers:\n 0 = 0/none\n 1 = 1st step in scale\n 2 = 2nd step in scale\n 3 = 3rd step in scale\n 4 = 4th step in scale\n -100 = 100%\n\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br-100' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br--bottom' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.br--top' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'BORDER STYLES\n\n Base:\n bs = border-style\n\n Modifiers:\n none = none\n dotted = dotted\n dashed = dashed\n solid = solid\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--none' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--dotted' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--dashed' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b--solid' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'BORDER WIDTHS\n\n Base:\n bw = border-width\n\n Modifiers:\n 0 = 0 width border\n 1 = 1st step in border-width scale\n 2 = 2nd step in border-width scale\n 3 = 3rd step in border-width scale\n 4 = 4th step in border-width scale\n 5 = 5th step in border-width scale\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bw0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bw1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bw2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bw3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bw4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bw5' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'CODE' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pre' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.code' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'COORDINATES\n\n Use in combination with the position module.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.top-0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.right-0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bottom-0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.left-0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.top-1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.right-1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bottom-1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.left-1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.top-2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.right-2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bottom-2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.left-2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.top--1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.right--1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bottom--1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.left--1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.top--2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.right--2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bottom--2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.left--2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pos-abs--fill' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'CLEARS' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Nicolas Gallaghers Clearfix solution\n Ref: http://nicolasgallagher.com/micro-clearfix-hack/' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.cf:before, .cf:after' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.cf:after' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.cf' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'DISPLAY\n\n Base:\n d = display\n\n Modifiers:\n n = none\n b = block\n ib = inline-block\n it = inline-table\n t = table\n tc = table-cell\n tr = table-row\n tcol = table-column\n tcolg = table-column-group\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dn' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.di' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.db' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dib' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dit' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dt' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dtc' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dt-row' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dt-row-group' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dt-column' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dt-column-group' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Media Query Variables' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'FLOATS\n\n 1. Floated elements are automatically rendered as block level elements.\n Setting floats to display inline will fix the double margin bug in\n ie6. You know... just in case.\n\n 2. Don\'t forget to clearfix your floats with .cf\n\n Base:\n f = float\n\n Modifiers:\n l = left\n r = right\n n = none\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fl' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fr' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fn' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'FONT FAMILY GROUPS' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.sans-serif' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.serif' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.system-sans-serif' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.system-serif' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Monospaced Typefaces (for code)' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'From http://cssfontstack.com' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: 'code, .code' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Sans-Serif Typefaces' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.helvetica' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Serif Typefaces' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.georgia' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.times' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bodoni' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.calisto' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.garamond' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'FONT STYLE' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.i' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fsn' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'FONT WEIGHT' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.normal' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.b' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw8' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fw9' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'FORMS' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.input-reset' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.input-invisible' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'HEIGHTS' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Height Scale' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h5' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Height Percentages' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h-25' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h-75' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h-100' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'String Properties' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h-at' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.h-i' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'LETTER SPACING' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.tracked' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.tracked-tight' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.tracked-mega' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'LINE HEIGHT / LEADING' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.lh' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.lh-title' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.lh-copy' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'LINKS' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.link' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.link:link, .link:visited' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.link:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.link:active' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.link:focus' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'LISTS' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.list' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Opacity' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-100' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-05' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.o-025' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'MAX WIDTHS' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Max Width Percentages' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw-100' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Max Width Scale' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw8' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw9' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Max Width String Properties' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mw-none' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'WIDTHS\n\n Base:\n w = width\n\n Modifiers\n 1 = 1st step in width scale\n 2 = 2nd step in width scale\n 3 = 3rd step in width scale\n 4 = 4th step in width scale\n 5 = 5th step in width scale\n\n -10 = literal value 10%\n -20 = literal value 20%\n -25 = literal value 25%\n -33 = literal value 33%\n -34 = literal value 34%\n -40 = literal value 40%\n -50 = literal value 50%\n -60 = literal value 60%\n -75 = literal value 75%\n -80 = literal value 80%\n -100 = literal value 100%\n\n -auto = string value auto\n\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Width Scale' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-25' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-33' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-34' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-75' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-100' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.w-auto' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'OVERFLOW' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-visible' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-hidden' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-scroll' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-auto' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-x-visible' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-x-hidden' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-x-scroll' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-x-auto' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-y-visible' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-y-hidden' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-y-scroll' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-y-auto' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'POSITIONING' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.static' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.relative' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.absolute' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.fixed' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'COLOR VARIABLES\n\n Variables to set colors for\n color, background-color, and border-color' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'variables' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'SKINS' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Text colors' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black-05' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black-05' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-90' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-80' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-70' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-60' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-50' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-40' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-30' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-20' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white-10' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.black' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.near-black' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dark-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mid-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.silver' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.light-silver' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.light-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.near-white' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.white' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Background colors' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-black' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-near-black' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-dark-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-mid-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-silver' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-light-silver' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-light-gray' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-near-white' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-white' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Skins for specific pseudoclasses' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-black:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-near-black:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-dark-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-mid-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-silver:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-light-silver:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-moon-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-light-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-near-white:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.focus-white:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-black:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-near-black:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-dark-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-mid-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-silver:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-light-silver:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-moon-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-light-gray:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-near-white:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-focus-white:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-black:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-near-black:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-dark-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-mid-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-silver:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-light-silver:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-moon-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-light-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-near-white:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hover-white:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-black:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-near-black:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-dark-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-mid-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-silver:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-light-silver:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-moon-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-light-gray:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-near-white:hover' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.bg-hover-white:hover' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Variables' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Spacing Scale - based on a ratio of 1:2' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Media Queries' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'SPACING\n\n An eight step powers of two scale ranging from 0 to 16rem.\n Namespaces are composab4e and thus high4y grockab4e - check the legend below\n\n Legend:\n\n p = padding\n m = margin\n\n a = all\n h = horizontal\n v = vertical\n t = top\n r = right\n b = bottom\n l = left\n\n 0 = none\n 1 = 1st step in spacing scale\n 2 = 2nd step in spacing scale\n 3 = 3rd step in spacing scale\n 4 = 4th step in spacing scale\n 5 = 5th step in spacing scale\n 6 = 6th step in spacing scale\n 7 = 7th step in spacing scale' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pa7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pl7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pr7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pb7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pt7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pv7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ph7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ma7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ml7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mr7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mb7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mt7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mv7' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh0' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh6' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.mh7' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'TEXT DECORATION' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.strike' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.underline' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.no-underline' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'TEXT ALIGN' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.tl' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.tr' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.tc' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'TEXT TRANSFORM' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ttc' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ttl' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ttu' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ttn' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'TYPE SCALE' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'For Hero Titles' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f-6, .f-headline' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f-5, .f-subheadline' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Type Scale' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f1' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f2' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f4' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.f6' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'TYPOGRAPHY' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Measure is limited to ~75 characters' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.measure' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Measure is limited to ~45 characters' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.measure-narrow' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Book paragraph style - paragraphs are indented with no vertical spacing.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.indent' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Combine this class with a width to truncate text' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.truncate' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'UTILITIES' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.aspect-ratio' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.aspect-ratio--16x9' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.aspect-ratio--4x3' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.aspect-ratio--8x5' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.aspect-ratio--object' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.overflow-container' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.center' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'VISIBILITY' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Text that is hidden but accessible\n Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.clip' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'WHITE SPACE' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.ws-normal' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.nowrap' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.pre' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'VERTICAL ALIGN' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-base' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-sub' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-sup' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-txt-top' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-txt-btm' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-mid' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-top' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.v-btm' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'HOVER EFFECTS' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Dim element on hover by adding the dim class.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dim' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dim:hover, .dim:focus' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.dim:active' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Hide child on hover:\n\n Put the hide-child class on a parent element and any nested element with the\n child class will be hidden and displayed on hover or focus.\n\n <div class="hide-child">\n <div class="child"> Hidden until hover or focus </div>\n <div class="child"> Hidden until hover or focus </div>\n <div class="child"> Hidden until hover or focus </div>\n <div class="child"> Hidden until hover or focus </div>\n </div>' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hide-child .child' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'WORD BREAK' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.wb-normal' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.word-wrap' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.word-nowrap' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'STYLES\n\n Add custom styles here.' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'DEBUG CHILDREN\n\n Just add the debug class to any element to see outlines on its\n children.' },
Rule {
raws: [Object],
type: 'rule',
nodes: [Object],
parent: [Circular],
source: [Object],
selector: '.debug *' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: 'Uncomment out this line if you want to debug your layout' },
Comment {
raws: [Object],
type: 'comment',
parent: [Circular],
source: [Object],
text: '@import \'./_debug\';' },
AtRule {
raws: [Object],
type: 'atrule',
name: 'media',
parent: [Circular],
source: [Object],
params: 'screen and (min-width: 48em)',
nodes: [Object] },
AtRule {
raws: [Object],
type: 'atrule',
name: 'media',
parent: [Circular],
source: [Object],
params: 'screen and (min-width: 48em) and (max-width: 64em)',
nodes: [Object] },
AtRule {
raws: [Object],
type: 'atrule',
name: 'media',
parent: [Circular],
source: [Object],
params: 'screen and (min-width: 64em)',
nodes: [Object] } ],
source:
{ input:
Input {
css: '/*\n\n TACHYONS\n\n*/\n/* Variables */\n/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS and IE text size adjust after device orientation change,\n * without disabling user zoom.\n */\nhtml { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }\n/**\n * Remove default margin.\n */\nbody { margin: 0; }\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu,\nnav, section, summary { display: block; }\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) { display: none; height: 0; }\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden], template { display: none; }\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background color from active links in IE 10.\n */\na { background-color: transparent; }\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active, a:hover { outline: 0; }\n/* Text-level semantics\n ========================================================================== */\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] { border-bottom: 1px dotted; }\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\nb, strong { font-weight: bold; }\n/**\n * Address styling not present in Safari and Chrome.\n */\ndfn { font-style: italic; }\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\nh1 { font-size: 2em; margin: 0.67em 0; }\n/**\n * Address styling not present in IE 8/9.\n */\nmark { background: #ff0; color: #000; }\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall { font-size: 80%; }\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }\nsup { top: -0.5em; }\nsub { bottom: -0.25em; }\n/* Embedded content\n ========================================================================== */\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg { border: 0; }\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) { overflow: hidden; }\n/* Grouping content\n ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure { margin: 1em 40px; }\n/**\n * Address differences between Firefox and other browsers.\n */\nhr { box-sizing: content-box; height: 0; }\n/**\n * Contain overflow in all browsers.\n */\npre { overflow: auto; }\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\ncode, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }\n/* Forms\n ========================================================================== */\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n/**\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton { overflow: visible; }\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton, select { text-transform: none; }\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\nbutton, html input[type="button"], /* 1 */\ninput[type="reset"],\ninput[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled], html input[disabled] { cursor: default; }\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\ninput { line-height: normal; }\n/**\n * It\'s recommended that you don\'t attempt to style these elements.\n * Firefox\'s implementation doesn\'t respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }\n/**\n * Fix the cursor style for Chrome\'s increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type="number"]::-webkit-inner-spin-button,\ninput[type="number"]::-webkit-outer-spin-button { height: auto; }\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type="search"]::-webkit-search-cancel-button,\ninput[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren\'t caught out if they zero out fieldsets.\n */\nlegend { border: 0; /* 1 */ padding: 0; /* 2 */ }\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea { overflow: auto; }\n/**\n * Don\'t inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup { font-weight: bold; }\n/* Tables\n ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable { border-collapse: collapse; border-spacing: 0; }\ntd, th { padding: 0; }\n/*\n\n CUSTOM MEDIA QUERIES\n\n Media query values can be changed to fit your own content.\n There are no magic bullets when it comes to media query width values.\n They should be declared in em units - and they should be set to meet\n the needs of your content.\n\n These media queries can be referenced like so:\n\n @media (--breakpoint-not-small) {\n .medium-and-larger-specific-style {\n background-color: red;\n }\n }\n\n @media (--breakpoint-medium) {\n .medium-screen-specific-style {\n background-color: red;\n }\n }\n\n @media (--breakpoint-large) {\n .large-screen-specific-style {\n background-color: red;\n }\n }\n\n @media (--breakpoint-extra-large) {\n .extra-large-screen-specific-style {\n background-color: red;\n }\n }\n\n*/\n/*\n\n Tachyons\n COLOR VARIABLES\n\n - Grayscale\n - Blues\n - Teals\n - Green\n - Reds\n - Oranges\n - Yellows\n - Pink\n - Purple\n\n*/\n/* Modules */\n/*\n Box Sizing\n*/\nhtml, body, div, article, section, main, footer, header, form, fieldset, pre,\ncode, p, ul, ol, li, dl, dt, dd, textarea, input[type="text"], input[type="tel"],\ninput[type="email"], input[type="url"], input[type="password"], .border-box { box-sizing: border-box; }\n/*\n\n BACKGROUND SIZE\n\n Base:\n bg = background-size\n\n Modifiers:\n -cv = cover\n -cn = contain\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n*/\n.bg-cv { background-size: cover; }\n.bg-cn { background-size: contain; }\n/*\n\n BORDER BASE\n\n Legend\n\n a = all\n t = top\n r = right\n b = bottom\n l = left\n\n*/\n.ba { border-style: solid; border-width: 1px; }\n.bt { border-top-style: solid; border-top-width: 1px; }\n.br { border-right-style: solid; border-right-width: 1px; }\n.bb { border-bottom-style: solid; border-bottom-width: 1px; }\n.bl { border-left-style: solid; border-left-width: 1px; }\n/*\n\n Tachyons\n COLOR VARIABLES\n\n Grayscale\n - Solids\n - Transparencies\n*/\n/*\n\n BORDER COLORS\n\n*/\n.b--black { border-color: #111; }\n.b--near-black { border-color: #111; }\n.b--dark-gray { border-color: #333; }\n.b--mid-gray { border-color: #555; }\n.b--gray { border-color: #777; }\n.b--silver { border-color: #999; }\n.b--light-silver { border-color: #aaa; }\n.b--light-gray { border-color: #eee; }\n.b--near-white { border-color: #f4f4f4; }\n.b--white { border-color: #fff; }\n.b--white-90 { border-color: rgba( 255, 255, 255, .9 ); }\n.b--white-80 { border-color: rgba( 255, 255, 255, .8 ); }\n.b--white-70 { border-color: rgba( 255, 255, 255, .7 ); }\n.b--white-60 { border-color: rgba( 255, 255, 255, .6 ); }\n.b--white-50 { border-color: rgba( 255, 255, 255, .5 ); }\n.b--white-40 { border-color: rgba( 255, 255, 255, .4 ); }\n.b--white-30 { border-color: rgba( 255, 255, 255, .3 ); }\n.b--white-20 { border-color: rgba( 255, 255, 255, .2 ); }\n.b--white-10 { border-color: rgba( 255, 255, 255, .1 ); }\n.b--white-05 { border-color: rgba( 255, 255, 255, .05 ); }\n.b--white-025 { border-color: rgba( 255, 255, 255, .025 ); }\n.b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); }\n.b--black-90 { border-color: rgba( 0, 0, 0, .9 ); }\n.b--black-80 { border-color: rgba( 0, 0, 0, .8 ); }\n.b--black-70 { border-color: rgba( 0, 0, 0, .7 ); }\n.b--black-60 { border-color: rgba( 0, 0, 0, .6 ); }\n.b--black-50 { border-color: rgba( 0, 0, 0, .5 ); }\n.b--black-40 { border-color: rgba( 0, 0, 0, .4 ); }\n.b--black-30 { border-color: rgba( 0, 0, 0, .3 ); }\n.b--black-20 { border-color: rgba( 0, 0, 0, .2 ); }\n.b--black-10 { border-color: rgba( 0, 0, 0, .1 ); }\n.b--black-05 { border-color: rgba( 0, 0, 0, .05 ); }\n.b--black-025 { border-color: rgba( 0, 0, 0, .025 ); }\n.b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); }\n.b--transparent { border-color: transprent; }\n/*\n\n BORDER RADIUS\n\n Base:\n br = border-radius\n\n Modifiers:\n 0 = 0/none\n 1 = 1st step in scale\n 2 = 2nd step in scale\n 3 = 3rd step in scale\n 4 = 4th step in scale\n -100 = 100%\n\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n*/\n.br0 { border-radius: 0; }\n.br1 { border-radius: .125rem; }\n.br2 { border-radius: .25rem; }\n.br3 { border-radius: .5rem; }\n.br4 { border-radius: 1rem; }\n.br-100 { border-radius: 100%; }\n.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }\n.br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n/*\n\n BORDER STYLES\n\n Base:\n bs = border-style\n\n Modifiers:\n none = none\n dotted = dotted\n dashed = dashed\n solid = solid\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n */\n.b--none { border-style: none; }\n.b--dotted { border-style: dotted; }\n.b--dashed { border-style: dashed; }\n.b--solid { border-style: solid; }\n/*\n\n BORDER WIDTHS\n\n Base:\n bw = border-width\n\n Modifiers:\n 0 = 0 width border\n 1 = 1st step in border-width scale\n 2 = 2nd step in border-width scale\n 3 = 3rd step in border-width scale\n 4 = 4th step in border-width scale\n 5 = 5th step in border-width scale\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n*/\n.bw0 { border-width: 0; }\n.bw1 { border-width: .125rem; }\n.bw2 { border-width: .25rem; }\n.bw3 { border-width: .5rem; }\n.bw4 { border-width: 1rem; }\n.bw5 { border-width: 2rem; }\n/*\n\n CODE\n\n*/\n.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; }\n.code { white-space: pre; font-size: 14px; }\n/*\n\n COORDINATES\n\n Use in combination with the position module.\n\n*/\n.top-0 { top: 0; }\n.right-0 { right: 0; }\n.bottom-0 { bottom: 0; }\n.left-0 { left: 0; }\n.top-1 { top: 1rem; }\n.right-1 { right: 1rem; }\n.bottom-1 { bottom: 1rem; }\n.left-1 { left: 1rem; }\n.top-2 { top: 2rem; }\n.right-2 { right: 2rem; }\n.bottom-2 { bottom: 2rem; }\n.left-2 { left: 2rem; }\n.top--1 { top: -1rem; }\n.right--1 { right: -1rem; }\n.bottom--1 { bottom: -1rem; }\n.left--1 { left: -1rem; }\n.top--2 { top: -2rem; }\n.right--2 { right: -2rem; }\n.bottom--2 { bottom: -2rem; }\n.left--2 { left: -2rem; }\n.pos-abs--fill { top: 0; right: 0; bottom: 0; left: 0; }\n/*\n\n CLEARS\n\n*/\n/* Nicolas Gallaghers Clearfix solution\n Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */\n.cf:before, .cf:after { content: " "; display: table; }\n.cf:after { clear: both; }\n.cf { *zoom: 1; }\n/*\n\n DISPLAY\n\n Base:\n d = display\n\n Modifiers:\n n = none\n b = block\n ib = inline-block\n it = inline-table\n t = table\n tc = table-cell\n tr = table-row\n tcol = table-column\n tcolg = table-column-group\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n*/\n.dn { display: none; }\n.di { display: inline; }\n.db { display: block; }\n.dib { display: inline-block; }\n.dit { display: inline-table; }\n.dt { display: table; }\n.dtc { display: table-cell; }\n.dt-row { display: table-row; }\n.dt-row-group { display: table-row-group; }\n.dt-column { display: table-column; }\n.dt-column-group { display: table-column-group; }\n/* Media Query Variables */\n/*\n\n FLOATS\n\n 1. Floated elements are automatically rendered as block level elements.\n Setting floats to display inline will fix the double margin bug in\n ie6. You know... just in case.\n\n 2. Don\'t forget to clearfix your floats with .cf\n\n Base:\n f = float\n\n Modifiers:\n l = left\n r = right\n n = none\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n*/\n.fl { float: left; display: inline; }\n.fr { float: right; display: inline; }\n.fn { float: none; }\n/*\n\n FONT FAMILY GROUPS\n\n*/\n.sans-serif { font-family: -apple-system, BlinkMacSystemFont, \'avenir next\', avenir, helvetica, \'helvetica neue\', Ubuntu, \'segoe ui\', arial, sans-serif; }\n.serif { font-family: georgia, times, serif; }\n.system-sans-serif { font-family: sans-serif; }\n.system-serif { font-family: serif; }\n/* Monospaced Typefaces (for code) */\n/* From http://cssfontstack.com */\ncode, .code { font-family: Consolas, monaco, monospace; }\n/* Sans-Serif Typefaces */\n.helvetica { font-family: helvetica, \'helvetica neue\', arial, sans-serif; }\n/* Serif Typefaces */\n.georgia { font-family: georgia, serif; }\n.times { font-family: Times, serif; }\n.bodoni { font-family: "Bodoni MT", serif; }\n.calisto { font-family: "Calisto MT", serif; }\n.garamond { font-family: garamond, serif; }\n/*\n\n FONT STYLE\n\n*/\n.i { font-style: italic; }\n.fsn { font-style: normal; }\n/*\n\n FONT WEIGHT\n\n*/\n.normal { font-weight: normal; }\n.b { font-weight: bold; }\n.fw1 { font-weight: 100; }\n.fw2 { font-weight: 200; }\n.fw3 { font-weight: 300; }\n.fw4 { font-weight: 400; }\n.fw5 { font-weight: 500; }\n.fw6 { font-weight: 600; }\n.fw7 { font-weight: 700; }\n.fw8 { font-weight: 800; }\n.fw9 { font-weight: 900; }\n/*\n\n FORMS\n\n*/\n.input-reset { -webkit-appearance: none; -moz-appearance: none; }\n.input-invisible { outline: 0; border: 0; }\n/*\n\n HEIGHTS\n\n*/\n/* Height Scale */\n.h1 { height: 1rem; }\n.h2 { height: 2rem; }\n.h3 { height: 4rem; }\n.h4 { height: 8rem; }\n.h5 { height: 16rem; }\n/* Height Percentages */\n.h-25 { height: 25%; }\n.h-50 { height: 50%; }\n.h-75 { height: 75%; }\n.h-100 { height: 100%; }\n/* String Properties */\n.h-at { height: auto; }\n.h-i { height: inherit; }\n/*\n\n LETTER SPACING\n\n*/\n.tracked { letter-spacing: .16em; }\n.tracked-tight { letter-spacing: -.08em; }\n.tracked-mega { letter-spacing: .32em; }\n/*\n\n LINE HEIGHT / LEADING\n\n*/\n.lh { line-height: 1; }\n.lh-title { line-height: 1.3; }\n.lh-copy { line-height: 1.6; }\n/*\n\n LINKS\n\n*/\n.link { text-decoration: none; transition: color .15s ease-in; }\n.link:link, .link:visited { transition: color .15s ease-in; }\n.link:hover { transition: color .15s ease-in; }\n.link:active { transition: color .15s ease-in; }\n.link:focus { transition: color .15s ease-in; }\n/*\n\n LISTS\n\n*/\n.list { list-style-type: none; }\n/*\n\n Opacity\n\n*/\n.o-100 { opacity: 1; }\n.o-90 { opacity: .9; }\n.o-80 { opacity: .8; }\n.o-70 { opacity: .7; }\n.o-60 { opacity: .6; }\n.o-50 { opacity: .5; }\n.o-40 { opacity: .4; }\n.o-30 { opacity: .3; }\n.o-20 { opacity: .2; }\n.o-10 { opacity: .1; }\n.o-05 { opacity: .05; }\n.o-025 { opacity: .025; }\n/*\n\n MAX WIDTHS\n\n*/\n/* Max Width Percentages */\n.mw-100 { max-width: 100%; }\n/* Max Width Scale */\n.mw1 { max-width: 1rem; }\n.mw2 { max-width: 2rem; }\n.mw3 { max-width: 4rem; }\n.mw4 { max-width: 8rem; }\n.mw5 { max-width: 16rem; }\n.mw6 { max-width: 32rem; }\n.mw7 { max-width: 48rem; }\n.mw8 { max-width: 64rem; }\n.mw9 { max-width: 96rem; }\n/* Max Width String Properties */\n.mw-none { max-width: none; }\n/*\n\n WIDTHS\n\n Base:\n w = width\n\n Modifiers\n 1 = 1st step in width scale\n 2 = 2nd step in width scale\n 3 = 3rd step in width scale\n 4 = 4th step in width scale\n 5 = 5th step in width scale\n\n -10 = literal value 10%\n -20 = literal value 20%\n -25 = literal value 25%\n -33 = literal value 33%\n -34 = literal value 34%\n -40 = literal value 40%\n -50 = literal value 50%\n -60 = literal value 60%\n -75 = literal value 75%\n -80 = literal value 80%\n -100 = literal value 100%\n\n -auto = string value auto\n\n\n Media Query Extensions:\n -ns = not-small\n -m = medium\n -l = large\n\n*/\n/* Width Scale */\n.w1 { width: 1rem; }\n.w2 { width: 2rem; }\n.w3 { width: 4rem; }\n.w4 { width: 8rem; }\n.w5 { width: 16rem; }\n.w-10 { width: 10%; }\n.w-20 { width: 20%; }\n.w-25 { width: 25%; }\n.w-33 { width: 33%; }\n.w-34 { width: 34%; }\n.w-40 { width: 40%; }\n.w-50 { width: 50%; }\n.w-60 { width: 60%; }\n.w-75 { width: 75%; }\n.w-80 { width: 80%; }\n.w-100 { width: 100%; }\n.w-auto { width: auto; }\n/*\n\n OVERFLOW\n\n */\n.overflow-visible { overflow: visible; }\n.overflow-hidden { overflow: hidden; }\n.overflow-scroll { overflow: scroll; }\n.overflow-auto { overflow: auto; }\n.overflow-x-visible { overflow-x: visible; }\n.overflow-x-hidden { overflow-x: hidden; }\n.overflow-x-scroll { overflow-x: scroll; }\n.overflow-x-auto { overflow-x: auto; }\n.overflow-y-visible { overflow-y: visible; }\n.overflow-y-hidden { overflow-y: hidden; }\n.overflow-y-scroll { overflow-y: scroll; }\n.overflow-y-auto { overflow-y: auto; }\n/*\n\n POSITIONING\n\n */\n.static { position: static; }\n.relative { position: relative; }\n.absolute { position: absolute; }\n.fixed { position: fixed; }\n/*\n\n COLOR VARIABLES\n\n Variables to set colors for\n color, background-color, and border-color\n\n*/\n/* variables */\n/*\n\n SKINS\n\n*/\n/* Text colors */\n.black-90 { color: rgba( 0, 0, 0, .9 ); }\n.black-80 { color: rgba( 0, 0, 0, .8 ); }\n.black-70 { color: rgba( 0, 0, 0, .7 ); }\n.black-60 { color: rgba( 0, 0, 0, .6 ); }\n.black-50 { color: rgba( 0, 0, 0, .5 ); }\n.black-40 { color: rgba( 0, 0, 0, .4 ); }\n.black-30 { color: rgba( 0, 0, 0, .3 ); }\n.black-20 { color: rgba( 0, 0, 0, .2 ); }\n.black-10 { color: rgba( 0, 0, 0, .1 ); }\n.black-05 { color: rgba( 0, 0, 0, .05 ); }\n.bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); }\n.bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); }\n.bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); }\n.bg-black-60 { background-color: rgba( 0, 0, 0, .6 ); }\n.bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); }\n.bg-black-40 { background-color: rgba( 0, 0, 0, .4 ); }\n.bg-black-30 { background-color: rgba( 0, 0, 0, .3 ); }\n.bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); }\n.bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); }\n.bg-black-05 { background-color: rgba( 0, 0, 0, .05 ); }\n.white-90 { color: rgba( 255, 255, 255, .9 ); }\n.white-80 { color: rgba( 255, 255, 255, .8 ); }\n.white-70 { color: rgba( 255, 255, 255, .7 ); }\n.white-60 { color: rgba( 255, 255, 255, .6 ); }\n.white-50 { color: rgba( 255, 255, 255, .5 ); }\n.white-40 { color: rgba( 255, 255, 255, .4 ); }\n.white-30 { color: rgba( 255, 255, 255, .3 ); }\n.white-20 { color: rgba( 255, 255, 255, .2 ); }\n.white-10 { color: rgba( 255, 255, 255, .1 ); }\n.bg-white-90 { background-color: rgba( 255, 255, 255, .9 ); }\n.bg-white-80 { background-color: rgba( 255, 255, 255, .8 ); }\n.bg-white-70 { background-color: rgba( 255, 255, 255, .7 ); }\n.bg-white-60 { background-color: rgba( 255, 255, 255, .6 ); }\n.bg-white-50 { background-color: rgba( 255, 255, 255, .5 ); }\n.bg-white-40 { background-color: rgba( 255, 255, 255, .4 ); }\n.bg-white-30 { background-color: rgba( 255, 255, 255, .3 ); }\n.bg-white-20 { background-color: rgba( 255, 255, 255, .2 ); }\n.bg-white-10 { background-color: rgba( 255, 255, 255, .1 ); }\n.black { color: #111; }\n.near-black { color: #111; }\n.dark-gray { color: #333; }\n.mid-gray { color: #555; }\n.gray { color: #777; }\n.silver { color: #999; }\n.light-silver { color: #aaa; }\n.light-gray { color: #eee; }\n.near-white { color: #f4f4f4; }\n.white { color: #fff; }\n/* Background colors */\n.bg-black { background-color: #111; }\n.bg-near-black { background-color: #111; }\n.bg-dark-gray { background-color: #333; }\n.bg-mid-gray { background-color: #555; }\n.bg-gray { background-color: #777; }\n.bg-silver { background-color: #999; }\n.bg-light-silver { background-color: #aaa; }\n.bg-light-gray { background-color: #eee; }\n.bg-near-white { background-color: #f4f4f4; }\n.bg-white { background-color: #fff; }\n/* Skins for specific pseudoclasses */\n.focus-black:focus { color: #111; }\n.focus-near-black:focus { color: #111; }\n.focus-dark-gray:focus { color: #333; }\n.focus-mid-gray:focus { color: #555; }\n.focus-gray:focus { color: #777; }\n.focus-silver:focus { color: #999; }\n.focus-light-silver:focus { color: #aaa; }\n.focus-moon-gray:focus { color: #ccc; }\n.focus-light-gray:focus { color: #eee; }\n.focus-near-white:focus { color: #f4f4f4; }\n.focus-white:focus { color: #fff; }\n.bg-focus-black:focus { background-color: #111; }\n.bg-focus-near-black:focus { background-color: #111; }\n.bg-focus-dark-gray:focus { background-color: #333; }\n.bg-focus-mid-gray:focus { background-color: #555; }\n.bg-focus-gray:focus { background-color: #777; }\n.bg-focus-silver:focus { background-color: #999; }\n.bg-focus-light-silver:focus { background-color: #aaa; }\n.bg-focus-moon-gray:focus { background-color: #ccc; }\n.bg-focus-light-gray:focus { background-color: #eee; }\n.bg-focus-near-white:focus { background-color: #f4f4f4; }\n.bg-focus-white:focus { background-color: #fff; }\n.hover-black:hover { color: #111; }\n.hover-near-black:hover { color: #111; }\n.hover-dark-gray:hover { color: #333; }\n.hover-mid-gray:hover { color: #555; }\n.hover-gray:hover { color: #777; }\n.hover-silver:hover { color: #999; }\n.hover-light-silver:hover { color: #aaa; }\n.hover-moon-gray:hover { color: #ccc; }\n.hover-light-gray:hover { color: #eee; }\n.hover-near-white:hover { color: #f4f4f4; }\n.hover-white:hover { color: #fff; }\n.bg-hover-black:hover { background-color: #111; }\n.bg-hover-near-black:hover { background-color: #111; }\n.bg-hover-dark-gray:hover { background-color: #333; }\n.bg-hover-mid-gray:hover { background-color: #555; }\n.bg-hover-gray:hover { background-color: #777; }\n.bg-hover-silver:hover { background-color: #999; }\n.bg-hover-light-silver:hover { background-color: #aaa; }\n.bg-hover-moon-gray:hover { background-color: #ccc; }\n.bg-hover-light-gray:hover { background-color: #eee; }\n.bg-hover-near-white:hover { background-color: #f4f4f4; }\n.bg-hover-white:hover { background-color: #fff; }\n/* Variables */\n/* Spacing Scale - based on a ratio of 1:2 */\n/* Media Queries */\n/*\n SPACING\n\n An eight step powers of two scale ranging from 0 to 16rem.\n Namespaces are composab4e and thus high4y grockab4e - check the legend below\n\n Legend:\n\n p = padding\n m = margin\n\n a = all\n h = horizontal\n v = vertical\n t = top\n r = right\n b = bottom\n l = left\n\n 0 = none\n 1 = 1st step in spacing scale\n 2 = 2nd step in spacing scale\n 3 = 3rd step in spacing scale\n 4 = 4th step in spacing scale\n 5 = 5th step in spacing scale\n 6 = 6th step in spacing scale\n 7 = 7th step in spacing scale\n\n*/\n.pa0 { padding: 0; }\n.pa1 { padding: .25rem; }\n.pa2 { padding: .5rem; }\n.pa3 { padding: 1rem; }\n.pa4 { padding: 2rem; }\n.pa5 { padding: 4rem; }\n.pa6 { padding: 8rem; }\n.pa7 { padding: 16rem; }\n.pl0 { padding-left: 0; }\n.pl1 { padding-left: .25rem; }\n.pl2 { padding-left: .5rem; }\n.pl3 { padding-left: 1rem; }\n.pl4 { padding-left: 2rem; }\n.pl5 { padding-left: 4rem; }\n.pl6 { padding-left: 8rem; }\n.pl7 { padding-left: 16rem; }\n.pr0 { padding-right: 0; }\n.pr1 { padding-right: .25rem; }\n.pr2 { padding-right: .5rem; }\n.pr3 { padding-right: 1rem; }\n.pr4 { padding-right: 2rem; }\n.pr5 { padding-right: 4rem; }\n.pr6 { padding-right: 8rem; }\n.pr7 { padding-right: 16rem; }\n.pb0 { padding-bottom: 0; }\n.pb1 { padding-bottom: .25rem; }\n.pb2 { padding-bottom: .5rem; }\n.pb3 { padding-bottom: 1rem; }\n.pb4 { padding-bottom: 2rem; }\n.pb5 { padding-bottom: 4rem; }\n.pb6 { padding-bottom: 8rem; }\n.pb7 { padding-bottom: 16rem; }\n.pt0 { padding-top: 0; }\n.pt1 { padding-top: .25rem; }\n.pt2 { padding-top: .5rem; }\n.pt3 { padding-top: 1rem; }\n.pt4 { padding-top: 2rem; }\n.pt5 { padding-top: 4rem; }\n.pt6 { padding-top: 8rem; }\n.pt7 { padding-top: 16rem; }\n.pv0 { padding-top: 0; padding-bottom: 0; }\n.pv1 { padding-top: .25rem; padding-bottom: .25rem; }\n.pv2 { padding-top: .5rem; padding-bottom: .5rem; }\n.pv3 { padding-top: 1rem; padding-bottom: 1rem; }\n.pv4 { padding-top: 2rem; padding-bottom: 2rem; }\n.pv5 { padding-top: 4rem; padding-bottom: 4rem; }\n.pv6 { padding-top: 8rem; padding-bottom: 8rem; }\n.pv7 { padding-top: 16rem; padding-bottom: 16rem; }\n.ph0 { padding-left: 0; padding-right: 0; }\n.ph1 { padding-left: .25rem; padding-right: .25rem; }\n.ph2 { padding-left: .5rem; padding-right: .5rem; }\n.ph3 { padding-left: 1rem; padding-right: 1rem; }\n.ph4 { padding-left: 2rem; padding-right: 2rem; }\n.ph5 { padding-left: 4rem; padding-right: 4rem; }\n.ph6 { padding-left: 8rem; padding-right: 8rem; }\n.ph7 { padding-left: 16rem; padding-right: 16rem; }\n.ma0 { margin: 0; }\n.ma1 { margin: .25rem; }\n.ma2 { margin: .5rem; }\n.ma3 { margin: 1rem; }\n.ma4 { margin: 2rem; }\n.ma5 { margin: 4rem; }\n.ma6 { margin: 8rem; }\n.ma7 { margin: 16rem; }\n.ml0 { margin-left: 0; }\n.ml1 { margin-left: .25rem; }\n.ml2 { margin-left: .5rem; }\n.ml3 { margin-left: 1rem; }\n.ml4 { margin-left: 2rem; }\n.ml5 { margin-left: 4rem; }\n.ml6 { margin-left: 8rem; }\n.ml7 { margin-left: 16rem; }\n.mr0 { margin-right: 0; }\n.mr1 { margin-right: .25rem; }\n.mr2 { margin-right: .5rem; }\n.mr3 { margin-right: 1rem; }\n.mr4 { margin-right: 2rem; }\n.mr5 { margin-right: 4rem; }\n.mr6 { margin-right: 8rem; }\n.mr7 { margin-right: 16rem; }\n.mb0 { margin-bottom: 0; }\n.mb1 { margin-bottom: .25rem; }\n.mb2 { margin-bottom: .5rem; }\n.mb3 { margin-bottom: 1rem; }\n.mb4 { margin-bottom: 2rem; }\n.mb5 { margin-bottom: 4rem; }\n.mb6 { margin-bottom: 8rem; }\n.mb7 { margin-bottom: 16rem; }\n.mt0 { margin-top: 0; }\n.mt1 { margin-top: .25rem; }\n.mt2 { margin-top: .5rem; }\n.mt3 { margin-top: 1rem; }\n.mt4 { margin-top: 2rem; }\n.mt5 { margin-top: 4rem; }\n.mt6 { margin-top: 8rem; }\n.mt7 { margin-top: 16rem; }\n.mv0 { margin-top: 0; margin-bottom: 0rem; }\n.mv1 { margin-top: .25rem; margin-bottom: .25rem; }\n.mv2 { margin-top: .5rem; margin-bottom: .5rem; }\n.mv3 { margin-top: 1rem; margin-bottom: 1rem; }\n.mv4 { margin-top: 2rem; margin-bottom: 2rem; }\n.mv5 { margin-top: 4rem; margin-bottom: 4rem; }\n.mv6 { margin-top: 8rem; margin-bottom: 8rem; }\n.mv7 { margin-top: 16rem; margin-bottom: 16rem; }\n.mh0 { margin-left: 0; margin-right: 0; }\n.mh2 { margin-left: .5rem; margin-right: .5rem; }\n.mh3 { margin-left: 1rem; margin-right: 1rem; }\n.mh4 { margin-left: 2rem; margin-right: 2rem; }\n.mh5 { margin-left: 4rem; margin-right: 4rem; }\n.mh6 { margin-left: 8rem; margin-right: 8rem; }\n.mh7 { margin-left: 16rem; margin-right: 16rem; }\n/*\n\n TEXT DECORATION\n\n*/\n.strike { text-decoration: line-through; }\n.underline { text-decoration: underline; }\n.no-underline { text-decoration: none; }\n/*\n\n TEXT ALIGN\n\n*/\n.tl { text-align: left; }\n.tr { text-align: right; }\n.tc { text-align: center; }\n/*\n\n TEXT TRANSFORM\n\n*/\n.ttc { text-transform: capitalize; }\n.ttl { text-transform: lowercase; }\n.ttu { text-transform: uppercase; }\n.ttn { text-transform: none; }\n/*\n\n TYPE SCALE\n\n*/\n/* For Hero Titles */\n.f-6, .f-headline { font-size: 6rem; }\n.f-5, .f-subheadline { font-size: 5rem; }\n/* Type Scale */\n.f1 { font-size: 3rem; }\n.f2 { font-size: 2.25rem; }\n.f3 { font-size: 1.5rem; }\n.f4 { font-size: 1.25rem; }\n.f5 { font-size: 1rem; }\n.f6 { font-size: .875rem; }\n/*\n\n TYPOGRAPHY\n\n*/\n/* Measure is limited to ~75 characters */\n.measure { max-width: 30em; }\n/* Measure is limited to ~45 characters */\n.measure-narrow { max-width: 20em; }\n/* Book paragraph style - paragraphs are indented with no vertical spacing. */\n.indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; }\n/* Combine this class with a width to truncate text */\n.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n/*\n\n UTILITIES\n\n*/\n.aspect-ratio { height: 0; position: relative; }\n.aspect-ratio--16x9 { padding-bottom: 56.25%; }\n.aspect-ratio--4x3 { padding-bottom: 75%; }\n.aspect-ratio--8x5 { padding-bottom: 62.5%; }\n.aspect-ratio--object { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100; }\n.overflow-container { overflow-y: scroll; }\n.center { margin-right: auto; margin-left: auto; }\n/*\n\n VISIBILITY\n\n*/\n/*\n Text that is hidden but accessible\n Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*/\n.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }\n/*\n\n WHITE SPACE\n\n*/\n.ws-normal { white-space: normal; }\n.nowrap { white-space: nowrap; }\n.pre { white-space: pre; }\n/*\n\n VERTICAL ALIGN\n\n*/\n.v-base { vertical-align: baseline; }\n.v-sub { vertical-align: sub; }\n.v-sup { vertical-align: super; }\n.v-txt-top { vertical-align: text-top; }\n.v-txt-btm { vertical-align: text-bottom; }\n.v-mid { vertical-align: middle; }\n.v-top { vertical-align: top; }\n.v-btm { vertical-align: bottom; }\n/*\n\n HOVER EFFECTS\n\n\n*/\n/* \n \n Dim element on hover by adding the dim class.\n\n*/\n.dim { opacity: 1; transition: opacity .15s ease-in; }\n.dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; }\n.dim:active { opacity: .8; transition: opacity .15s ease-out; }\n/*\n\n Hide child on hover:\n\n Put the hide-child class on a parent element and any nested element with the\n child class will be hidden and displayed on hover or focus.\n\n <div class="hide-child">\n <div class="child"> Hidden until hover or focus </div>\n <div class="child"> Hidden until hover or focus </div>\n <div class="child"> Hidden until hover or focus </div>\n <div class="child"> Hidden until hover or focus </div>\n </div>\n*/\n.hide-child .child { opacity: 0; transition: opacity .15s ease-in; }\n.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }\n/*\n\n WORD BREAK\n\n*/\n.wb-normal { word-break: normal; }\n.word-wrap { word-break: break-all; }\n.word-nowrap { word-break: keep-all; }\n/*\n\n STYLES\n\n Add custom styles here.\n\n*/\n/*\n\n DEBUG CHILDREN\n\n Just add the debug class to any element to see outlines on its\n children.\n\n*/\n.debug * { outline: 1px solid gold; }\n/* Uncomment out this line if you want to debug your layout */\n/* @import \'./_debug\'; */\n@media screen and (min-width: 48em) {\n .bg-cv-ns { background-size: cover; }\n .bg-cn-ns { background-size: contain; }\n .ba-ns { border-style: solid; border-width: 1px; }\n .bt-ns { border-top-style: solid; border-top-width: 1px; }\n .br-ns { border-right-style: solid; border-right-width: 1px; }\n .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }\n .bl-ns { border-left-style: solid; border-left-width: 1px; }\n .br0-ns { border-radius: 0; }\n .br1-ns { border-radius: .125rem; }\n .br2-ns { border-radius: .25rem; }\n .br3-ns { border-radius: .5rem; }\n .br4-ns { border-radius: 1rem; }\n .br-100-ns { border-radius: 100%; }\n .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; }\n .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n .b--none-ns { border-style: none; }\n .b--dotted-ns { border-style: dotted; }\n .b--dashed-ns { border-style: dashed; }\n .b--solid-ns { border-style: solid; }\n .bw0-ns { border-width: 0; }\n .bw1-ns { border-width: .125rem; }\n .bw2-ns { border-width: .25rem; }\n .bw3-ns { border-width: .5rem; }\n .bw4-ns { border-width: 1rem; }\n .bw5-ns { border-width: 2rem; }\n .top-0-ns { top: 0; }\n .left-0-ns { left: 0; }\n .right-0-ns { right: 0; }\n .bottom-0-ns { bottom: 0; }\n .top-1-ns { top: 1rem; }\n .left-1-ns { left: 1rem; }\n .right-1-ns { right: 1rem; }\n .bottom-1-ns { bottom: 1rem; }\n .top-2-ns { top: 2rem; }\n .left-2-ns { left: 2rem; }\n .right-2-ns { right: 2rem; }\n .bottom-2-ns { bottom: 2rem; }\n .top--1-ns { top: -1rem; }\n .right--1-ns { right: -1rem; }\n .bottom--1-ns { bottom: -1rem; }\n .left--1-ns { left: -1rem; }\n .top--2-ns { top: -2rem; }\n .right--2-ns { right: -2rem; }\n .bottom--2-ns { bottom: -2rem; }\n .left--2-ns { left: -2rem; }\n .pos-abs--fill-ns { top: 0; right: 0; bottom: 0; left: 0; }\n .dn-ns { display: none; }\n .di-ns { display: inline; }\n .db-ns { display: block; }\n .dib-ns { display: inline-block; }\n .dit-ns { display: inline-table; }\n .dt-ns { display: table; }\n .dtc-ns { display: table-cell; }\n .dt-row-ns { display: table-row; }\n .dt-row-group-ns { display: table-row-group; }\n .dt-column-ns { display: table-column; }\n .dt-column-group-ns { display: table-column-group; }\n .fl-ns { float: left; display: inline; }\n .fr-ns { float: right; display: inline; }\n .fn-ns { float: none; }\n .i-ns { font-style: italic; }\n .fsn-ns { font-style: normal; }\n .normal-ns { font-weight: normal; }\n .b-ns { font-weight: bold; }\n .fw1-ns { font-weight: 100; }\n .fw2-ns { font-weight: 200; }\n .fw3-ns { font-weight: 300; }\n .fw4-ns { font-weight: 400; }\n .fw5-ns { font-weight: 500; }\n .fw6-ns { font-weight: 600; }\n .fw7-ns { font-weight: 700; }\n .fw8-ns { font-weight: 800; }\n .fw9-ns { font-weight: 900; }\n .h-1-ns { height: 1rem; }\n .h-2-ns { height: 2rem; }\n .h-3-ns { height: 4rem; }\n .h-4-ns { height: 8rem; }\n .h-5-ns { height: 16rem; }\n .h-25-ns { height: 25%; }\n .h-50-ns { height: 50%; }\n .h-75-ns { height: 75%; }\n .h-100-ns { height: 100%; }\n .h-at-ns { height: auto; }\n .h-i-ns { height: inherit; }\n .tracked-ns { letter-spacing: .16em; }\n .tracked-tight-ns { letter-spacing: -.08em; }\n .tracked-mega-ns { letter-spacing: .32em; }\n .lh-ns { line-height: 1; }\n .lh-title-ns { line-height: 1.3; }\n .lh-copy-ns { line-height: 1.6; }\n .mw-100-ns { max-width: 100%; }\n .mw1-ns { max-width: 1rem; }\n .mw2-ns { max-width: 2rem; }\n .mw3-ns { max-width: 4rem; }\n .mw4-ns { max-width: 8rem; }\n .mw5-ns { max-width: 16rem; }\n .mw6-ns { max-width: 32rem; }\n .mw7-ns { max-width: 48rem; }\n .mw8-ns { max-width: 64rem; }\n .mw9-ns { max-width: 96rem; }\n .mw-none-ns { max-width: none; }\n .w1-ns { width: 1rem; }\n .w2-ns { width: 2rem; }\n .w3-ns { width: 4rem; }\n .w4-ns { width: 8rem; }\n .w5-ns { width: 16rem; }\n .w-10-ns { width: 10%; }\n .w-20-ns { width: 20%; }\n .w-25-ns { width: 25%; }\n .w-33-ns { width: 33%; }\n .w-34-ns { width: 34%; }\n .w-40-ns { width: 40%; }\n .w-50-ns { width: 50%; }\n .w-60-ns { width: 60%; }\n .w-75-ns { width: 75%; }\n .w-80-ns { width: 80%; }\n .w-100-ns { width: 100%; }\n .w-auto-ns { width: auto; }\n .overflow-visible-ns { overflow: visible; }\n .overflow-hidden-ns { overflow: hidden; }\n .overflow-scroll-ns { overflow: scroll; }\n .overflow-auto-ns { overflow: auto; }\n .overflow-x-visible-ns { overflow-x: visible; }\n .overflow-x-hidden-ns { overflow-x: hidden; }\n .overflow-x-scroll-ns { overflow-x: scroll; }\n .overflow-x-auto-ns { overflow-x: auto; }\n .overflow-y-visible-ns { overflow-y: visible; }\n .overflow-y-hidden-ns { overflow-y: hidden; }\n .overflow-y-scroll-ns { overflow-y: scroll; }\n .overflow-y-auto-ns { overflow-y: auto; }\n .static-ns { position: static; }\n .relative-ns { position: relative; }\n .absolute-ns { position: absolute; }\n .fixed-ns { position: fixed; }\n .pa0-ns { padding: 0; }\n .pa1-ns { padding: .25rem; }\n .pa2-ns { padding: .5rem; }\n .pa3-ns { padding: 1rem; }\n .pa4-ns { padding: 2rem; }\n .pa5-ns { padding: 4rem; }\n .pa6-ns { padding: 8rem; }\n .pa7-ns { padding: 16rem; }\n .pl0-ns { padding-left: 0; }\n .pl1-ns { padding-left: .25rem; }\n .pl2-ns { padding-left: .5rem; }\n .pl3-ns { padding-left: 1rem; }\n .pl4-ns { padding-left: 2rem; }\n .pl5-ns { padding-left: 4rem; }\n .pl6-ns { padding-left: 8rem; }\n .pl7-ns { padding-left: 16rem; }\n .pr0-ns { padding-right: 0; }\n .pr1-ns { padding-right: .25rem; }\n .pr2-ns { padding-right: .5rem; }\n .pr3-ns { padding-right: 1rem; }\n .pr4-ns { padding-right: 2rem; }\n .pr5-ns { padding-right: 4rem; }\n .pr6-ns { padding-right: 8rem; }\n .pr7-ns { padding-right: 16rem; }\n .pb0-ns { padding-bottom: 0; }\n .pb1-ns { padding-bottom: .25rem; }\n .pb2-ns { padding-bottom: .5rem; }\n .pb3-ns { padding-bottom: 1rem; }\n .pb4-ns { padding-bottom: 2rem; }\n .pb5-ns { padding-bottom: 4rem; }\n .pb6-ns { padding-bottom: 8rem; }\n .pb7-ns { padding-bottom: 16rem; }\n .pt0-ns { padding-top: 0; }\n .pt1-ns { padding-top: .25rem; }\n .pt2-ns { padding-top: .5rem; }\n .pt3-ns { padding-top: 1rem; }\n .pt4-ns { padding-top: 2rem; }\n .pt5-ns { padding-top: 4rem; }\n .pt6-ns { padding-top: 8rem; }\n .pt7-ns { padding-top: 16rem; }\n .pv0-ns { padding-top: 0; padding-bottom: 0; }\n .pv1-ns { padding-top: .25rem; padding-bottom: .25rem; }\n .pv2-ns { padding-top: .5rem; padding-bottom: .5rem; }\n .pv3-ns { padding-top: 1rem; padding-bottom: 1rem; }\n .pv4-ns { padding-top: 2rem; padding-bottom: 2rem; }\n .pv5-ns { padding-top: 4rem; padding-bottom: 4rem; }\n .pv6-ns { padding-top: 8rem; padding-bottom: 8rem; }\n .pv7-ns { padding-top: 16rem; padding-bottom: 16rem; }\n .ph0-ns { padding-left: 0; padding-right: 0; }\n .pv1-ns { padding-left: .25rem; padding-right: .25rem; }\n .ph2-ns { padding-left: .5rem; padding-right: .5rem; }\n .ph3-ns { padding-left: 1rem; padding-right: 1rem; }\n .ph4-ns { padding-left: 2rem; padding-right: 2rem; }\n .ph5-ns { padding-left: 4rem; padding-right: 4rem; }\n .ph6-ns { padding-left: 8rem; padding-right: 8rem; }\n .ph7-ns { padding-left: 16rem; padding-right: 16rem; }\n .ma0-ns { margin: 0; }\n .ma1-ns { margin: .25rem; }\n .ma2-ns { margin: .5rem; }\n .ma3-ns { margin: 1rem; }\n .ma4-ns { margin: 2rem; }\n .ma5-ns { margin: 4rem; }\n .ma6-ns { margin: 8rem; }\n .ma7-ns { margin: 16rem; }\n .ml0-ns { margin-left: 0; }\n .ml1-ns { margin-left: .25rem; }\n .ml2-ns { margin-left: .5rem; }\n .ml3-ns { margin-left: 1rem; }\n .ml4-ns { margin-left: 2rem; }\n .ml5-ns { margin-left: 4rem; }\n .ml6-ns { margin-left: 8rem; }\n .ml7-ns { margin-left: 16rem; }\n .mr0-ns { margin-right: 0; }\n .mr1-ns { margin-right: .25rem; }\n .mr2-ns { margin-right: .5rem; }\n .mr3-ns { margin-right: 1rem; }\n .mr4-ns { margin-right: 2rem; }\n .mr5-ns { margin-right: 4rem; }\n .mr6-ns { margin-right: 8rem; }\n .mr7-ns { margin-right: 16rem; }\n .mb0-ns { margin-bottom: 0; }\n .mb1-ns { margin-bottom: .25rem; }\n .mb2-ns { margin-bottom: .5rem; }\n .mb3-ns { margin-bottom: 1rem; }\n .mb4-ns { margin-bottom: 2rem; }\n .mb5-ns { margin-bottom: 4rem; }\n .mb6-ns { margin-bottom: 8rem; }\n .mb7-ns { margin-bottom: 16rem; }\n .mt0-ns { margin-top: 0; }\n .mt1-ns { margin-top: .25rem; }\n .mt2-ns { margin-top: .5rem; }\n .mt3-ns { margin-top: 1rem; }\n .mt4-ns { margin-top: 2rem; }\n .mt5-ns { margin-top: 4rem; }\n .mt6-ns { margin-top: 8rem; }\n .mt7-ns { margin-top: 16rem; }\n .mv0-ns { margin-top: 0; margin-bottom: 0rem; }\n .mv1-ns { margin-top: .25rem; margin-bottom: .25rem; }\n .mv2-ns { margin-top: .5rem; margin-bottom: .5rem; }\n .mv3-ns { margin-top: 1rem; margin-bottom: 1rem; }\n .mv4-ns { margin-top: 2rem; margin-bottom: 2rem; }\n .mv5-ns { margin-top: 4rem; margin-bottom: 4rem; }\n .mv6-ns { margin-top: 8rem; margin-bottom: 8rem; }\n .mv7-ns { margin-top: 16rem; margin-bottom: 16rem; }\n .mh0-ns { margin-left: 0; margin-right: 0; }\n .mh2-ns { margin-left: .5rem; margin-right: .5rem; }\n .mh3-ns { margin-left: 1rem; margin-right: 1rem; }\n .mh4-ns { margin-left: 2rem; margin-right: 2rem; }\n .mh5-ns { margin-left: 4rem; margin-right: 4rem; }\n .mh6-ns { margin-left: 8rem; margin-right: 8rem; }\n .mh7-ns { margin-left: 16rem; margin-right: 16rem; }\n .strike-ns { text-decoration: line-through; }\n .underline-ns { text-decoration: underline; }\n .no-underline-ns { text-decoration: none; }\n .tl-ns { text-align: left; }\n .tr-ns { text-align: right; }\n .tc-ns { text-align: center; }\n .ttc-ns { text-transform: capitalize; }\n .ttl-ns { text-transform: lowercase; }\n .ttu-ns { text-transform: uppercase; }\n .ttn-ns { text-transform: none; }\n .f-6-ns, .f-headline-ns { font-size: 6rem; }\n .f-5-ns, .f-subheadline-ns { font-size: 5rem; }\n .f1-ns { font-size: 3rem; }\n .f2-ns { font-size: 2.25rem; }\n .f3-ns { font-size: 1.5rem; }\n .f4-ns { font-size: 1.25rem; }\n .f5-ns { font-size: 1rem; }\n .f6-ns { font-size: .875rem; }\n .measure-ns { max-width: 30em; }\n .measure-narrow-ns { max-width: 20em; }\n .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; }\n .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .clip-ns { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }\n .ws-normal-ns { white-space: normal; }\n .nowrap-ns { white-space: nowrap; }\n .pre-ns { white-space: pre; }\n .v-base-ns { vertical-align: baseline; }\n .v-sub-ns { vertical-align: sub; }\n .v-sup-ns { vertical-align: super; }\n .v-txt-top-ns { vertical-align: text-top; }\n .v-txt-btm-ns { vertical-align: text-bottom; }\n .v-mid-ns { vertical-align: middle; }\n .v-top-ns { vertical-align: top; }\n .v-btm-ns { vertical-align: bottom; }\n .wb-normal-ns { word-break: normal; }\n .word-wrap-ns { word-break: break-all; }\n .word-nowrap-ns { word-break: keep-all; }\n}\n@media screen and (min-width: 48em) and (max-width: 64em) {\n .bg-cv-m { background-size: cover; }\n .bg-cn-m { background-size: contain; }\n .ba-m { border-style: solid; border-width: 1px; }\n .bt-m { border-top-style: solid; border-top-width: 1px; }\n .br-m { border-right-style: solid; border-right-width: 1px; }\n .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }\n .bl-m { border-left-style: solid; border-left-width: 1px; }\n .br0-m { border-radius: 0; }\n .br1-m { border-radius: .125rem; }\n .br2-m { border-radius: .25rem; }\n .br3-m { border-radius: .5rem; }\n .br4-m { border-radius: 1rem; }\n .br-100-m { border-radius: 100%; }\n .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }\n .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n .b--none-m { border-style: none; }\n .b--dotted-m { border-style: dotted; }\n .b--dashed-m { border-style: dashed; }\n .b--solid-m { border-style: solid; }\n .bw0-m { border-width: 0; }\n .bw1-m { border-width: .125rem; }\n .bw2-m { border-width: .25rem; }\n .bw3-m { border-width: .5rem; }\n .bw4-m { border-width: 1rem; }\n .bw5-m { border-width: 2rem; }\n .top-0-m { top: 0; }\n .left-0-m { left: 0; }\n .right-0-m { right: 0; }\n .bottom-0-m { bottom: 0; }\n .top-1-m { top: 1rem; }\n .left-1-m { left: 1rem; }\n .right-1-m { right: 1rem; }\n .bottom-1-m { bottom: 1rem; }\n .top-2-m { top: 2rem; }\n .left-2-m { left: 2rem; }\n .right-2-m { right: 2rem; }\n .bottom-2-m { bottom: 2rem; }\n .top--1-m { top: -1rem; }\n .right--1-m { right: -1rem; }\n .bottom--1-m { bottom: -1rem; }\n .left--1-m { left: -1rem; }\n .top--2-m { top: -2rem; }\n .right--2-m { right: -2rem; }\n .bottom--2-m { bottom: -2rem; }\n .left--2-m { left: -2rem; }\n .pos-abs--fill-m { top: 0; right: 0; bottom: 0; left: 0; }\n .dn-m { display: none; }\n .di-m { display: inline; }\n .db-m { display: block; }\n .dib-m { display: inline-block; }\n .dit-m { display: inline-table; }\n .dt-m { display: table; }\n .dtc-m { display: table-cell; }\n .dt-row-m { display: table-row; }\n .dt-row-group-m { display: table-row-group; }\n .dt-column-m { display: table-column; }\n .dt-column-group-m { display: table-column-group; }\n .fl-m { float: left; display: inline; }\n .fr-m { float: right; display: inline; }\n .fn-m { float: none; }\n .i-m { font-style: italic; }\n .fsn-m { font-style: normal; }\n .normal-m { font-weight: normal; }\n .b-m { font-weight: bold; }\n .fw1-m { font-weight: 100; }\n .fw2-m { font-weight: 200; }\n .fw3-m { font-weight: 300; }\n .fw4-m { font-weight: 400; }\n .fw5-m { font-weight: 500; }\n .fw6-m { font-weight: 600; }\n .fw7-m { font-weight: 700; }\n .fw8-m { font-weight: 800; }\n .fw9-m { font-weight: 900; }\n .h1-m { height: 1rem; }\n .h2-m { height: 2rem; }\n .h3-m { height: 4rem; }\n .h4-m { height: 8rem; }\n .h5-m { height: 16rem; }\n .h-25-m { height: 25%; }\n .h-50-m { height: 50%; }\n .h-75-m { height: 75%; }\n .h-100-m { height: 100%; }\n .h-at-m { height: auto; }\n .h-i-m { height: inherit; }\n .tracked-m { letter-spacing: .16em; }\n .tracked-tight-m { letter-spacing: -.08em; }\n .tracked-mega-m { letter-spacing: .32em; }\n .lh-m { line-height: 1; }\n .lh-title-m { line-height: 1.3; }\n .lh-copy-m { line-height: 1.6; }\n .mw-100-m { max-width: 100%; }\n .mw1-m { max-width: 1rem; }\n .mw2-m { max-width: 2rem; }\n .mw3-m { max-width: 4rem; }\n .mw4-m { max-width: 8rem; }\n .mw5-m { max-width: 16rem; }\n .mw6-m { max-width: 32rem; }\n .mw7-m { max-width: 48rem; }\n .mw8-m { max-width: 64rem; }\n .mw9-m { max-width: 96rem; }\n .mw-none-m { max-width: none; }\n .w1-m { width: 1rem; }\n .w2-m { width: 2rem; }\n .w3-m { width: 4rem; }\n .w4-m { width: 8rem; }\n .w5-m { width: 16rem; }\n .w-10-m { width: 10%; }\n .w-20-m { width: 20%; }\n .w-25-m { width: 25%; }\n .w-33-m { width: 33%; }\n .w-34-m { width: 34%; }\n .w-40-m { width: 40%; }\n .w-50-m { width: 50%; }\n .w-60-m { width: 60%; }\n .w-75-m { width: 75%; }\n .w-80-m { width: 80%; }\n .w-100-m { width: 100%; }\n .w-auto-m { width: auto; }\n .overflow-visible-m { overflow: visible; }\n .overflow-hidden-m { overflow: hidden; }\n .overflow-scroll-m { overflow: scroll; }\n .overflow-auto-m { overflow: auto; }\n .overflow-x-visible-m { overflow-x: visible; }\n .overflow-x-hidden-m { overflow-x: hidden; }\n .overflow-x-scroll-m { overflow-x: scroll; }\n .overflow-x-auto-m { overflow-x: auto; }\n .overflow-y-visible-m { overflow-y: visible; }\n .overflow-y-hidden-m { overflow-y: hidden; }\n .overflow-y-scroll-m { overflow-y: scroll; }\n .overflow-y-auto-m { overflow-y: auto; }\n .static-m { position: static; }\n .relative-m { position: relative; }\n .absolute-m { position: absolute; }\n .fixed-m { position: fixed; }\n .pa0-m { padding: 0; }\n .pa1-m { padding: .25rem; }\n .pa2-m { padding: .5rem; }\n .pa3-m { padding: 1rem; }\n .pa4-m { padding: 2rem; }\n .pa5-m { padding: 4rem; }\n .pa6-m { padding: 8rem; }\n .pa7-m { padding: 16rem; }\n .pl0-m { padding-left: 0; }\n .pl1-m { padding-left: .25rem; }\n .pl2-m { padding-left: .5rem; }\n .pl3-m { padding-left: 1rem; }\n .pl4-m { padding-left: 2rem; }\n .pl5-m { padding-left: 4rem; }\n .pl6-m { padding-left: 8rem; }\n .pl7-m { padding-left: 16rem; }\n .pr0-m { padding-right: 0; }\n .pr1-m { padding-right: .25rem; }\n .pr2-m { padding-right: .5rem; }\n .pr3-m { padding-right: 1rem; }\n .pr4-m { padding-right: 2rem; }\n .pr5-m { padding-right: 4rem; }\n .pr6-m { padding-right: 8rem; }\n .pr7-m { padding-right: 16rem; }\n .pb0-m { padding-bottom: 0; }\n .pb1-m { padding-bottom: .25rem; }\n .pb2-m { padding-bottom: .5rem; }\n .pb3-m { padding-bottom: 1rem; }\n .pb4-m { padding-bottom: 2rem; }\n .pb5-m { padding-bottom: 4rem; }\n .pb6-m { padding-bottom: 8rem; }\n .pb7-m { padding-bottom: 16rem; }\n .pt0-m { padding-top: 0; }\n .pt1-m { padding-top: .25rem; }\n .pt2-m { padding-top: .5rem; }\n .pt3-m { padding-top: 1rem; }\n .pt4-m { padding-top: 2rem; }\n .pt5-m { padding-top: 4rem; }\n .pt6-m { padding-top: 8rem; }\n .pt7-m { padding-top: 16rem; }\n .pv0-m { padding-top: 0; padding-bottom: 0; }\n .pv1-m { padding-top: .25rem; padding-bottom: .25rem; }\n .pv2-m { padding-top: .5rem; padding-bottom: .5rem; }\n .pv3-m { padding-top: 1rem; padding-bottom: 1rem; }\n .pv4-m { padding-top: 2rem; padding-bottom: 2rem; }\n .pv5-m { padding-top: 4rem; padding-bottom: 4rem; }\n .pv6-m { padding-top: 8rem; padding-bottom: 8rem; }\n .pv7-m { padding-top: 16rem; padding-bottom: 16rem; }\n .ph0-m { padding-left: 0; padding-right: 0; }\n .pv1-m { padding-left: .25rem; padding-right: .25rem; }\n .ph2-m { padding-left: .5rem; padding-right: .5rem; }\n .ph3-m { padding-left: 1rem; padding-right: 1rem; }\n .ph4-m { padding-left: 2rem; padding-right: 2rem; }\n .ph5-m { padding-left: 4rem; padding-right: 4rem; }\n .ph6-m { padding-left: 8rem; padding-right: 8rem; }\n .ph7-m { padding-left: 16rem; padding-right: 16rem; }\n .ma0-m { margin: 0; }\n .ma1-m { margin: .25rem; }\n .ma2-m { margin: .5rem; }\n .ma3-m { margin: 1rem; }\n .ma4-m { margin: 2rem; }\n .ma5-m { margin: 4rem; }\n .ma6-m { margin: 8rem; }\n .ma7-m { margin: 16rem; }\n .ml0-m { margin-left: 0; }\n .ml1-m { margin-left: .25rem; }\n .ml2-m { margin-left: .5rem; }\n .ml3-m { margin-left: 1rem; }\n .ml4-m { margin-left: 2rem; }\n .ml5-m { margin-left: 4rem; }\n .ml6-m { margin-left: 8rem; }\n .ml7-m { margin-left: 16rem; }\n .mr0-m { margin-right: 0; }\n .mr1-m { margin-right: .25rem; }\n .mr2-m { margin-right: .5rem; }\n .mr3-m { margin-right: 1rem; }\n .mr4-m { margin-right: 2rem; }\n .mr5-m { margin-right: 4rem; }\n .mr6-m { margin-right: 8rem; }\n .mr7-m { margin-right: 16rem; }\n .mb0-m { margin-bottom: 0; }\n .mb1-m { margin-bottom: .25rem; }\n .mb2-m { margin-bottom: .5rem; }\n .mb3-m { margin-bottom: 1rem; }\n .mb4-m { margin-bottom: 2rem; }\n .mb5-m { margin-bottom: 4rem; }\n .mb6-m { margin-bottom: 8rem; }\n .mb7-m { margin-bottom: 16rem; }\n .mt0-m { margin-top: 0; }\n .mt1-m { margin-top: .25rem; }\n .mt2-m { margin-top: .5rem; }\n .mt3-m { margin-top: 1rem; }\n .mt4-m { margin-top: 2rem; }\n .mt5-m { margin-top: 4rem; }\n .mt6-m { margin-top: 8rem; }\n .mt7-m { margin-top: 16rem; }\n .mv0-m { margin-top: 0; margin-bottom: 0rem; }\n .mv1-m { margin-top: .25rem; margin-bottom: .25rem; }\n .mv2-m { margin-top: .5rem; margin-bottom: .5rem; }\n .mv3-m { margin-top: 1rem; margin-bottom: 1rem; }\n .mv4-m { margin-top: 2rem; margin-bottom: 2rem; }\n .mv5-m { margin-top: 4rem; margin-bottom: 4rem; }\n .mv6-m { margin-top: 8rem; margin-bottom: 8rem; }\n .mv7-m { margin-top: 16rem; margin-bottom: 16rem; }\n .mh0-m { margin-left: 0; margin-right: 0; }\n .mh1-m { margin-left: .25rem; margin-right: .25rem; }\n .mh2-m { margin-left: .5rem; margin-right: .5rem; }\n .mh3-m { margin-left: 1rem; margin-right: 1rem; }\n .mh4-m { margin-left: 2rem; margin-right: 2rem; }\n .mh5-m { margin-left: 4rem; margin-right: 4rem; }\n .mh6-m { margin-left: 8rem; margin-right: 8rem; }\n .mh7-m { margin-left: 16rem; margin-right: 16rem; }\n .strike-m { text-decoration: line-through; }\n .underline-m { text-decoration: underline; }\n .no-underline-m { text-decoration: none; }\n .tl-m { text-align: left; }\n .tr-m { text-align: right; }\n .tc-m { text-align: center; }\n .ttc-m { text-transform: capitalize; }\n .ttl-m { text-transform: lowercase; }\n .ttu-m { text-transform: uppercase; }\n .ttn-m { text-transform: none; }\n .f-6-m, .f-headline-m { font-size: 6rem; }\n .f-5-m, .f-subheadline-m { font-size: 5rem; }\n .f1-m { font-size: 3rem; }\n .f2-m { font-size: 2.25rem; }\n .f3-m { font-size: 1.5rem; }\n .f4-m { font-size: 1.25rem; }\n .f5-m { font-size: 1rem; }\n .f6-m { font-size: .875rem; }\n .measure-m { max-width: 30em; }\n .measure-narrow-m { max-width: 20em; }\n .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; }\n .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .clip-m { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }\n .ws-normal-m { white-space: normal; }\n .nowrap-m { white-space: nowrap; }\n .pre-m { white-space: pre; }\n .v-base-m { vertical-align: baseline; }\n .v-sub-m { vertical-align: sub; }\n .v-sup-m { vertical-align: super; }\n .v-txt-top-m { vertical-align: text-top; }\n .v-txt-btm-m { vertical-align: text-bottom; }\n .v-mid-m { vertical-align: middle; }\n .v-top-m { vertical-align: top; }\n .v-btm-m { vertical-align: bottom; }\n .wb-normal-m { word-break: normal; }\n .word-wrap-m { word-break: break-all; }\n .word-nowrap-m { word-break: keep-all; }\n}\n@media screen and (min-width: 64em) {\n .bg-cv-l { background-size: cover; }\n .bg-cn-l { background-size: contain; }\n .ba-l { border-style: solid; border-width: 1px; }\n .bt-l { border-top-style: solid; border-top-width: 1px; }\n .br-l { border-right-style: solid; border-right-width: 1px; }\n .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }\n .bl-l { border-left-style: solid; border-left-width: 1px; }\n .br0-l { border-radius: 0; }\n .br1-l { border-radius: .125rem; }\n .br2-l { border-radius: .25rem; }\n .br3-l { border-radius: .5rem; }\n .br4-l { border-radius: 1rem; }\n .br-100-l { border-radius: 100%; }\n .br--bottom-l { border-radius-top-left: 0; border-radius-top-right: 0; }\n .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n .b--none-l { border-style: none; }\n .b--dotted-l { border-style: dotted; }\n .b--dashed-l { border-style: dashed; }\n .b--solid-l { border-style: solid; }\n .bw0-l { border-width: 0; }\n .bw1-l { border-width: .125rem; }\n .bw2-l { border-width: .25rem; }\n .bw3-l { border-width: .5rem; }\n .bw4-l { border-width: 1rem; }\n .bw5-l { border-width: 2rem; }\n .top-0-l { top: 0; }\n .left-0-l { left: 0; }\n .right-0-l { right: 0; }\n .bottom-0-l { bottom: 0; }\n .top-1-l { top: 1rem; }\n .left-1-l { left: 1rem; }\n .right-1-l { right: 1rem; }\n .bottom-1-l { bottom: 1rem; }\n .top-2-l { top: 2rem; }\n .left-2-l { left: 2rem; }\n .right-2-l { right: 2rem; }\n .bottom-2-l { bottom: 2rem; }\n .top--1-l { top: -1rem; }\n .right--1-l { right: -1rem; }\n .bottom--1-l { bottom: -1rem; }\n .left--1-l { left: -1rem; }\n .top--2-l { top: -2rem; }\n .right--2-l { right: -2rem; }\n .bottom--2-l { bottom: -2rem; }\n .left--2-l { left: -2rem; }\n .pos-abs--fill-l { top: 0; right: 0; bottom: 0; left: 0; }\n .dn-l { display: none; }\n .di-l { display: inline; }\n .db-l { display: block; }\n .dib-l { display: inline-block; }\n .dit-l { display: inline-table; }\n .dt-l { display: table; }\n .dtc-l { display: table-cell; }\n .dt-row-l { display: table-row; }\n .dt-row-group-l { display: table-row-group; }\n .dt-column-l { display: table-column; }\n .dt-column-group-l { display: table-column-group; }\n .fl-l { float: left; display: inline; }\n .fr-l { float: right; display: inline; }\n .fn-l { float: none; }\n .i-l { font-style: italic; }\n .fsn-l { font-style: normal; }\n .normal-l { font-weight: normal; }\n .b-l { font-weight: bold; }\n .fw1-l { font-weight: 100; }\n .fw2-l { font-weight: 200; }\n .fw3-l { font-weight: 300; }\n .fw4-l { font-weight: 400; }\n .fw5-l { font-weight: 500; }\n .fw6-l { font-weight: 600; }\n .fw7-l { font-weight: 700; }\n .fw8-l { font-weight: 800; }\n .fw9-l { font-weight: 900; }\n .h1-l { height: 1rem; }\n .h2-l { height: 2rem; }\n .h3-l { height: 4rem; }\n .h4-l { height: 8rem; }\n .h5-l { height: 16rem; }\n .h-25-l { height: 25%; }\n .h-50-l { height: 50%; }\n .h-75-l { height: 75%; }\n .h-100-l { height: 100%; }\n .h-at-l { height: auto; }\n .h-i-l { height: inherit; }\n .tracked-l { letter-spacing: .16em; }\n .tracked-tight-l { letter-spacing: -.08em; }\n .tracked-mega-l { letter-spacing: .32em; }\n .lh-l { line-height: 1; }\n .lh-title-l { line-height: 1.3; }\n .lh-copy-l { line-height: 1.6; }\n .mw-100-l { max-width: 100%; }\n .mw1-l { max-width: 1rem; }\n .mw2-l { max-width: 2rem; }\n .mw3-l { max-width: 4rem; }\n .mw4-l { max-width: 8rem; }\n .mw5-l { max-width: 16rem; }\n .mw6-l { max-width: 32rem; }\n .mw7-l { max-width: 48rem; }\n .mw8-l { max-width: 64rem; }\n .mw9-l { max-width: 96rem; }\n .mw-none-l { max-width: none; }\n .w1-l { width: 1rem; }\n .w2-l { width: 2rem; }\n .w3-l { width: 4rem; }\n .w4-l { width: 8rem; }\n .w5-l { width: 16rem; }\n .w-10-l { width: 10%; }\n .w-20-l { width: 20%; }\n .w-25-l { width: 25%; }\n .w-33-l { width: 33%; }\n .w-34-l { width: 34%; }\n .w-40-l { width: 40%; }\n .w-50-l { width: 50%; }\n .w-60-l { width: 60%; }\n .w-75-l { width: 75%; }\n .w-80-l { width: 80%; }\n .w-100-l { width: 100%; }\n .w-auto-l { width: auto; }\n .overflow-visible-l { overflow: visible; }\n .overflow-hidden-l { overflow: hidden; }\n .overflow-scroll-l { overflow: scroll; }\n .overflow-auto-l { overflow: auto; }\n .overflow-x-visible-l { overflow-x: visible; }\n .overflow-x-hidden-l { overflow-x: hidden; }\n .overflow-x-scroll-l { overflow-x: scroll; }\n .overflow-x-auto-l { overflow-x: auto; }\n .overflow-y-visible-l { overflow-y: visible; }\n .overflow-y-hidden-l { overflow-y: hidden; }\n .overflow-y-scroll-l { overflow-y: scroll; }\n .overflow-y-auto-l { overflow-y: auto; }\n .static-l { position: static; }\n .relative-l { position: relative; }\n .absolute-l { position: absolute; }\n .fixed-l { position: fixed; }\n .pa0-l { padding: 0; }\n .pa1-l { padding: .25rem; }\n .pa2-l { padding: .5rem; }\n .pa3-l { padding: 1rem; }\n .pa4-l { padding: 2rem; }\n .pa5-l { padding: 4rem; }\n .pa6-l { padding: 8rem; }\n .pa7-l { padding: 16rem; }\n .pl0-l { padding-left: 0; }\n .pl1-l { padding-left: .25rem; }\n .pl2-l { padding-left: .5rem; }\n .pl3-l { padding-left: 1rem; }\n .pl4-l { padding-left: 2rem; }\n .pl5-l { padding-left: 4rem; }\n .pl6-l { padding-left: 8rem; }\n .pl7-l { padding-left: 16rem; }\n .pr0-l { padding-right: 0; }\n .pr1-l { padding-right: .25rem; }\n .pr2-l { padding-right: .5rem; }\n .pr3-l { padding-right: 1rem; }\n .pr4-l { padding-right: 2rem; }\n .pr5-l { padding-right: 4rem; }\n .pr6-l { padding-right: 8rem; }\n .pr7-l { padding-right: 16rem; }\n .pb0-l { padding-bottom: 0; }\n .pb1-l { padding-bottom: .25rem; }\n .pb2-l { padding-bottom: .5rem; }\n .pb3-l { padding-bottom: 1rem; }\n .pb4-l { padding-bottom: 2rem; }\n .pb5-l { padding-bottom: 4rem; }\n .pb6-l { padding-bottom: 8rem; }\n .pb7-l { padding-bottom: 16rem; }\n .pt0-l { padding-top: 0; }\n .pt1-l { padding-top: .25rem; }\n .pt2-l { padding-top: .5rem; }\n .pt3-l { padding-top: 1rem; }\n .pt4-l { padding-top: 2rem; }\n .pt5-l { padding-top: 4rem; }\n .pt6-l { padding-top: 8rem; }\n .pt7-l { padding-top: 16rem; }\n .pv0-l { padding-top: 0; padding-bottom: 0; }\n .pv1-l { padding-top: .25rem; padding-bottom: .25rem; }\n .pv2-l { padding-top: .5rem; padding-bottom: .5rem; }\n .pv3-l { padding-top: 1rem; padding-bottom: 1rem; }\n .pv4-l { padding-top: 2rem; padding-bottom: 2rem; }\n .pv5-l { padding-top: 4rem; padding-bottom: 4rem; }\n .pv6-l { padding-top: 8rem; padding-bottom: 8rem; }\n .pv7-l { padding-top: 16rem; padding-bottom: 16rem; }\n .ph0-l { padding-left: 0; padding-right: 0; }\n .ph1-l { padding-left: .25rem; padding-right: .25rem; }\n .ph2-l { padding-left: .5rem; padding-right: .5rem; }\n .ph3-l { padding-left: 1rem; padding-right: 1rem; }\n .ph4-l { padding-left: 2rem; padding-right: 2rem; }\n .ph5-l { padding-left: 4rem; padding-right: 4rem; }\n .ph6-l { padding-left: 8rem; padding-right: 8rem; }\n .ph7-l { padding-left: 16rem; padding-right: 16rem; }\n .ma0-l { margin: 0; }\n .ma1-l { margin: .25rem; }\n .ma2-l { margin: .5rem; }\n .ma3-l { margin: 1rem; }\n .ma4-l { margin: 2rem; }\n .ma5-l { margin: 4rem; }\n .ma6-l { margin: 8rem; }\n .ma7-l { margin: 16rem; }\n .ml0-l { margin-left: 0; }\n .ml1-l { margin-left: .25rem; }\n .ml2-l { margin-left: .5rem; }\n .ml3-l { margin-left: 1rem; }\n .ml4-l { margin-left: 2rem; }\n .ml5-l { margin-left: 4rem; }\n .ml6-l { margin-left: 8rem; }\n .ml7-l { margin-left: 16rem; }\n .mr0-l { margin-right: 0; }\n .mr1-l { margin-right: .25rem; }\n .mr2-l { margin-right: .5rem; }\n .mr3-l { margin-right: 1rem; }\n .mr4-l { margin-right: 2rem; }\n .mr5-l { margin-right: 4rem; }\n .mr6-l { margin-right: 8rem; }\n .mr7-l { margin-right: 16rem; }\n .mb0-l { margin-bottom: 0; }\n .mb1-l { margin-bottom: .25rem; }\n .mb2-l { margin-bottom: .5rem; }\n .mb3-l { margin-bottom: 1rem; }\n .mb4-l { margin-bottom: 2rem; }\n .mb5-l { margin-bottom: 4rem; }\n .mb6-l { margin-bottom: 8rem; }\n .mb7-l { margin-bottom: 16rem; }\n .mt0-l { margin-top: 0; }\n .mt1-l { margin-top: .25rem; }\n .mt2-l { margin-top: .5rem; }\n .mt3-l { margin-top: 1rem; }\n .mt4-l { margin-top: 2rem; }\n .mt5-l { margin-top: 4rem; }\n .mt6-l { margin-top: 8rem; }\n .mt7-l { margin-top: 16rem; }\n .mv0-l { margin-top: 0; margin-bottom: 0rem; }\n .mv1-l { margin-top: .25rem; margin-bottom: .25rem; }\n .mv2-l { margin-top: .5rem; margin-bottom: .5rem; }\n .mv3-l { margin-top: 1rem; margin-bottom: 1rem; }\n .mv4-l { margin-top: 2rem; margin-bottom: 2rem; }\n .mv5-l { margin-top: 4rem; margin-bottom: 4rem; }\n .mv6-l { margin-top: 8rem; margin-bottom: 8rem; }\n .mv7-l { margin-top: 16rem; margin-bottom: 16rem; }\n .mh0-l { margin-left: 0; margin-right: 0; }\n .mh1-l { margin-left: .25rem; margin-right: .25rem; }\n .mh2-l { margin-left: .5rem; margin-right: .5rem; }\n .mh3-l { margin-left: 1rem; margin-right: 1rem; }\n .mh4-l { margin-left: 2rem; margin-right: 2rem; }\n .mh5-l { margin-left: 4rem; margin-right: 4rem; }\n .mh6-l { margin-left: 8rem; margin-right: 8rem; }\n .mh7-l { margin-left: 16rem; margin-right: 16rem; }\n .strike-l { text-decoration: line-through; }\n .underline-l { text-decoration: underline; }\n .no-underline-l { text-decoration: none; }\n .tl-l { text-align: left; }\n .tr-l { text-align: right; }\n .tc-l { text-align: center; }\n .ttc-l { text-transform: capitalize; }\n .ttl-l { text-transform: lowercase; }\n .ttu-l { text-transform: uppercase; }\n .ttn-l { text-transform: none; }\n .f-6-l, .f-headline-l { font-size: 6rem; }\n .f-5-l, .f-subheadline-l { font-size: 5rem; }\n .f1-l { font-size: 3rem; }\n .f2-l { font-size: 2.25rem; }\n .f3-l { font-size: 1.5rem; }\n .f4-l { font-size: 1.25rem; }\n .f5-l { font-size: 1rem; }\n .f6-l { font-size: .875rem; }\n .measure-l { max-width: 30em; }\n .measure-narrow-l { max-width: 20em; }\n .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; }\n .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .clip-l { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }\n .ws-normal-l { white-space: normal; }\n .nowrap-l { white-space: nowrap; }\n .pre-l { white-space: pre; }\n .v-base-l { vertical-align: baseline; }\n .v-sub-l { vertical-align: sub; }\n .v-sup-l { vertical-align: super; }\n .v-txt-top-l { vertical-align: text-top; }\n .v-txt-btm-l { vertical-align: text-bottom; }\n .v-mid-l { vertical-align: middle; }\n .v-top-l { vertical-align: top; }\n .v-btm-l { vertical-align: bottom; }\n .wb-normal-l { word-break: normal; }\n .word-wrap-l { word-break: break-all; }\n .word-nowrap-l { word-break: keep-all; }\n}\n\n',
id: '<input css 1>' },
start: { line: 1, column: 1 } } }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment