data.json

{"modules":[{"name":"basscss-base-reset","css":"\nbody { margin: 0 }\nimg { max-width: 100% }\nsvg { max-height: 100% }\n\n","version":"2.0.2","description":"Base element reset for Basscss"},{"name":"basscss-base-forms","css":"/* Basscss Base Forms */\n\ninput,\nselect,\ntextarea,\nfieldset {\n  font-family: var(--form-field-font-family);\n  font-size: var(--form-field-font-size);\n  box-sizing: border-box;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nlabel {\n  vertical-align: middle;\n}\n\ninput[type=text],\ninput[type=date],\ninput[type=datetime],\ninput[type=datetime-local],\ninput[type=email],\ninput[type=month],\ninput[type=number],\ninput[type=password],\ninput[type=search],\ninput[type=tel],\ninput[type=time],\ninput[type=url],\ninput[type=week] {\n  height: var(--form-field-height);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  vertical-align: middle;\n  -webkit-appearance: none;\n}\n\nselect {\n  line-height: 1.75;\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n}\n\nselect:not([multiple]) {\n  height: var(--form-field-height);\n  vertical-align: middle;\n}\n\ntextarea {\n  line-height: 1.75;\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --form-field-font-family: inherit;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n}\n\n","version":"2.0.0","description":"Base form styles for Basscss"},{"name":"basscss-base-tables","css":"/* Basscss Base Tables */\n\ntable {\n  border-collapse: separate;\n  border-spacing: 0;\n  max-width: 100%;\n  width: 100%;\n}\n\nth {\n  text-align: left;\n  font-weight: var(--table-header-font-weight);\n}\n\nth,\ntd {\n  padding: var(--table-cell-padding-y) var(--table-cell-padding-x);\n  line-height: inherit;\n}\n\nth { vertical-align: bottom }\ntd { vertical-align: top }\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --table-header-font-weight: var(--bold-font-weight);\n  --table-cell-padding-x: var(--space-2);\n  --table-cell-padding-y: .25rem;\n}\n\n","version":"1.0.0","description":"Base table styles for Basscss"},{"name":"basscss-base-typography","css":"/* Basscss Base Typography */\n\nbody {\n  font-family: var(--font-family);\n  line-height: var(--line-height);\n  font-size: var(--body-font-size);\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--heading-font-family);\n  font-weight: var(--heading-font-weight);\n  line-height: var(--heading-line-height);\n  margin-top: var(--heading-margin-top);\n  margin-bottom: var(--heading-margin-bottom);\n}\n\np {\n  margin-top: var(--paragraph-margin-top);\n  margin-bottom: var(--paragraph-margin-bottom);\n}\n\ndl, ol, ul {\n  margin-top: var(--list-margin-top);\n  margin-bottom: var(--list-margin-bottom);\n}\n\npre, code, samp {\n  font-family: var(--monospace-font-family);\n  font-size: var(--pre-font-size);\n}\n\npre {\n  margin-top: var(--pre-margin-top);\n  margin-bottom: var(--pre-margin-bottom);\n  overflow-x: scroll;\n}\n\nh1 { font-size: var(--h1) }\nh2 { font-size: var(--h2) }\nh3 { font-size: var(--h3) }\nh4 { font-size: var(--h4) }\nh5 { font-size: var(--h5) }\nh6 { font-size: var(--h6) }\n\n\n:root {\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --body-font-size: 100%;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --heading-margin-top: 1em;\n  --heading-margin-bottom: .5em;\n  --paragraph-margin-top: 0;\n  --paragraph-margin-bottom: var(--space-2);\n  --list-margin-top: 0;\n  --list-margin-bottom: var(--space-2);\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --pre-font-size: inherit;\n  --pre-margin-top: 0;\n  --pre-margin-bottom: var(--space-2);\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"2.0.1","description":"Base typography styles for Basscss"},{"name":"basscss-color-base","css":"/* Basscss Color Base */\n\nbody {\n  color: var(--body-color);\n  background-color: var(--body-background-color);\n}\n\na {\n  color: var(--link-color);\n  text-decoration: var(--link-text-decoration);\n}\n\na:hover {\n  text-decoration: var(--link-hover-text-decoration);\n}\n\npre, code {\n  background-color: var(--pre-background-color);\n  border-radius: var(--pre-border-radius);\n}\n\nhr {\n  border: 0;\n  border-bottom-style: var(--rule-border-style);\n  border-bottom-width: var(--rule-border-width);\n  border-bottom-color: var(--rule-border-color);\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --body-color: var(--black);\n  --body-background-color: var(--white);\n  --link-color: var(--blue);\n  --link-text-decoration: none;\n  --link-hover-text-decoration: underline;\n  --pre-background-color: transparent;\n  --pre-border-radius: var(--border-radius);\n  --rule-border-style: solid;\n  --rule-border-width: var(--border-width);\n  --rule-border-color: var(--border-color);\n}\n\n","version":"2.0.0","description":"Base element color styles module for Basscss"},{"name":"basscss-color-forms","css":"/* Basscss Color Forms */\n\n.field {\n  border-style: solid;\n  border-width: var(--border-width);\n  border-color: var(--border-color);\n  border-radius: var(--border-radius);\n}\n\n.field:focus,\n.field.is-focused {\n  outline: none;\n  border-color: var(--field-focus-color);\n  box-shadow: 0 0 0 2px color(var(--field-focus-color) a(.5));\n}\n\n.field:disabled,\n.field.is-disabled {\n  background-color: var(--darken-2);\n  opacity: .5;\n}\n\n.field:read-only:not(select),\n.field.is-read-only {\n  background-color: var(--darken-2);\n}\n\n\n.field.is-success {\n  border-color: var(--field-success-color);\n}\n\n.field.is-success:focus,\n.field.is-success.is-focused {\n  box-shadow: 0 0 0 2px color(var(--field-success-color) a(.5));\n}\n\n.field.is-warning {\n  border-color: var(--field-warning-color);\n}\n\n.field.is-warning:focus,\n.field.is-warning.is-focused {\n  box-shadow: 0 0 0 2px color(var(--field-warning-color) a(.5));\n}\n\n.field:invalid,\n.field.is-error {\n  border-color: var(--field-error-color);\n}\n\n.field:invalid:focus,\n.field:invalid.is-focused,\n.field.is-error:focus,\n.field.is-error.is-focused {\n  box-shadow: 0 0 0 2px color(var(--field-error-color) a(.5));\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --field-focus-color: var(--blue);\n  --field-success-color: var(--green);\n  --field-warning-color: var(--yellow);\n  --field-error-color: var(--red);\n}\n\n","version":"3.0.0","description":"Form color styles module for Basscss"},{"name":"basscss-color-tables","css":"/* Basscss Color Tables */\n\n.table-light th,\n.table-light td {\n  border-bottom-width: var(--border-width);\n  border-bottom-style: solid;\n  border-bottom-color: var(--border-color);\n}\n\n.table-light tr:last-child td {\n  border-bottom: 0;\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.2","description":"Table color styles module for Basscss"},{"name":"basscss-btn","css":"/* Basscss Btn */\n\n.btn {\n  font-family: var(--button-font-family);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  text-decoration: none;\n  cursor: pointer;\n  display: inline-block;\n  line-height: var(--button-line-height);\n  padding: var(--button-padding-y) var(--button-padding-x);\n  margin: 0;\n  height: auto;\n  border: var(--border-width) solid transparent;\n  vertical-align: middle;\n  -webkit-appearance: none;\n  color: inherit;\n  background-color: transparent;\n}\n\n.btn:hover {\n  text-decoration: none;\n}\n\n.btn:focus {\n  outline: none;\n  border-color: var(--darken-2);\n  box-shadow: 0 0 0 3px var(--darken-3);\n}\n\n::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --button-font-family: inherit;\n  --button-font-size: inherit;\n  --button-font-weight: var(--bold-font-weight, bold);\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n}\n\n\n","version":"1.0.1","description":"Button module for Basscss"},{"name":"basscss-btn-primary","css":"/* Basscss Btn Primary */\n\n.btn-primary {\n  color: var(--button-color);\n  background-color: var(--button-background-color);\n  border-radius: var(--border-radius);\n}\n\n.btn-primary:hover {\n  box-shadow: inset 0 0 0 20rem var(--darken-1);\n}\n\n.btn-primary:active {\n  box-shadow: inset 0 0 0 20rem var(--darken-2),\n    inset 0 3px 4px 0 var(--darken-3),\n    0 0 1px var(--darken-2);\n}\n\n.btn-primary:disabled,\n.btn-primary.is-disabled {\n  opacity: .5;\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --button-color: var(--white);\n  --button-background-color: var(--blue)\n}\n\n\n","version":"1.0.0","description":"Solid button color style module for Basscss"},{"name":"basscss-btn-outline","css":"/* Basscss Btn Outline */\n\n.btn-outline,\n.btn-outline:hover {\n  border-color: currentcolor;\n}\n\n.btn-outline {\n  border-radius: var(--border-radius);\n}\n\n.btn-outline:hover {\n  box-shadow: inset 0 0 0 20rem var(--darken-1);\n}\n\n.btn-outline:active {\n  box-shadow: inset 0 0 0 20rem var(--darken-2),\n    inset 0 3px 4px 0 var(--darken-3),\n    0 0 1px var(--darken-2);\n}\n\n.btn-outline:disabled,\n.btn-outline.is-disabled {\n  opacity: .5;\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.0","description":"Outline button color style module for Basscss"},{"name":"basscss-type-scale","css":"/* Basscss Type Scale */\n\n.h1 { font-size: var(--h1) }\n.h2 { font-size: var(--h2) }\n.h3 { font-size: var(--h3) }\n.h4 { font-size: var(--h4) }\n.h5 { font-size: var(--h5) }\n.h6 { font-size: var(--h6) }\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.0","description":"Type scale utility styles for Basscss"},{"name":"basscss-utility-typography","css":"/* Basscss Utility Typography */\n\n.bold    { font-weight: var(--bold-font-weight, bold) }\n.regular { font-weight: normal }\n.italic  { font-style: italic }\n.caps    { text-transform: uppercase; letter-spacing: .2em; }\n\n.left-align   { text-align: left }\n.center       { text-align: center }\n.right-align  { text-align: right }\n.justify      { text-align: justify }\n\n.nowrap { white-space: nowrap }\n.break-word { word-wrap: break-word }\n\n.truncate {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.list-reset {\n  list-style: none;\n  padding-left: 0;\n}\n\n","version":"2.0.0","description":"Typography utilities module for Basscss"},{"name":"basscss-utility-layout","css":"/* Basscss Utility Layout */\n\n.inline       { display: inline }\n.block        { display: block }\n.inline-block { display: inline-block }\n.table        { display: table }\n.table-cell   { display: table-cell }\n\n.overflow-hidden { overflow: hidden }\n.overflow-scroll { overflow: scroll }\n.overflow-auto   { overflow: auto }\n\n.clearfix:before,\n.clearfix:after {\n  content: \" \";\n  display: table\n}\n.clearfix:after { clear: both }\n\n.left  { float: left }\n.right { float: right }\n\n.fit { max-width: 100% }\n\n.border-box { box-sizing: border-box }\n\n","version":"2.0.3","description":"Layout utilities module for Basscss"},{"name":"basscss-align","css":"/* Basscss Align */\n\n.align-baseline { vertical-align: baseline }\n.align-top      { vertical-align: top }\n.align-middle   { vertical-align: middle }\n.align-bottom   { vertical-align: bottom }\n\n","version":"1.0.0","description":"Vertical align utilities module for Basscss"},{"name":"basscss-white-space","css":"/* Basscss Utility White Space */\n\n.m0  { margin:        0 }\n.mt0 { margin-top:    0 }\n.mr0 { margin-right:  0 }\n.mb0 { margin-bottom: 0 }\n.ml0 { margin-left:   0 }\n\n.m1  { margin:        var(--space-1) }\n.mt1 { margin-top:    var(--space-1) }\n.mr1 { margin-right:  var(--space-1) }\n.mb1 { margin-bottom: var(--space-1) }\n.ml1 { margin-left:   var(--space-1) }\n\n.m2  { margin:        var(--space-2) }\n.mt2 { margin-top:    var(--space-2) }\n.mr2 { margin-right:  var(--space-2) }\n.mb2 { margin-bottom: var(--space-2) }\n.ml2 { margin-left:   var(--space-2) }\n\n.m3  { margin:        var(--space-3) }\n.mt3 { margin-top:    var(--space-3) }\n.mr3 { margin-right:  var(--space-3) }\n.mb3 { margin-bottom: var(--space-3) }\n.ml3 { margin-left:   var(--space-3) }\n\n.m4  { margin:        var(--space-4) }\n.mt4 { margin-top:    var(--space-4) }\n.mr4 { margin-right:  var(--space-4) }\n.mb4 { margin-bottom: var(--space-4) }\n.ml4 { margin-left:   var(--space-4) }\n\n.mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n.mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n.mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n.mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n.mx-auto { margin-left: auto; margin-right: auto; }\n.p0 { padding: 0 }\n\n.p1  { padding:       var(--space-1) }\n.py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1) }\n.px1 { padding-left:  var(--space-1); padding-right:  var(--space-1) }\n\n.p2  { padding:       var(--space-2) }\n.py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2) }\n.px2 { padding-left:  var(--space-2); padding-right:  var(--space-2) }\n\n.p3  { padding:       var(--space-3) }\n.py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3) }\n.px3 { padding-left:  var(--space-3); padding-right:  var(--space-3) }\n\n.p4  { padding:       var(--space-4) }\n.py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4) }\n.px4 { padding-left:  var(--space-4); padding-right:  var(--space-4) }\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.1.2","description":"White space margin and padding utilities module for Basscss"},{"name":"basscss-positions","css":"/* Basscss Positions */\n\n.relative { position: relative }\n.absolute { position: absolute }\n.fixed    { position: fixed }\n\n.top-0    { top: 0 }\n.right-0  { right: 0 }\n.bottom-0 { bottom: 0 }\n.left-0   { left: 0 }\n\n.z1 { z-index: 1 }\n.z2 { z-index: 2 }\n.z3 { z-index: 3 }\n.z4 { z-index: 4 }\n\n","version":"1.0.4","description":"CSS positioning utilities for Basscss"},{"name":"basscss-responsive-states","css":"/* Basscss Utility Responsive States */\n\n.sm-show, .md-show, .lg-show {\n  display: none !important\n}\n\n@media (--breakpoint-sm) {\n  .sm-show { display: block !important }\n}\n\n@media (--breakpoint-md) {\n  .md-show { display: block !important }\n}\n\n@media (--breakpoint-lg) {\n  .lg-show { display: block !important }\n}\n\n\n@media (--breakpoint-sm) {\n  .sm-hide { display: none !important }\n}\n\n@media (--breakpoint-md) {\n  .md-hide { display: none !important }\n}\n\n@media (--breakpoint-lg) {\n  .lg-hide { display: none !important }\n}\n\n.display-none { display: none !important }\n\n.hide {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.3","description":"Responsive state utilities module for Basscss"},{"name":"basscss-grid","css":"/* Basscss Grid */\n\n.container {\n  max-width: var(--container-width);\n  margin-left: auto;\n  margin-right: auto;\n}\n.col {\n  float: left;\n  box-sizing: border-box;\n}\n\n.col-right {\n  float: right;\n  box-sizing: border-box;\n}\n\n.col-1 {\n  width: calc(1/12 * 100%);\n}\n\n.col-2 {\n  width: calc(2/12 * 100%);\n}\n\n.col-3 {\n  width: calc(3/12 * 100%);\n}\n\n.col-4 {\n  width: calc(4/12 * 100%);\n}\n\n.col-5 {\n  width: calc(5/12 * 100%);\n}\n\n.col-6 {\n  width: calc(6/12 * 100%);\n}\n\n.col-7 {\n  width: calc(7/12 * 100%);\n}\n\n.col-8 {\n  width: calc(8/12 * 100%);\n}\n\n.col-9 {\n  width: calc(9/12 * 100%);\n}\n\n.col-10 {\n  width: calc(10/12 * 100%);\n}\n\n.col-11 {\n  width: calc(11/12 * 100%);\n}\n\n.col-12 {\n  width: 100%;\n}\n@media (--breakpoint-sm) {\n\n  .sm-col {\n    float: left;\n    box-sizing: border-box;\n  }\n\n  .sm-col-right {\n    float: right;\n    box-sizing: border-box;\n  }\n\n  .sm-col-1 {\n    width: calc(1/12 * 100%);\n  }\n\n  .sm-col-2 {\n    width: calc(2/12 * 100%);\n  }\n\n  .sm-col-3 {\n    width: calc(3/12 * 100%);\n  }\n\n  .sm-col-4 {\n    width: calc(4/12 * 100%);\n  }\n\n  .sm-col-5 {\n    width: calc(5/12 * 100%);\n  }\n\n  .sm-col-6 {\n    width: calc(6/12 * 100%);\n  }\n\n  .sm-col-7 {\n    width: calc(7/12 * 100%);\n  }\n\n  .sm-col-8 {\n    width: calc(8/12 * 100%);\n  }\n\n  .sm-col-9 {\n    width: calc(9/12 * 100%);\n  }\n\n  .sm-col-10 {\n    width: calc(10/12 * 100%);\n  }\n\n  .sm-col-11 {\n    width: calc(11/12 * 100%);\n  }\n\n  .sm-col-12 {\n    width: 100%;\n  }\n\n}\n@media (--breakpoint-md) {\n\n  .md-col {\n    float: left;\n    box-sizing: border-box;\n  }\n\n  .md-col-right {\n    float: right;\n    box-sizing: border-box;\n  }\n\n  .md-col-1 {\n    width: calc(1/12 * 100%);\n  }\n\n  .md-col-2 {\n    width: calc(2/12 * 100%);\n  }\n\n  .md-col-3 {\n    width: calc(3/12 * 100%);\n  }\n\n  .md-col-4 {\n    width: calc(4/12 * 100%);\n  }\n\n  .md-col-5 {\n    width: calc(5/12 * 100%);\n  }\n\n  .md-col-6 {\n    width: calc(6/12 * 100%);\n  }\n\n  .md-col-7 {\n    width: calc(7/12 * 100%);\n  }\n\n  .md-col-8 {\n    width: calc(8/12 * 100%);\n  }\n\n  .md-col-9 {\n    width: calc(9/12 * 100%);\n  }\n\n  .md-col-10 {\n    width: calc(10/12 * 100%);\n  }\n\n  .md-col-11 {\n    width: calc(11/12 * 100%);\n  }\n\n  .md-col-12 {\n    width: 100%;\n  }\n\n}\n@media (--breakpoint-lg) {\n\n  .lg-col {\n    float: left;\n    box-sizing: border-box;\n  }\n\n  .lg-col-right {\n    float: right;\n    box-sizing: border-box;\n  }\n\n  .lg-col-1 {\n    width: calc(1/12 * 100%);\n  }\n\n  .lg-col-2 {\n    width: calc(2/12 * 100%);\n  }\n\n  .lg-col-3 {\n    width: calc(3/12 * 100%);\n  }\n\n  .lg-col-4 {\n    width: calc(4/12 * 100%);\n  }\n\n  .lg-col-5 {\n    width: calc(5/12 * 100%);\n  }\n\n  .lg-col-6 {\n    width: calc(6/12 * 100%);\n  }\n\n  .lg-col-7 {\n    width: calc(7/12 * 100%);\n  }\n\n  .lg-col-8 {\n    width: calc(8/12 * 100%);\n  }\n\n  .lg-col-9 {\n    width: calc(9/12 * 100%);\n  }\n\n  .lg-col-10 {\n    width: calc(10/12 * 100%);\n  }\n\n  .lg-col-11 {\n    width: calc(11/12 * 100%);\n  }\n\n  .lg-col-12 {\n    width: 100%;\n  }\n\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n\n","version":"1.0.3","description":"CSS grid module for Basscss"},{"name":"flex-object","css":"/* Flex Object */\n\n.flex { display: flex }\n\n.flex-column  { flex-direction: column }\n.flex-wrap    { flex-wrap: wrap }\n\n.flex-center   { align-items: center }\n.flex-baseline { align-items: baseline }\n.flex-stretch  { align-items: stretch }\n.flex-start    { align-items: flex-start }\n.flex-end      { align-items: flex-end }\n\n.flex-justify  { justify-content: space-between }\n\n/*\n * 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893\n */\n\n.flex-auto {\n  flex: 1 1 auto;\n  min-width: 0; /* 1 */\n  min-height: 0; /* 1 */\n}\n.flex-grow { flex: 1 0 auto }\n.flex-none { flex: none }\n\n.flex-first { order: -1 }\n.flex-last  { order: 99999 }\n@media (--breakpoint-sm) {\n  .sm-flex { display: flex }\n}\n@media (--breakpoint-md) {\n  .md-flex { display: flex }\n}\n@media (--breakpoint-lg) {\n  .lg-flex { display: flex }\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"2.0.2","description":"CSS layout module based on flexbox"},{"name":"basscss-borders","css":"/* Basscss Color Borders */\n\n.border {\n  border-style: solid;\n  border-width: var(--border-width);\n  border-color: var(--border-color);\n}\n\n.border-top {\n  border-top-style: solid;\n  border-top-width: var(--border-width);\n  border-top-color: var(--border-color);\n}\n\n.border-right {\n  border-right-style: solid;\n  border-right-width: var(--border-width);\n  border-right-color: var(--border-color);\n}\n\n.border-bottom {\n  border-bottom-style: solid;\n  border-bottom-width: var(--border-width);\n  border-bottom-color: var(--border-color);\n}\n\n.border-left {\n  border-left-style: solid;\n  border-left-width: var(--border-width);\n  border-left-color: var(--border-color);\n}\n\n.border-none { border: 0 }\n\n.rounded { border-radius: var(--border-radius) }\n.circle  { border-radius: 50% }\n\n.rounded-top    { border-radius: var(--border-radius) var(--border-radius) 0 0 }\n.rounded-right  { border-radius: 0 var(--border-radius) var(--border-radius) 0 }\n.rounded-bottom { border-radius: 0 0 var(--border-radius) var(--border-radius) }\n.rounded-left   { border-radius: var(--border-radius) 0 0 var(--border-radius) }\n\n.not-rounded { border-radius: 0 }\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"2.0.4","description":"Border color styles module for Basscss"},{"name":"basscss-colors","css":"/* Basscss Colors */\n\n.black  { color: var(--black) }\n.gray   { color: var(--gray) }\n.silver { color: var(--silver) }\n.white  { color: var(--white) }\n\n.aqua  { color: var(--aqua) }\n.blue  { color: var(--blue) }\n.navy  { color: var(--navy) }\n.teal  { color: var(--teal) }\n.green { color: var(--green) }\n.olive { color: var(--olive) }\n.lime  { color: var(--lime) }\n\n.yellow  { color: var(--yellow) }\n.orange  { color: var(--orange) }\n.red     { color: var(--red) }\n.fuchsia { color: var(--fuchsia) }\n.purple  { color: var(--purple) }\n.maroon  { color: var(--maroon) }\n\n.color-inherit { color: inherit }\n.muted { opacity: .5 }\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"2.0.0","description":"Color styles module for Basscss"},{"name":"basscss-background-colors","css":"/* Basscss Background Colors */\n\n.bg-black  { background-color: var(--black) }\n.bg-gray   { background-color: var(--gray) }\n.bg-silver { background-color: var(--silver) }\n.bg-white  { background-color: var(--white) }\n\n.bg-aqua  { background-color: var(--aqua) }\n.bg-blue  { background-color: var(--blue) }\n.bg-navy  { background-color: var(--navy) }\n.bg-teal  { background-color: var(--teal) }\n.bg-green { background-color: var(--green) }\n.bg-olive { background-color: var(--olive) }\n.bg-lime  { background-color: var(--lime) }\n\n.bg-yellow  { background-color: var(--yellow) }\n.bg-orange  { background-color: var(--orange) }\n.bg-red     { background-color: var(--red) }\n.bg-fuchsia { background-color: var(--fuchsia) }\n.bg-purple  { background-color: var(--purple) }\n.bg-maroon  { background-color: var(--maroon) }\n\n.bg-darken-1 { background-color: var(--darken-1) }\n.bg-darken-2 { background-color: var(--darken-2) }\n.bg-darken-3 { background-color: var(--darken-3) }\n.bg-darken-4 { background-color: var(--darken-4) }\n\n.bg-lighten-1 { background-color: var(--lighten-1) }\n.bg-lighten-2 { background-color: var(--lighten-2) }\n.bg-lighten-3 { background-color: var(--lighten-3) }\n.bg-lighten-4 { background-color: var(--lighten-4) }\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.1.1","description":"Background color styles module for Basscss"}],"optionals":[{"name":"basscss-background-images","css":"/* Basscss Background Images */\n\n.bg-cover   { background-size: cover }\n.bg-contain { background-size: contain }\n\n.bg-center  { background-position: center }\n.bg-top     { background-position: top }\n.bg-right   { background-position: right }\n.bg-bottom  { background-position: bottom }\n.bg-left    { background-position: left }\n\n","version":"0.0.9","description":"Background image utilities module for Basscss"},{"name":"basscss-border-colors","css":"/* Basscss Border Colors */\n\n.border-black  { border-color: var(--black) }\n.border-gray   { border-color: var(--gray) }\n.border-silver { border-color: var(--silver) }\n.border-white  { border-color: var(--white) }\n\n.border-aqua  { border-color: var(--aqua) }\n.border-blue  { border-color: var(--blue) }\n.border-navy  { border-color: var(--navy) }\n.border-teal  { border-color: var(--teal) }\n.border-green { border-color: var(--green) }\n.border-olive { border-color: var(--olive) }\n.border-lime  { border-color: var(--lime) }\n\n.border-yellow  { border-color: var(--yellow) }\n.border-orange  { border-color: var(--orange) }\n.border-red     { border-color: var(--red) }\n.border-fuchsia { border-color: var(--fuchsia) }\n.border-purple  { border-color: var(--purple) }\n.border-maroon  { border-color: var(--maroon) }\n\n.border-darken-1 { border-color: var(--darken-1) }\n.border-darken-2 { border-color: var(--darken-2) }\n.border-darken-3 { border-color: var(--darken-3) }\n.border-darken-4 { border-color: var(--darken-4) }\n\n.border-lighten-1 { border-color: var(--lighten-1) }\n.border-lighten-2 { border-color: var(--lighten-2) }\n.border-lighten-3 { border-color: var(--lighten-3) }\n.border-lighten-4 { border-color: var(--lighten-4) }\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.1.1","description":"Border color styles module for Basscss"},{"name":"basscss-btn-sizes","css":"/* Basscss UI Utility Button Sizes */\n\n.btn-small {\n  padding: var(--button-small-padding-y) var(--button-small-padding-x);\n}\n\n.btn-big {\n  padding: var(--button-big-padding-y) var(--button-big-padding-x);\n}\n\n.btn-narrow {\n  padding-left: var(--button-narrow-padding-x);\n  padding-right: var(--button-narrow-padding-x);\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --button-small-padding-y: .25rem;\n  --button-small-padding-x: .5rem;\n  --button-big-padding-y: 1rem;\n  --button-big-padding-x: 1.25rem;\n  --button-narrow-padding-x: var(--space-1);\n}\n\n","version":"1.1.0","description":"Button size extension utilities module for Basscss"},{"name":"basscss-color-forms-dark","css":"/* Basscss Color Forms Dark */\n\n.field-dark {\n  color: white;\n  background-color: var(--darken-3);\n  border: 1px solid var(--darken-1);\n  border-radius: var(--border-radius, 3px);\n}\n\n.field-dark::placeholder {\n  color: rgba(255,255,255,.75);\n}\n\n.field-dark:focus {\n  outline: 0;\n  border: 1px solid rgba(255,255,255,.5);\n  box-shadow: 0 0 0 2px rgba(255,255,255,.25);\n}\n\n.field-dark:read-only:not(select) {\n  background-color: rgba(255,255,255,.25);\n}\n\n.field-dark.is-success {\n  border-color: var(--field-success-color);\n}\n\n.field-dark.is-success:focus {\n  box-shadow: 0 0 0 2px color(var(--field-success-color) a(.5));\n}\n\n.field-dark.is-warning {\n  border-color: var(--field-warning-color);\n}\n\n.field-dark.is-warning:focus {\n  box-shadow: 0 0 0 2px color(var(--field-warning-color) a(.5));\n}\n\n.field-dark:invalid,\n.field-dark.is-error {\n  border-color: var(--field-error-color);\n}\n\n.field-dark.is-error:focus {\n  box-shadow: 0 0 0 2px color(var(--field-error-color) a(.5));\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --field-success-color: var(--green);\n  --field-warning-color: var(--yellow);\n  --field-error-color: var(--red);\n}\n\n","version":"1.1.0","description":"Dark themed form color styles module for Basscss"},{"name":"basscss-color-input-range","css":"/* Basscss Color Input Range */\n\n.range-light {\n  color: inherit;\n  background-color: transparent;\n  -webkit-appearance: none;\n}\n\n.range-light::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  border-radius: var(--border-radius);\n  background-color: currentcolor;\n}\n\n.range-light::-moz-range-thumb {\n  border-radius: var(--border-radius);\n  border-color: transparent;\n  border-width: 0;\n  background-color: currentcolor;\n}\n\n.range-light::-webkit-slider-runnable-track {\n  border-radius: var(--border-radius);\n  background-color: var(--darken-3);\n}\n\n.range-light::-moz-range-track {\n  border-radius: var(--border-radius);\n  background-color: var(--darken-3);\n}\n\n.range-light:focus {\n  outline: none;\n}\n\n.range-light:focus::-webkit-slider-thumb {\n  outline: none;\n  border: 0;\n  box-shadow: 0 0 1px 2px currentcolor;\n}\n\n.range-light:focus::-moz-range-thumb {\n  outline: none;\n  border: 0;\n  box-shadow: 0 0 0 3px var(--darken-3);\n}\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.0","description":"Input range color module for Basscss"},{"name":"basscss-color-progress","css":"/* Basscss Color Progress */\n\n.progress {\n  background-color: var(--darken-2);\n  border: 0;\n  border-radius: 10000px;\n}\n\n.progress::-webkit-progress-bar {\n  -webkit-appearance: none;\n  background-color: var(--darken-2)\n}\n\n.progress::-webkit-progress-value {\n  -webkit-appearance: none;\n  background-color: currentColor;\n}\n\n.progress::-moz-progress-bar {\n  background-color: currentColor;\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.0","description":"Progress element color module for Basscss"},{"name":"basscss-highlight","css":"/* Basscss Highlight */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n.hljs {\n  -webkit-text-size-adjust: none;\n}\n\n.hljs-comment,\n.diff .hljs-header,\n.hljs-javadoc {\n  color: var(--hljs-comment);\n  font-style: italic;\n}\n\n.hljs-keyword,\n.css .rule .hljs-keyword,\n.hljs-winutils,\n.nginx .hljs-title,\n.hljs-subst,\n.hljs-request,\n.hljs-status {\n  color: var(--hljs-keyword);\n  font-weight: bold;\n}\n\n.hljs-number,\n.hljs-hexcolor,\n.ruby .hljs-constant {\n  color: var(--hljs-number);\n}\n\n.hljs-string,\n.hljs-tag .hljs-value,\n.hljs-phpdoc,\n.hljs-dartdoc,\n.tex .hljs-formula {\n  color: var(--hljs-string);\n}\n\n.hljs-title,\n.hljs-id,\n.scss .hljs-preprocessor {\n  color: var(--hljs-title);\n  font-weight: bold;\n}\n\n.hljs-list .hljs-keyword,\n.hljs-subst {\n  font-weight: normal;\n}\n\n.hljs-class .hljs-title,\n.hljs-type,\n.vhdl .hljs-literal,\n.tex .hljs-command {\n  color: var(--hljs-type);\n  font-weight: bold;\n}\n\n.hljs-tag,\n.hljs-tag .hljs-title,\n.hljs-rules .hljs-property,\n.django .hljs-tag .hljs-keyword {\n  color: var(--hljs-tag);\n  font-weight: normal;\n}\n\n.hljs-attribute,\n.hljs-variable,\n.lisp .hljs-body {\n  color: var(--hljs-attribute);\n}\n\n.hljs-regexp {\n  color: var(--hljs-regexp);\n}\n\n.hljs-symbol,\n.ruby .hljs-symbol .hljs-string,\n.lisp .hljs-keyword,\n.clojure .hljs-keyword,\n.scheme .hljs-keyword,\n.tex .hljs-special,\n.hljs-prompt {\n  color: var(--hljs-symbol);\n}\n\n.hljs-built_in {\n  color: var(--hljs-built-in);\n}\n\n.hljs-preprocessor,\n.hljs-pragma,\n.hljs-pi,\n.hljs-doctype,\n.hljs-shebang,\n.hljs-cdata {\n  color: var(--hljs-preprocessor);\n  font-weight: bold;\n}\n\n.hljs-deletion {\n  background: var(--hljs-deletion);\n}\n\n.hljs-addition {\n  background: var(--hljs-addition);\n}\n\n.diff .hljs-change {\n  background: var(--hljs-change);\n}\n\n.hljs-chunk {\n  color: var(--hljs-chunk);\n}\n\n\n:root {\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n\n  /* Mapped colors */\n  --hljs-comment: var(--gray);\n  --hljs-keyword: var(--black);\n  --hljs-number: var(--olive);\n  --hljs-string: var(--red);\n  --hljs-title: var(--red);\n  --hljs-type: var(--navy);\n  --hljs-tag: var(--navy);\n  --hljs-attribute: var(--olive);\n  --hljs-regexp: var(--olive);\n  --hljs-symbol: var(--purple);\n  --hljs-built-in: var(--navy);\n  --hljs-preprocessor: var(--gray);\n  --hljs-deletion: var(--fuchsia);\n  --hljs-addition: var(--lime);\n  --hljs-change: var(--navy);\n  --hljs-chunk: var(--silver);\n}\n\n","version":"0.1.0","description":"Highlight.js module for Basscss"},{"name":"basscss-input-range","css":"/* Basscss Input Range */\n\ninput[type=range] {\n  vertical-align: middle;\n  background-color: transparent;\n}\n\n.range-light {\n  color: inherit;\n  -webkit-appearance: none;\n  padding-top: var(--form-field-padding-y);\n  padding-bottom: var(--form-field-padding-y);\n}\n\n.range-light::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  position: relative;\n  width: var(--range-thumb-width);\n  height: var(--range-thumb-height);\n  border-radius: var(--border-radius);\n  background-color: currentcolor;\n  cursor: pointer;\n  margin-top: var(--range-thumb-offset);\n}\n\n/* Touch screen friendly pseudo element */\n.range-light::-webkit-slider-thumb:before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: calc( -.5 * var(--range-thumb-pseudo-size) + (.5 * var(--range-thumb-height)) );\n  left: calc( (-.5 * var(--range-thumb-pseudo-size)) + (.5 * var(--range-thumb-width)) );\n  width: var(--range-thumb-pseudo-size);\n  height: var(--range-thumb-pseudo-size);\n  opacity: 0;\n}\n\n.range-light::-moz-range-thumb {\n  width: var(--range-thumb-width);\n  height: var(--range-thumb-height);\n  border-radius: var(--border-radius);\n  border-color: transparent;\n  border-width: 0;\n  background-color: currentcolor;\n  cursor: pointer;\n}\n\n.range-light::-webkit-slider-runnable-track {\n  height: var(--range-track-height);\n  cursor: pointer;\n  border-radius: var(--border-radius);\n  background-color: var(--darken-3);\n}\n\n.range-light::-moz-range-track {\n  height: var(--range-track-height);\n  cursor: pointer;\n  border-radius: var(--border-radius);\n  background-color: var(--darken-3);\n}\n\n.range-light:focus {\n  outline: none;\n}\n\n.range-light:focus::-webkit-slider-thumb {\n  outline: none;\n  border: 0;\n  box-shadow: 0 0 1px 2px currentcolor;\n}\n\n.range-light:focus::-moz-range-thumb {\n  outline: none;\n  border: 0;\n  box-shadow: 0 0 0 3px var(--darken-3);\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n:root {\n  --range-thumb-width: var(--form-field-padding-x);\n  --range-thumb-height: calc( var(--form-field-height) - (var(--form-field-padding-y) * 2) );\n  --range-track-height: calc( var(--form-field-padding-y) / 2 );\n  --range-thumb-offset: calc( var(--range-thumb-height) / -2 + (var(--range-track-height) / 2) );\n  --range-thumb-pseudo-size: var(--form-field-height);\n}\n\n","version":"1.1.5","description":"Custom input range module for Basscss"},{"name":"basscss-progress","css":"/* Basscss Progress */\n\n.progress {\n  display: block;\n  width: 100%;\n  height: calc( var(--form-field-height) / 4 );\n  margin: var(--form-field-padding-y) 0;\n  background-color: var(--darken-2);\n  border: 0;\n  border-radius: 10000px;\n  overflow: hidden;\n  -webkit-appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n  -webkit-appearance: none;\n  background-color: var(--darken-2)\n}\n\n.progress::-webkit-progress-value {\n  -webkit-appearance: none;\n  background-color: currentColor;\n}\n\n.progress::-moz-progress-bar {\n  background-color: currentColor;\n}\n\n\n/* Basscss Defaults */\n\n/*\n\n   COLOR VARIABLES\n\n   - Cool\n   - Warm\n   - Gray Scale\n\n*/\n\n:root {\n\n  /* Cool */\n\n  --aqua:   #7fdbff;\n  --blue:   #0074d9;\n  --navy:   #001f3f;\n  --teal:   #39cccc;\n  --green:  #2ecc40;\n  --olive:  #3d9970;\n  --lime:   #01ff70;\n\n\n  /* Warm */\n\n  --yellow: #ffdc00;\n  --orange: #ff851b;\n  --red:    #ff4136;\n  --fuchsia:#f012be;\n  --purple: #b10dc9;\n  --maroon: #85144b;\n\n\n  /* Gray scale */\n\n  --white:  #fff;\n  --silver: #ddd;\n  --gray:   #aaa;\n  --black:  #111;\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n\n:root {\n\n  --font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  --line-height: 1.5;\n  --heading-font-family: var(--font-family);\n  --heading-font-weight: bold;\n  --heading-line-height: 1.25;\n  --monospace-font-family: 'Source Code Pro', Consolas, monospace;\n  --h1: 2rem;\n  --h2: 1.5rem;\n  --h3: 1.25rem;\n  --h4: 1rem;\n  --h5: .875rem;\n  --h6: .75rem;\n  --bold-font-weight: bold;\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n  --form-field-font-size: 1rem;\n  --form-field-height: 2.25rem;\n  --form-field-padding-y: .5rem;\n  --form-field-padding-x: .5rem;\n  --button-font-size: inherit;\n  --button-font-weight: bold;\n  --button-line-height: 1.125rem;\n  --button-padding-y: .5rem;\n  --button-padding-x: 1rem;\n  --container-width: 64em;\n\n  --darken-1: rgba(0,0,0,.0625);\n  --darken-2: rgba(0,0,0,.125);\n  --darken-3: rgba(0,0,0,.25);\n  --darken-4: rgba(0,0,0,.5);\n\n  --lighten-1: rgba(255,255,255,.0625);\n  --lighten-2: rgba(255,255,255,.125);\n  --lighten-3: rgba(255,255,255,.25);\n  --lighten-4: rgba(255,255,255,.5);\n\n  --border-width: 1px;\n  --border-radius: 3px;\n  --border-color: var(--darken-2);\n\n}\n\n","version":"1.0.5","description":"Custom progress element module for Basscss"},{"name":"basscss-responsive-white-space","css":"/* Basscss Responsive White Space */\n\n@media (--breakpoint-sm) {\n\n  .sm-m0  { margin:        0 }\n  .sm-mt0 { margin-top:    0 }\n  .sm-mr0 { margin-right:  0 }\n  .sm-mb0 { margin-bottom: 0 }\n  .sm-ml0 { margin-left:   0 }\n\n  .sm-m1  { margin:        var(--space-1) }\n  .sm-mt1 { margin-top:    var(--space-1) }\n  .sm-mr1 { margin-right:  var(--space-1) }\n  .sm-mb1 { margin-bottom: var(--space-1) }\n  .sm-ml1 { margin-left:   var(--space-1) }\n\n  .sm-m2  { margin:        var(--space-2) }\n  .sm-mt2 { margin-top:    var(--space-2) }\n  .sm-mr2 { margin-right:  var(--space-2) }\n  .sm-mb2 { margin-bottom: var(--space-2) }\n  .sm-ml2 { margin-left:   var(--space-2) }\n\n  .sm-m3  { margin:        var(--space-3) }\n  .sm-mt3 { margin-top:    var(--space-3) }\n  .sm-mr3 { margin-right:  var(--space-3) }\n  .sm-mb3 { margin-bottom: var(--space-3) }\n  .sm-ml3 { margin-left:   var(--space-3) }\n\n  .sm-m4  { margin:        var(--space-4) }\n  .sm-mt4 { margin-top:    var(--space-4) }\n  .sm-mr4 { margin-right:  var(--space-4) }\n  .sm-mb4 { margin-bottom: var(--space-4) }\n  .sm-ml4 { margin-left:   var(--space-4) }\n\n  .sm-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n  .sm-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n  .sm-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n  .sm-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n  .sm-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n@media (--breakpoint-md) {\n\n  .md-m0  { margin:        0 }\n  .md-mt0 { margin-top:    0 }\n  .md-mr0 { margin-right:  0 }\n  .md-mb0 { margin-bottom: 0 }\n  .md-ml0 { margin-left:   0 }\n\n  .md-m1  { margin:        var(--space-1) }\n  .md-mt1 { margin-top:    var(--space-1) }\n  .md-mr1 { margin-right:  var(--space-1) }\n  .md-mb1 { margin-bottom: var(--space-1) }\n  .md-ml1 { margin-left:   var(--space-1) }\n\n  .md-m2  { margin:        var(--space-2) }\n  .md-mt2 { margin-top:    var(--space-2) }\n  .md-mr2 { margin-right:  var(--space-2) }\n  .md-mb2 { margin-bottom: var(--space-2) }\n  .md-ml2 { margin-left:   var(--space-2) }\n\n  .md-m3  { margin:        var(--space-3) }\n  .md-mt3 { margin-top:    var(--space-3) }\n  .md-mr3 { margin-right:  var(--space-3) }\n  .md-mb3 { margin-bottom: var(--space-3) }\n  .md-ml3 { margin-left:   var(--space-3) }\n\n  .md-m4  { margin:        var(--space-4) }\n  .md-mt4 { margin-top:    var(--space-4) }\n  .md-mr4 { margin-right:  var(--space-4) }\n  .md-mb4 { margin-bottom: var(--space-4) }\n  .md-ml4 { margin-left:   var(--space-4) }\n\n  .md-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n  .md-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n  .md-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n  .md-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n  .md-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n@media (--breakpoint-lg) {\n\n  .lg-m0  { margin:        0 }\n  .lg-mt0 { margin-top:    0 }\n  .lg-mr0 { margin-right:  0 }\n  .lg-mb0 { margin-bottom: 0 }\n  .lg-ml0 { margin-left:   0 }\n\n  .lg-m1  { margin:        var(--space-1) }\n  .lg-mt1 { margin-top:    var(--space-1) }\n  .lg-mr1 { margin-right:  var(--space-1) }\n  .lg-mb1 { margin-bottom: var(--space-1) }\n  .lg-ml1 { margin-left:   var(--space-1) }\n\n  .lg-m2  { margin:        var(--space-2) }\n  .lg-mt2 { margin-top:    var(--space-2) }\n  .lg-mr2 { margin-right:  var(--space-2) }\n  .lg-mb2 { margin-bottom: var(--space-2) }\n  .lg-ml2 { margin-left:   var(--space-2) }\n\n  .lg-m3  { margin:        var(--space-3) }\n  .lg-mt3 { margin-top:    var(--space-3) }\n  .lg-mr3 { margin-right:  var(--space-3) }\n  .lg-mb3 { margin-bottom: var(--space-3) }\n  .lg-ml3 { margin-left:   var(--space-3) }\n\n  .lg-m4  { margin:        var(--space-4) }\n  .lg-mt4 { margin-top:    var(--space-4) }\n  .lg-mr4 { margin-right:  var(--space-4) }\n  .lg-mb4 { margin-bottom: var(--space-4) }\n  .lg-ml4 { margin-left:   var(--space-4) }\n\n  .lg-mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }\n  .lg-mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }\n  .lg-mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }\n  .lg-mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }\n\n  .lg-mx-auto { margin-left: auto; margin-right: auto; }\n\n}\n\n@media (--breakpoint-sm) {\n\n  .sm-p1  { padding:       var(--space-1) }\n  .sm-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1) }\n  .sm-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1) }\n\n  .sm-p2  { padding:       var(--space-2) }\n  .sm-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2) }\n  .sm-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2) }\n\n  .sm-p3  { padding:       var(--space-3) }\n  .sm-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3) }\n  .sm-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3) }\n\n  .sm-p4  { padding:       var(--space-4) }\n  .sm-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4) }\n  .sm-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4) }\n\n}\n@media (--breakpoint-md) {\n\n  .md-p1  { padding:       var(--space-1) }\n  .md-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1) }\n  .md-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1) }\n\n  .md-p2  { padding:       var(--space-2) }\n  .md-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2) }\n  .md-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2) }\n\n  .md-p3  { padding:       var(--space-3) }\n  .md-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3) }\n  .md-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3) }\n\n  .md-p4  { padding:       var(--space-4) }\n  .md-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4) }\n  .md-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4) }\n\n}\n@media (--breakpoint-lg) {\n\n  .lg-p1  { padding:       var(--space-1) }\n  .lg-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1) }\n  .lg-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1) }\n\n  .lg-p2  { padding:       var(--space-2) }\n  .lg-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2) }\n  .lg-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2) }\n\n  .lg-p3  { padding:       var(--space-3) }\n  .lg-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3) }\n  .lg-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3) }\n\n  .lg-p4  { padding:       var(--space-4) }\n  .lg-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4) }\n  .lg-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4) }\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n:root {\n  --space-1: .5rem;\n  --space-2: 1rem;\n  --space-3: 2rem;\n  --space-4: 4rem;\n}\n\n","version":"0.0.1","description":"Responsive white space margin and padding utilities module for Basscss"},{"name":"basscss-table-object","css":"/* Basscss Table Object */\n\n.table {\n  display: table;\n  width: 100%;\n}\n.table-cell {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.table-fixed { table-layout: fixed }\n@media (--breakpoint-sm) {\n\n  .sm-table {\n    display: table;\n    width: 100%;\n  }\n  .sm-table-cell {\n    display: table-cell;\n    vertical-align: middle;\n  }\n\n}\n@media (--breakpoint-md) {\n\n  .md-table {\n    display: table;\n    width: 100%;\n  }\n  .md-table-cell {\n    display: table-cell;\n    vertical-align: middle;\n  }\n\n}\n@media (--breakpoint-lg) {\n\n  .lg-table {\n    display: table;\n    width: 100%;\n  }\n  .lg-table-cell {\n    display: table-cell;\n    vertical-align: middle;\n  }\n\n}\n\n@custom-media --breakpoint-sm (min-width: 40em);\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-lg (min-width: 64em);\n\n","version":"0.0.7","description":"CSS layout module for vertically centering elements."},{"name":"basscss-ui-utility-groups","css":"/* Basscss UI Utility Groups */\n\n.x-group-item { margin-left: -var(--border-width) }\n.x-group-item:first-of-type { margin-left: 0 }\n\n.y-group-item { margin-top: -var(--border-width) }\n.y-group-item:first-of-type { margin-top: 0 }\n\n.x-group-item:focus,\n.y-group-item:focus {\n  position: relative;\n  z-index: 1;\n}\n\n:root {\n  --border-width: 1px;\n}\n\n","version":"1.0.1","description":"UI group utilities module for Basscss"},{"name":"basscss-utility-headings","css":"/* Basscss Utility Headings */\n\n.h00 { font-size: var(--h00) }\n.h0 {  font-size: var(--h0) }\n\n@media (--breakpoint-md) {\n  .h00-responsive { font-size: var(--h00-responsive) }\n  .h0-responsive {  font-size: var(--h0-responsive) }\n  .h1-responsive {  font-size: var(--h1-responsive) }\n}\n\n@media (--breakpoint-xl) {\n  .h00-responsive { font-size: var(--h00-responsive-max) }\n  .h0-responsive {  font-size: var(--h0-responsive-max) }\n  .h1-responsive {  font-size: var(--h1-responsive-max) }\n}\n\n@custom-media --breakpoint-md (min-width: 52em);\n@custom-media --breakpoint-xl (min-width: 96em);\n\n:root {\n  --h00:    4rem;\n  --h0:     3rem;\n  --h00-responsive: 8vw;\n  --h0-responsive:  6vw;\n  --h1-responsive:  4vw;\n  --h00-responsive-max: 7.68rem;\n  --h0-responsive-max:  5.76rem;\n  --h1-responsive-max:  3.84rem;\n}\n\n","version":"0.0.6","description":"Responsive heading utilities module for Basscss"}],"defaults":[{"key":"aqua","value":"#7fdbff"},{"key":"blue","value":"#0074d9"},{"key":"navy","value":"#001f3f"},{"key":"teal","value":"#39cccc"},{"key":"green","value":"#2ecc40"},{"key":"olive","value":"#3d9970"},{"key":"lime","value":"#01ff70"},{"key":"yellow","value":"#ffdc00"},{"key":"orange","value":"#ff851b"},{"key":"red","value":"#ff4136"},{"key":"fuchsia","value":"#f012be"},{"key":"purple","value":"#b10dc9"},{"key":"maroon","value":"#85144b"},{"key":"white","value":"#fff"},{"key":"silver","value":"#ddd"},{"key":"gray","value":"#aaa"},{"key":"black","value":"#111"},{"key":"font-family","value":"'Helvetica Neue', Helvetica, sans-serif"},{"key":"line-height","value":"1.5"},{"key":"heading-font-family","value":"var(--font-family)"},{"key":"heading-font-weight","value":"bold"},{"key":"heading-line-height","value":"1.25"},{"key":"monospace-font-family","value":"'Source Code Pro', Consolas, monospace"},{"key":"h1","value":"2rem"},{"key":"h2","value":"1.5rem"},{"key":"h3","value":"1.25rem"},{"key":"h4","value":"1rem"},{"key":"h5","value":".875rem"},{"key":"h6","value":".75rem"},{"key":"bold-font-weight","value":"bold"},{"key":"space-1","value":".5rem"},{"key":"space-2","value":"1rem"},{"key":"space-3","value":"2rem"},{"key":"space-4","value":"4rem"},{"key":"form-field-font-size","value":"1rem"},{"key":"form-field-height","value":"2.25rem"},{"key":"form-field-padding-y","value":".5rem"},{"key":"form-field-padding-x","value":".5rem"},{"key":"button-font-size","value":"inherit"},{"key":"button-font-weight","value":"bold"},{"key":"button-line-height","value":"1.125rem"},{"key":"button-padding-y","value":".5rem"},{"key":"button-padding-x","value":"1rem"},{"key":"container-width","value":"64em"},{"key":"darken-1","value":"rgba(0,0,0,.0625)"},{"key":"darken-2","value":"rgba(0,0,0,.125)"},{"key":"darken-3","value":"rgba(0,0,0,.25)"},{"key":"darken-4","value":"rgba(0,0,0,.5)"},{"key":"lighten-1","value":"rgba(255,255,255,.0625)"},{"key":"lighten-2","value":"rgba(255,255,255,.125)"},{"key":"lighten-3","value":"rgba(255,255,255,.25)"},{"key":"lighten-4","value":"rgba(255,255,255,.5)"},{"key":"border-width","value":"1px"},{"key":"border-radius","value":"3px"},{"key":"border-color","value":"var(--darken-2)"}]}