[
  {
    "path": ".gitignore",
    "content": "node_modules\nbower_components\nnpm-debug.log\nlerna-debug.log\nbuild\n.DS_Store\npackages/react-components/lib\n"
  },
  {
    "path": ".npmrc",
    "content": "registry=https://registry.npmjs.org/\n"
  },
  {
    "path": "Makefile",
    "content": ".PHONY: install lint test build publish\n\ninstall:\n\tnpm ci\n\nlint:\n\tnpm run lint\n\ntest:\n\tnpm test\n\nbuild:\n\tnpm run build\n\npublish: build\n\tnpm run publish:cdn\n"
  },
  {
    "path": "README.md",
    "content": "\n**This repository is no longer maintained. Consider using [Quantum Design System](https://www.npmjs.com/package/@auth0/quantum-product) as an alternative.**\n\nAuth0 Styleguide\n================\n\nThis repository contains a collection of the most common elements in the Auth0's products UI.\n\n**This is for internal use by Auth0 only.**\n\n<img src=\"https://cloud.githubusercontent.com/assets/6318057/21591144/2a1ca1a6-d0e0-11e6-9431-16c56b859b56.png\" />\n\n\n## Packages\n\nThe Auth0 Styleguide is managed as a [monorepo](https://github.com/babel/babel/blob/master/doc/design/monorepo.md) and it's composed of different packages:\n\n| Package | Version | Description | Dependencies |\n|---------|---------|-------------|--------------|\n| [`core`](https://github.com/auth0/styleguide/tree/master/packages/core)    | [![npm](https://img.shields.io/npm/v/@auth0/styleguide-core.svg?maxAge=86400)](https://www.npmjs.com/package/@auth0/styleguide-core)   | Global styles (variables, mixins, colors, css reset, typography) | |\n| [`components`](https://github.com/auth0/styleguide/tree/master/packages/components) | [![npm](https://img.shields.io/npm/v/@auth0/styleguide-components.svg?maxAge=86400)](https://www.npmjs.com/package/@auth0/styleguide-components) | CSS components like buttons, tables (based on Bootstrap) | [`core`](https://github.com/auth0/styleguide/tree/master/packages/core) |\n| [`react-components`](https://github.com/auth0/styleguide/tree/master/packages/react-components) | [![npm](https://img.shields.io/npm/v/@auth0/styleguide-react-components.svg?maxAge=86400)](https://www.npmjs.com/package/@auth0/styleguide-react-components)| React components library |  [`core`](https://github.com/auth0/styleguide/tree/master/packages/core) [`components`](https://github.com/auth0/styleguide/tree/master/packages/components) |\n| [`website`](https://github.com/auth0/styleguide/tree/master/packages/website) | - | Styleguide website\n\n\n\n## Development\n\n**Node version: 6.9.x NPM version: 3.10.x**\n\nWe use [Lerna](https://lernajs.io/) to manage the different packages. You will need to [install it](https://lernajs.io/#getting-started) to run the following commands.\n\nBefore start working on any packages run:\n\n```\nnpm install\nlerna bootstrap\n```\n\nThis command will install all the dependencies of each package, symlink the packages that are dependencies of each other and `npm prepublish` all the bootstrapped packages. For more information check the [Lerna repo](https://github.com/lerna/lerna#bootstrap).\n\nFor more information on how to run each package check the specific README.\n\n## License\n\nAll the logos and branding are copyright Auth0 and may not be used or reproduced without explicit permission from Auth0 Inc.\n\nThe icons are licensed from [Budi Harto Tanrim](http://budicon.buditanrim.co/). All other third-party components are subject to their own licenses.\n"
  },
  {
    "path": "app.json",
    "content": "{\n  \"name\": \"styleguide\",\n  \"scripts\": {\n  },\n  \"env\": {\n    \"NPM_CONFIG_PRODUCTION\": {\n      \"required\": true\n    }\n  },\n  \"addons\": [\n    \"pointdns\",\n    \"codeship\"\n  ],\n  \"buildpacks\": [\n    {\n      \"url\": \"heroku/nodejs\"\n    },\n    {\n      \"url\": \"https://github.com/heroku/heroku-buildpack-static\"\n    }\n  ]\n}\n"
  },
  {
    "path": "opslevel.yml",
    "content": "---\nversion: 1\nrepository:\n  owner: dx_product_experience\n  tags:\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"auth0-styleguide\",\n  \"version\": \"5.0.0\",\n  \"private\": true,\n  \"workspaces\": [\n    \"packages/core\",\n    \"packages/components\",\n    \"packages/react-components\"\n  ],\n  \"scripts\": {\n    \"lint\": \"npm run lint --workspaces --if-present\",\n    \"test\": \"npm run test --workspaces --if-present\",\n    \"build\": \"npm run build --workspaces --if-present\",\n    \"publish:cdn\": \"npm run publish:cdn --workspaces --if-present\",\n    \"precommit\": \"lint-staged\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git://github.com/auth0/styleguide\"\n  },\n  \"license\": \"UNLICENSED\",\n  \"author\": \"Auth0 (https://auth0.com)\",\n  \"engines\": {\n    \"node\": \">=18.0.0\",\n    \"npm\": \">=10.0.0\"\n  },\n  \"devDependencies\": {\n    \"husky\": \"^0.13.4\",\n    \"lint-staged\": \"^3.6.0\",\n    \"prettier\": \"^1.4.2\"\n  },\n  \"lint-staged\": {\n    \"*.js\": [\n      \"prettier --write --print-width 100 --single-quote\",\n      \"git add\"\n    ]\n  }\n}\n"
  },
  {
    "path": "packages/components/.eslintignore",
    "content": "build/*\nnode_modules/*\n**/node_modules/*\n"
  },
  {
    "path": "packages/components/.eslintrc",
    "content": "{\n  \"extends\": \"auth0-base/prettier\",\n  \"rules\": {\n    \"import/no-extraneous-dependencies\": [\"error\", {\n       \"devDependencies\": [\"gulpfile.js\"]\n     }]\n  }\n}\n"
  },
  {
    "path": "packages/components/.gitignore",
    "content": "build\ncdn\nnode_modules\n.DS_Store\nnpm-debug.log\n"
  },
  {
    "path": "packages/components/.stylelintrc",
    "content": "{\n  \"extends\": \"stylelint-config-standard\",\n  \"rules\": {\n    \"at-rule-empty-line-before\": null,\n    \"block-closing-brace-empty-line-before\": null,\n    \"block-closing-brace-newline-after\": null,\n    \"block-closing-brace-space-before\": null,\n    \"block-opening-brace-space-after\": null,\n    \"block-opening-brace-space-before\": null,\n    \"declaration-block-no-redundant-longhand-properties\": null,\n    \"declaration-block-semicolon-space-after\": null,\n    \"declaration-block-single-line-max-declarations\": null,\n    \"declaration-block-trailing-semicolon\": null,\n    \"declaration-colon-newline-after\": null,\n    \"declaration-colon-space-after\": null,\n    \"function-comma-space-after\": null,\n    \"function-name-case\": null,\n    \"length-zero-no-unit\": null,\n    \"media-feature-colon-space-after\": null,\n    \"media-feature-name-no-unknown\": null,\n    \"no-missing-end-of-source-newline\": null,\n    \"number-leading-zero\": null,\n    \"number-no-trailing-zeros\": null,\n    \"rule-nested-empty-line-before\": null,\n    \"rule-non-nested-empty-line-before\": null,\n    \"selector-combinator-space-after\": null,\n    \"selector-combinator-space-before\": null,\n    \"selector-list-comma-newline-after\": null,\n    \"selector-pseudo-element-colon-notation\": null,\n    \"shorthand-property-no-redundant-values\": null,\n    \"string-no-newline\": null\n  }\n}\n"
  },
  {
    "path": "packages/components/README.md",
    "content": "# Auth0 Styleguide - Components\n\nCSS components for Auth0 projects (based on Bootstrap components).\n\n## Installation\n\n### CDN\n\nUsing our CDN is the prefered solution. Just add the following line in your project's HTML head and you are done.\n\n```html\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/components/3.1.0/components.min.css\" />\n```\n\n### NPM\n\nDownload the package from NPM if you want to integrate the components styles to your own build process.\n\n```bash\nnpm install --save @auth0/styleguide-components\n```\n\n## Development\n\n**Node.js v6.9.1 and npm v3.10.8 or newer is required.**\n\nRun this commands to start developing:\n\n```bash\nnpm install\nnpm start\n```\n\n## Releasing a new version\n\nRun the command `bin/version <patch|minor|major|version-no>` inside the package directory. This will commit a new version for you.\n\nExample\n```\nbin/version patch\n```\n\n## License\n\nAll the logos and branding are copyright Auth0 and may not be used or reproduced without explicit permission from Auth0 Inc.\n\nThe icons are licensed from [Budi Harto Tanrim](http://budicon.buditanrim.co/). All other third-party components are subject to their own licenses.\n"
  },
  {
    "path": "packages/components/bin/version",
    "content": "#!/usr/bin/env node\nconst path = require('path');\nconst bump = require('bump-version');\nconst exec = require('child_process').exec;\n\nfunction run(cmd, done) {\n  const proc = exec(cmd, done);\n  proc.stdout.pipe(process.stdout);\n  proc.stderr.pipe(process.stderr);\n}\n\ntry {\n  const res = bump(path.resolve(__dirname, '..'), process.argv.pop());\n\n  run(`git commit -am \"[components] Release: ${res.version}\"`, (err1) => {\n    if (!err1) return process.exit(0);\n\n    // restore original status\n    console.error(err1.message); // eslint-disable-line no-console\n    return run('git checkout .', (err) => {\n      if (err) console.error(err.message); // eslint-disable-line no-console\n      process.exit(1);\n    });\n  });\n} catch (err) {\n  console.error(err.message); // eslint-disable-line no-console\n  process.exit(1);\n}\n"
  },
  {
    "path": "packages/components/gulpfile.js",
    "content": "const gulp = require('gulp');\nconst $ = require('gulp-load-plugins')();\nconst { gifsicle, jpegtran, optipng, svgo } = require('gulp-imagemin');\n\n/**\n * CSS bundle task\n */\ngulp.task('styles', () =>\n  gulp\n    .src('./src/main.styl')\n    .pipe(\n      $.stylus({\n        'include css': true\n      })\n    )\n    .pipe(\n      $.autoprefixer({\n        browsers: ['last 2 versions'],\n        cascade: false\n      })\n    )\n    // Unminified CSS bundle\n    .pipe($.rename('components.css'))\n    .pipe(gulp.dest('./build/'))\n    // Minified CSS bundle\n    .pipe($.cssnano({ safe: true }))\n    .pipe($.rename('components.min.css'))\n    .pipe(gulp.dest('./build/'))\n);\n\n/**\n * Emails task\n */\ngulp.task('emails', () =>\n  gulp\n    .src(['./src/emails/**/*.ejs', '!./src/emails/_modules/*.ejs'])\n    .pipe($.ejs())\n    .pipe(\n      $.htmlPrettify({\n        indent_char: ' ',\n        indent_size: 2\n      })\n    )\n    .pipe($.mjml())\n    .pipe(gulp.dest('./build/emails/'))\n);\n\n/**\n * Components task: generate html files from each demo.pug component file\n */\ngulp.task('html', () =>\n  gulp\n    .src('./src/**/demo.pug')\n    .pipe($.pug())\n    .pipe(\n      $.htmlPrettify({\n        indent_char: ' ',\n        indent_size: 2\n      })\n    )\n    .pipe(gulp.dest('./build/components/'))\n);\n\n/**\n * CDN task: prepares the cdn folder with all the files to upload.\n */\ngulp.task('cdn:images', () =>\n  gulp\n    .src('./src/**/*.+(png|jpg|jpeg|gif|svg)')\n    .pipe(\n      $.imagemin([\n        gifsicle(),\n        jpegtran(),\n        optipng(),\n        svgo({ plugins: [{ removeUselessDefs: false }] })\n      ])\n    )\n    .pipe(gulp.dest('./cdn/media'))\n);\n\ngulp.task('cdn:others', () => gulp.src('./build/**/*.*').pipe(gulp.dest('./cdn')));\n\ngulp.task('cdn', gulp.parallel('cdn:images', 'cdn:others'));\n\n/**\n * Build task\n */\ngulp.task('build', gulp.series('html', 'styles', 'emails'));\n\n/**\n * Watch task\n */\ngulp.task(\n  'watch',\n  gulp.series(done => {\n    gulp.watch('./**/*.styl', gulp.series('build'));\n    done();\n  })\n);\n\n/**\n * Default task\n */\ngulp.task('default', gulp.series('watch'));\n"
  },
  {
    "path": "packages/components/package.json",
    "content": "{\n  \"name\": \"@auth0/styleguide-components\",\n  \"version\": \"3.1.0\",\n  \"description\": \"HTML and CSS components for Auth0 projects.\",\n  \"main\": \"build/core.css\",\n  \"style\": \"build/core.css\",\n  \"scripts\": {\n    \"prepublish\": \"NODE_ENV=production npm run build\",\n    \"start\": \"gulp\",\n    \"build\": \"gulp build\",\n    \"publish:cdn\": \"gulp cdn && ccu\",\n    \"lint\": \"npm run lint:js && npm run lint:css\",\n    \"lint:js\": \"eslint .\",\n    \"lint:css\": \"stylelint build/components.css\",\n    \"test\": \"npm run lint:js\"\n  },\n  \"keywords\": [\n    \"auth0\",\n    \"styleguide\",\n    \"css\",\n    \"components\"\n  ],\n  \"author\": \"Auth0 (https://auth0.com)\",\n  \"homepage\": \"https://styleguide.auth0.com/\",\n  \"repository\": \"https://github.com/auth0/styleguide/tree/master/packages/components\",\n  \"license\": \"UNLICENSED\",\n  \"files\": [\n    \"build\",\n    \"src\"\n  ],\n  \"devDependencies\": {\n    \"@auth0/component-cdn-uploader\": \"^2.0.0\",\n    \"animate.css\": \"^3.5.2\",\n    \"bump-version\": \"^0.5.0\",\n    \"eslint\": \"^3.19.0\",\n    \"eslint-config-auth0-base\": \"^13.0.0\",\n    \"eslint-plugin-import\": \"^2.3.0\",\n    \"gulp\": \"^4.0.2\",\n    \"gulp-autoprefixer\": \"^3.1.1\",\n    \"gulp-cssnano\": \"^2.1.2\",\n    \"gulp-ejs\": \"^2.3.0\",\n    \"gulp-html-prettify\": \"0.0.1\",\n    \"gulp-imagemin\": \"^3.1.1\",\n    \"gulp-load-plugins\": \"^1.3.0\",\n    \"gulp-mjml\": \"^2.0.0\",\n    \"gulp-pug\": \"^3.2.0\",\n    \"gulp-rename\": \"^1.2.2\",\n    \"gulp-stylus\": \"^2.5.0\",\n    \"stylelint\": \"^7.5.0\",\n    \"stylelint-config-standard\": \"^15.0.1\"\n  },\n  \"ccu\": {\n    \"name\": \"components\",\n    \"cdn\": \"https://cdn.auth0.com\",\n    \"mainBundleFile\": \"components.css\",\n    \"remoteBasePath\": \"styleguide\",\n    \"bucket\": \"assets.us.auth0.com\",\n    \"localPath\": \"cdn\"\n  }\n}\n"
  },
  {
    "path": "packages/components/src/alerts/demo.pug",
    "content": "h5 Styles:\n\n.alert.alert-default\n  strong Well done!\n  |  This alert will show you some <a href=\"https://auth0.com/\">extra information</a>.\n\n.alert.alert-success\n  strong Well done!\n  |  You successfully read this important <a href=\"https://auth0.com/\">alert link</a> message.\n    \n.alert.alert-info\n  strong Heads up!\n  |  This alert <a href=\"https://auth0.com/\">needs your attention</a>, but it's not super important.\n  \n.alert.alert-warning\n  strong Warning!\n  |  Better <a href=\"https://auth0.com/\">check yourself</a>, you're not looking too good.\n  \n.alert.alert-danger\n  strong Oh snap!\n  |  Change a few things up and try <a href=\"https://auth0.com/\">submitting again</a>.\n\nh5 With close button\n\n.alert.alert-success\n  button(type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\")\n    span(aria-hidden=\"true\") &times;\n  strong Well done!\n  |  You successfully read this important <a href=\"https://auth0.com/\">alert link</a> message.\n\nh5 With action buttons\n\n.alert.alert-warning\n  strong Warning!\n  |  Better check yourself, you're not <a href=\"https://auth0.com/\">alert link</a> looking too good.\n  .actions.pull-right\n    button.btn.btn-sm.btn-warning Action\n\n.alert.alert-warning\n  button(type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\")\n    span(aria-hidden=\"true\") &times;\n  strong Multiline!\n  |  Use this type of alert if you want to display a large text with button/s at the end.\n  |  You can even add a close button.\n  .actions\n    button.btn.btn-sm.btn-warning Add\n    button.btn.btn-sm.btn-warning Edit\n    button.btn.btn-sm.btn-warning Delete\n\nh5 Global alert\n\n.alert.alert-global.alert-success\n  strong Well done!\n  |  You successfully read this <a href=\"https://auth0.com/\">important messge</a>.\n\n\nh5 With icon\n\n.alert.alert-default.alert-with-icon\n  i.alert-icon.icon-budicon-724\n  .alert-content\n    p Social connections only support browser-based (passive) authentication because most social providers don't allow a username and password to be entered into applications that they don't own. Therefore, the user will be redirected to the provider's sign in page."
  },
  {
    "path": "packages/components/src/alerts/index.styl",
    "content": "//\n// Alerts\n// --------------------------------------------------\n\n$alert-padding ?=             15px\n$alert-wide-padding ?=        10px\n$alert-border-radius ?=       $border-radius-base\n$alert-link-font-weight ?=    bold\n\n$alert-success-bg ?=          $state-success-bg\n$alert-success-text ?=        $state-success-text\n$alert-success-border ?=      $state-success-border\n\n$alert-info-bg ?=             $state-info-bg\n$alert-info-text ?=           $state-info-text\n$alert-info-border ?=         $state-info-border\n\n$alert-warning-bg ?=          $state-warning-bg\n$alert-warning-text ?=        $state-warning-text\n$alert-warning-border ?=      $state-warning-border\n\n$alert-danger-bg ?=           $state-danger-bg\n$alert-danger-text ?=         $state-danger-text\n$alert-danger-border ?=       $state-danger-border\n\n// Base styles\n// -------------------------\n.alert\n  padding $alert-padding\n  margin-bottom $line-height-computed\n  border-radius $alert-border-radius\n  border 0\n\n  // Headings for larger alerts\n  h4\n    margin-top 0\n    // Specified for the h4 to prevent conflicts of changing $headings-color\n    color inherit\n\n  // Provide class for links that match alerts\n  .alert-link\n    font-weight $alert-link-font-weight\n\n  // Improve alignment and spacing of inner content\n  > p,\n  > ul\n    margin-bottom 0\n\n  > p + p\n    margin-top 5px\n\n  a\n    color: currentColor;\n    border-bottom: 1px solid currentColor;\n\n    &:hover\n      opacity: 0.7;\n\n  code\n    border: 1px solid #c7ced1;\n\n  .close\n    color: currentColor;\n    outline: none;\n    margin-top: 4px;\n\n  // Actions section (buttons)\n  .actions\n    margin-top 10px\n\n    &.pull-right,\n    &.pull-left\n      margin-top 0\n\n    .btn + .btn\n      margin-left 10px\n\n    +breakpoint(\"mobile-landscape\", \"max\")\n      margin-top 10px !important\n      float: none !important\n\n      .btn\n        display block\n        width 100%\n        margin-left 0 !important\n\n        & + .btn\n          margin-top 10px\n\n// Alternate styles\n\n.alert-default\n  background-color: #F0F0F0;\n\n.alert-success\n  background-color: lighten($bg-color-success, 80%)\n  color: darken($bg-color-success, 50%)\n\n  a\n    border-color: rgba(darken($bg-color-success, 50%), 0.4)\n\n\n.alert-info\n  background-color: lighten($bg-color-info, 80%)\n  color: darken($bg-color-info, 50%)\n\n  a\n    border-color: rgba(darken($bg-color-info, 50%), 0.4)\n\n.alert-warning\n  background-color: lighten($bg-color-alert, 80%)\n  color: darken($bg-color-alert, 50%)\n\n  a\n    border-color: rgba(darken($bg-color-alert, 50%), 0.4)\n\n.alert-danger\n  background-color: lighten($bg-color-error, 80%)\n  color: darken($bg-color-error, 50%)\n\n  a\n    border-color: rgba(darken($bg-color-error, 50%), 0.4)\n\n.alert-global\n  border-radius 0\n  padding $alert-wide-padding\n  text-align center\n\n.alert-with-icon\n    display: flex;\n    align-items: flex-start;\n    padding: 1rem 1.25rem;\n    \n    .alert-icon\n      font-size: 20px;\n      margin-right: 0.8rem;\n      line-height: 28px;\n      position: relative;\n      top: 2px;\n\n    // Remove margin of last item to mantain box structure\n    .alert-content *:last-child\n      margin-bottom: 0;"
  },
  {
    "path": "packages/components/src/animations/animate-config.json",
    "content": "// Configuration file for Animate.css custom build\n// More info: https://github.com/daneden/animate.css/#custom-builds\n// Generate file only with the used animations to reduce bundle size\n\n// (!) Remove comments before running gulp\n\n{\n\n  \"attention_seekers\": [\n    \"bounce\",\n    \"flash\",\n    \"pulse\",\n    // \"rubberBand\",\n    \"shake\"\n    // \"headShake\",\n    // \"swing\",\n    // \"tada\",\n    // \"wobble\",\n    // \"jello\"\n  ],\n\n  \"bouncing_entrances\": [\n    \"bounceIn\"\n    // \"bounceInDown\",\n    // \"bounceInLeft\",\n    // \"bounceInRight\",\n    // \"bounceInUp\"\n  ],\n\n  \"bouncing_exits\": [\n    // \"bounceOut\",\n    // \"bounceOutDown\",\n    // \"bounceOutLeft\",\n    // \"bounceOutRight\",\n    // \"bounceOutUp\"\n  ],\n\n  \"fading_entrances\": [\n    \"fadeIn\",\n    \"fadeInDown\",\n    \"fadeInDownBig\",\n    \"fadeInLeft\",\n    \"fadeInLeftBig\",\n    \"fadeInRight\",\n    \"fadeInRightBig\",\n    \"fadeInUp\",\n    \"fadeInUpBig\"\n  ],\n\n  \"fading_exits\": [\n    \"fadeOut\",\n    \"fadeOutDown\",\n    \"fadeOutDownBig\",\n    \"fadeOutLeft\",\n    \"fadeOutLeftBig\",\n    \"fadeOutRight\",\n    \"fadeOutRightBig\",\n    \"fadeOutUp\",\n    \"fadeOutUpBig\"\n  ],\n\n  \"flippers\": [\n    // \"flip\",\n    // \"flipInX\",\n    // \"flipInY\",\n    // \"flipOutX\",\n    // \"flipOutY\"\n  ],\n\n  \"lightspeed\": [\n    // \"lightSpeedIn\",\n    // \"lightSpeedOut\"\n  ],\n\n  \"rotating_entrances\": [\n    // \"rotateIn\",\n    // \"rotateInDownLeft\",\n    // \"rotateInDownRight\",\n    // \"rotateInUpLeft\",\n    // \"rotateInUpRight\"\n  ],\n\n  \"rotating_exits\": [\n    // \"rotateOut\",\n    // \"rotateOutDownLeft\",\n    // \"rotateOutDownRight\",\n    // \"rotateOutUpLeft\",\n    // \"rotateOutUpRight\"\n  ],\n\n  \"specials\": [\n    // \"hinge\",\n    // \"rollIn\",\n    // \"rollOut\"\n  ],\n\n  \"zooming_entrances\": [\n    \"zoomIn\"\n    // \"zoomInDown\",\n    // \"zoomInLeft\",\n    // \"zoomInRight\",\n    // \"zoomInUp\"\n  ],\n\n  \"zooming_exits\": [\n    // \"zoomOut\",\n    // \"zoomOutDown\",\n    // \"zoomOutLeft\",\n    // \"zoomOutRight\",\n    // \"zoomOutUp\"\n  ],\n\n  \"sliding_entrances\": [\n    \"slideInDown\",\n    \"slideInLeft\",\n    \"slideInRight\",\n    \"slideInUp\"\n  ],\n\n  \"sliding_exits\": [\n    \"slideOutDown\",\n    \"slideOutLeft\",\n    \"slideOutRight\",\n    \"slideOutUp\"\n  ]\n}\n"
  },
  {
    "path": "packages/components/src/animations/custom-animate.css",
    "content": "@charset \"UTF-8\";\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.2\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n\n.animated {\n  animation-duration: 1s;\n  animation-fill-mode: both;\n}\n\n.animated.infinite {\n  animation-iteration-count: infinite;\n}\n\n.animated.hinge {\n  animation-duration: 2s;\n}\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n  animation-duration: .75s;\n}\n\n@keyframes bounce {\n  from, 20%, 53%, 80%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n    transform: translate3d(0,0,0);\n  }\n\n  40%, 43% {\n    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n    transform: translate3d(0, -30px, 0);\n  }\n\n  70% {\n    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n    transform: translate3d(0, -15px, 0);\n  }\n\n  90% {\n    transform: translate3d(0,-4px,0);\n  }\n}\n\n.bounce {\n  animation-name: bounce;\n  transform-origin: center bottom;\n}\n\n@keyframes flash {\n  from, 50%, to {\n    opacity: 1;\n  }\n\n  25%, 75% {\n    opacity: 0;\n  }\n}\n\n.flash {\n  animation-name: flash;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@keyframes pulse {\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n.pulse {\n  animation-name: pulse;\n}\n\n@keyframes shake {\n  from, to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%, 30%, 50%, 70%, 90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%, 40%, 60%, 80% {\n    transform: translate3d(10px, 0, 0);\n  }\n}\n\n.shake {\n  animation-name: shake;\n}\n\n@keyframes bounceIn {\n  from, 20%, 40%, 60%, 80%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(.3, .3, .3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(.9, .9, .9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(.97, .97, .97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n.bounceIn {\n  animation-name: bounceIn;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.fadeIn {\n  animation-name: fadeIn;\n}\n\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInDown {\n  animation-name: fadeInDown;\n}\n\n@keyframes fadeInDownBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInDownBig {\n  animation-name: fadeInDownBig;\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInLeft {\n  animation-name: fadeInLeft;\n}\n\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInLeftBig {\n  animation-name: fadeInLeftBig;\n}\n\n@keyframes fadeInRight {\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInRight {\n  animation-name: fadeInRight;\n}\n\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInRightBig {\n  animation-name: fadeInRightBig;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInUp {\n  animation-name: fadeInUp;\n}\n\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.fadeInUpBig {\n  animation-name: fadeInUpBig;\n}\n\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n.fadeOut {\n  animation-name: fadeOut;\n}\n\n@keyframes fadeOutDown {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n}\n\n.fadeOutDown {\n  animation-name: fadeOutDown;\n}\n\n@keyframes fadeOutDownBig {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n}\n\n.fadeOutDownBig {\n  animation-name: fadeOutDownBig;\n}\n\n@keyframes fadeOutLeft {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n}\n\n.fadeOutLeft {\n  animation-name: fadeOutLeft;\n}\n\n@keyframes fadeOutLeftBig {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n}\n\n.fadeOutLeftBig {\n  animation-name: fadeOutLeftBig;\n}\n\n@keyframes fadeOutRight {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n}\n\n.fadeOutRight {\n  animation-name: fadeOutRight;\n}\n\n@keyframes fadeOutRightBig {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n}\n\n.fadeOutRightBig {\n  animation-name: fadeOutRightBig;\n}\n\n@keyframes fadeOutUp {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n}\n\n.fadeOutUp {\n  animation-name: fadeOutUp;\n}\n\n@keyframes fadeOutUpBig {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n}\n\n.fadeOutUpBig {\n  animation-name: fadeOutUpBig;\n}\n\n@keyframes zoomIn {\n  from {\n    opacity: 0;\n    transform: scale3d(.3, .3, .3);\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n.zoomIn {\n  animation-name: zoomIn;\n}\n\n@keyframes slideInDown {\n  from {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.slideInDown {\n  animation-name: slideInDown;\n}\n\n@keyframes slideInLeft {\n  from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.slideInLeft {\n  animation-name: slideInLeft;\n}\n\n@keyframes slideInRight {\n  from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.slideInRight {\n  animation-name: slideInRight;\n}\n\n@keyframes slideInUp {\n  from {\n    transform: translate3d(0, 100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.slideInUp {\n  animation-name: slideInUp;\n}\n\n@keyframes slideOutDown {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n}\n\n.slideOutDown {\n  animation-name: slideOutDown;\n}\n\n@keyframes slideOutLeft {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(-100%, 0, 0);\n  }\n}\n\n.slideOutLeft {\n  animation-name: slideOutLeft;\n}\n\n@keyframes slideOutRight {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(100%, 0, 0);\n  }\n}\n\n.slideOutRight {\n  animation-name: slideOutRight;\n}\n\n@keyframes slideOutUp {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n}\n\n.slideOutUp {\n  animation-name: slideOutUp;\n}\n"
  },
  {
    "path": "packages/components/src/animations/index.styl",
    "content": "@import './custom-animate.css'\n\n//\n// Component animations\n// --------------------------------------------------\n\n// Heads up!\n//\n// We don't use the `opacity-ie()` mixin here since it causes a bug with text\n// fields in IE7-8. Source https://github.com/twbs/bootstrap/pull/3552.\n\n.fade\n  opacity 0\n  transition opacity .15s linear\n\n  &.in\n    opacity 1\n\n.collapse\n  display none\n\n  &.in\n    display block\n\n  tr&.in\n    display table-row\n\n  tbody&.in\n    display table-row-group\n\n.collapsing\n  position relative\n  height 0\n  overflow hidden\n  transition-property height, visibility\n  transition-duration .35s\n  transition-timing-function ease"
  },
  {
    "path": "packages/components/src/badges/demo.pug",
    "content": "span.badge Badge\nspan.badge.badge-primary Primary\nspan.badge.badge-success Success\nspan.badge.badge-info Info\nspan.badge.badge-warning Warning\nspan.badge.badge-danger Danger"
  },
  {
    "path": "packages/components/src/badges/index.styl",
    "content": "//\n// Badges\n// --------------------------------------------------\n\n$badge-color ?=               #fff\n//** Linked badge text color on hover\n$badge-link-hover-color ?=    #fff\n$badge-bg ?=                  $gray-light\n\n//** Badge text color in active nav link\n$badge-active-color ?=        $link-color\n//** Badge background color in active nav link\n$badge-active-bg ?=           #fff\n\n$badge-font-weight ?=         bold\n$badge-line-height ?=         1\n$badge-border-radius ?=       10px\n\n// Base class\n.badge\n  display inline-block\n  min-width 10px\n  padding 4px 8px\n  font-size $font-size-small\n  font-weight $font-weight-bold\n  color $badge-color\n  line-height $badge-line-height\n  vertical-align middle\n  white-space nowrap\n  text-align center\n  background-color $badge-bg\n  border-radius $badge-border-radius\n\n  & + &\n    margin-left 6px\n\n  // Empty badges collapse automatically (not available in IE8)\n  &:empty\n    display none\n\n  // Quick fix for badges in buttons\n  .btn &\n    position relative\n    top -1px\n\n  .btn-xs &,\n  .btn-group-xs > .btn &\n    top 0\n    padding 1px 5px\n\n  // Hover state, but only for links\n  a&\n    &:hover,\n    &:focus\n      color $badge-link-hover-color\n      text-decoration none\n      cursor pointer\n\n  // Account for badges in navs\n  .list-group-item.active > &,\n  .nav-pills > .active > a > &\n    color $badge-active-color\n    background-color $badge-active-bg\n\n  .list-group-item > &\n    float right\n\n  .list-group-item > & + &\n    margin-right 5px\n\n  .nav-pills > li > a > &\n    margin-left 3px\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n.badge-primary {\n  badge-variant($brand-primary);\n}\n\n.badge-success {\n  badge-variant($bg-color-success);\n}\n\n.badge-info {\n  badge-variant($brand-info);\n}\n\n.badge-warning {\n  badge-variant($brand-warning);\n}\n\n.badge-danger {\n  badge-variant($brand-danger);\n}"
  },
  {
    "path": "packages/components/src/banner/demo.pug",
    "content": ".banner\n  .container.banner-container\n    i.icon-budicon-754\n    h1   An Enterprise-Grade Platform for Modern Identity\n    p  A cloud service, APIs and tools that eliminate the friction of identity for your applications and APIs.\n    p.call-to-action\n    a.btn.btn-lg.btn-success(href='javascript:signup()') Create Free Account\n    em No credit card required • No commitment\n\n"
  },
  {
    "path": "packages/components/src/banner/index.styl",
    "content": "/*==========  THIS IS DEPRECATED  ==========*/\n\n/*==========  Banner  ==========*/\n.banner\n  color: white;\n  text-align: center\n  padding-top: 40px;\n  padding-bottom: 40px;\n  margin-bottom: 50px;\n  position: relative;\n  overflow: hidden\n  background-color: #14204d;\n  background-image: linear-gradient(180deg, $color-blue 0%, $color-blue-light 200%); /* W3C */\n\n  +breakpoint(\"desktop\")\n    padding-top 80px\n    padding-bottom 80px\n\n  h1\n    color: white;\n    font-size: 25px;\n    margin-bottom: 0;\n\n  p\n    max-width: 580px;\n    font-size: $font-size-base;\n    margin: auto;\n    margin-top: 10px;\n    color: rgba(255,255,255,.8);\n\n  i\n    font-size: 50px;\n    -webkit-animation: icon_banner 1s;\n    position: relative;\n\n  .btn\n    margin-top: 10px;\n\n  em\n    display: block\n    font-size: $font-size-small;\n    margin-top: 4px;\n    letter-spacing: 1px;\n\n\n  .icon-banner\n    border: 2px solid white;\n    border-radius: 100px;\n    line-height: 90px;\n    width: 80px;\n    height: 80px;\n    font-size: 36px;\n    display: inline-block\n\n  .banner-container\n    position: relative;\n\n.banner-container\n  display: block;\n\n+breakpoint(\"desktop\")\n  .header-dark\n    .banner\n      padding-top: 160px;\n\n+breakpoint(\"mobile-landscape\")\n  .banner\n    padding: 20px 0\n\n    h1\n      font-size: 36px\n"
  },
  {
    "path": "packages/components/src/big-tabs/index.styl",
    "content": "/*==========  Big Tabs  ==========*/\n.big-tabs\n  text-transform: uppercase\n  font-size: $font-size-small;\n  letter-spacing: 1px;\n  text-align: center;\n  position: relative;\n  margin: 0;\n  margin-bottom: 40px;\n  li\n    display: inline-block\n    float: none;\n    font-weight: $font-weight-bold\n    margin: 0;\n    border: 1px solid darken($color-blue-light, 20%);\n    margin-left: -1px;\n\n    &:first-child\n      border-top-left-radius: 3px;\n      border-bottom-left-radius: 3px;\n\n    &:last-child\n      border-top-right-radius: 3px;\n      border-bottom-right-radius: 3px;\n\n    a\n      color: darken($color-blue-light, 20%);\n      line-height: 32px;\n      display: inline-block\n      padding: 0 30px;\n\n    &.active\n      a\n        background: darken($color-blue-light, 20%);\n        color: white;\n"
  },
  {
    "path": "packages/components/src/breadcrumb/demo.pug",
    "content": "ol.breadcrumb.has-homepage\n  li\n    a(href=\"\") Home\n  li\n    a(href=\"\") Library\n  li Data\n"
  },
  {
    "path": "packages/components/src/breadcrumb/index.styl",
    "content": "//\n// Breadcrumbs\n// --------------------------------------------------\n\n// Light theme\n\n//** Breadcrumb text color\n$breadcrumb-color ?=            rgba(0, 0, 0, 0.56)\n//** Hover color for links\n$breadcrumb-link-color ?=       $link-hover-color\n\n// Dark theme\n\n//** Breadcrumb text color\n$breadcrumb-dark-color ?=       rgba(255, 255, 255, 0.7)\n//** Hover color for links\n$breadcrumb-dark-link-color ?=  lighten($link-hover-color, 30%)\n\n.breadcrumb\n  list-style none\n  font-size $font-size-small\n  font-weight $font-weight-bold\n  margin 0\n  padding 0\n  color $breadcrumb-color\n\n  .theme-dark &\n    color $breadcrumb-dark-color\n\n  &.has-homepage:before\n    content ''\n    display inline-block\n    background-image url('https://cdn.auth0.com/styleguide/components/1.0.8/media/breadcrumb/img/home-icon-dark.svg')\n    background-size contain\n    width 12px\n    height 10px\n    margin-right 7px\n\n    .theme-dark &\n      background-image url('https://cdn.auth0.com/styleguide/components/1.0.8/media/breadcrumb/img/home-icon-light.svg')\n\n  > li\n    display inline-block\n    margin 0\n\n    + li:before\n      content ''\n      display inline-block\n      border-style solid\n      border-width 2px 2px 0 0\n      transform rotate(45deg)\n      width 7px\n      height 7px\n      vertical-align baseline\n      padding 0\n      margin 0 14px\n      // Center vertically the arrow with the text\n      position relative\n      bottom 1px\n\n    &:hover a\n      color $breadcrumb-link-color\n\n      .theme-dark &\n        color $breadcrumb-dark-link-color\n\n  > li > a\n    color currentColor\n"
  },
  {
    "path": "packages/components/src/browser/index.styl",
    "content": "/*==========  Browser  ==========*/\n\n.browser-window\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0,0,0,.5);\n  width: 800px;\n  margin:auto;\n  margin-top:20px;\n  overflow:hidden;\n  border:1px solid #C1C2C2;\n\n  .browser-inside {\n    overflow:hidden;\n    padding:10px;\n    background-position: top center;\n    height: 400px;\n    background-size: cover;\n  }\n\n  .browser-top {\n    padding:7px 0;\n    position:relative;\n    background: #f1f1f1;\n    background: -moz-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);\n    background: -webkit-gradient(left top, left bottom,color-stop(3%, #E9E9E9), color-stop(100%, #d8d8d8));\n    background: -webkit-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);\n    background: -o-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);\n    background: -ms-linear-gradient(top, #E9E9E9 3%, #d8d8d8 100%);\n    background: linear-gradient(to bottom, #E9E9E9 3%, #d8d8d8 100%);\n    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.76);\n    -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 255, 255, 0.76);\n    box-shadow:         inset 0px 1px 1px 0px rgba(255, 255, 255, 0.76);\n\n    overflow:hidden;\n    border-bottom:2px solid #BDBCC1;\n  }\n\n  .browser-top > div {\n    float:left;\n  }\n\n\n  .browser-toolbar {\n    padding-left:12px;\n    padding-top:6px;\n  }\n\n  .browser-toolbar > span {\n    display:inline-block;\n    float:left;\n    width:12px;\n    height:12px;\n    margin-right:7px;\n    -webkit-border-radius: 6px;\n    -moz-border-radius: 6px;\n    border-radius: 6px;\n    cursor:pointer;\n\n  }\n\n  .browser-toolbar span.first {\n    background:#FF5F4F;\n  }\n\n  .browser-toolbar span.second {\n    background:#F9C206;\n  }\n\n  .browser-toolbar span.third {\n    background:#19CC32;\n  }\n\n\n  .browser-nav {\n    overflow:hidden;\n  }\n\n  .browser-nav > span {\n    display:inline-block;\n    float:left;\n    background:#FBFBFB;\n    -webkit-border-radius: 4px;\n    -moz-border-radius: 4px;\n    border-radius: 4px;\n    height:23px;\n    padding:0 8px;\n    cursor:pointer;\n    color:#B4B4B4;\n    border-bottom:1px solid #CECECE;\n  }\n  .browser-nav > span:hover {\n    background:#f2f2f2;\n    color:#666;\n  }\n  .browser-nav > span i {\n      font-size:14px;\n      line-height: 30px;\n      display: inline-block\n      position: relative;\n      top: 5px\n      text-align: center;\n  }\n\n  .browser-nav span.active {\n    color:#707070;\n  }\n\n  .browser-nav span.prev {\n    margin-right:1px;\n    margin-left:7px;\n  }\n\n  .browser-nav span.next {\n    margin-right:7px;\n  }\n\n  .browser-nav span.address {\n    width:400px;\n    margin-left:75px;\n    display:inline-block;\n    background:#fff;\n    line-height:23px;\n    text-align:center;\n    position:relative;\n    padding-top: 3px;\n  }\n\n  .browser-nav span.address > input {\n    font-size:12px;\n    color:#505050;\n    border:none;\n    background:none;\n    text-align:center;\n    position:relative;\n    width:300px;\n  }\n\n  .browser-nav span.address > input:focus {\n    outline:none;\n  }\n\n  .browser-nav span.address > input.class {\n    text-align:left;\n  }\n\n  .browser-nav span.address > i {\n    position:absolute;\n    right:5px;\n    top:7px;\n    font-size:11px;\n    color:#010101;\n  }\n\n  .browser-nav.right {\n    float:right !important;\n    margin-right:35px;\n  }\n\n  .browser-nav span.share {\n    margin-right:7px;\n  }\n\n  .browser-nav span.tabs {\n    position:relative;\n    width:26px;\n    padding-left: 6px;\n  }\n\n  .browser-nav span.tabs span {\n    height:7px;\n    width:7px;\n    border:1px solid #B4B4B4;\n    display:inline-block;\n    position:absolute;\n    background:#FBFBFB;\n  }\n\n  .browser-nav span.tabs span.front {\n    top:8px;\n    left:6px;\n    z-index:6;\n  }\n\n  .browser-nav span.tabs span.behind {\n    top:6px;\n    left:8px;\n    z-index:5;\n  }\n\n  .browser-nav span.tabs:hover span {\n    border:1px solid #666;\n  }\n\n  span.new {\n    cursor:pointer;\n    position:absolute;\n    right:0;\n    bottom:0;\n    background:#CACACA;\n    width:23px;\n    height:23px;\n    text-align:center;\n    line-height:23px;\n    border-top:1px solid #C1C2C2;\n    border-left:1px solid #C1C2C2;\n  }\n\n  span.new:hover {\n    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);\n    -moz-box-shadow:    inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);\n    box-shadow:         inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);\n  }\n  span.new .plus {\n    position:absolute;\n    background:#b0b0b0;\n    display:inline-block;\n  }\n\n\n\n\n/*==========  Browser lite  ==========*/\n.browser-lite\n  border: 1px solid lighten($color-gray, 50%);\n  border-radius: 3px;\n  overflow: hidden\n  .browser-toolbar\n    border-bottom: 1px solid lighten($color-gray, 50%);\n    overflow: hidden\n    padding: 14px;\n    i\n      background: lighten($color-gray, 50%);\n      border-radius: 100px;\n      float: left\n      display: inline-block\n      width: 12px;\n      height: 12px;\n      margin-right: 8px;\n      margin-top: 4px;\n\n      &.r\n        background: #FC625C;\n      &.y\n        background: #FDBC40;\n      &.g\n        background: #34C849;\n\n    .input\n      width: 70%;\n      height: 20px;\n      border-radius: 3px;\n      margin: auto;\n      background: lighten($color-gray, 50%);\n      margin-top: 0px;\n      font-size: 10px;\n      color: #999;\n      line-height: 20px;\n\n    .button\n      background: lighten($color-gray, 50%);\n      border-radius: 3px;\n      height: 20px;\n      width: 20px;\n      margin-left: 6px;\n      float: right\n      display: block\n"
  },
  {
    "path": "packages/components/src/budicon/budicon.css",
    "content": "@font-face {\n  font-family: \"budicon-font\";\n  src:url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.eot\");\n  src:url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.eot?#iefix\") format(\"embedded-opentype\"),\n    url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.woff\") format(\"woff\"),\n    url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.ttf\") format(\"truetype\"),\n    url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.svg#budicon-font\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n\n}\n\n[data-icon]:before {\n  font-family: \"budicon-font\" !important;\n  content: attr(data-icon);\n  font-style: normal !important;\n  font-weight: normal !important;\n  font-variant: normal !important;\n  text-transform: none !important;\n  speak: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n[class^=\"icon-\"]:before,\n[class*=\" icon-\"]:before {\n  font-family: \"budicon-font\" !important;\n  font-style: normal !important;\n  font-weight: normal !important;\n  font-variant: normal !important;\n  text-transform: none !important;\n  speak: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-budicon:before {\n  content: \"a\";\n}\n.icon-budicon-1:before {\n  content: \"b\";\n}\n.icon-budicon-2:before {\n  content: \"c\";\n}\n.icon-budicon-3:before {\n  content: \"d\";\n}\n.icon-budicon-4:before {\n  content: \"e\";\n}\n.icon-budicon-5:before {\n  content: \"f\";\n}\n.icon-budicon-6:before {\n  content: \"g\";\n}\n.icon-budicon-7:before {\n  content: \"h\";\n}\n.icon-budicon-8:before {\n  content: \"i\";\n}\n.icon-budicon-9:before {\n  content: \"j\";\n}\n.icon-budicon-10:before {\n  content: \"k\";\n}\n.icon-budicon-11:before {\n  content: \"l\";\n}\n.icon-budicon-12:before {\n  content: \"m\";\n}\n.icon-budicon-13:before {\n  content: \"n\";\n}\n.icon-budicon-14:before {\n  content: \"o\";\n}\n.icon-budicon-15:before {\n  content: \"p\";\n}\n.icon-budicon-16:before {\n  content: \"q\";\n}\n.icon-budicon-17:before {\n  content: \"r\";\n}\n.icon-budicon-18:before {\n  content: \"s\";\n}\n.icon-budicon-19:before {\n  content: \"t\";\n}\n.icon-budicon-20:before {\n  content: \"u\";\n}\n.icon-budicon-21:before {\n  content: \"v\";\n}\n.icon-budicon-22:before {\n  content: \"w\";\n}\n.icon-budicon-23:before {\n  content: \"x\";\n}\n.icon-budicon-24:before {\n  content: \"y\";\n}\n.icon-budicon-25:before {\n  content: \"z\";\n}\n.icon-budicon-26:before {\n  content: \"A\";\n}\n.icon-budicon-27:before {\n  content: \"B\";\n}\n.icon-budicon-28:before {\n  content: \"C\";\n}\n.icon-budicon-29:before {\n  content: \"D\";\n}\n.icon-budicon-30:before {\n  content: \"E\";\n}\n.icon-budicon-31:before {\n  content: \"F\";\n}\n.icon-budicon-32:before {\n  content: \"G\";\n}\n.icon-budicon-33:before {\n  content: \"H\";\n}\n.icon-budicon-34:before {\n  content: \"I\";\n}\n.icon-budicon-35:before {\n  content: \"J\";\n}\n.icon-budicon-36:before {\n  content: \"K\";\n}\n.icon-budicon-37:before {\n  content: \"L\";\n}\n.icon-budicon-38:before {\n  content: \"M\";\n}\n.icon-budicon-39:before {\n  content: \"N\";\n}\n.icon-budicon-40:before {\n  content: \"O\";\n}\n.icon-budicon-41:before {\n  content: \"P\";\n}\n.icon-budicon-42:before {\n  content: \"Q\";\n}\n.icon-budicon-43:before {\n  content: \"R\";\n}\n.icon-budicon-44:before {\n  content: \"S\";\n}\n.icon-budicon-45:before {\n  content: \"T\";\n}\n.icon-budicon-46:before {\n  content: \"U\";\n}\n.icon-budicon-47:before {\n  content: \"V\";\n}\n.icon-budicon-48:before {\n  content: \"W\";\n}\n.icon-budicon-49:before {\n  content: \"X\";\n}\n.icon-budicon-50:before {\n  content: \"Y\";\n}\n.icon-budicon-51:before {\n  content: \"Z\";\n}\n.icon-budicon-52:before {\n  content: \"0\";\n}\n.icon-budicon-53:before {\n  content: \"1\";\n}\n.icon-budicon-54:before {\n  content: \"2\";\n}\n.icon-budicon-55:before {\n  content: \"3\";\n}\n.icon-budicon-56:before {\n  content: \"4\";\n}\n.icon-budicon-57:before {\n  content: \"5\";\n}\n.icon-budicon-58:before {\n  content: \"6\";\n}\n.icon-budicon-59:before {\n  content: \"7\";\n}\n.icon-budicon-60:before {\n  content: \"8\";\n}\n.icon-budicon-61:before {\n  content: \"9\";\n}\n.icon-budicon-62:before {\n  content: \"!\";\n}\n.icon-budicon-63:before {\n  content: \"\\\"\";\n}\n.icon-budicon-64:before {\n  content: \"#\";\n}\n.icon-budicon-65:before {\n  content: \"$\";\n}\n.icon-budicon-66:before {\n  content: \"%\";\n}\n.icon-budicon-67:before {\n  content: \"&\";\n}\n.icon-budicon-68:before {\n  content: \"'\";\n}\n.icon-budicon-69:before {\n  content: \"(\";\n}\n.icon-budicon-70:before {\n  content: \")\";\n}\n.icon-budicon-71:before {\n  content: \"*\";\n}\n.icon-budicon-72:before {\n  content: \"+\";\n}\n.icon-budicon-73:before {\n  content: \",\";\n}\n.icon-budicon-74:before {\n  content: \"-\";\n}\n.icon-budicon-75:before {\n  content: \".\";\n}\n.icon-budicon-76:before {\n  content: \"/\";\n}\n.icon-budicon-77:before {\n  content: \":\";\n}\n.icon-budicon-78:before {\n  content: \";\";\n}\n.icon-budicon-79:before {\n  content: \"<\";\n}\n.icon-budicon-80:before {\n  content: \"=\";\n}\n.icon-budicon-81:before {\n  content: \">\";\n}\n.icon-budicon-82:before {\n  content: \"?\";\n}\n.icon-budicon-83:before {\n  content: \"@\";\n}\n.icon-budicon-84:before {\n  content: \"[\";\n}\n.icon-budicon-85:before {\n  content: \"]\";\n}\n.icon-budicon-86:before {\n  content: \"^\";\n}\n.icon-budicon-87:before {\n  content: \"_\";\n}\n.icon-budicon-88:before {\n  content: \"`\";\n}\n.icon-budicon-89:before {\n  content: \"{\";\n}\n.icon-budicon-90:before {\n  content: \"|\";\n}\n.icon-budicon-91:before {\n  content: \"}\";\n}\n.icon-budicon-92:before {\n  content: \"~\";\n}\n.icon-budicon-93:before {\n  content: \"\\\\\";\n}\n.icon-budicon-94:before {\n  content: \"\\e000\";\n}\n.icon-budicon-95:before {\n  content: \"\\e001\";\n}\n.icon-budicon-96:before {\n  content: \"\\e002\";\n}\n.icon-budicon-97:before {\n  content: \"\\e003\";\n}\n.icon-budicon-98:before {\n  content: \"\\e004\";\n}\n.icon-budicon-99:before {\n  content: \"\\e005\";\n}\n.icon-budicon-100:before {\n  content: \"\\e006\";\n}\n.icon-budicon-101:before {\n  content: \"\\e007\";\n}\n.icon-budicon-102:before {\n  content: \"\\e008\";\n}\n.icon-budicon-103:before {\n  content: \"\\e009\";\n}\n.icon-budicon-104:before {\n  content: \"\\e00a\";\n}\n.icon-budicon-105:before {\n  content: \"\\e00b\";\n}\n.icon-budicon-106:before {\n  content: \"\\e00c\";\n}\n.icon-budicon-107:before {\n  content: \"\\e00d\";\n}\n.icon-budicon-108:before {\n  content: \"\\e00e\";\n}\n.icon-budicon-109:before {\n  content: \"\\e00f\";\n}\n.icon-budicon-110:before {\n  content: \"\\e010\";\n}\n.icon-budicon-111:before {\n  content: \"\\e011\";\n}\n.icon-budicon-112:before {\n  content: \"\\e012\";\n}\n.icon-budicon-113:before {\n  content: \"\\e013\";\n}\n.icon-budicon-114:before {\n  content: \"\\e014\";\n}\n.icon-budicon-115:before {\n  content: \"\\e015\";\n}\n.icon-budicon-116:before {\n  content: \"\\e016\";\n}\n.icon-budicon-117:before {\n  content: \"\\e017\";\n}\n.icon-budicon-118:before {\n  content: \"\\e018\";\n}\n.icon-budicon-119:before {\n  content: \"\\e019\";\n}\n.icon-budicon-120:before {\n  content: \"\\e01a\";\n}\n.icon-budicon-121:before {\n  content: \"\\e01b\";\n}\n.icon-budicon-122:before {\n  content: \"\\e01c\";\n}\n.icon-budicon-123:before {\n  content: \"\\e01d\";\n}\n.icon-budicon-124:before {\n  content: \"\\e01e\";\n}\n.icon-budicon-125:before {\n  content: \"\\e01f\";\n}\n.icon-budicon-126:before {\n  content: \"\\e020\";\n}\n.icon-budicon-127:before {\n  content: \"\\e021\";\n}\n.icon-budicon-128:before {\n  content: \"\\e022\";\n}\n.icon-budicon-129:before {\n  content: \"\\e023\";\n}\n.icon-budicon-130:before {\n  content: \"\\e024\";\n}\n.icon-budicon-131:before {\n  content: \"\\e025\";\n}\n.icon-budicon-132:before {\n  content: \"\\e026\";\n}\n.icon-budicon-133:before {\n  content: \"\\e027\";\n}\n.icon-budicon-134:before {\n  content: \"\\e028\";\n}\n.icon-budicon-135:before {\n  content: \"\\e029\";\n}\n.icon-budicon-136:before {\n  content: \"\\e02a\";\n}\n.icon-budicon-137:before {\n  content: \"\\e02b\";\n}\n.icon-budicon-138:before {\n  content: \"\\e02c\";\n}\n.icon-budicon-139:before {\n  content: \"\\e02d\";\n}\n.icon-budicon-140:before {\n  content: \"\\e02e\";\n}\n.icon-budicon-141:before {\n  content: \"\\e02f\";\n}\n.icon-budicon-142:before {\n  content: \"\\e030\";\n}\n.icon-budicon-143:before {\n  content: \"\\e031\";\n}\n.icon-budicon-144:before {\n  content: \"\\e032\";\n}\n.icon-budicon-145:before {\n  content: \"\\e033\";\n}\n.icon-budicon-146:before {\n  content: \"\\e034\";\n}\n.icon-budicon-147:before {\n  content: \"\\e035\";\n}\n.icon-budicon-148:before {\n  content: \"\\e036\";\n}\n.icon-budicon-149:before {\n  content: \"\\e037\";\n}\n.icon-budicon-150:before {\n  content: \"\\e038\";\n}\n.icon-budicon-151:before {\n  content: \"\\e039\";\n}\n.icon-budicon-152:before {\n  content: \"\\e03a\";\n}\n.icon-budicon-153:before {\n  content: \"\\e03b\";\n}\n.icon-budicon-154:before {\n  content: \"\\e03c\";\n}\n.icon-budicon-155:before {\n  content: \"\\e03d\";\n}\n.icon-budicon-156:before {\n  content: \"\\e03e\";\n}\n.icon-budicon-157:before {\n  content: \"\\e03f\";\n}\n.icon-budicon-158:before {\n  content: \"\\e040\";\n}\n.icon-budicon-159:before {\n  content: \"\\e041\";\n}\n.icon-budicon-160:before {\n  content: \"\\e042\";\n}\n.icon-budicon-161:before {\n  content: \"\\e043\";\n}\n.icon-budicon-162:before {\n  content: \"\\e044\";\n}\n.icon-budicon-163:before {\n  content: \"\\e045\";\n}\n.icon-budicon-164:before {\n  content: \"\\e046\";\n}\n.icon-budicon-165:before {\n  content: \"\\e047\";\n}\n.icon-budicon-166:before {\n  content: \"\\e048\";\n}\n.icon-budicon-167:before {\n  content: \"\\e049\";\n}\n.icon-budicon-168:before {\n  content: \"\\e04a\";\n}\n.icon-budicon-169:before {\n  content: \"\\e04b\";\n}\n.icon-budicon-170:before {\n  content: \"\\e04c\";\n}\n.icon-budicon-171:before {\n  content: \"\\e04d\";\n}\n.icon-budicon-172:before {\n  content: \"\\e04e\";\n}\n.icon-budicon-173:before {\n  content: \"\\e04f\";\n}\n.icon-budicon-174:before {\n  content: \"\\e050\";\n}\n.icon-budicon-175:before {\n  content: \"\\e051\";\n}\n.icon-budicon-176:before {\n  content: \"\\e052\";\n}\n.icon-budicon-177:before {\n  content: \"\\e053\";\n}\n.icon-budicon-178:before {\n  content: \"\\e054\";\n}\n.icon-budicon-179:before {\n  content: \"\\e055\";\n}\n.icon-budicon-180:before {\n  content: \"\\e056\";\n}\n.icon-budicon-181:before {\n  content: \"\\e057\";\n}\n.icon-budicon-182:before {\n  content: \"\\e058\";\n}\n.icon-budicon-183:before {\n  content: \"\\e059\";\n}\n.icon-budicon-184:before {\n  content: \"\\e05a\";\n}\n.icon-budicon-185:before {\n  content: \"\\e05b\";\n}\n.icon-budicon-186:before {\n  content: \"\\e05c\";\n}\n.icon-budicon-187:before {\n  content: \"\\e05d\";\n}\n.icon-budicon-188:before {\n  content: \"\\e05e\";\n}\n.icon-budicon-189:before {\n  content: \"\\e05f\";\n}\n.icon-budicon-190:before {\n  content: \"\\e060\";\n}\n.icon-budicon-191:before {\n  content: \"\\e061\";\n}\n.icon-budicon-192:before {\n  content: \"\\e062\";\n}\n.icon-budicon-193:before {\n  content: \"\\e063\";\n}\n.icon-budicon-194:before {\n  content: \"\\e064\";\n}\n.icon-budicon-195:before {\n  content: \"\\e065\";\n}\n.icon-budicon-196:before {\n  content: \"\\e066\";\n}\n.icon-budicon-197:before {\n  content: \"\\e067\";\n}\n.icon-budicon-198:before {\n  content: \"\\e068\";\n}\n.icon-budicon-199:before {\n  content: \"\\e069\";\n}\n.icon-budicon-200:before {\n  content: \"\\e06a\";\n}\n.icon-budicon-201:before {\n  content: \"\\e06b\";\n}\n.icon-budicon-202:before {\n  content: \"\\e06c\";\n}\n.icon-budicon-203:before {\n  content: \"\\e06d\";\n}\n.icon-budicon-204:before {\n  content: \"\\e06e\";\n}\n.icon-budicon-205:before {\n  content: \"\\e06f\";\n}\n.icon-budicon-206:before {\n  content: \"\\e070\";\n}\n.icon-budicon-207:before {\n  content: \"\\e071\";\n}\n.icon-budicon-208:before {\n  content: \"\\e072\";\n}\n.icon-budicon-209:before {\n  content: \"\\e073\";\n}\n.icon-budicon-210:before {\n  content: \"\\e074\";\n}\n.icon-budicon-211:before {\n  content: \"\\e075\";\n}\n.icon-budicon-212:before {\n  content: \"\\e076\";\n}\n.icon-budicon-213:before {\n  content: \"\\e077\";\n}\n.icon-budicon-214:before {\n  content: \"\\e078\";\n}\n.icon-budicon-215:before {\n  content: \"\\e079\";\n}\n.icon-budicon-216:before {\n  content: \"\\e07a\";\n}\n.icon-budicon-217:before {\n  content: \"\\e07b\";\n}\n.icon-budicon-218:before {\n  content: \"\\e07c\";\n}\n.icon-budicon-219:before {\n  content: \"\\e07d\";\n}\n.icon-budicon-220:before {\n  content: \"\\e07e\";\n}\n.icon-budicon-221:before {\n  content: \"\\e07f\";\n}\n.icon-budicon-222:before {\n  content: \"\\e080\";\n}\n.icon-budicon-223:before {\n  content: \"\\e081\";\n}\n.icon-budicon-224:before {\n  content: \"\\e082\";\n}\n.icon-budicon-225:before {\n  content: \"\\e083\";\n}\n.icon-budicon-226:before {\n  content: \"\\e084\";\n}\n.icon-budicon-227:before {\n  content: \"\\e085\";\n}\n.icon-budicon-228:before {\n  content: \"\\e086\";\n}\n.icon-budicon-229:before {\n  content: \"\\e087\";\n}\n.icon-budicon-230:before {\n  content: \"\\e088\";\n}\n.icon-budicon-231:before {\n  content: \"\\e089\";\n}\n.icon-budicon-232:before {\n  content: \"\\e08a\";\n}\n.icon-budicon-233:before {\n  content: \"\\e08b\";\n}\n.icon-budicon-234:before {\n  content: \"\\e08c\";\n}\n.icon-budicon-235:before {\n  content: \"\\e08d\";\n}\n.icon-budicon-236:before {\n  content: \"\\e08e\";\n}\n.icon-budicon-237:before {\n  content: \"\\e08f\";\n}\n.icon-budicon-238:before {\n  content: \"\\e090\";\n}\n.icon-budicon-239:before {\n  content: \"\\e091\";\n}\n.icon-budicon-240:before {\n  content: \"\\e092\";\n}\n.icon-budicon-241:before {\n  content: \"\\e093\";\n}\n.icon-budicon-242:before {\n  content: \"\\e094\";\n}\n.icon-budicon-243:before {\n  content: \"\\e095\";\n}\n.icon-budicon-244:before {\n  content: \"\\e096\";\n}\n.icon-budicon-245:before {\n  content: \"\\e097\";\n}\n.icon-budicon-246:before {\n  content: \"\\e098\";\n}\n.icon-budicon-247:before {\n  content: \"\\e099\";\n}\n.icon-budicon-248:before {\n  content: \"\\e09a\";\n}\n.icon-budicon-249:before {\n  content: \"\\e09b\";\n}\n.icon-budicon-250:before {\n  content: \"\\e09c\";\n}\n.icon-budicon-251:before {\n  content: \"\\e09d\";\n}\n.icon-budicon-252:before {\n  content: \"\\e09e\";\n}\n.icon-budicon-253:before {\n  content: \"\\e09f\";\n}\n.icon-budicon-254:before {\n  content: \"\\e0a0\";\n}\n.icon-budicon-255:before {\n  content: \"\\e0a1\";\n}\n.icon-budicon-256:before {\n  content: \"\\e0a2\";\n}\n.icon-budicon-257:before {\n  content: \"\\e0a3\";\n}\n.icon-budicon-258:before {\n  content: \"\\e0a4\";\n}\n.icon-budicon-259:before {\n  content: \"\\e0a5\";\n}\n.icon-budicon-260:before {\n  content: \"\\e0a6\";\n}\n.icon-budicon-261:before {\n  content: \"\\e0a7\";\n}\n.icon-budicon-262:before {\n  content: \"\\e0a8\";\n}\n.icon-budicon-263:before {\n  content: \"\\e0a9\";\n}\n.icon-budicon-264:before {\n  content: \"\\e0aa\";\n}\n.icon-budicon-265:before {\n  content: \"\\e0ab\";\n}\n.icon-budicon-266:before {\n  content: \"\\e0ac\";\n}\n.icon-budicon-267:before {\n  content: \"\\e0ad\";\n}\n.icon-budicon-268:before {\n  content: \"\\e0ae\";\n}\n.icon-budicon-269:before {\n  content: \"\\e0af\";\n}\n.icon-budicon-270:before {\n  content: \"\\e0b0\";\n}\n.icon-budicon-271:before {\n  content: \"\\e0b1\";\n}\n.icon-budicon-272:before {\n  content: \"\\e0b2\";\n}\n.icon-budicon-273:before {\n  content: \"\\e0b3\";\n}\n.icon-budicon-274:before {\n  content: \"\\e0b4\";\n}\n.icon-budicon-275:before {\n  content: \"\\e0b5\";\n}\n.icon-budicon-276:before {\n  content: \"\\e0b6\";\n}\n.icon-budicon-277:before {\n  content: \"\\e0b7\";\n}\n.icon-budicon-278:before {\n  content: \"\\e0b8\";\n}\n.icon-budicon-279:before {\n  content: \"\\e0b9\";\n}\n.icon-budicon-280:before {\n  content: \"\\e0ba\";\n}\n.icon-budicon-281:before {\n  content: \"\\e0bb\";\n}\n.icon-budicon-282:before {\n  content: \"\\e0bc\";\n}\n.icon-budicon-283:before {\n  content: \"\\e0bd\";\n}\n.icon-budicon-284:before {\n  content: \"\\e0be\";\n}\n.icon-budicon-285:before {\n  content: \"\\e0bf\";\n}\n.icon-budicon-286:before {\n  content: \"\\e0c0\";\n}\n.icon-budicon-287:before {\n  content: \"\\e0c1\";\n}\n.icon-budicon-288:before {\n  content: \"\\e0c2\";\n}\n.icon-budicon-289:before {\n  content: \"\\e0c3\";\n}\n.icon-budicon-290:before {\n  content: \"\\e0c4\";\n}\n.icon-budicon-291:before {\n  content: \"\\e0c5\";\n}\n.icon-budicon-292:before {\n  content: \"\\e0c6\";\n}\n.icon-budicon-293:before {\n  content: \"\\e0c7\";\n}\n.icon-budicon-294:before {\n  content: \"\\e0c8\";\n}\n.icon-budicon-295:before {\n  content: \"\\e0c9\";\n}\n.icon-budicon-296:before {\n  content: \"\\e0ca\";\n}\n.icon-budicon-297:before {\n  content: \"\\e0cb\";\n}\n.icon-budicon-298:before {\n  content: \"\\e0cc\";\n}\n.icon-budicon-299:before {\n  content: \"\\e0cd\";\n}\n.icon-budicon-300:before {\n  content: \"\\e0ce\";\n}\n.icon-budicon-301:before {\n  content: \"\\e0cf\";\n}\n.icon-budicon-302:before {\n  content: \"\\e0d0\";\n}\n.icon-budicon-303:before {\n  content: \"\\e0d1\";\n}\n.icon-budicon-304:before {\n  content: \"\\e0d2\";\n}\n.icon-budicon-305:before {\n  content: \"\\e0d3\";\n}\n.icon-budicon-306:before {\n  content: \"\\e0d4\";\n}\n.icon-budicon-307:before {\n  content: \"\\e0d5\";\n}\n.icon-budicon-308:before {\n  content: \"\\e0d6\";\n}\n.icon-budicon-309:before {\n  content: \"\\e0d7\";\n}\n.icon-budicon-310:before {\n  content: \"\\e0d8\";\n}\n.icon-budicon-311:before {\n  content: \"\\e0d9\";\n}\n.icon-budicon-312:before {\n  content: \"\\e0da\";\n}\n.icon-budicon-313:before {\n  content: \"\\e0db\";\n}\n.icon-budicon-314:before {\n  content: \"\\e0dc\";\n}\n.icon-budicon-315:before {\n  content: \"\\e0dd\";\n}\n.icon-budicon-316:before {\n  content: \"\\e0de\";\n}\n.icon-budicon-317:before {\n  content: \"\\e0df\";\n}\n.icon-budicon-318:before {\n  content: \"\\e0e0\";\n}\n.icon-budicon-319:before {\n  content: \"\\e0e1\";\n}\n.icon-budicon-320:before {\n  content: \"\\e0e2\";\n}\n.icon-budicon-321:before {\n  content: \"\\e0e3\";\n}\n.icon-budicon-322:before {\n  content: \"\\e0e4\";\n}\n.icon-budicon-323:before {\n  content: \"\\e0e5\";\n}\n.icon-budicon-324:before {\n  content: \"\\e0e6\";\n}\n.icon-budicon-325:before {\n  content: \"\\e0e7\";\n}\n.icon-budicon-326:before {\n  content: \"\\e0e8\";\n}\n.icon-budicon-327:before {\n  content: \"\\e0e9\";\n}\n.icon-budicon-328:before {\n  content: \"\\e0ea\";\n}\n.icon-budicon-329:before {\n  content: \"\\e0eb\";\n}\n.icon-budicon-330:before {\n  content: \"\\e0ec\";\n}\n.icon-budicon-331:before {\n  content: \"\\e0ed\";\n}\n.icon-budicon-332:before {\n  content: \"\\e0ee\";\n}\n.icon-budicon-333:before {\n  content: \"\\e0ef\";\n}\n.icon-budicon-334:before {\n  content: \"\\e0f0\";\n}\n.icon-budicon-335:before {\n  content: \"\\e0f1\";\n}\n.icon-budicon-336:before {\n  content: \"\\e0f2\";\n}\n.icon-budicon-337:before {\n  content: \"\\e0f3\";\n}\n.icon-budicon-338:before {\n  content: \"\\e0f4\";\n}\n.icon-budicon-339:before {\n  content: \"\\e0f5\";\n}\n.icon-budicon-340:before {\n  content: \"\\e0f6\";\n}\n.icon-budicon-341:before {\n  content: \"\\e0f7\";\n}\n.icon-budicon-342:before {\n  content: \"\\e0f8\";\n}\n.icon-budicon-343:before {\n  content: \"\\e0f9\";\n}\n.icon-budicon-344:before {\n  content: \"\\e0fa\";\n}\n.icon-budicon-345:before {\n  content: \"\\e0fb\";\n}\n.icon-budicon-346:before {\n  content: \"\\e0fc\";\n}\n.icon-budicon-347:before {\n  content: \"\\e0fd\";\n}\n.icon-budicon-348:before {\n  content: \"\\e0fe\";\n}\n.icon-budicon-349:before {\n  content: \"\\e0ff\";\n}\n.icon-budicon-350:before {\n  content: \"\\e100\";\n}\n.icon-budicon-351:before {\n  content: \"\\e101\";\n}\n.icon-budicon-352:before {\n  content: \"\\e102\";\n}\n.icon-budicon-353:before {\n  content: \"\\e103\";\n}\n.icon-budicon-354:before {\n  content: \"\\e104\";\n}\n.icon-budicon-355:before {\n  content: \"\\e105\";\n}\n.icon-budicon-356:before {\n  content: \"\\e106\";\n}\n.icon-budicon-357:before {\n  content: \"\\e107\";\n}\n.icon-budicon-358:before {\n  content: \"\\e108\";\n}\n.icon-budicon-359:before {\n  content: \"\\e109\";\n}\n.icon-budicon-360:before {\n  content: \"\\e10a\";\n}\n.icon-budicon-361:before {\n  content: \"\\e10b\";\n}\n.icon-budicon-362:before {\n  content: \"\\e10c\";\n}\n.icon-budicon-363:before {\n  content: \"\\e10d\";\n}\n.icon-budicon-364:before {\n  content: \"\\e10e\";\n}\n.icon-budicon-365:before {\n  content: \"\\e10f\";\n}\n.icon-budicon-366:before {\n  content: \"\\e110\";\n}\n.icon-budicon-367:before {\n  content: \"\\e111\";\n}\n.icon-budicon-368:before {\n  content: \"\\e112\";\n}\n.icon-budicon-369:before {\n  content: \"\\e113\";\n}\n.icon-budicon-370:before {\n  content: \"\\e114\";\n}\n.icon-budicon-371:before {\n  content: \"\\e115\";\n}\n.icon-budicon-372:before {\n  content: \"\\e116\";\n}\n.icon-budicon-373:before {\n  content: \"\\e117\";\n}\n.icon-budicon-374:before {\n  content: \"\\e118\";\n}\n.icon-budicon-375:before {\n  content: \"\\e119\";\n}\n.icon-budicon-376:before {\n  content: \"\\e11a\";\n}\n.icon-budicon-377:before {\n  content: \"\\e11b\";\n}\n.icon-budicon-378:before {\n  content: \"\\e11c\";\n}\n.icon-budicon-379:before {\n  content: \"\\e11d\";\n}\n.icon-budicon-380:before {\n  content: \"\\e11e\";\n}\n.icon-budicon-381:before {\n  content: \"\\e11f\";\n}\n.icon-budicon-382:before {\n  content: \"\\e120\";\n}\n.icon-budicon-383:before {\n  content: \"\\e121\";\n}\n.icon-budicon-384:before {\n  content: \"\\e122\";\n}\n.icon-budicon-385:before {\n  content: \"\\e123\";\n}\n.icon-budicon-386:before {\n  content: \"\\e124\";\n}\n.icon-budicon-387:before {\n  content: \"\\e125\";\n}\n.icon-budicon-388:before {\n  content: \"\\e126\";\n}\n.icon-budicon-389:before {\n  content: \"\\e127\";\n}\n.icon-budicon-390:before {\n  content: \"\\e128\";\n}\n.icon-budicon-391:before {\n  content: \"\\e129\";\n}\n.icon-budicon-392:before {\n  content: \"\\e12a\";\n}\n.icon-budicon-393:before {\n  content: \"\\e12b\";\n}\n.icon-budicon-394:before {\n  content: \"\\e12c\";\n}\n.icon-budicon-395:before {\n  content: \"\\e12d\";\n}\n.icon-budicon-396:before {\n  content: \"\\e12e\";\n}\n.icon-budicon-397:before {\n  content: \"\\e12f\";\n}\n.icon-budicon-398:before {\n  content: \"\\e130\";\n}\n.icon-budicon-399:before {\n  content: \"\\e131\";\n}\n.icon-budicon-400:before {\n  content: \"\\e132\";\n}\n.icon-budicon-401:before {\n  content: \"\\e133\";\n}\n.icon-budicon-402:before {\n  content: \"\\e134\";\n}\n.icon-budicon-403:before {\n  content: \"\\e135\";\n}\n.icon-budicon-404:before {\n  content: \"\\e136\";\n}\n.icon-budicon-405:before {\n  content: \"\\e137\";\n}\n.icon-budicon-406:before {\n  content: \"\\e138\";\n}\n.icon-budicon-407:before {\n  content: \"\\e139\";\n}\n.icon-budicon-408:before {\n  content: \"\\e13a\";\n}\n.icon-budicon-409:before {\n  content: \"\\e13b\";\n}\n.icon-budicon-410:before {\n  content: \"\\e13c\";\n}\n.icon-budicon-411:before {\n  content: \"\\e13d\";\n}\n.icon-budicon-412:before {\n  content: \"\\e13e\";\n}\n.icon-budicon-413:before {\n  content: \"\\e13f\";\n}\n.icon-budicon-414:before {\n  content: \"\\e140\";\n}\n.icon-budicon-415:before {\n  content: \"\\e141\";\n}\n.icon-budicon-416:before {\n  content: \"\\e142\";\n}\n.icon-budicon-417:before {\n  content: \"\\e143\";\n}\n.icon-budicon-418:before {\n  content: \"\\e144\";\n}\n.icon-budicon-419:before {\n  content: \"\\e145\";\n}\n.icon-budicon-420:before {\n  content: \"\\e146\";\n}\n.icon-budicon-421:before {\n  content: \"\\e147\";\n}\n.icon-budicon-422:before {\n  content: \"\\e148\";\n}\n.icon-budicon-423:before {\n  content: \"\\e149\";\n}\n.icon-budicon-424:before {\n  content: \"\\e14a\";\n}\n.icon-budicon-425:before {\n  content: \"\\e14b\";\n}\n.icon-budicon-426:before {\n  content: \"\\e14c\";\n}\n.icon-budicon-427:before {\n  content: \"\\e14d\";\n}\n.icon-budicon-428:before {\n  content: \"\\e14e\";\n}\n.icon-budicon-429:before {\n  content: \"\\e14f\";\n}\n.icon-budicon-430:before {\n  content: \"\\e150\";\n}\n.icon-budicon-431:before {\n  content: \"\\e151\";\n}\n.icon-budicon-432:before {\n  content: \"\\e152\";\n}\n.icon-budicon-433:before {\n  content: \"\\e153\";\n}\n.icon-budicon-434:before {\n  content: \"\\e154\";\n}\n.icon-budicon-435:before {\n  content: \"\\e155\";\n}\n.icon-budicon-436:before {\n  content: \"\\e156\";\n}\n.icon-budicon-437:before {\n  content: \"\\e157\";\n}\n.icon-budicon-438:before {\n  content: \"\\e158\";\n}\n.icon-budicon-439:before {\n  content: \"\\e159\";\n}\n.icon-budicon-440:before {\n  content: \"\\e15a\";\n}\n.icon-budicon-441:before {\n  content: \"\\e15b\";\n}\n.icon-budicon-442:before {\n  content: \"\\e15c\";\n}\n.icon-budicon-443:before {\n  content: \"\\e15d\";\n}\n.icon-budicon-444:before {\n  content: \"\\e15e\";\n}\n.icon-budicon-445:before {\n  content: \"\\e15f\";\n}\n.icon-budicon-446:before {\n  content: \"\\e160\";\n}\n.icon-budicon-447:before {\n  content: \"\\e161\";\n}\n.icon-budicon-448:before {\n  content: \"\\e162\";\n}\n.icon-budicon-449:before {\n  content: \"\\e163\";\n}\n.icon-budicon-450:before {\n  content: \"\\e164\";\n}\n.icon-budicon-451:before {\n  content: \"\\e165\";\n}\n.icon-budicon-452:before {\n  content: \"\\e166\";\n}\n.icon-budicon-453:before {\n  content: \"\\e167\";\n}\n.icon-budicon-454:before {\n  content: \"\\e168\";\n}\n.icon-budicon-455:before {\n  content: \"\\e169\";\n}\n.icon-budicon-456:before {\n  content: \"\\e16a\";\n}\n.icon-budicon-457:before {\n  content: \"\\e16b\";\n}\n.icon-budicon-458:before {\n  content: \"\\e16c\";\n}\n.icon-budicon-459:before {\n  content: \"\\e16d\";\n}\n.icon-budicon-460:before {\n  content: \"\\e16e\";\n}\n.icon-budicon-461:before {\n  content: \"\\e16f\";\n}\n.icon-budicon-462:before {\n  content: \"\\e170\";\n}\n.icon-budicon-463:before {\n  content: \"\\e171\";\n}\n.icon-budicon-464:before {\n  content: \"\\e172\";\n}\n.icon-budicon-465:before {\n  content: \"\\e173\";\n}\n.icon-budicon-466:before {\n  content: \"\\e174\";\n}\n.icon-budicon-467:before {\n  content: \"\\e175\";\n}\n.icon-budicon-468:before {\n  content: \"\\e176\";\n}\n.icon-budicon-469:before {\n  content: \"\\e177\";\n}\n.icon-budicon-470:before {\n  content: \"\\e178\";\n}\n.icon-budicon-471:before {\n  content: \"\\e179\";\n}\n.icon-budicon-472:before {\n  content: \"\\e17a\";\n}\n.icon-budicon-473:before {\n  content: \"\\e17b\";\n}\n.icon-budicon-474:before {\n  content: \"\\e17c\";\n}\n.icon-budicon-475:before {\n  content: \"\\e17d\";\n}\n.icon-budicon-476:before {\n  content: \"\\e17e\";\n}\n.icon-budicon-477:before {\n  content: \"\\e17f\";\n}\n.icon-budicon-478:before {\n  content: \"\\e180\";\n}\n.icon-budicon-479:before {\n  content: \"\\e181\";\n}\n.icon-budicon-480:before {\n  content: \"\\e182\";\n}\n.icon-budicon-481:before {\n  content: \"\\e183\";\n}\n.icon-budicon-482:before {\n  content: \"\\e184\";\n}\n.icon-budicon-483:before {\n  content: \"\\e185\";\n}\n.icon-budicon-484:before {\n  content: \"\\e186\";\n}\n.icon-budicon-485:before {\n  content: \"\\e187\";\n}\n.icon-budicon-486:before {\n  content: \"\\e188\";\n}\n.icon-budicon-487:before {\n  content: \"\\e189\";\n}\n.icon-budicon-488:before {\n  content: \"\\e18a\";\n}\n.icon-budicon-489:before {\n  content: \"\\e18b\";\n}\n.icon-budicon-490:before {\n  content: \"\\e18c\";\n}\n.icon-budicon-491:before {\n  content: \"\\e18d\";\n}\n.icon-budicon-492:before {\n  content: \"\\e18e\";\n}\n.icon-budicon-493:before {\n  content: \"\\e18f\";\n}\n.icon-budicon-494:before {\n  content: \"\\e190\";\n}\n.icon-budicon-495:before {\n  content: \"\\e191\";\n}\n.icon-budicon-496:before {\n  content: \"\\e192\";\n}\n.icon-budicon-497:before {\n  content: \"\\e193\";\n}\n.icon-budicon-498:before {\n  content: \"\\e194\";\n}\n.icon-budicon-499:before {\n  content: \"\\e195\";\n}\n.icon-budicon-500:before {\n  content: \"\\e196\";\n}\n.icon-budicon-501:before {\n  content: \"\\e197\";\n}\n.icon-budicon-502:before {\n  content: \"\\e198\";\n}\n.icon-budicon-503:before {\n  content: \"\\e199\";\n}\n.icon-budicon-504:before {\n  content: \"\\e19a\";\n}\n.icon-budicon-505:before {\n  content: \"\\e19b\";\n}\n.icon-budicon-506:before {\n  content: \"\\e19c\";\n}\n.icon-budicon-507:before {\n  content: \"\\e19d\";\n}\n.icon-budicon-508:before {\n  content: \"\\e19e\";\n}\n.icon-budicon-509:before {\n  content: \"\\e19f\";\n}\n.icon-budicon-510:before {\n  content: \"\\e1a0\";\n}\n.icon-budicon-511:before {\n  content: \"\\e1a1\";\n}\n.icon-budicon-512:before {\n  content: \"\\e1a2\";\n}\n.icon-budicon-513:before {\n  content: \"\\e1a3\";\n}\n.icon-budicon-514:before {\n  content: \"\\e1a4\";\n}\n.icon-budicon-515:before {\n  content: \"\\e1a5\";\n}\n.icon-budicon-516:before {\n  content: \"\\e1a6\";\n}\n.icon-budicon-517:before {\n  content: \"\\e1a7\";\n}\n.icon-budicon-518:before {\n  content: \"\\e1a8\";\n}\n.icon-budicon-519:before {\n  content: \"\\e1a9\";\n}\n.icon-budicon-520:before {\n  content: \"\\e1aa\";\n}\n.icon-budicon-521:before {\n  content: \"\\e1ab\";\n}\n.icon-budicon-522:before {\n  content: \"\\e1ac\";\n}\n.icon-budicon-523:before {\n  content: \"\\e1ad\";\n}\n.icon-budicon-524:before {\n  content: \"\\e1ae\";\n}\n.icon-budicon-525:before {\n  content: \"\\e1af\";\n}\n.icon-budicon-526:before {\n  content: \"\\e1b0\";\n}\n.icon-budicon-527:before {\n  content: \"\\e1b1\";\n}\n.icon-budicon-528:before {\n  content: \"\\e1b2\";\n}\n.icon-budicon-529:before {\n  content: \"\\e1b3\";\n}\n.icon-budicon-530:before {\n  content: \"\\e1b4\";\n}\n.icon-budicon-531:before {\n  content: \"\\e1b5\";\n}\n.icon-budicon-532:before {\n  content: \"\\e1b6\";\n}\n.icon-budicon-533:before {\n  content: \"\\e1b7\";\n}\n.icon-budicon-534:before {\n  content: \"\\e1b8\";\n}\n.icon-budicon-535:before {\n  content: \"\\e1b9\";\n}\n.icon-budicon-536:before {\n  content: \"\\e1ba\";\n}\n.icon-budicon-537:before {\n  content: \"\\e1bb\";\n}\n.icon-budicon-538:before {\n  content: \"\\e1bc\";\n}\n.icon-budicon-539:before {\n  content: \"\\e1bd\";\n}\n.icon-budicon-540:before {\n  content: \"\\e1be\";\n}\n.icon-budicon-541:before {\n  content: \"\\e1bf\";\n}\n.icon-budicon-542:before {\n  content: \"\\e1c0\";\n}\n.icon-budicon-543:before {\n  content: \"\\e1c1\";\n}\n.icon-budicon-544:before {\n  content: \"\\e1c2\";\n}\n.icon-budicon-545:before {\n  content: \"\\e1c3\";\n}\n.icon-budicon-546:before {\n  content: \"\\e1c4\";\n}\n.icon-budicon-547:before {\n  content: \"\\e1c5\";\n}\n.icon-budicon-548:before {\n  content: \"\\e1c6\";\n}\n.icon-budicon-549:before {\n  content: \"\\e1c7\";\n}\n.icon-budicon-550:before {\n  content: \"\\e1c8\";\n}\n.icon-budicon-551:before {\n  content: \"\\e1c9\";\n}\n.icon-budicon-552:before {\n  content: \"\\e1ca\";\n}\n.icon-budicon-553:before {\n  content: \"\\e1cb\";\n}\n.icon-budicon-554:before {\n  content: \"\\e1cc\";\n}\n.icon-budicon-555:before {\n  content: \"\\e1cd\";\n}\n.icon-budicon-556:before {\n  content: \"\\e1ce\";\n}\n.icon-budicon-557:before {\n  content: \"\\e1cf\";\n}\n.icon-budicon-558:before {\n  content: \"\\e1d0\";\n}\n.icon-budicon-559:before {\n  content: \"\\e1d1\";\n}\n.icon-budicon-560:before {\n  content: \"\\e1d2\";\n}\n.icon-budicon-561:before {\n  content: \"\\e1d3\";\n}\n.icon-budicon-562:before {\n  content: \"\\e1d4\";\n}\n.icon-budicon-563:before {\n  content: \"\\e1d5\";\n}\n.icon-budicon-564:before {\n  content: \"\\e1d6\";\n}\n.icon-budicon-565:before {\n  content: \"\\e1d7\";\n}\n.icon-budicon-566:before {\n  content: \"\\e1d8\";\n}\n.icon-budicon-567:before {\n  content: \"\\e1d9\";\n}\n.icon-budicon-568:before {\n  content: \"\\e1da\";\n}\n.icon-budicon-569:before {\n  content: \"\\e1db\";\n}\n.icon-budicon-570:before {\n  content: \"\\e1dc\";\n}\n.icon-budicon-571:before {\n  content: \"\\e1dd\";\n}\n.icon-budicon-572:before {\n  content: \"\\e1de\";\n}\n.icon-budicon-573:before {\n  content: \"\\e1df\";\n}\n.icon-budicon-574:before {\n  content: \"\\e1e0\";\n}\n.icon-budicon-575:before {\n  content: \"\\e1e1\";\n}\n.icon-budicon-576:before {\n  content: \"\\e1e2\";\n}\n.icon-budicon-577:before {\n  content: \"\\e1e3\";\n}\n.icon-budicon-578:before {\n  content: \"\\e1e4\";\n}\n.icon-budicon-579:before {\n  content: \"\\e1e5\";\n}\n.icon-budicon-580:before {\n  content: \"\\e1e6\";\n}\n.icon-budicon-581:before {\n  content: \"\\e1e7\";\n}\n.icon-budicon-582:before {\n  content: \"\\e1e8\";\n}\n.icon-budicon-583:before {\n  content: \"\\e1e9\";\n}\n.icon-budicon-584:before {\n  content: \"\\e1ea\";\n}\n.icon-budicon-585:before {\n  content: \"\\e1eb\";\n}\n.icon-budicon-586:before {\n  content: \"\\e1ec\";\n}\n.icon-budicon-587:before {\n  content: \"\\e1ed\";\n}\n.icon-budicon-588:before {\n  content: \"\\e1ee\";\n}\n.icon-budicon-589:before {\n  content: \"\\e1ef\";\n}\n.icon-budicon-590:before {\n  content: \"\\e1f0\";\n}\n.icon-budicon-591:before {\n  content: \"\\e1f1\";\n}\n.icon-budicon-592:before {\n  content: \"\\e1f2\";\n}\n.icon-budicon-593:before {\n  content: \"\\e1f3\";\n}\n.icon-budicon-594:before {\n  content: \"\\e1f4\";\n}\n.icon-budicon-595:before {\n  content: \"\\e1f5\";\n}\n.icon-budicon-596:before {\n  content: \"\\e1f6\";\n}\n.icon-budicon-597:before {\n  content: \"\\e1f7\";\n}\n.icon-budicon-598:before {\n  content: \"\\e1f8\";\n}\n.icon-budicon-599:before {\n  content: \"\\e1f9\";\n}\n.icon-budicon-600:before {\n  content: \"\\e1fa\";\n}\n.icon-budicon-601:before {\n  content: \"\\e1fb\";\n}\n.icon-budicon-602:before {\n  content: \"\\e1fc\";\n}\n.icon-budicon-603:before {\n  content: \"\\e1fd\";\n}\n.icon-budicon-604:before {\n  content: \"\\e1fe\";\n}\n.icon-budicon-605:before {\n  content: \"\\e1ff\";\n}\n.icon-budicon-606:before {\n  content: \"\\e200\";\n}\n.icon-budicon-607:before {\n  content: \"\\e201\";\n}\n.icon-budicon-608:before {\n  content: \"\\e202\";\n}\n.icon-budicon-609:before {\n  content: \"\\e203\";\n}\n.icon-budicon-610:before {\n  content: \"\\e204\";\n}\n.icon-budicon-611:before {\n  content: \"\\e205\";\n}\n.icon-budicon-612:before {\n  content: \"\\e206\";\n}\n.icon-budicon-613:before {\n  content: \"\\e207\";\n}\n.icon-budicon-614:before {\n  content: \"\\e208\";\n}\n.icon-budicon-615:before {\n  content: \"\\e209\";\n}\n.icon-budicon-616:before {\n  content: \"\\e20a\";\n}\n.icon-budicon-617:before {\n  content: \"\\e20b\";\n}\n.icon-budicon-618:before {\n  content: \"\\e20c\";\n}\n.icon-budicon-619:before {\n  content: \"\\e20d\";\n}\n.icon-budicon-620:before {\n  content: \"\\e20e\";\n}\n.icon-budicon-621:before {\n  content: \"\\e20f\";\n}\n.icon-budicon-622:before {\n  content: \"\\e210\";\n}\n.icon-budicon-623:before {\n  content: \"\\e211\";\n}\n.icon-budicon-624:before {\n  content: \"\\e212\";\n}\n.icon-budicon-625:before {\n  content: \"\\e213\";\n}\n.icon-budicon-626:before {\n  content: \"\\e214\";\n}\n.icon-budicon-627:before {\n  content: \"\\e215\";\n}\n.icon-budicon-628:before {\n  content: \"\\e216\";\n}\n.icon-budicon-629:before {\n  content: \"\\e217\";\n}\n.icon-budicon-630:before {\n  content: \"\\e218\";\n}\n.icon-budicon-631:before {\n  content: \"\\e219\";\n}\n.icon-budicon-632:before {\n  content: \"\\e21a\";\n}\n.icon-budicon-633:before {\n  content: \"\\e21b\";\n}\n.icon-budicon-634:before {\n  content: \"\\e21c\";\n}\n.icon-budicon-635:before {\n  content: \"\\e21d\";\n}\n.icon-budicon-636:before {\n  content: \"\\e21e\";\n}\n.icon-budicon-637:before {\n  content: \"\\e21f\";\n}\n.icon-budicon-638:before {\n  content: \"\\e220\";\n}\n.icon-budicon-639:before {\n  content: \"\\e221\";\n}\n.icon-budicon-640:before {\n  content: \"\\e222\";\n}\n.icon-budicon-641:before {\n  content: \"\\e223\";\n}\n.icon-budicon-642:before {\n  content: \"\\e224\";\n}\n.icon-budicon-643:before {\n  content: \"\\e225\";\n}\n.icon-budicon-644:before {\n  content: \"\\e226\";\n}\n.icon-budicon-645:before {\n  content: \"\\e227\";\n}\n.icon-budicon-646:before {\n  content: \"\\e228\";\n}\n.icon-budicon-647:before {\n  content: \"\\e229\";\n}\n.icon-budicon-648:before {\n  content: \"\\e22a\";\n}\n.icon-budicon-649:before {\n  content: \"\\e22b\";\n}\n.icon-budicon-650:before {\n  content: \"\\e22c\";\n}\n.icon-budicon-651:before {\n  content: \"\\e22d\";\n}\n.icon-budicon-652:before {\n  content: \"\\e22e\";\n}\n.icon-budicon-653:before {\n  content: \"\\e22f\";\n}\n.icon-budicon-654:before {\n  content: \"\\e230\";\n}\n.icon-budicon-655:before {\n  content: \"\\e231\";\n}\n.icon-budicon-656:before {\n  content: \"\\e232\";\n}\n.icon-budicon-657:before {\n  content: \"\\e233\";\n}\n.icon-budicon-658:before {\n  content: \"\\e234\";\n}\n.icon-budicon-659:before {\n  content: \"\\e235\";\n}\n.icon-budicon-660:before {\n  content: \"\\e236\";\n}\n.icon-budicon-661:before {\n  content: \"\\e237\";\n}\n.icon-budicon-662:before {\n  content: \"\\e238\";\n}\n.icon-budicon-663:before {\n  content: \"\\e239\";\n}\n.icon-budicon-664:before {\n  content: \"\\e23a\";\n}\n.icon-budicon-665:before {\n  content: \"\\e23b\";\n}\n.icon-budicon-666:before {\n  content: \"\\e23c\";\n}\n.icon-budicon-667:before {\n  content: \"\\e23d\";\n}\n.icon-budicon-668:before {\n  content: \"\\e23e\";\n}\n.icon-budicon-669:before {\n  content: \"\\e23f\";\n}\n.icon-budicon-670:before {\n  content: \"\\e240\";\n}\n.icon-budicon-671:before {\n  content: \"\\e241\";\n}\n.icon-budicon-672:before {\n  content: \"\\e242\";\n}\n.icon-budicon-673:before {\n  content: \"\\e243\";\n}\n.icon-budicon-674:before {\n  content: \"\\e244\";\n}\n.icon-budicon-675:before {\n  content: \"\\e245\";\n}\n.icon-budicon-676:before {\n  content: \"\\e246\";\n}\n.icon-budicon-677:before {\n  content: \"\\e247\";\n}\n.icon-budicon-678:before {\n  content: \"\\e248\";\n}\n.icon-budicon-679:before {\n  content: \"\\e249\";\n}\n.icon-budicon-680:before {\n  content: \"\\e24a\";\n}\n.icon-budicon-681:before {\n  content: \"\\e24b\";\n}\n.icon-budicon-682:before {\n  content: \"\\e24c\";\n}\n.icon-budicon-683:before {\n  content: \"\\e24d\";\n}\n.icon-budicon-684:before {\n  content: \"\\e24e\";\n}\n.icon-budicon-685:before {\n  content: \"\\e24f\";\n}\n.icon-budicon-686:before {\n  content: \"\\e250\";\n}\n.icon-budicon-687:before {\n  content: \"\\e251\";\n}\n.icon-budicon-688:before {\n  content: \"\\e252\";\n}\n.icon-budicon-689:before {\n  content: \"\\e253\";\n}\n.icon-budicon-690:before {\n  content: \"\\e254\";\n}\n.icon-budicon-691:before {\n  content: \"\\e255\";\n}\n.icon-budicon-692:before {\n  content: \"\\e256\";\n}\n.icon-budicon-693:before {\n  content: \"\\e257\";\n}\n.icon-budicon-694:before {\n  content: \"\\e258\";\n}\n.icon-budicon-695:before {\n  content: \"\\e259\";\n}\n.icon-budicon-696:before {\n  content: \"\\e25a\";\n}\n.icon-budicon-697:before {\n  content: \"\\e25b\";\n}\n.icon-budicon-698:before {\n  content: \"\\e25c\";\n}\n.icon-budicon-699:before {\n  content: \"\\e25d\";\n}\n.icon-budicon-700:before {\n  content: \"\\e25e\";\n}\n.icon-budicon-701:before {\n  content: \"\\e25f\";\n}\n.icon-budicon-702:before {\n  content: \"\\e260\";\n}\n.icon-budicon-703:before {\n  content: \"\\e261\";\n}\n.icon-budicon-704:before {\n  content: \"\\e262\";\n}\n.icon-budicon-705:before {\n  content: \"\\e263\";\n}\n.icon-budicon-706:before {\n  content: \"\\e264\";\n}\n.icon-budicon-707:before {\n  content: \"\\e265\";\n}\n.icon-budicon-708:before {\n  content: \"\\e266\";\n}\n.icon-budicon-709:before {\n  content: \"\\e267\";\n}\n.icon-budicon-710:before {\n  content: \"\\e268\";\n}\n.icon-budicon-711:before {\n  content: \"\\e269\";\n}\n.icon-budicon-712:before {\n  content: \"\\e26a\";\n}\n.icon-budicon-713:before {\n  content: \"\\e26b\";\n}\n.icon-budicon-714:before {\n  content: \"\\e26c\";\n}\n.icon-budicon-715:before {\n  content: \"\\e26d\";\n}\n.icon-budicon-716:before {\n  content: \"\\e26e\";\n}\n.icon-budicon-717:before {\n  content: \"\\e26f\";\n}\n.icon-budicon-718:before {\n  content: \"\\e270\";\n}\n.icon-budicon-719:before {\n  content: \"\\e271\";\n}\n.icon-budicon-720:before {\n  content: \"\\e272\";\n}\n.icon-budicon-721:before {\n  content: \"\\e273\";\n}\n.icon-budicon-722:before {\n  content: \"\\e274\";\n}\n.icon-budicon-723:before {\n  content: \"\\e275\";\n}\n.icon-budicon-724:before {\n  content: \"\\e276\";\n}\n.icon-budicon-725:before {\n  content: \"\\e277\";\n}\n.icon-budicon-726:before {\n  content: \"\\e278\";\n}\n.icon-budicon-727:before {\n  content: \"\\e279\";\n}\n.icon-budicon-728:before {\n  content: \"\\e27a\";\n}\n.icon-budicon-729:before {\n  content: \"\\e27b\";\n}\n.icon-budicon-730:before {\n  content: \"\\e27c\";\n}\n.icon-budicon-731:before {\n  content: \"\\e27d\";\n}\n.icon-budicon-732:before {\n  content: \"\\e27e\";\n}\n.icon-budicon-733:before {\n  content: \"\\e27f\";\n}\n.icon-budicon-734:before {\n  content: \"\\e280\";\n}\n.icon-budicon-735:before {\n  content: \"\\e281\";\n}\n.icon-budicon-736:before {\n  content: \"\\e282\";\n}\n.icon-budicon-737:before {\n  content: \"\\e283\";\n}\n.icon-budicon-738:before {\n  content: \"\\e284\";\n}\n.icon-budicon-739:before {\n  content: \"\\e285\";\n}\n.icon-budicon-740:before {\n  content: \"\\e286\";\n}\n.icon-budicon-741:before {\n  content: \"\\e287\";\n}\n.icon-budicon-742:before {\n  content: \"\\e288\";\n}\n.icon-budicon-743:before {\n  content: \"\\e289\";\n}\n.icon-budicon-744:before {\n  content: \"\\e28a\";\n}\n.icon-budicon-745:before {\n  content: \"\\e28b\";\n}\n.icon-budicon-746:before {\n  content: \"\\e28c\";\n}\n.icon-budicon-747:before {\n  content: \"\\e28d\";\n}\n.icon-budicon-748:before {\n  content: \"\\e28e\";\n}\n.icon-budicon-749:before {\n  content: \"\\e28f\";\n}\n.icon-budicon-750:before {\n  content: \"\\e290\";\n}\n.icon-budicon-751:before {\n  content: \"\\e291\";\n}\n.icon-budicon-752:before {\n  content: \"\\e292\";\n}\n.icon-budicon-753:before {\n  content: \"\\e293\";\n}\n.icon-budicon-754:before {\n  content: \"\\e294\";\n}\n.icon-budicon-755:before {\n  content: \"\\e295\";\n}\n.icon-budicon-756:before {\n  content: \"\\e296\";\n}\n.icon-budicon-757:before {\n  content: \"\\e297\";\n}\n.icon-budicon-758:before {\n  content: \"\\e298\";\n}\n.icon-budicon-759:before {\n  content: \"\\e299\";\n}\n.icon-budicon-760:before {\n  content: \"\\e29a\";\n}\n.icon-budicon-761:before {\n  content: \"\\e29b\";\n}\n.icon-budicon-762:before {\n  content: \"\\e29c\";\n}\n.icon-budicon-763:before {\n  content: \"\\e29d\";\n}\n.icon-budicon-764:before {\n  content: \"\\e29e\";\n}\n.icon-budicon-765:before {\n  content: \"\\e29f\";\n}\n.icon-budicon-766:before {\n  content: \"\\e2a0\";\n}\n.icon-budicon-767:before {\n  content: \"\\e2a1\";\n}\n.icon-budicon-768:before {\n  content: \"\\e2a2\";\n}\n.icon-budicon-769:before {\n  content: \"\\e2a3\";\n}\n.icon-budicon-770:before {\n  content: \"\\e2a4\";\n}\n.icon-budicon-771:before {\n  content: \"\\e2a5\";\n}\n.icon-budicon-772:before {\n  content: \"\\e2a6\";\n}\n.icon-budicon-773:before {\n  content: \"\\e2a7\";\n}\n.icon-budicon-774:before {\n  content: \"\\e2a8\";\n}\n.icon-budicon-775:before {\n  content: \"\\e2a9\";\n}\n.icon-budicon-776:before {\n  content: \"\\e2aa\";\n}\n.icon-budicon-777:before {\n  content: \"\\e2ab\";\n}\n.icon-budicon-778:before {\n  content: \"\\e2ac\";\n}\n.icon-budicon-779:before {\n  content: \"\\e2ad\";\n}\n.icon-budicon-780:before {\n  content: \"\\e2ae\";\n}\n.icon-budicon-781:before {\n  content: \"\\e2af\";\n}\n.icon-budicon-782:before {\n  content: \"\\e2b0\";\n}\n.icon-budicon-783:before {\n  content: \"\\e2b1\";\n}\n.icon-budicon-784:before {\n  content: \"\\e2b2\";\n}\n.icon-budicon-785:before {\n  content: \"\\e2b3\";\n}\n.icon-budicon-786:before {\n  content: \"\\e2b4\";\n}\n.icon-budicon-787:before {\n  content: \"\\e2b5\";\n}\n.icon-budicon-788:before {\n  content: \"\\e2b6\";\n}\n.icon-budicon-789:before {\n  content: \"\\e2b7\";\n}\n.icon-budicon-790:before {\n  content: \"\\e2b8\";\n}\n.icon-budicon-791:before {\n  content: \"\\e2b9\";\n}\n.icon-budicon-792:before {\n  content: \"\\e2ba\";\n}\n.icon-budicon-793:before {\n  content: \"\\e2bb\";\n}\n.icon-budicon-794:before {\n  content: \"\\e2bc\";\n}\n.icon-budicon-795:before {\n  content: \"\\e2bd\";\n}\n.icon-budicon-796:before {\n  content: \"\\e2be\";\n}\n.icon-budicon-797:before {\n  content: \"\\e2bf\";\n}\n.icon-budicon-798:before {\n  content: \"\\e2c0\";\n}\n.icon-budicon-799:before {\n  content: \"\\e2c1\";\n}\n.icon-budicon-800:before {\n  content: \"\\e2c2\";\n}\n.icon-budicon-801:before {\n  content: \"\\e2c3\";\n}\n.icon-budicon-802:before {\n  content: \"\\e2c4\";\n}\n.icon-budicon-803:before {\n  content: \"\\e2c5\";\n}\n.icon-budicon-804:before {\n  content: \"\\e2c6\";\n}\n.icon-budicon-805:before {\n  content: \"\\e2c7\";\n}\n.icon-budicon-806:before {\n  content: \"\\e2c8\";\n}\n.icon-budicon-807:before {\n  content: \"\\e2c9\";\n}\n.icon-budicon-808:before {\n  content: \"\\e2ca\";\n}\n.icon-budicon-809:before {\n  content: \"\\e2cb\";\n}\n.icon-budicon-810:before {\n  content: \"\\e2cc\";\n}\n.icon-budicon-811:before {\n  content: \"\\e2cd\";\n}\n.icon-budicon-812:before {\n  content: \"\\e2ce\";\n}\n.icon-budicon-813:before {\n  content: \"\\e2cf\";\n}\n.icon-budicon-814:before {\n  content: \"\\e2d0\";\n}\n.icon-budicon-815:before {\n  content: \"\\e2d1\";\n}\n.icon-budicon-816:before {\n  content: \"\\e2d2\";\n}\n.icon-budicon-817:before {\n  content: \"\\e2d3\";\n}\n.icon-budicon-818:before {\n  content: \"\\e2d4\";\n}\n.icon-budicon-819:before {\n  content: \"\\e2d5\";\n}\n.icon-budicon-820:before {\n  content: \"\\e2d6\";\n}\n.icon-budicon-821:before {\n  content: \"\\e2d7\";\n}\n.icon-budicon-822:before {\n  content: \"\\e2d8\";\n}\n.icon-budicon-823:before {\n  content: \"\\e2d9\";\n}\n.icon-budicon-824:before {\n  content: \"\\e2da\";\n}\n.icon-budicon-825:before {\n  content: \"\\e2db\";\n}\n.icon-budicon-826:before {\n  content: \"\\e2dc\";\n}\n.icon-budicon-827:before {\n  content: \"\\e2dd\";\n}\n.icon-budicon-828:before {\n  content: \"\\e2de\";\n}\n.icon-budicon-829:before {\n  content: \"\\e2df\";\n}\n.icon-budicon-830:before {\n  content: \"\\e2e0\";\n}\n.icon-budicon-831:before {\n  content: \"\\e2e1\";\n}\n.icon-budicon-832:before {\n  content: \"\\e2e2\";\n}\n.icon-budicon-833:before {\n  content: \"\\e2e3\";\n}\n.icon-budicon-834:before {\n  content: \"\\e2e4\";\n}\n.icon-budicon-835:before {\n  content: \"\\e2e5\";\n}\n.icon-budicon-836:before {\n  content: \"\\e2e6\";\n}\n.icon-budicon-837:before {\n  content: \"\\e2e7\";\n}\n.icon-budicon-838:before {\n  content: \"\\e2e8\";\n}\n.icon-budicon-839:before {\n  content: \"\\e2e9\";\n}\n.icon-budicon-840:before {\n  content: \"\\e2ea\";\n}\n.icon-budicon-841:before {\n  content: \"\\e2eb\";\n}\n.icon-budicon-842:before {\n  content: \"\\e2ec\";\n}\n.icon-budicon-843:before {\n  content: \"\\e2ed\";\n}\n.icon-budicon-844:before {\n  content: \"\\e2ee\";\n}\n.icon-budicon-845:before {\n  content: \"\\e2ef\";\n}\n.icon-budicon-846:before {\n  content: \"\\e2f0\";\n}\n.icon-budicon-847:before {\n  content: \"\\e2f1\";\n}\n.icon-budicon-848:before {\n  content: \"\\e2f2\";\n}\n.icon-budicon-849:before {\n  content: \"\\e2f3\";\n}\n.icon-1392070209-icon-social-github:before {\n  content: \"\\e2f4\";\n}\n"
  },
  {
    "path": "packages/components/src/budicon/budicon.fixed.css",
    "content": "@font-face {\n  font-family: \"budicon-font\";\n  src:url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.eot\");\n  src:url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.eot?#iefix\") format(\"embedded-opentype\"),\n    url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.woff\") format(\"woff\"),\n    url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.ttf\") format(\"truetype\"),\n    url(\"https://cdn.auth0.com/fonts/budicons/fonts/budicon-font.svg#budicon-font\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal;\n\n}\n\n[data-icon]:before {\n  font-family: \"budicon-font\" !important;\n  content: attr(data-icon);\n  font-style: normal !important;\n  font-weight: normal !important;\n  font-variant: normal !important;\n  text-transform: none !important;\n  speak: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n[class^=\"icon-\"]:before,\n[class*=\" icon-\"]:before {\n  font-family: \"budicon-font\" !important;\n  font-style: normal !important;\n  font-weight: normal !important;\n  font-variant: normal !important;\n  text-transform: none !important;\n  speak: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-budicon:before {\n  content: \"a\";\n}\n.icon-budicon-1:before {\n  content: \"b\";\n}\n.icon-budicon-2:before {\n  content: \"c\";\n}\n.icon-budicon-3:before {\n  content: \"d\";\n}\n.icon-budicon-4:before {\n  content: \"e\";\n}\n.icon-budicon-5:before {\n  content: \"f\";\n}\n.icon-budicon-6:before {\n  content: \"g\";\n}\n.icon-budicon-7:before {\n  content: \"h\";\n}\n.icon-budicon-8:before {\n  content: \"i\";\n}\n.icon-budicon-9:before {\n  content: \"j\";\n}\n.icon-budicon-10:before {\n  content: \"k\";\n}\n.icon-budicon-11:before {\n  content: \"l\";\n}\n.icon-budicon-12:before {\n  content: \"m\";\n}\n.icon-budicon-13:before {\n  content: \"n\";\n}\n.icon-budicon-14:before {\n  content: \"o\";\n}\n.icon-budicon-15:before {\n  content: \"p\";\n}\n.icon-budicon-16:before {\n  content: \"q\";\n}\n.icon-budicon-17:before {\n  content: \"r\";\n}\n.icon-budicon-18:before {\n  content: \"s\";\n}\n.icon-budicon-19:before {\n  content: \"t\";\n}\n.icon-budicon-20:before {\n  content: \"u\";\n}\n.icon-budicon-21:before {\n  content: \"v\";\n}\n.icon-budicon-22:before {\n  content: \"w\";\n}\n.icon-budicon-23:before {\n  content: \"x\";\n}\n.icon-budicon-24:before {\n  content: \"y\";\n}\n.icon-budicon-25:before {\n  content: \"z\";\n}\n.icon-budicon-26:before {\n  content: \"A\";\n}\n.icon-budicon-27:before {\n  content: \"B\";\n}\n.icon-budicon-28:before {\n  content: \"C\";\n}\n.icon-budicon-29:before {\n  content: \"D\";\n}\n.icon-budicon-30:before {\n  content: \"E\";\n}\n.icon-budicon-31:before {\n  content: \"F\";\n}\n.icon-budicon-32:before {\n  content: \"G\";\n}\n.icon-budicon-33:before {\n  content: \"H\";\n}\n.icon-budicon-34:before {\n  content: \"I\";\n}\n.icon-budicon-35:before {\n  content: \"J\";\n}\n.icon-budicon-36:before {\n  content: \"K\";\n}\n.icon-budicon-37:before {\n  content: \"L\";\n}\n.icon-budicon-38:before {\n  content: \"M\";\n}\n.icon-budicon-39:before {\n  content: \"N\";\n}\n.icon-budicon-40:before {\n  content: \"O\";\n}\n.icon-budicon-41:before {\n  content: \"P\";\n}\n.icon-budicon-42:before {\n  content: \"Q\";\n}\n.icon-budicon-43:before {\n  content: \"R\";\n}\n.icon-budicon-44:before {\n  content: \"S\";\n}\n.icon-budicon-45:before {\n  content: \"T\";\n}\n.icon-budicon-46:before {\n  content: \"U\";\n}\n.icon-budicon-47:before {\n  content: \"V\";\n}\n.icon-budicon-48:before {\n  content: \"W\";\n}\n.icon-budicon-49:before {\n  content: \"X\";\n}\n.icon-budicon-50:before {\n  content: \"Y\";\n}\n.icon-budicon-51:before {\n  content: \"Z\";\n}\n.icon-budicon-52:before {\n  content: \"0\";\n}\n.icon-budicon-53:before {\n  content: \"1\";\n}\n.icon-budicon-54:before {\n  content: \"2\";\n}\n.icon-budicon-55:before {\n  content: \"3\";\n}\n.icon-budicon-56:before {\n  content: \"4\";\n}\n.icon-budicon-57:before {\n  content: \"5\";\n}\n.icon-budicon-58:before {\n  content: \"6\";\n}\n.icon-budicon-59:before {\n  content: \"7\";\n}\n.icon-budicon-60:before {\n  content: \"8\";\n}\n.icon-budicon-61:before {\n  content: \"9\";\n}\n.icon-budicon-62:before {\n  content: \"!\";\n}\n.icon-budicon-63:before {\n  content: \"\\\"\";\n}\n.icon-budicon-64:before {\n  content: \"#\";\n}\n.icon-budicon-65:before {\n  content: \"$\";\n}\n.icon-budicon-66:before {\n  content: \"%\";\n}\n.icon-budicon-67:before {\n  content: \"&\";\n}\n.icon-budicon-68:before {\n  content: \"'\";\n}\n.icon-budicon-69:before {\n  content: \"(\";\n}\n.icon-budicon-70:before {\n  content: \")\";\n}\n.icon-budicon-71:before {\n  content: \"*\";\n}\n.icon-budicon-72:before {\n  content: \"+\";\n}\n.icon-budicon-73:before {\n  content: \",\";\n}\n.icon-budicon-74:before {\n  content: \"-\";\n}\n.icon-budicon-75:before {\n  content: \".\";\n}\n.icon-budicon-76:before {\n  content: \"/\";\n}\n.icon-budicon-77:before {\n  content: \":\";\n}\n.icon-budicon-78:before {\n  content: \";\";\n}\n.icon-budicon-79:before {\n  content: \"<\";\n}\n.icon-budicon-80:before {\n  content: \"=\";\n}\n.icon-budicon-81:before {\n  content: \">\";\n}\n.icon-budicon-82:before {\n  content: \"?\";\n}\n.icon-budicon-83:before {\n  content: \"@\";\n}\n.icon-budicon-84:before {\n  content: \"[\";\n}\n.icon-budicon-85:before {\n  content: \"]\";\n}\n.icon-budicon-86:before {\n  content: \"^\";\n}\n.icon-budicon-87:before {\n  content: \"_\";\n}\n.icon-budicon-88:before {\n  content: \"`\";\n}\n.icon-budicon-89:before {\n  content: \"{\";\n}\n.icon-budicon-90:before {\n  content: \"|\";\n}\n.icon-budicon-91:before {\n  content: \"}\";\n}\n.icon-budicon-92:before {\n  content: \"~\";\n}\n.icon-budicon-93:before {\n  content: \"\\\\\";\n}\n.icon-budicon-94:before {\n  content: \"\";\n}\n.icon-budicon-95:before {\n  content: \"\";\n}\n.icon-budicon-96:before {\n  content: \"\";\n}\n.icon-budicon-97:before {\n  content: \"\";\n}\n.icon-budicon-98:before {\n  content: \"\";\n}\n.icon-budicon-99:before {\n  content: \"\";\n}\n.icon-budicon-100:before {\n  content: \"\";\n}\n.icon-budicon-101:before {\n  content: \"\";\n}\n.icon-budicon-102:before {\n  content: \"\";\n}\n.icon-budicon-103:before {\n  content: \"\";\n}\n.icon-budicon-104:before {\n  content: \"\";\n}\n.icon-budicon-105:before {\n  content: \"\";\n}\n.icon-budicon-106:before {\n  content: \"\";\n}\n.icon-budicon-107:before {\n  content: \"\";\n}\n.icon-budicon-108:before {\n  content: \"\";\n}\n.icon-budicon-109:before {\n  content: \"\";\n}\n.icon-budicon-110:before {\n  content: \"\";\n}\n.icon-budicon-111:before {\n  content: \"\";\n}\n.icon-budicon-112:before {\n  content: \"\";\n}\n.icon-budicon-113:before {\n  content: \"\";\n}\n.icon-budicon-114:before {\n  content: \"\";\n}\n.icon-budicon-115:before {\n  content: \"\";\n}\n.icon-budicon-116:before {\n  content: \"\";\n}\n.icon-budicon-117:before {\n  content: \"\";\n}\n.icon-budicon-118:before {\n  content: \"\";\n}\n.icon-budicon-119:before {\n  content: \"\";\n}\n.icon-budicon-120:before {\n  content: \"\";\n}\n.icon-budicon-121:before {\n  content: \"\";\n}\n.icon-budicon-122:before {\n  content: \"\";\n}\n.icon-budicon-123:before {\n  content: \"\";\n}\n.icon-budicon-124:before {\n  content: \"\";\n}\n.icon-budicon-125:before {\n  content: \"\";\n}\n.icon-budicon-126:before {\n  content: \"\";\n}\n.icon-budicon-127:before {\n  content: \"\";\n}\n.icon-budicon-128:before {\n  content: \"\";\n}\n.icon-budicon-129:before {\n  content: \"\";\n}\n.icon-budicon-130:before {\n  content: \"\";\n}\n.icon-budicon-131:before {\n  content: \"\";\n}\n.icon-budicon-132:before {\n  content: \"\";\n}\n.icon-budicon-133:before {\n  content: \"\";\n}\n.icon-budicon-134:before {\n  content: \"\";\n}\n.icon-budicon-135:before {\n  content: \"\";\n}\n.icon-budicon-136:before {\n  content: \"\";\n}\n.icon-budicon-137:before {\n  content: \"\";\n}\n.icon-budicon-138:before {\n  content: \"\";\n}\n.icon-budicon-139:before {\n  content: \"\";\n}\n.icon-budicon-140:before {\n  content: \"\";\n}\n.icon-budicon-141:before {\n  content: \"\";\n}\n.icon-budicon-142:before {\n  content: \"\";\n}\n.icon-budicon-143:before {\n  content: \"\";\n}\n.icon-budicon-144:before {\n  content: \"\";\n}\n.icon-budicon-145:before {\n  content: \"\";\n}\n.icon-budicon-146:before {\n  content: \"\";\n}\n.icon-budicon-147:before {\n  content: \"\";\n}\n.icon-budicon-148:before {\n  content: \"\";\n}\n.icon-budicon-149:before {\n  content: \"\";\n}\n.icon-budicon-150:before {\n  content: \"\";\n}\n.icon-budicon-151:before {\n  content: \"\";\n}\n.icon-budicon-152:before {\n  content: \"\";\n}\n.icon-budicon-153:before {\n  content: \"\";\n}\n.icon-budicon-154:before {\n  content: \"\";\n}\n.icon-budicon-155:before {\n  content: \"\";\n}\n.icon-budicon-156:before {\n  content: \"\";\n}\n.icon-budicon-157:before {\n  content: \"\";\n}\n.icon-budicon-158:before {\n  content: \"\";\n}\n.icon-budicon-159:before {\n  content: \"\";\n}\n.icon-budicon-160:before {\n  content: \"\";\n}\n.icon-budicon-161:before {\n  content: \"\";\n}\n.icon-budicon-162:before {\n  content: \"\";\n}\n.icon-budicon-163:before {\n  content: \"\";\n}\n.icon-budicon-164:before {\n  content: \"\";\n}\n.icon-budicon-165:before {\n  content: \"\";\n}\n.icon-budicon-166:before {\n  content: \"\";\n}\n.icon-budicon-167:before {\n  content: \"\";\n}\n.icon-budicon-168:before {\n  content: \"\";\n}\n.icon-budicon-169:before {\n  content: \"\";\n}\n.icon-budicon-170:before {\n  content: \"\";\n}\n.icon-budicon-171:before {\n  content: \"\";\n}\n.icon-budicon-172:before {\n  content: \"\";\n}\n.icon-budicon-173:before {\n  content: \"\";\n}\n.icon-budicon-174:before {\n  content: \"\";\n}\n.icon-budicon-175:before {\n  content: \"\";\n}\n.icon-budicon-176:before {\n  content: \"\";\n}\n.icon-budicon-177:before {\n  content: \"\";\n}\n.icon-budicon-178:before {\n  content: \"\";\n}\n.icon-budicon-179:before {\n  content: \"\";\n}\n.icon-budicon-180:before {\n  content: \"\";\n}\n.icon-budicon-181:before {\n  content: \"\";\n}\n.icon-budicon-182:before {\n  content: \"\";\n}\n.icon-budicon-183:before {\n  content: \"\";\n}\n.icon-budicon-184:before {\n  content: \"\";\n}\n.icon-budicon-185:before {\n  content: \"\";\n}\n.icon-budicon-186:before {\n  content: \"\";\n}\n.icon-budicon-187:before {\n  content: \"\";\n}\n.icon-budicon-188:before {\n  content: \"\";\n}\n.icon-budicon-189:before {\n  content: \"\";\n}\n.icon-budicon-190:before {\n  content: \"\";\n}\n.icon-budicon-191:before {\n  content: \"\";\n}\n.icon-budicon-192:before {\n  content: \"\";\n}\n.icon-budicon-193:before {\n  content: \"\";\n}\n.icon-budicon-194:before {\n  content: \"\";\n}\n.icon-budicon-195:before {\n  content: \"\";\n}\n.icon-budicon-196:before {\n  content: \"\";\n}\n.icon-budicon-197:before {\n  content: \"\";\n}\n.icon-budicon-198:before {\n  content: \"\";\n}\n.icon-budicon-199:before {\n  content: \"\";\n}\n.icon-budicon-200:before {\n  content: \"\";\n}\n.icon-budicon-201:before {\n  content: \"\";\n}\n.icon-budicon-202:before {\n  content: \"\";\n}\n.icon-budicon-203:before {\n  content: \"\";\n}\n.icon-budicon-204:before {\n  content: \"\";\n}\n.icon-budicon-205:before {\n  content: \"\";\n}\n.icon-budicon-206:before {\n  content: \"\";\n}\n.icon-budicon-207:before {\n  content: \"\";\n}\n.icon-budicon-208:before {\n  content: \"\";\n}\n.icon-budicon-209:before {\n  content: \"\";\n}\n.icon-budicon-210:before {\n  content: \"\";\n}\n.icon-budicon-211:before {\n  content: \"\";\n}\n.icon-budicon-212:before {\n  content: \"\";\n}\n.icon-budicon-213:before {\n  content: \"\";\n}\n.icon-budicon-214:before {\n  content: \"\";\n}\n.icon-budicon-215:before {\n  content: \"\";\n}\n.icon-budicon-216:before {\n  content: \"\";\n}\n.icon-budicon-217:before {\n  content: \"\";\n}\n.icon-budicon-218:before {\n  content: \"\";\n}\n.icon-budicon-219:before {\n  content: \"\";\n}\n.icon-budicon-220:before {\n  content: \"\";\n}\n.icon-budicon-221:before {\n  content: \"\";\n}\n.icon-budicon-222:before {\n  content: \"\";\n}\n.icon-budicon-223:before {\n  content: \"\";\n}\n.icon-budicon-224:before {\n  content: \"\";\n}\n.icon-budicon-225:before {\n  content: \"\";\n}\n.icon-budicon-226:before {\n  content: \"\";\n}\n.icon-budicon-227:before {\n  content: \"\";\n}\n.icon-budicon-228:before {\n  content: \"\";\n}\n.icon-budicon-229:before {\n  content: \"\";\n}\n.icon-budicon-230:before {\n  content: \"\";\n}\n.icon-budicon-231:before {\n  content: \"\";\n}\n.icon-budicon-232:before {\n  content: \"\";\n}\n.icon-budicon-233:before {\n  content: \"\";\n}\n.icon-budicon-234:before {\n  content: \"\";\n}\n.icon-budicon-235:before {\n  content: \"\";\n}\n.icon-budicon-236:before {\n  content: \"\";\n}\n.icon-budicon-237:before {\n  content: \"\";\n}\n.icon-budicon-238:before {\n  content: \"\";\n}\n.icon-budicon-239:before {\n  content: \"\";\n}\n.icon-budicon-240:before {\n  content: \"\";\n}\n.icon-budicon-241:before {\n  content: \"\";\n}\n.icon-budicon-242:before {\n  content: \"\";\n}\n.icon-budicon-243:before {\n  content: \"\";\n}\n.icon-budicon-244:before {\n  content: \"\";\n}\n.icon-budicon-245:before {\n  content: \"\";\n}\n.icon-budicon-246:before {\n  content: \"\";\n}\n.icon-budicon-247:before {\n  content: \"\";\n}\n.icon-budicon-248:before {\n  content: \"\";\n}\n.icon-budicon-249:before {\n  content: \"\";\n}\n.icon-budicon-250:before {\n  content: \"\";\n}\n.icon-budicon-251:before {\n  content: \"\";\n}\n.icon-budicon-252:before {\n  content: \"\";\n}\n.icon-budicon-253:before {\n  content: \"\";\n}\n.icon-budicon-254:before {\n  content: \"\";\n}\n.icon-budicon-255:before {\n  content: \"\";\n}\n.icon-budicon-256:before {\n  content: \"\";\n}\n.icon-budicon-257:before {\n  content: \"\";\n}\n.icon-budicon-258:before {\n  content: \"\";\n}\n.icon-budicon-259:before {\n  content: \"\";\n}\n.icon-budicon-260:before {\n  content: \"\";\n}\n.icon-budicon-261:before {\n  content: \"\";\n}\n.icon-budicon-262:before {\n  content: \"\";\n}\n.icon-budicon-263:before {\n  content: \"\";\n}\n.icon-budicon-264:before {\n  content: \"\";\n}\n.icon-budicon-265:before {\n  content: \"\";\n}\n.icon-budicon-266:before {\n  content: \"\";\n}\n.icon-budicon-267:before {\n  content: \"\";\n}\n.icon-budicon-268:before {\n  content: \"\";\n}\n.icon-budicon-269:before {\n  content: \"\";\n}\n.icon-budicon-270:before {\n  content: \"\";\n}\n.icon-budicon-271:before {\n  content: \"\";\n}\n.icon-budicon-272:before {\n  content: \"\";\n}\n.icon-budicon-273:before {\n  content: \"\";\n}\n.icon-budicon-274:before {\n  content: \"\";\n}\n.icon-budicon-275:before {\n  content: \"\";\n}\n.icon-budicon-276:before {\n  content: \"\";\n}\n.icon-budicon-277:before {\n  content: \"\";\n}\n.icon-budicon-278:before {\n  content: \"\";\n}\n.icon-budicon-279:before {\n  content: \"\";\n}\n.icon-budicon-280:before {\n  content: \"\";\n}\n.icon-budicon-281:before {\n  content: \"\";\n}\n.icon-budicon-282:before {\n  content: \"\";\n}\n.icon-budicon-283:before {\n  content: \"\";\n}\n.icon-budicon-284:before {\n  content: \"\";\n}\n.icon-budicon-285:before {\n  content: \"\";\n}\n.icon-budicon-286:before {\n  content: \"\";\n}\n.icon-budicon-287:before {\n  content: \"\";\n}\n.icon-budicon-288:before {\n  content: \"\";\n}\n.icon-budicon-289:before {\n  content: \"\";\n}\n.icon-budicon-290:before {\n  content: \"\";\n}\n.icon-budicon-291:before {\n  content: \"\";\n}\n.icon-budicon-292:before {\n  content: \"\";\n}\n.icon-budicon-293:before {\n  content: \"\";\n}\n.icon-budicon-294:before {\n  content: \"\";\n}\n.icon-budicon-295:before {\n  content: \"\";\n}\n.icon-budicon-296:before {\n  content: \"\";\n}\n.icon-budicon-297:before {\n  content: \"\";\n}\n.icon-budicon-298:before {\n  content: \"\";\n}\n.icon-budicon-299:before {\n  content: \"\";\n}\n.icon-budicon-300:before {\n  content: \"\";\n}\n.icon-budicon-301:before {\n  content: \"\";\n}\n.icon-budicon-302:before {\n  content: \"\";\n}\n.icon-budicon-303:before {\n  content: \"\";\n}\n.icon-budicon-304:before {\n  content: \"\";\n}\n.icon-budicon-305:before {\n  content: \"\";\n}\n.icon-budicon-306:before {\n  content: \"\";\n}\n.icon-budicon-307:before {\n  content: \"\";\n}\n.icon-budicon-308:before {\n  content: \"\";\n}\n.icon-budicon-309:before {\n  content: \"\";\n}\n.icon-budicon-310:before {\n  content: \"\";\n}\n.icon-budicon-311:before {\n  content: \"\";\n}\n.icon-budicon-312:before {\n  content: \"\";\n}\n.icon-budicon-313:before {\n  content: \"\";\n}\n.icon-budicon-314:before {\n  content: \"\";\n}\n.icon-budicon-315:before {\n  content: \"\";\n}\n.icon-budicon-316:before {\n  content: \"\";\n}\n.icon-budicon-317:before {\n  content: \"\";\n}\n.icon-budicon-318:before {\n  content: \"\";\n}\n.icon-budicon-319:before {\n  content: \"\";\n}\n.icon-budicon-320:before {\n  content: \"\";\n}\n.icon-budicon-321:before {\n  content: \"\";\n}\n.icon-budicon-322:before {\n  content: \"\";\n}\n.icon-budicon-323:before {\n  content: \"\";\n}\n.icon-budicon-324:before {\n  content: \"\";\n}\n.icon-budicon-325:before {\n  content: \"\";\n}\n.icon-budicon-326:before {\n  content: \"\";\n}\n.icon-budicon-327:before {\n  content: \"\";\n}\n.icon-budicon-328:before {\n  content: \"\";\n}\n.icon-budicon-329:before {\n  content: \"\";\n}\n.icon-budicon-330:before {\n  content: \"\";\n}\n.icon-budicon-331:before {\n  content: \"\";\n}\n.icon-budicon-332:before {\n  content: \"\";\n}\n.icon-budicon-333:before {\n  content: \"\";\n}\n.icon-budicon-334:before {\n  content: \"\";\n}\n.icon-budicon-335:before {\n  content: \"\";\n}\n.icon-budicon-336:before {\n  content: \"\";\n}\n.icon-budicon-337:before {\n  content: \"\";\n}\n.icon-budicon-338:before {\n  content: \"\";\n}\n.icon-budicon-339:before {\n  content: \"\";\n}\n.icon-budicon-340:before {\n  content: \"\";\n}\n.icon-budicon-341:before {\n  content: \"\";\n}\n.icon-budicon-342:before {\n  content: \"\";\n}\n.icon-budicon-343:before {\n  content: \"\";\n}\n.icon-budicon-344:before {\n  content: \"\";\n}\n.icon-budicon-345:before {\n  content: \"\";\n}\n.icon-budicon-346:before {\n  content: \"\";\n}\n.icon-budicon-347:before {\n  content: \"\";\n}\n.icon-budicon-348:before {\n  content: \"\";\n}\n.icon-budicon-349:before {\n  content: \"\";\n}\n.icon-budicon-350:before {\n  content: \"\";\n}\n.icon-budicon-351:before {\n  content: \"\";\n}\n.icon-budicon-352:before {\n  content: \"\";\n}\n.icon-budicon-353:before {\n  content: \"\";\n}\n.icon-budicon-354:before {\n  content: \"\";\n}\n.icon-budicon-355:before {\n  content: \"\";\n}\n.icon-budicon-356:before {\n  content: \"\";\n}\n.icon-budicon-357:before {\n  content: \"\";\n}\n.icon-budicon-358:before {\n  content: \"\";\n}\n.icon-budicon-359:before {\n  content: \"\";\n}\n.icon-budicon-360:before {\n  content: \"\";\n}\n.icon-budicon-361:before {\n  content: \"\";\n}\n.icon-budicon-362:before {\n  content: \"\";\n}\n.icon-budicon-363:before {\n  content: \"\";\n}\n.icon-budicon-364:before {\n  content: \"\";\n}\n.icon-budicon-365:before {\n  content: \"\";\n}\n.icon-budicon-366:before {\n  content: \"\";\n}\n.icon-budicon-367:before {\n  content: \"\";\n}\n.icon-budicon-368:before {\n  content: \"\";\n}\n.icon-budicon-369:before {\n  content: \"\";\n}\n.icon-budicon-370:before {\n  content: \"\";\n}\n.icon-budicon-371:before {\n  content: \"\";\n}\n.icon-budicon-372:before {\n  content: \"\";\n}\n.icon-budicon-373:before {\n  content: \"\";\n}\n.icon-budicon-374:before {\n  content: \"\";\n}\n.icon-budicon-375:before {\n  content: \"\";\n}\n.icon-budicon-376:before {\n  content: \"\";\n}\n.icon-budicon-377:before {\n  content: \"\";\n}\n.icon-budicon-378:before {\n  content: \"\";\n}\n.icon-budicon-379:before {\n  content: \"\";\n}\n.icon-budicon-380:before {\n  content: \"\";\n}\n.icon-budicon-381:before {\n  content: \"\";\n}\n.icon-budicon-382:before {\n  content: \"\";\n}\n.icon-budicon-383:before {\n  content: \"\";\n}\n.icon-budicon-384:before {\n  content: \"\";\n}\n.icon-budicon-385:before {\n  content: \"\";\n}\n.icon-budicon-386:before {\n  content: \"\";\n}\n.icon-budicon-387:before {\n  content: \"\";\n}\n.icon-budicon-388:before {\n  content: \"\";\n}\n.icon-budicon-389:before {\n  content: \"\";\n}\n.icon-budicon-390:before {\n  content: \"\";\n}\n.icon-budicon-391:before {\n  content: \"\";\n}\n.icon-budicon-392:before {\n  content: \"\";\n}\n.icon-budicon-393:before {\n  content: \"\";\n}\n.icon-budicon-394:before {\n  content: \"\";\n}\n.icon-budicon-395:before {\n  content: \"\";\n}\n.icon-budicon-396:before {\n  content: \"\";\n}\n.icon-budicon-397:before {\n  content: \"\";\n}\n.icon-budicon-398:before {\n  content: \"\";\n}\n.icon-budicon-399:before {\n  content: \"\";\n}\n.icon-budicon-400:before {\n  content: \"\";\n}\n.icon-budicon-401:before {\n  content: \"\";\n}\n.icon-budicon-402:before {\n  content: \"\";\n}\n.icon-budicon-403:before {\n  content: \"\";\n}\n.icon-budicon-404:before {\n  content: \"\";\n}\n.icon-budicon-405:before {\n  content: \"\";\n}\n.icon-budicon-406:before {\n  content: \"\";\n}\n.icon-budicon-407:before {\n  content: \"\";\n}\n.icon-budicon-408:before {\n  content: \"\";\n}\n.icon-budicon-409:before {\n  content: \"\";\n}\n.icon-budicon-410:before {\n  content: \"\";\n}\n.icon-budicon-411:before {\n  content: \"\";\n}\n.icon-budicon-412:before {\n  content: \"\";\n}\n.icon-budicon-413:before {\n  content: \"\";\n}\n.icon-budicon-414:before {\n  content: \"\";\n}\n.icon-budicon-415:before {\n  content: \"\";\n}\n.icon-budicon-416:before {\n  content: \"\";\n}\n.icon-budicon-417:before {\n  content: \"\";\n}\n.icon-budicon-418:before {\n  content: \"\";\n}\n.icon-budicon-419:before {\n  content: \"\";\n}\n.icon-budicon-420:before {\n  content: \"\";\n}\n.icon-budicon-421:before {\n  content: \"\";\n}\n.icon-budicon-422:before {\n  content: \"\";\n}\n.icon-budicon-423:before {\n  content: \"\";\n}\n.icon-budicon-424:before {\n  content: \"\";\n}\n.icon-budicon-425:before {\n  content: \"\";\n}\n.icon-budicon-426:before {\n  content: \"\";\n}\n.icon-budicon-427:before {\n  content: \"\";\n}\n.icon-budicon-428:before {\n  content: \"\";\n}\n.icon-budicon-429:before {\n  content: \"\";\n}\n.icon-budicon-430:before {\n  content: \"\";\n}\n.icon-budicon-431:before {\n  content: \"\";\n}\n.icon-budicon-432:before {\n  content: \"\";\n}\n.icon-budicon-433:before {\n  content: \"\";\n}\n.icon-budicon-434:before {\n  content: \"\";\n}\n.icon-budicon-435:before {\n  content: \"\";\n}\n.icon-budicon-436:before {\n  content: \"\";\n}\n.icon-budicon-437:before {\n  content: \"\";\n}\n.icon-budicon-438:before {\n  content: \"\";\n}\n.icon-budicon-439:before {\n  content: \"\";\n}\n.icon-budicon-440:before {\n  content: \"\";\n}\n.icon-budicon-441:before {\n  content: \"\";\n}\n.icon-budicon-442:before {\n  content: \"\";\n}\n.icon-budicon-443:before {\n  content: \"\";\n}\n.icon-budicon-444:before {\n  content: \"\";\n}\n.icon-budicon-445:before {\n  content: \"\";\n}\n.icon-budicon-446:before {\n  content: \"\";\n}\n.icon-budicon-447:before {\n  content: \"\";\n}\n.icon-budicon-448:before {\n  content: \"\";\n}\n.icon-budicon-449:before {\n  content: \"\";\n}\n.icon-budicon-450:before {\n  content: \"\";\n}\n.icon-budicon-451:before {\n  content: \"\";\n}\n.icon-budicon-452:before {\n  content: \"\";\n}\n.icon-budicon-453:before {\n  content: \"\";\n}\n.icon-budicon-454:before {\n  content: \"\";\n}\n.icon-budicon-455:before {\n  content: \"\";\n}\n.icon-budicon-456:before {\n  content: \"\";\n}\n.icon-budicon-457:before {\n  content: \"\";\n}\n.icon-budicon-458:before {\n  content: \"\";\n}\n.icon-budicon-459:before {\n  content: \"\";\n}\n.icon-budicon-460:before {\n  content: \"\";\n}\n.icon-budicon-461:before {\n  content: \"\";\n}\n.icon-budicon-462:before {\n  content: \"\";\n}\n.icon-budicon-463:before {\n  content: \"\";\n}\n.icon-budicon-464:before {\n  content: \"\";\n}\n.icon-budicon-465:before {\n  content: \"\";\n}\n.icon-budicon-466:before {\n  content: \"\";\n}\n.icon-budicon-467:before {\n  content: \"\";\n}\n.icon-budicon-468:before {\n  content: \"\";\n}\n.icon-budicon-469:before {\n  content: \"\";\n}\n.icon-budicon-470:before {\n  content: \"\";\n}\n.icon-budicon-471:before {\n  content: \"\";\n}\n.icon-budicon-472:before {\n  content: \"\";\n}\n.icon-budicon-473:before {\n  content: \"\";\n}\n.icon-budicon-474:before {\n  content: \"\";\n}\n.icon-budicon-475:before {\n  content: \"\";\n}\n.icon-budicon-476:before {\n  content: \"\";\n}\n.icon-budicon-477:before {\n  content: \"\";\n}\n.icon-budicon-478:before {\n  content: \"\";\n}\n.icon-budicon-479:before {\n  content: \"\";\n}\n.icon-budicon-480:before {\n  content: \"\";\n}\n.icon-budicon-481:before {\n  content: \"\";\n}\n.icon-budicon-482:before {\n  content: \"\";\n}\n.icon-budicon-483:before {\n  content: \"\";\n}\n.icon-budicon-484:before {\n  content: \"\";\n}\n.icon-budicon-485:before {\n  content: \"\";\n}\n.icon-budicon-486:before {\n  content: \"\";\n}\n.icon-budicon-487:before {\n  content: \"\";\n}\n.icon-budicon-488:before {\n  content: \"\";\n}\n.icon-budicon-489:before {\n  content: \"\";\n}\n.icon-budicon-490:before {\n  content: \"\";\n}\n.icon-budicon-491:before {\n  content: \"\";\n}\n.icon-budicon-492:before {\n  content: \"\";\n}\n.icon-budicon-493:before {\n  content: \"\";\n}\n.icon-budicon-494:before {\n  content: \"\";\n}\n.icon-budicon-495:before {\n  content: \"\";\n}\n.icon-budicon-496:before {\n  content: \"\";\n}\n.icon-budicon-497:before {\n  content: \"\";\n}\n.icon-budicon-498:before {\n  content: \"\";\n}\n.icon-budicon-499:before {\n  content: \"\";\n}\n.icon-budicon-500:before {\n  content: \"\";\n}\n.icon-budicon-501:before {\n  content: \"\";\n}\n.icon-budicon-502:before {\n  content: \"\";\n}\n.icon-budicon-503:before {\n  content: \"\";\n}\n.icon-budicon-504:before {\n  content: \"\";\n}\n.icon-budicon-505:before {\n  content: \"\";\n}\n.icon-budicon-506:before {\n  content: \"\";\n}\n.icon-budicon-507:before {\n  content: \"\";\n}\n.icon-budicon-508:before {\n  content: \"\";\n}\n.icon-budicon-509:before {\n  content: \"\";\n}\n.icon-budicon-510:before {\n  content: \"\";\n}\n.icon-budicon-511:before {\n  content: \"\";\n}\n.icon-budicon-512:before {\n  content: \"\";\n}\n.icon-budicon-513:before {\n  content: \"\";\n}\n.icon-budicon-514:before {\n  content: \"\";\n}\n.icon-budicon-515:before {\n  content: \"\";\n}\n.icon-budicon-516:before {\n  content: \"\";\n}\n.icon-budicon-517:before {\n  content: \"\";\n}\n.icon-budicon-518:before {\n  content: \"\";\n}\n.icon-budicon-519:before {\n  content: \"\";\n}\n.icon-budicon-520:before {\n  content: \"\";\n}\n.icon-budicon-521:before {\n  content: \"\";\n}\n.icon-budicon-522:before {\n  content: \"\";\n}\n.icon-budicon-523:before {\n  content: \"\";\n}\n.icon-budicon-524:before {\n  content: \"\";\n}\n.icon-budicon-525:before {\n  content: \"\";\n}\n.icon-budicon-526:before {\n  content: \"\";\n}\n.icon-budicon-527:before {\n  content: \"\";\n}\n.icon-budicon-528:before {\n  content: \"\";\n}\n.icon-budicon-529:before {\n  content: \"\";\n}\n.icon-budicon-530:before {\n  content: \"\";\n}\n.icon-budicon-531:before {\n  content: \"\";\n}\n.icon-budicon-532:before {\n  content: \"\";\n}\n.icon-budicon-533:before {\n  content: \"\";\n}\n.icon-budicon-534:before {\n  content: \"\";\n}\n.icon-budicon-535:before {\n  content: \"\";\n}\n.icon-budicon-536:before {\n  content: \"\";\n}\n.icon-budicon-537:before {\n  content: \"\";\n}\n.icon-budicon-538:before {\n  content: \"\";\n}\n.icon-budicon-539:before {\n  content: \"\";\n}\n.icon-budicon-540:before {\n  content: \"\";\n}\n.icon-budicon-541:before {\n  content: \"\";\n}\n.icon-budicon-542:before {\n  content: \"\";\n}\n.icon-budicon-543:before {\n  content: \"\";\n}\n.icon-budicon-544:before {\n  content: \"\";\n}\n.icon-budicon-545:before {\n  content: \"\";\n}\n.icon-budicon-546:before {\n  content: \"\";\n}\n.icon-budicon-547:before {\n  content: \"\";\n}\n.icon-budicon-548:before {\n  content: \"\";\n}\n.icon-budicon-549:before {\n  content: \"\";\n}\n.icon-budicon-550:before {\n  content: \"\";\n}\n.icon-budicon-551:before {\n  content: \"\";\n}\n.icon-budicon-552:before {\n  content: \"\";\n}\n.icon-budicon-553:before {\n  content: \"\";\n}\n.icon-budicon-554:before {\n  content: \"\";\n}\n.icon-budicon-555:before {\n  content: \"\";\n}\n.icon-budicon-556:before {\n  content: \"\";\n}\n.icon-budicon-557:before {\n  content: \"\";\n}\n.icon-budicon-558:before {\n  content: \"\";\n}\n.icon-budicon-559:before {\n  content: \"\";\n}\n.icon-budicon-560:before {\n  content: \"\";\n}\n.icon-budicon-561:before {\n  content: \"\";\n}\n.icon-budicon-562:before {\n  content: \"\";\n}\n.icon-budicon-563:before {\n  content: \"\";\n}\n.icon-budicon-564:before {\n  content: \"\";\n}\n.icon-budicon-565:before {\n  content: \"\";\n}\n.icon-budicon-566:before {\n  content: \"\";\n}\n.icon-budicon-567:before {\n  content: \"\";\n}\n.icon-budicon-568:before {\n  content: \"\";\n}\n.icon-budicon-569:before {\n  content: \"\";\n}\n.icon-budicon-570:before {\n  content: \"\";\n}\n.icon-budicon-571:before {\n  content: \"\";\n}\n.icon-budicon-572:before {\n  content: \"\";\n}\n.icon-budicon-573:before {\n  content: \"\";\n}\n.icon-budicon-574:before {\n  content: \"\";\n}\n.icon-budicon-575:before {\n  content: \"\";\n}\n.icon-budicon-576:before {\n  content: \"\";\n}\n.icon-budicon-577:before {\n  content: \"\";\n}\n.icon-budicon-578:before {\n  content: \"\";\n}\n.icon-budicon-579:before {\n  content: \"\";\n}\n.icon-budicon-580:before {\n  content: \"\";\n}\n.icon-budicon-581:before {\n  content: \"\";\n}\n.icon-budicon-582:before {\n  content: \"\";\n}\n.icon-budicon-583:before {\n  content: \"\";\n}\n.icon-budicon-584:before {\n  content: \"\";\n}\n.icon-budicon-585:before {\n  content: \"\";\n}\n.icon-budicon-586:before {\n  content: \"\";\n}\n.icon-budicon-587:before {\n  content: \"\";\n}\n.icon-budicon-588:before {\n  content: \"\";\n}\n.icon-budicon-589:before {\n  content: \"\";\n}\n.icon-budicon-590:before {\n  content: \"\";\n}\n.icon-budicon-591:before {\n  content: \"\";\n}\n.icon-budicon-592:before {\n  content: \"\";\n}\n.icon-budicon-593:before {\n  content: \"\";\n}\n.icon-budicon-594:before {\n  content: \"\";\n}\n.icon-budicon-595:before {\n  content: \"\";\n}\n.icon-budicon-596:before {\n  content: \"\";\n}\n.icon-budicon-597:before {\n  content: \"\";\n}\n.icon-budicon-598:before {\n  content: \"\";\n}\n.icon-budicon-599:before {\n  content: \"\";\n}\n.icon-budicon-600:before {\n  content: \"\";\n}\n.icon-budicon-601:before {\n  content: \"\";\n}\n.icon-budicon-602:before {\n  content: \"\";\n}\n.icon-budicon-603:before {\n  content: \"\";\n}\n.icon-budicon-604:before {\n  content: \"\";\n}\n.icon-budicon-605:before {\n  content: \"\";\n}\n.icon-budicon-606:before {\n  content: \"\";\n}\n.icon-budicon-607:before {\n  content: \"\";\n}\n.icon-budicon-608:before {\n  content: \"\";\n}\n.icon-budicon-609:before {\n  content: \"\";\n}\n.icon-budicon-610:before {\n  content: \"\";\n}\n.icon-budicon-611:before {\n  content: \"\";\n}\n.icon-budicon-612:before {\n  content: \"\";\n}\n.icon-budicon-613:before {\n  content: \"\";\n}\n.icon-budicon-614:before {\n  content: \"\";\n}\n.icon-budicon-615:before {\n  content: \"\";\n}\n.icon-budicon-616:before {\n  content: \"\";\n}\n.icon-budicon-617:before {\n  content: \"\";\n}\n.icon-budicon-618:before {\n  content: \"\";\n}\n.icon-budicon-619:before {\n  content: \"\";\n}\n.icon-budicon-620:before {\n  content: \"\";\n}\n.icon-budicon-621:before {\n  content: \"\";\n}\n.icon-budicon-622:before {\n  content: \"\";\n}\n.icon-budicon-623:before {\n  content: \"\";\n}\n.icon-budicon-624:before {\n  content: \"\";\n}\n.icon-budicon-625:before {\n  content: \"\";\n}\n.icon-budicon-626:before {\n  content: \"\";\n}\n.icon-budicon-627:before {\n  content: \"\";\n}\n.icon-budicon-628:before {\n  content: \"\";\n}\n.icon-budicon-629:before {\n  content: \"\";\n}\n.icon-budicon-630:before {\n  content: \"\";\n}\n.icon-budicon-631:before {\n  content: \"\";\n}\n.icon-budicon-632:before {\n  content: \"\";\n}\n.icon-budicon-633:before {\n  content: \"\";\n}\n.icon-budicon-634:before {\n  content: \"\";\n}\n.icon-budicon-635:before {\n  content: \"\";\n}\n.icon-budicon-636:before {\n  content: \"\";\n}\n.icon-budicon-637:before {\n  content: \"\";\n}\n.icon-budicon-638:before {\n  content: \"\";\n}\n.icon-budicon-639:before {\n  content: \"\";\n}\n.icon-budicon-640:before {\n  content: \"\";\n}\n.icon-budicon-641:before {\n  content: \"\";\n}\n.icon-budicon-642:before {\n  content: \"\";\n}\n.icon-budicon-643:before {\n  content: \"\";\n}\n.icon-budicon-644:before {\n  content: \"\";\n}\n.icon-budicon-645:before {\n  content: \"\";\n}\n.icon-budicon-646:before {\n  content: \"\";\n}\n.icon-budicon-647:before {\n  content: \"\";\n}\n.icon-budicon-648:before {\n  content: \"\";\n}\n.icon-budicon-649:before {\n  content: \"\";\n}\n.icon-budicon-650:before {\n  content: \"\";\n}\n.icon-budicon-651:before {\n  content: \"\";\n}\n.icon-budicon-652:before {\n  content: \"\";\n}\n.icon-budicon-653:before {\n  content: \"\";\n}\n.icon-budicon-654:before {\n  content: \"\";\n}\n.icon-budicon-655:before {\n  content: \"\";\n}\n.icon-budicon-656:before {\n  content: \"\";\n}\n.icon-budicon-657:before {\n  content: \"\";\n}\n.icon-budicon-658:before {\n  content: \"\";\n}\n.icon-budicon-659:before {\n  content: \"\";\n}\n.icon-budicon-660:before {\n  content: \"\";\n}\n.icon-budicon-661:before {\n  content: \"\";\n}\n.icon-budicon-662:before {\n  content: \"\";\n}\n.icon-budicon-663:before {\n  content: \"\";\n}\n.icon-budicon-664:before {\n  content: \"\";\n}\n.icon-budicon-665:before {\n  content: \"\";\n}\n.icon-budicon-666:before {\n  content: \"\";\n}\n.icon-budicon-667:before {\n  content: \"\";\n}\n.icon-budicon-668:before {\n  content: \"\";\n}\n.icon-budicon-669:before {\n  content: \"\";\n}\n.icon-budicon-670:before {\n  content: \"\";\n}\n.icon-budicon-671:before {\n  content: \"\";\n}\n.icon-budicon-672:before {\n  content: \"\";\n}\n.icon-budicon-673:before {\n  content: \"\";\n}\n.icon-budicon-674:before {\n  content: \"\";\n}\n.icon-budicon-675:before {\n  content: \"\";\n}\n.icon-budicon-676:before {\n  content: \"\";\n}\n.icon-budicon-677:before {\n  content: \"\";\n}\n.icon-budicon-678:before {\n  content: \"\";\n}\n.icon-budicon-679:before {\n  content: \"\";\n}\n.icon-budicon-680:before {\n  content: \"\";\n}\n.icon-budicon-681:before {\n  content: \"\";\n}\n.icon-budicon-682:before {\n  content: \"\";\n}\n.icon-budicon-683:before {\n  content: \"\";\n}\n.icon-budicon-684:before {\n  content: \"\";\n}\n.icon-budicon-685:before {\n  content: \"\";\n}\n.icon-budicon-686:before {\n  content: \"\";\n}\n.icon-budicon-687:before {\n  content: \"\";\n}\n.icon-budicon-688:before {\n  content: \"\";\n}\n.icon-budicon-689:before {\n  content: \"\";\n}\n.icon-budicon-690:before {\n  content: \"\";\n}\n.icon-budicon-691:before {\n  content: \"\";\n}\n.icon-budicon-692:before {\n  content: \"\";\n}\n.icon-budicon-693:before {\n  content: \"\";\n}\n.icon-budicon-694:before {\n  content: \"\";\n}\n.icon-budicon-695:before {\n  content: \"\";\n}\n.icon-budicon-696:before {\n  content: \"\";\n}\n.icon-budicon-697:before {\n  content: \"\";\n}\n.icon-budicon-698:before {\n  content: \"\";\n}\n.icon-budicon-699:before {\n  content: \"\";\n}\n.icon-budicon-700:before {\n  content: \"\";\n}\n.icon-budicon-701:before {\n  content: \"\";\n}\n.icon-budicon-702:before {\n  content: \"\";\n}\n.icon-budicon-703:before {\n  content: \"\";\n}\n.icon-budicon-704:before {\n  content: \"\";\n}\n.icon-budicon-705:before {\n  content: \"\";\n}\n.icon-budicon-706:before {\n  content: \"\";\n}\n.icon-budicon-707:before {\n  content: \"\";\n}\n.icon-budicon-708:before {\n  content: \"\";\n}\n.icon-budicon-709:before {\n  content: \"\";\n}\n.icon-budicon-710:before {\n  content: \"\";\n}\n.icon-budicon-711:before {\n  content: \"\";\n}\n.icon-budicon-712:before {\n  content: \"\";\n}\n.icon-budicon-713:before {\n  content: \"\";\n}\n.icon-budicon-714:before {\n  content: \"\";\n}\n.icon-budicon-715:before {\n  content: \"\";\n}\n.icon-budicon-716:before {\n  content: \"\";\n}\n.icon-budicon-717:before {\n  content: \"\";\n}\n.icon-budicon-718:before {\n  content: \"\";\n}\n.icon-budicon-719:before {\n  content: \"\";\n}\n.icon-budicon-720:before {\n  content: \"\";\n}\n.icon-budicon-721:before {\n  content: \"\";\n}\n.icon-budicon-722:before {\n  content: \"\";\n}\n.icon-budicon-723:before {\n  content: \"\";\n}\n.icon-budicon-724:before {\n  content: \"\";\n}\n.icon-budicon-725:before {\n  content: \"\";\n}\n.icon-budicon-726:before {\n  content: \"\";\n}\n.icon-budicon-727:before {\n  content: \"\";\n}\n.icon-budicon-728:before {\n  content: \"\";\n}\n.icon-budicon-729:before {\n  content: \"\";\n}\n.icon-budicon-730:before {\n  content: \"\";\n}\n.icon-budicon-731:before {\n  content: \"\";\n}\n.icon-budicon-732:before {\n  content: \"\";\n}\n.icon-budicon-733:before {\n  content: \"\";\n}\n.icon-budicon-734:before {\n  content: \"\";\n}\n.icon-budicon-735:before {\n  content: \"\";\n}\n.icon-budicon-736:before {\n  content: \"\";\n}\n.icon-budicon-737:before {\n  content: \"\";\n}\n.icon-budicon-738:before {\n  content: \"\";\n}\n.icon-budicon-739:before {\n  content: \"\";\n}\n.icon-budicon-740:before {\n  content: \"\";\n}\n.icon-budicon-741:before {\n  content: \"\";\n}\n.icon-budicon-742:before {\n  content: \"\";\n}\n.icon-budicon-743:before {\n  content: \"\";\n}\n.icon-budicon-744:before {\n  content: \"\";\n}\n.icon-budicon-745:before {\n  content: \"\";\n}\n.icon-budicon-746:before {\n  content: \"\";\n}\n.icon-budicon-747:before {\n  content: \"\";\n}\n.icon-budicon-748:before {\n  content: \"\";\n}\n.icon-budicon-749:before {\n  content: \"\";\n}\n.icon-budicon-750:before {\n  content: \"\";\n}\n.icon-budicon-751:before {\n  content: \"\";\n}\n.icon-budicon-752:before {\n  content: \"\";\n}\n.icon-budicon-753:before {\n  content: \"\";\n}\n.icon-budicon-754:before {\n  content: \"\";\n}\n.icon-budicon-755:before {\n  content: \"\";\n}\n.icon-budicon-756:before {\n  content: \"\";\n}\n.icon-budicon-757:before {\n  content: \"\";\n}\n.icon-budicon-758:before {\n  content: \"\";\n}\n.icon-budicon-759:before {\n  content: \"\";\n}\n.icon-budicon-760:before {\n  content: \"\";\n}\n.icon-budicon-761:before {\n  content: \"\";\n}\n.icon-budicon-762:before {\n  content: \"\";\n}\n.icon-budicon-763:before {\n  content: \"\";\n}\n.icon-budicon-764:before {\n  content: \"\";\n}\n.icon-budicon-765:before {\n  content: \"\";\n}\n.icon-budicon-766:before {\n  content: \"\";\n}\n.icon-budicon-767:before {\n  content: \"\";\n}\n.icon-budicon-768:before {\n  content: \"\";\n}\n.icon-budicon-769:before {\n  content: \"\";\n}\n.icon-budicon-770:before {\n  content: \"\";\n}\n.icon-budicon-771:before {\n  content: \"\";\n}\n.icon-budicon-772:before {\n  content: \"\";\n}\n.icon-budicon-773:before {\n  content: \"\";\n}\n.icon-budicon-774:before {\n  content: \"\";\n}\n.icon-budicon-775:before {\n  content: \"\";\n}\n.icon-budicon-776:before {\n  content: \"\";\n}\n.icon-budicon-777:before {\n  content: \"\";\n}\n.icon-budicon-778:before {\n  content: \"\";\n}\n.icon-budicon-779:before {\n  content: \"\";\n}\n.icon-budicon-780:before {\n  content: \"\";\n}\n.icon-budicon-781:before {\n  content: \"\";\n}\n.icon-budicon-782:before {\n  content: \"\";\n}\n.icon-budicon-783:before {\n  content: \"\";\n}\n.icon-budicon-784:before {\n  content: \"\";\n}\n.icon-budicon-785:before {\n  content: \"\";\n}\n.icon-budicon-786:before {\n  content: \"\";\n}\n.icon-budicon-787:before {\n  content: \"\";\n}\n.icon-budicon-788:before {\n  content: \"\";\n}\n.icon-budicon-789:before {\n  content: \"\";\n}\n.icon-budicon-790:before {\n  content: \"\";\n}\n.icon-budicon-791:before {\n  content: \"\";\n}\n.icon-budicon-792:before {\n  content: \"\";\n}\n.icon-budicon-793:before {\n  content: \"\";\n}\n.icon-budicon-794:before {\n  content: \"\";\n}\n.icon-budicon-795:before {\n  content: \"\";\n}\n.icon-budicon-796:before {\n  content: \"\";\n}\n.icon-budicon-797:before {\n  content: \"\";\n}\n.icon-budicon-798:before {\n  content: \"\";\n}\n.icon-budicon-799:before {\n  content: \"\";\n}\n.icon-budicon-800:before {\n  content: \"\";\n}\n.icon-budicon-801:before {\n  content: \"\";\n}\n.icon-budicon-802:before {\n  content: \"\";\n}\n.icon-budicon-803:before {\n  content: \"\";\n}\n.icon-budicon-804:before {\n  content: \"\";\n}\n.icon-budicon-805:before {\n  content: \"\";\n}\n.icon-budicon-806:before {\n  content: \"\";\n}\n.icon-budicon-807:before {\n  content: \"\";\n}\n.icon-budicon-808:before {\n  content: \"\";\n}\n.icon-budicon-809:before {\n  content: \"\";\n}\n.icon-budicon-810:before {\n  content: \"\";\n}\n.icon-budicon-811:before {\n  content: \"\";\n}\n.icon-budicon-812:before {\n  content: \"\";\n}\n.icon-budicon-813:before {\n  content: \"\";\n}\n.icon-budicon-814:before {\n  content: \"\";\n}\n.icon-budicon-815:before {\n  content: \"\";\n}\n.icon-budicon-816:before {\n  content: \"\";\n}\n.icon-budicon-817:before {\n  content: \"\";\n}\n.icon-budicon-818:before {\n  content: \"\";\n}\n.icon-budicon-819:before {\n  content: \"\";\n}\n.icon-budicon-820:before {\n  content: \"\";\n}\n.icon-budicon-821:before {\n  content: \"\";\n}\n.icon-budicon-822:before {\n  content: \"\";\n}\n.icon-budicon-823:before {\n  content: \"\";\n}\n.icon-budicon-824:before {\n  content: \"\";\n}\n.icon-budicon-825:before {\n  content: \"\";\n}\n.icon-budicon-826:before {\n  content: \"\";\n}\n.icon-budicon-827:before {\n  content: \"\";\n}\n.icon-budicon-828:before {\n  content: \"\";\n}\n.icon-budicon-829:before {\n  content: \"\";\n}\n.icon-budicon-830:before {\n  content: \"\";\n}\n.icon-budicon-831:before {\n  content: \"\";\n}\n.icon-budicon-832:before {\n  content: \"\";\n}\n.icon-budicon-833:before {\n  content: \"\";\n}\n.icon-budicon-834:before {\n  content: \"\";\n}\n.icon-budicon-835:before {\n  content: \"\";\n}\n.icon-budicon-836:before {\n  content: \"\";\n}\n.icon-budicon-837:before {\n  content: \"\";\n}\n.icon-budicon-838:before {\n  content: \"\";\n}\n.icon-budicon-839:before {\n  content: \"\";\n}\n.icon-budicon-840:before {\n  content: \"\";\n}\n.icon-budicon-841:before {\n  content: \"\";\n}\n.icon-budicon-842:before {\n  content: \"\";\n}\n.icon-budicon-843:before {\n  content: \"\";\n}\n.icon-budicon-844:before {\n  content: \"\";\n}\n.icon-budicon-845:before {\n  content: \"\";\n}\n.icon-budicon-846:before {\n  content: \"\";\n}\n.icon-budicon-847:before {\n  content: \"\";\n}\n.icon-budicon-848:before {\n  content: \"\";\n}\n.icon-budicon-849:before {\n  content: \"\";\n}\n.icon-1392070209-icon-social-github:before {\n  content: \"\";\n}\n"
  },
  {
    "path": "packages/components/src/budicon/budicon.styl",
    "content": "// Budicon Section\n// -------------------------\n\n.budicon-section {\n  h1 {\n    margin-bottom: 40px;\n  }\n}\n"
  },
  {
    "path": "packages/components/src/budicon/demo.pug",
    "content": "mixin budicon(cssClass, name)\n  li\n    i(class!=cssClass + \" icon\", aria-hidden='true')\n    div\n      strong.name= name || ''\n    div.css-class= cssClass\n\n\nul.glyphs.css-mapping\n  +budicon('icon-budicon', 'chicken')\n  +budicon('icon-budicon-1', 'flipper')\n  +budicon('icon-budicon-2', 'bread')\n  +budicon('icon-budicon-3', 'egg')\n  +budicon('icon-budicon-4', 'cup')\n  +budicon('icon-budicon-5', 'shake')\n  +budicon('icon-budicon-6', 'cylinder')\n  +budicon('icon-budicon-7', 'cup')\n  +budicon('icon-budicon-8', 'filled cup')\n  +budicon('icon-budicon-9', 'cup')\n  +budicon('icon-budicon-10', 'filled cup')\n  +budicon('icon-budicon-11')\n  +budicon('icon-budicon-12')\n  +budicon('icon-budicon-13')\n  +budicon('icon-budicon-14')\n  +budicon('icon-budicon-15')\n  +budicon('icon-budicon-16')\n  +budicon('icon-budicon-17')\n  +budicon('icon-budicon-18')\n  +budicon('icon-budicon-19')\n  +budicon('icon-budicon-20')\n  +budicon('icon-budicon-21')\n  +budicon('icon-budicon-22')\n  +budicon('icon-budicon-23')\n  +budicon('icon-budicon-24')\n  +budicon('icon-budicon-25')\n  +budicon('icon-budicon-26')\n  +budicon('icon-budicon-27')\n  +budicon('icon-budicon-28')\n  +budicon('icon-budicon-29')\n  +budicon('icon-budicon-30')\n  +budicon('icon-budicon-31')\n  +budicon('icon-budicon-32')\n  +budicon('icon-budicon-33')\n  +budicon('icon-budicon-34')\n  +budicon('icon-budicon-35')\n  +budicon('icon-budicon-36')\n  +budicon('icon-budicon-37')\n  +budicon('icon-budicon-38')\n  +budicon('icon-budicon-39')\n  +budicon('icon-budicon-40')\n  +budicon('icon-budicon-41')\n  +budicon('icon-budicon-42')\n  +budicon('icon-budicon-43')\n  +budicon('icon-budicon-44')\n  +budicon('icon-budicon-45')\n  +budicon('icon-budicon-46')\n  +budicon('icon-budicon-47')\n  +budicon('icon-budicon-48')\n  +budicon('icon-budicon-49')\n  +budicon('icon-budicon-50')\n  +budicon('icon-budicon-51')\n  +budicon('icon-budicon-52')\n  +budicon('icon-budicon-53')\n  +budicon('icon-budicon-54')\n  +budicon('icon-budicon-55')\n  +budicon('icon-budicon-56')\n  +budicon('icon-budicon-57')\n  +budicon('icon-budicon-58')\n  +budicon('icon-budicon-59')\n  +budicon('icon-budicon-60')\n  +budicon('icon-budicon-61')\n  +budicon('icon-budicon-62')\n  +budicon('icon-budicon-63')\n  +budicon('icon-budicon-64')\n  +budicon('icon-budicon-65')\n  +budicon('icon-budicon-66')\n  +budicon('icon-budicon-67')\n  +budicon('icon-budicon-68')\n  +budicon('icon-budicon-69')\n  +budicon('icon-budicon-70')\n  +budicon('icon-budicon-71')\n  +budicon('icon-budicon-72')\n  +budicon('icon-budicon-73')\n  +budicon('icon-budicon-74')\n  +budicon('icon-budicon-75')\n  +budicon('icon-budicon-76')\n  +budicon('icon-budicon-77')\n  +budicon('icon-budicon-78')\n  +budicon('icon-budicon-79')\n  +budicon('icon-budicon-80')\n  +budicon('icon-budicon-81')\n  +budicon('icon-budicon-82')\n  +budicon('icon-budicon-83')\n  +budicon('icon-budicon-84')\n  +budicon('icon-budicon-85')\n  +budicon('icon-budicon-86')\n  +budicon('icon-budicon-87')\n  +budicon('icon-budicon-88')\n  +budicon('icon-budicon-89')\n  +budicon('icon-budicon-90')\n  +budicon('icon-budicon-91')\n  +budicon('icon-budicon-92')\n  +budicon('icon-budicon-93')\n  +budicon('icon-budicon-94')\n  +budicon('icon-budicon-95')\n  +budicon('icon-budicon-96')\n  +budicon('icon-budicon-97')\n  +budicon('icon-budicon-98')\n  +budicon('icon-budicon-99')\n  +budicon('icon-budicon-100')\n  +budicon('icon-budicon-101')\n  +budicon('icon-budicon-102')\n  +budicon('icon-budicon-103')\n  +budicon('icon-budicon-104')\n  +budicon('icon-budicon-105')\n  +budicon('icon-budicon-106')\n  +budicon('icon-budicon-107')\n  +budicon('icon-budicon-108')\n  +budicon('icon-budicon-109')\n  +budicon('icon-budicon-110')\n  +budicon('icon-budicon-111')\n  +budicon('icon-budicon-112')\n  +budicon('icon-budicon-113')\n  +budicon('icon-budicon-114')\n  +budicon('icon-budicon-115')\n  +budicon('icon-budicon-116')\n  +budicon('icon-budicon-117')\n  +budicon('icon-budicon-118')\n  +budicon('icon-budicon-119')\n  +budicon('icon-budicon-120')\n  +budicon('icon-budicon-121')\n  +budicon('icon-budicon-122')\n  +budicon('icon-budicon-123')\n  +budicon('icon-budicon-124')\n  +budicon('icon-budicon-125')\n  +budicon('icon-budicon-126')\n  +budicon('icon-budicon-127')\n  +budicon('icon-budicon-128')\n  +budicon('icon-budicon-129')\n  +budicon('icon-budicon-130')\n  +budicon('icon-budicon-131')\n  +budicon('icon-budicon-132')\n  +budicon('icon-budicon-133')\n  +budicon('icon-budicon-134')\n  +budicon('icon-budicon-135')\n  +budicon('icon-budicon-136')\n  +budicon('icon-budicon-137')\n  +budicon('icon-budicon-138')\n  +budicon('icon-budicon-139')\n  +budicon('icon-budicon-140')\n  +budicon('icon-budicon-141')\n  +budicon('icon-budicon-142')\n  +budicon('icon-budicon-143')\n  +budicon('icon-budicon-144')\n  +budicon('icon-budicon-145')\n  +budicon('icon-budicon-146')\n  +budicon('icon-budicon-147')\n  +budicon('icon-budicon-148')\n  +budicon('icon-budicon-149')\n  +budicon('icon-budicon-150')\n  +budicon('icon-budicon-151')\n  +budicon('icon-budicon-152')\n  +budicon('icon-budicon-153')\n  +budicon('icon-budicon-154')\n  +budicon('icon-budicon-155')\n  +budicon('icon-budicon-156')\n  +budicon('icon-budicon-157')\n  +budicon('icon-budicon-158')\n  +budicon('icon-budicon-159')\n  +budicon('icon-budicon-160')\n  +budicon('icon-budicon-161')\n  +budicon('icon-budicon-162')\n  +budicon('icon-budicon-163')\n  +budicon('icon-budicon-164')\n  +budicon('icon-budicon-165')\n  +budicon('icon-budicon-166')\n  +budicon('icon-budicon-167')\n  +budicon('icon-budicon-168')\n  +budicon('icon-budicon-169')\n  +budicon('icon-budicon-170')\n  +budicon('icon-budicon-171')\n  +budicon('icon-budicon-172')\n  +budicon('icon-budicon-173')\n  +budicon('icon-budicon-174')\n  +budicon('icon-budicon-175')\n  +budicon('icon-budicon-176')\n  +budicon('icon-budicon-177')\n  +budicon('icon-budicon-178')\n  +budicon('icon-budicon-179')\n  +budicon('icon-budicon-180')\n  +budicon('icon-budicon-181')\n  +budicon('icon-budicon-182')\n  +budicon('icon-budicon-183')\n  +budicon('icon-budicon-184')\n  +budicon('icon-budicon-185')\n  +budicon('icon-budicon-186')\n  +budicon('icon-budicon-187')\n  +budicon('icon-budicon-188')\n  +budicon('icon-budicon-189')\n  +budicon('icon-budicon-190')\n  +budicon('icon-budicon-191')\n  +budicon('icon-budicon-192')\n  +budicon('icon-budicon-193')\n  +budicon('icon-budicon-194')\n  +budicon('icon-budicon-195')\n  +budicon('icon-budicon-196')\n  +budicon('icon-budicon-197')\n  +budicon('icon-budicon-198')\n  +budicon('icon-budicon-199')\n  +budicon('icon-budicon-200')\n  +budicon('icon-budicon-201')\n  +budicon('icon-budicon-202')\n  +budicon('icon-budicon-203')\n  +budicon('icon-budicon-204')\n  +budicon('icon-budicon-205')\n  +budicon('icon-budicon-206')\n  +budicon('icon-budicon-207')\n  +budicon('icon-budicon-208')\n  +budicon('icon-budicon-209')\n  +budicon('icon-budicon-210')\n  +budicon('icon-budicon-211')\n  +budicon('icon-budicon-212')\n  +budicon('icon-budicon-213')\n  +budicon('icon-budicon-214')\n  +budicon('icon-budicon-215')\n  +budicon('icon-budicon-216')\n  +budicon('icon-budicon-217')\n  +budicon('icon-budicon-218')\n  +budicon('icon-budicon-219')\n  +budicon('icon-budicon-220')\n  +budicon('icon-budicon-221')\n  +budicon('icon-budicon-222')\n  +budicon('icon-budicon-223')\n  +budicon('icon-budicon-224')\n  +budicon('icon-budicon-225')\n  +budicon('icon-budicon-226')\n  +budicon('icon-budicon-227')\n  +budicon('icon-budicon-228')\n  +budicon('icon-budicon-229')\n  +budicon('icon-budicon-230')\n  +budicon('icon-budicon-231')\n  +budicon('icon-budicon-232')\n  +budicon('icon-budicon-233')\n  +budicon('icon-budicon-234')\n  +budicon('icon-budicon-235')\n  +budicon('icon-budicon-236')\n  +budicon('icon-budicon-237')\n  +budicon('icon-budicon-238')\n  +budicon('icon-budicon-239')\n  +budicon('icon-budicon-240')\n  +budicon('icon-budicon-241')\n  +budicon('icon-budicon-242')\n  +budicon('icon-budicon-243')\n  +budicon('icon-budicon-244')\n  +budicon('icon-budicon-245')\n  +budicon('icon-budicon-246')\n  +budicon('icon-budicon-247')\n  +budicon('icon-budicon-248')\n  +budicon('icon-budicon-249')\n  +budicon('icon-budicon-250')\n  +budicon('icon-budicon-251')\n  +budicon('icon-budicon-252')\n  +budicon('icon-budicon-253')\n  +budicon('icon-budicon-254')\n  +budicon('icon-budicon-255')\n  +budicon('icon-budicon-256')\n  +budicon('icon-budicon-257')\n  +budicon('icon-budicon-258')\n  +budicon('icon-budicon-259')\n  +budicon('icon-budicon-260')\n  +budicon('icon-budicon-261')\n  +budicon('icon-budicon-262')\n  +budicon('icon-budicon-263')\n  +budicon('icon-budicon-264')\n  +budicon('icon-budicon-265')\n  +budicon('icon-budicon-266')\n  +budicon('icon-budicon-267')\n  +budicon('icon-budicon-268')\n  +budicon('icon-budicon-269')\n  +budicon('icon-budicon-270')\n  +budicon('icon-budicon-271')\n  +budicon('icon-budicon-272')\n  +budicon('icon-budicon-273')\n  +budicon('icon-budicon-274')\n  +budicon('icon-budicon-275')\n  +budicon('icon-budicon-276')\n  +budicon('icon-budicon-277')\n  +budicon('icon-budicon-278')\n  +budicon('icon-budicon-279')\n  +budicon('icon-budicon-280')\n  +budicon('icon-budicon-281')\n  +budicon('icon-budicon-282')\n  +budicon('icon-budicon-283')\n  +budicon('icon-budicon-284')\n  +budicon('icon-budicon-285')\n  +budicon('icon-budicon-286')\n  +budicon('icon-budicon-287')\n  +budicon('icon-budicon-288')\n  +budicon('icon-budicon-289')\n  +budicon('icon-budicon-290')\n  +budicon('icon-budicon-291')\n  +budicon('icon-budicon-292')\n  +budicon('icon-budicon-293')\n  +budicon('icon-budicon-294')\n  +budicon('icon-budicon-295')\n  +budicon('icon-budicon-296')\n  +budicon('icon-budicon-297')\n  +budicon('icon-budicon-298')\n  +budicon('icon-budicon-299')\n  +budicon('icon-budicon-300')\n  +budicon('icon-budicon-301')\n  +budicon('icon-budicon-302')\n  +budicon('icon-budicon-303')\n  +budicon('icon-budicon-304')\n  +budicon('icon-budicon-305')\n  +budicon('icon-budicon-306')\n  +budicon('icon-budicon-307')\n  +budicon('icon-budicon-308')\n  +budicon('icon-budicon-309')\n  +budicon('icon-budicon-310')\n  +budicon('icon-budicon-311')\n  +budicon('icon-budicon-312')\n  +budicon('icon-budicon-313')\n  +budicon('icon-budicon-314')\n  +budicon('icon-budicon-315')\n  +budicon('icon-budicon-316')\n  +budicon('icon-budicon-317')\n  +budicon('icon-budicon-318')\n  +budicon('icon-budicon-319')\n  +budicon('icon-budicon-320')\n  +budicon('icon-budicon-321')\n  +budicon('icon-budicon-322')\n  +budicon('icon-budicon-323')\n  +budicon('icon-budicon-324')\n  +budicon('icon-budicon-325')\n  +budicon('icon-budicon-326')\n  +budicon('icon-budicon-327')\n  +budicon('icon-budicon-328')\n  +budicon('icon-budicon-329')\n  +budicon('icon-budicon-330')\n  +budicon('icon-budicon-331')\n  +budicon('icon-budicon-332')\n  +budicon('icon-budicon-333')\n  +budicon('icon-budicon-334')\n  +budicon('icon-budicon-335')\n  +budicon('icon-budicon-336')\n  +budicon('icon-budicon-337')\n  +budicon('icon-budicon-338')\n  +budicon('icon-budicon-339')\n  +budicon('icon-budicon-340')\n  +budicon('icon-budicon-341')\n  +budicon('icon-budicon-342')\n  +budicon('icon-budicon-343')\n  +budicon('icon-budicon-344')\n  +budicon('icon-budicon-345')\n  +budicon('icon-budicon-346')\n  +budicon('icon-budicon-347')\n  +budicon('icon-budicon-348')\n  +budicon('icon-budicon-349')\n  +budicon('icon-budicon-350')\n  +budicon('icon-budicon-351')\n  +budicon('icon-budicon-352')\n  +budicon('icon-budicon-353')\n  +budicon('icon-budicon-354')\n  +budicon('icon-budicon-355')\n  +budicon('icon-budicon-356')\n  +budicon('icon-budicon-357')\n  +budicon('icon-budicon-358')\n  +budicon('icon-budicon-359')\n  +budicon('icon-budicon-360')\n  +budicon('icon-budicon-361')\n  +budicon('icon-budicon-362')\n  +budicon('icon-budicon-363')\n  +budicon('icon-budicon-364')\n  +budicon('icon-budicon-365')\n  +budicon('icon-budicon-366')\n  +budicon('icon-budicon-367')\n  +budicon('icon-budicon-368')\n  +budicon('icon-budicon-369')\n  +budicon('icon-budicon-370')\n  +budicon('icon-budicon-371')\n  +budicon('icon-budicon-372')\n  +budicon('icon-budicon-373')\n  +budicon('icon-budicon-374')\n  +budicon('icon-budicon-375')\n  +budicon('icon-budicon-376')\n  +budicon('icon-budicon-377')\n  +budicon('icon-budicon-378')\n  +budicon('icon-budicon-379')\n  +budicon('icon-budicon-380')\n  +budicon('icon-budicon-381')\n  +budicon('icon-budicon-382')\n  +budicon('icon-budicon-383')\n  +budicon('icon-budicon-384')\n  +budicon('icon-budicon-385')\n  +budicon('icon-budicon-386')\n  +budicon('icon-budicon-387')\n  +budicon('icon-budicon-388')\n  +budicon('icon-budicon-389')\n  +budicon('icon-budicon-390')\n  +budicon('icon-budicon-391')\n  +budicon('icon-budicon-392')\n  +budicon('icon-budicon-393')\n  +budicon('icon-budicon-394')\n  +budicon('icon-budicon-395')\n  +budicon('icon-budicon-396')\n  +budicon('icon-budicon-397')\n  +budicon('icon-budicon-398')\n  +budicon('icon-budicon-399')\n  +budicon('icon-budicon-400')\n  +budicon('icon-budicon-401')\n  +budicon('icon-budicon-402')\n  +budicon('icon-budicon-403')\n  +budicon('icon-budicon-404')\n  +budicon('icon-budicon-405')\n  +budicon('icon-budicon-406')\n  +budicon('icon-budicon-407')\n  +budicon('icon-budicon-408')\n  +budicon('icon-budicon-409')\n  +budicon('icon-budicon-410')\n  +budicon('icon-budicon-411')\n  +budicon('icon-budicon-412')\n  +budicon('icon-budicon-413')\n  +budicon('icon-budicon-414')\n  +budicon('icon-budicon-415')\n  +budicon('icon-budicon-416')\n  +budicon('icon-budicon-417')\n  +budicon('icon-budicon-418')\n  +budicon('icon-budicon-419')\n  +budicon('icon-budicon-420')\n  +budicon('icon-budicon-421')\n  +budicon('icon-budicon-422')\n  +budicon('icon-budicon-423')\n  +budicon('icon-budicon-424')\n  +budicon('icon-budicon-425')\n  +budicon('icon-budicon-426')\n  +budicon('icon-budicon-427')\n  +budicon('icon-budicon-428')\n  +budicon('icon-budicon-429')\n  +budicon('icon-budicon-430')\n  +budicon('icon-budicon-431')\n  +budicon('icon-budicon-432')\n  +budicon('icon-budicon-433')\n  +budicon('icon-budicon-434')\n  +budicon('icon-budicon-435')\n  +budicon('icon-budicon-436')\n  +budicon('icon-budicon-437')\n  +budicon('icon-budicon-438')\n  +budicon('icon-budicon-439')\n  +budicon('icon-budicon-440')\n  +budicon('icon-budicon-441')\n  +budicon('icon-budicon-442')\n  +budicon('icon-budicon-443')\n  +budicon('icon-budicon-444')\n  +budicon('icon-budicon-445')\n  +budicon('icon-budicon-446')\n  +budicon('icon-budicon-447')\n  +budicon('icon-budicon-448')\n  +budicon('icon-budicon-449')\n  +budicon('icon-budicon-450')\n  +budicon('icon-budicon-451')\n  +budicon('icon-budicon-452')\n  +budicon('icon-budicon-453')\n  +budicon('icon-budicon-454')\n  +budicon('icon-budicon-455')\n  +budicon('icon-budicon-456')\n  +budicon('icon-budicon-457')\n  +budicon('icon-budicon-458')\n  +budicon('icon-budicon-459')\n  +budicon('icon-budicon-460')\n  +budicon('icon-budicon-461')\n  +budicon('icon-budicon-462')\n  +budicon('icon-budicon-463')\n  +budicon('icon-budicon-464')\n  +budicon('icon-budicon-465')\n  +budicon('icon-budicon-466')\n  +budicon('icon-budicon-467')\n  +budicon('icon-budicon-468')\n  +budicon('icon-budicon-469')\n  +budicon('icon-budicon-470')\n  +budicon('icon-budicon-471')\n  +budicon('icon-budicon-472')\n  +budicon('icon-budicon-473', 'Plus')\n  +budicon('icon-budicon-474')\n  +budicon('icon-budicon-475')\n  +budicon('icon-budicon-476')\n  +budicon('icon-budicon-477')\n  +budicon('icon-budicon-478')\n  +budicon('icon-budicon-479')\n  +budicon('icon-budicon-480')\n  +budicon('icon-budicon-481')\n  +budicon('icon-budicon-482')\n  +budicon('icon-budicon-483')\n  +budicon('icon-budicon-484')\n  +budicon('icon-budicon-485')\n  +budicon('icon-budicon-486')\n  +budicon('icon-budicon-487')\n  +budicon('icon-budicon-488')\n  +budicon('icon-budicon-489')\n  +budicon('icon-budicon-490')\n  +budicon('icon-budicon-491')\n  +budicon('icon-budicon-492')\n  +budicon('icon-budicon-493')\n  +budicon('icon-budicon-494')\n  +budicon('icon-budicon-495')\n  +budicon('icon-budicon-496')\n  +budicon('icon-budicon-497')\n  +budicon('icon-budicon-498')\n  +budicon('icon-budicon-499')\n  +budicon('icon-budicon-500')\n  +budicon('icon-budicon-501')\n  +budicon('icon-budicon-502')\n  +budicon('icon-budicon-503')\n  +budicon('icon-budicon-504')\n  +budicon('icon-budicon-505')\n  +budicon('icon-budicon-506')\n  +budicon('icon-budicon-507')\n  +budicon('icon-budicon-508')\n  +budicon('icon-budicon-509')\n  +budicon('icon-budicon-510')\n  +budicon('icon-budicon-511')\n  +budicon('icon-budicon-512')\n  +budicon('icon-budicon-513')\n  +budicon('icon-budicon-514')\n  +budicon('icon-budicon-515')\n  +budicon('icon-budicon-516')\n  +budicon('icon-budicon-517')\n  +budicon('icon-budicon-518')\n  +budicon('icon-budicon-519')\n  +budicon('icon-budicon-520')\n  +budicon('icon-budicon-521')\n  +budicon('icon-budicon-522')\n  +budicon('icon-budicon-523')\n  +budicon('icon-budicon-524')\n  +budicon('icon-budicon-525')\n  +budicon('icon-budicon-526')\n  +budicon('icon-budicon-527')\n  +budicon('icon-budicon-528')\n  +budicon('icon-budicon-529')\n  +budicon('icon-budicon-530')\n  +budicon('icon-budicon-531')\n  +budicon('icon-budicon-532')\n  +budicon('icon-budicon-533')\n  +budicon('icon-budicon-534')\n  +budicon('icon-budicon-535')\n  +budicon('icon-budicon-536')\n  +budicon('icon-budicon-537')\n  +budicon('icon-budicon-538')\n  +budicon('icon-budicon-539')\n  +budicon('icon-budicon-540')\n  +budicon('icon-budicon-541')\n  +budicon('icon-budicon-542')\n  +budicon('icon-budicon-543')\n  +budicon('icon-budicon-544')\n  +budicon('icon-budicon-545')\n  +budicon('icon-budicon-546')\n  +budicon('icon-budicon-547')\n  +budicon('icon-budicon-548')\n  +budicon('icon-budicon-549')\n  +budicon('icon-budicon-550')\n  +budicon('icon-budicon-551')\n  +budicon('icon-budicon-552')\n  +budicon('icon-budicon-553')\n  +budicon('icon-budicon-554')\n  +budicon('icon-budicon-555')\n  +budicon('icon-budicon-556')\n  +budicon('icon-budicon-557')\n  +budicon('icon-budicon-558')\n  +budicon('icon-budicon-559')\n  +budicon('icon-budicon-560')\n  +budicon('icon-budicon-561')\n  +budicon('icon-budicon-562')\n  +budicon('icon-budicon-563')\n  +budicon('icon-budicon-564')\n  +budicon('icon-budicon-565')\n  +budicon('icon-budicon-566')\n  +budicon('icon-budicon-567')\n  +budicon('icon-budicon-568')\n  +budicon('icon-budicon-569')\n  +budicon('icon-budicon-570')\n  +budicon('icon-budicon-571')\n  +budicon('icon-budicon-572')\n  +budicon('icon-budicon-573')\n  +budicon('icon-budicon-574')\n  +budicon('icon-budicon-575')\n  +budicon('icon-budicon-576')\n  +budicon('icon-budicon-577')\n  +budicon('icon-budicon-578')\n  +budicon('icon-budicon-579')\n  +budicon('icon-budicon-580')\n  +budicon('icon-budicon-581')\n  +budicon('icon-budicon-582')\n  +budicon('icon-budicon-583')\n  +budicon('icon-budicon-584')\n  +budicon('icon-budicon-585')\n  +budicon('icon-budicon-586')\n  +budicon('icon-budicon-587')\n  +budicon('icon-budicon-588')\n  +budicon('icon-budicon-589')\n  +budicon('icon-budicon-590')\n  +budicon('icon-budicon-591')\n  +budicon('icon-budicon-592')\n  +budicon('icon-budicon-593')\n  +budicon('icon-budicon-594')\n  +budicon('icon-budicon-595')\n  +budicon('icon-budicon-596')\n  +budicon('icon-budicon-597')\n  +budicon('icon-budicon-598')\n  +budicon('icon-budicon-599')\n  +budicon('icon-budicon-600')\n  +budicon('icon-budicon-601')\n  +budicon('icon-budicon-602')\n  +budicon('icon-budicon-603')\n  +budicon('icon-budicon-604')\n  +budicon('icon-budicon-605')\n  +budicon('icon-budicon-606')\n  +budicon('icon-budicon-607')\n  +budicon('icon-budicon-608')\n  +budicon('icon-budicon-609')\n  +budicon('icon-budicon-610')\n  +budicon('icon-budicon-611')\n  +budicon('icon-budicon-612')\n  +budicon('icon-budicon-613')\n  +budicon('icon-budicon-614')\n  +budicon('icon-budicon-615')\n  +budicon('icon-budicon-616')\n  +budicon('icon-budicon-617')\n  +budicon('icon-budicon-618')\n  +budicon('icon-budicon-619')\n  +budicon('icon-budicon-620')\n  +budicon('icon-budicon-621')\n  +budicon('icon-budicon-622')\n  +budicon('icon-budicon-623')\n  +budicon('icon-budicon-624')\n  +budicon('icon-budicon-625')\n  +budicon('icon-budicon-626')\n  +budicon('icon-budicon-627')\n  +budicon('icon-budicon-628')\n  +budicon('icon-budicon-629')\n  +budicon('icon-budicon-630')\n  +budicon('icon-budicon-631')\n  +budicon('icon-budicon-632')\n  +budicon('icon-budicon-633')\n  +budicon('icon-budicon-634')\n  +budicon('icon-budicon-635')\n  +budicon('icon-budicon-636')\n  +budicon('icon-budicon-637')\n  +budicon('icon-budicon-638')\n  +budicon('icon-budicon-639')\n  +budicon('icon-budicon-640')\n  +budicon('icon-budicon-641')\n  +budicon('icon-budicon-642')\n  +budicon('icon-budicon-643')\n  +budicon('icon-budicon-644')\n  +budicon('icon-budicon-645')\n  +budicon('icon-budicon-646')\n  +budicon('icon-budicon-647')\n  +budicon('icon-budicon-648')\n  +budicon('icon-budicon-649')\n  +budicon('icon-budicon-650')\n  +budicon('icon-budicon-651')\n  +budicon('icon-budicon-652')\n  +budicon('icon-budicon-653')\n  +budicon('icon-budicon-654')\n  +budicon('icon-budicon-655')\n  +budicon('icon-budicon-656')\n  +budicon('icon-budicon-657')\n  +budicon('icon-budicon-658')\n  +budicon('icon-budicon-659')\n  +budicon('icon-budicon-660')\n  +budicon('icon-budicon-661')\n  +budicon('icon-budicon-662')\n  +budicon('icon-budicon-663')\n  +budicon('icon-budicon-664')\n  +budicon('icon-budicon-665')\n  +budicon('icon-budicon-666')\n  +budicon('icon-budicon-667')\n  +budicon('icon-budicon-668')\n  +budicon('icon-budicon-669')\n  +budicon('icon-budicon-670')\n  +budicon('icon-budicon-671')\n  +budicon('icon-budicon-672')\n  +budicon('icon-budicon-673')\n  +budicon('icon-budicon-674')\n  +budicon('icon-budicon-675')\n  +budicon('icon-budicon-676')\n  +budicon('icon-budicon-677')\n  +budicon('icon-budicon-678')\n  +budicon('icon-budicon-679')\n  +budicon('icon-budicon-680')\n  +budicon('icon-budicon-681')\n  +budicon('icon-budicon-682')\n  +budicon('icon-budicon-683')\n  +budicon('icon-budicon-684')\n  +budicon('icon-budicon-685')\n  +budicon('icon-budicon-686')\n  +budicon('icon-budicon-687')\n  +budicon('icon-budicon-688')\n  +budicon('icon-budicon-689')\n  +budicon('icon-budicon-690')\n  +budicon('icon-budicon-691')\n  +budicon('icon-budicon-692')\n  +budicon('icon-budicon-693')\n  +budicon('icon-budicon-694')\n  +budicon('icon-budicon-695')\n  +budicon('icon-budicon-696')\n  +budicon('icon-budicon-697')\n  +budicon('icon-budicon-698')\n  +budicon('icon-budicon-699')\n  +budicon('icon-budicon-700')\n  +budicon('icon-budicon-701')\n  +budicon('icon-budicon-702')\n  +budicon('icon-budicon-703')\n  +budicon('icon-budicon-704')\n  +budicon('icon-budicon-705')\n  +budicon('icon-budicon-706')\n  +budicon('icon-budicon-707')\n  +budicon('icon-budicon-708')\n  +budicon('icon-budicon-709')\n  +budicon('icon-budicon-710')\n  +budicon('icon-budicon-711')\n  +budicon('icon-budicon-712')\n  +budicon('icon-budicon-713')\n  +budicon('icon-budicon-714')\n  +budicon('icon-budicon-715')\n  +budicon('icon-budicon-716')\n  +budicon('icon-budicon-717')\n  +budicon('icon-budicon-718')\n  +budicon('icon-budicon-719')\n  +budicon('icon-budicon-720')\n  +budicon('icon-budicon-721')\n  +budicon('icon-budicon-722')\n  +budicon('icon-budicon-723')\n  +budicon('icon-budicon-724')\n  +budicon('icon-budicon-725')\n  +budicon('icon-budicon-726')\n  +budicon('icon-budicon-727')\n  +budicon('icon-budicon-728')\n  +budicon('icon-budicon-729')\n  +budicon('icon-budicon-730')\n  +budicon('icon-budicon-731')\n  +budicon('icon-budicon-732')\n  +budicon('icon-budicon-733')\n  +budicon('icon-budicon-734')\n  +budicon('icon-budicon-735')\n  +budicon('icon-budicon-736')\n  +budicon('icon-budicon-737')\n  +budicon('icon-budicon-738')\n  +budicon('icon-budicon-739')\n  +budicon('icon-budicon-740')\n  +budicon('icon-budicon-741')\n  +budicon('icon-budicon-742')\n  +budicon('icon-budicon-743')\n  +budicon('icon-budicon-744')\n  +budicon('icon-budicon-745')\n  +budicon('icon-budicon-746')\n  +budicon('icon-budicon-747')\n  +budicon('icon-budicon-748')\n  +budicon('icon-budicon-749')\n  +budicon('icon-budicon-750')\n  +budicon('icon-budicon-751')\n  +budicon('icon-budicon-752')\n  +budicon('icon-budicon-753')\n  +budicon('icon-budicon-754')\n  +budicon('icon-budicon-755')\n  +budicon('icon-budicon-756')\n  +budicon('icon-budicon-757')\n  +budicon('icon-budicon-758')\n  +budicon('icon-budicon-759')\n  +budicon('icon-budicon-760')\n  +budicon('icon-budicon-761')\n  +budicon('icon-budicon-762')\n  +budicon('icon-budicon-763')\n  +budicon('icon-budicon-764')\n  +budicon('icon-budicon-765')\n  +budicon('icon-budicon-766')\n  +budicon('icon-budicon-767')\n  +budicon('icon-budicon-768')\n  +budicon('icon-budicon-769')\n  +budicon('icon-budicon-770')\n  +budicon('icon-budicon-771')\n  +budicon('icon-budicon-772')\n  +budicon('icon-budicon-773')\n  +budicon('icon-budicon-774')\n  +budicon('icon-budicon-775')\n  +budicon('icon-budicon-776')\n  +budicon('icon-budicon-777')\n  +budicon('icon-budicon-778')\n  +budicon('icon-budicon-779')\n  +budicon('icon-budicon-780')\n  +budicon('icon-budicon-781')\n  +budicon('icon-budicon-782')\n  +budicon('icon-budicon-783')\n  +budicon('icon-budicon-784')\n  +budicon('icon-budicon-785')\n  +budicon('icon-budicon-786')\n  +budicon('icon-budicon-787')\n  +budicon('icon-budicon-788')\n  +budicon('icon-budicon-789')\n  +budicon('icon-budicon-790')\n  +budicon('icon-budicon-791')\n  +budicon('icon-budicon-792')\n  +budicon('icon-budicon-793')\n  +budicon('icon-budicon-794')\n  +budicon('icon-budicon-795')\n  +budicon('icon-budicon-796')\n  +budicon('icon-budicon-797')\n  +budicon('icon-budicon-798')\n  +budicon('icon-budicon-799')\n  +budicon('icon-budicon-800')\n  +budicon('icon-budicon-801')\n  +budicon('icon-budicon-802')\n  +budicon('icon-budicon-803')\n  +budicon('icon-budicon-804')\n  +budicon('icon-budicon-805')\n  +budicon('icon-budicon-806')\n  +budicon('icon-budicon-807')\n  +budicon('icon-budicon-808')\n  +budicon('icon-budicon-809')\n  +budicon('icon-budicon-810')\n  +budicon('icon-budicon-811')\n  +budicon('icon-budicon-812')\n  +budicon('icon-budicon-813')\n  +budicon('icon-budicon-814')\n  +budicon('icon-budicon-815')\n  +budicon('icon-budicon-816')\n  +budicon('icon-budicon-817')\n  +budicon('icon-budicon-818')\n  +budicon('icon-budicon-819')\n  +budicon('icon-budicon-820')\n  +budicon('icon-budicon-821')\n  +budicon('icon-budicon-822')\n  +budicon('icon-budicon-823')\n  +budicon('icon-budicon-824')\n  +budicon('icon-budicon-825')\n  +budicon('icon-budicon-826')\n  +budicon('icon-budicon-827')\n  +budicon('icon-budicon-828')\n  +budicon('icon-budicon-829')\n  +budicon('icon-budicon-830')\n  +budicon('icon-budicon-831')\n  +budicon('icon-budicon-832')\n  +budicon('icon-budicon-833')\n  +budicon('icon-budicon-834')\n  +budicon('icon-budicon-835')\n  +budicon('icon-budicon-836')\n  +budicon('icon-budicon-837')\n  +budicon('icon-budicon-838')\n  +budicon('icon-budicon-839')\n  +budicon('icon-budicon-840')\n  +budicon('icon-budicon-841')\n  +budicon('icon-budicon-842')\n  +budicon('icon-budicon-843')\n  +budicon('icon-budicon-844')\n  +budicon('icon-budicon-845')\n  +budicon('icon-budicon-846')\n  +budicon('icon-budicon-847')\n  +budicon('icon-budicon-848')\n  +budicon('icon-budicon-849')\n"
  },
  {
    "path": "packages/components/src/button-groups/index.styl",
    "content": "//\n// Button groups\n// --------------------------------------------------\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical\n  position relative\n  display inline-block\n  vertical-align middle // match .btn alignment given font-size hack above\n\n  > .btn\n    position relative\n    float left\n\n    // Bring the \"active\" button to the front\n    &:hover,\n    &:focus,\n    &:active,\n    &.active\n      z-index 2\n\n// Prevent double borders when buttons are next to each other\n.btn-group\n  .btn + .btn,\n  .btn + .btn-group,\n  .btn-group + .btn,\n  .btn-group + .btn-group\n    margin-left -1px\n\n// Optional Group multiple button groups together for a toolbar\n.btn-toolbar\n  margin-left -5px // Offset the first child's margin\n  clearfix()\n\n  .btn,\n  .btn-group,\n  .input-group\n    float left\n\n  > .btn,\n  > .btn-group,\n  > .input-group\n    margin-left 5px\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)\n  border-radius 0\n\n// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child\n  margin-left 0\n\n  &:not(:last-child):not(.dropdown-toggle)\n    border-right-radius(0)\n\n// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child)\n  border-left-radius(0)\n\n// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)\n.btn-group > .btn-group\n  float left\n\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn\n  border-radius 0\n\n.btn-group > .btn-group:first-child:not(:last-child)\n  > .btn:last-child,\n  > .dropdown-toggle\n    border-right-radius(0)\n\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child\n  border-left-radius(0)\n\n// On active and open, don't show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle\n  outline 0\n\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-xs > .btn\n  @extend .btn-xs\n\n.btn-group-sm > .btn\n  @extend .btn-sm\n\n.btn-group-lg > .btn\n  @extend .btn-lg\n\n\n// Split button dropdowns\n// ----------------------\n\n// Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle\n  padding-left 8px\n  padding-right 8px\n\n.btn-group > .btn-lg + .dropdown-toggle\n  padding-left 12px\n  padding-right 12px\n\n// The clickable button for toggling the menu\n// Remove the gradient and set the same inset shadow as the :active state\n.btn-group.open .dropdown-toggle\n  box-shadow inset 0 3px 5px rgba(0, 0, 0, .125)\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link\n    box-shadow none\n\n\n// Reposition the caret\n.btn .caret\n  margin-left 0\n\n// Carets in other button sizes\n.btn-lg .caret\n  border-width $caret-width-large $caret-width-large 0\n  border-bottom-width 0\n\n// Upside down carets for .dropup\n.dropup .btn-lg .caret\n  border-width 0 $caret-width-large $caret-width-large\n\n\n// Vertical button groups\n// ----------------------\n\n.btn-group-vertical\n  > .btn,\n  > .btn-group,\n  > .btn-group > .btn\n    display block\n    float none\n    width 100%\n    max-width 100%\n\n  // Clear floats so dropdown menus can be properly placed\n  > .btn-group\n    clearfix()\n    > .btn\n      float none\n\n  > .btn + .btn,\n  > .btn + .btn-group,\n  > .btn-group + .btn,\n  > .btn-group + .btn-group\n    margin-top -1px\n    margin-left 0\n\n.btn-group-vertical > .btn\n  &:not(:first-child):not(:last-child)\n    border-radius 0\n\n  &:first-child:not(:last-child)\n    border-top-radius($btn-border-radius-base)\n    border-bottom-radius(0)\n\n  &:last-child:not(:first-child)\n    border-top-radius(0)\n    border-bottom-radius($btn-border-radius-base)\n\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn\n  border-radius 0\n\n.btn-group-vertical > .btn-group:first-child:not(:last-child)\n  > .btn:last-child,\n  > .dropdown-toggle\n    border-bottom-radius(0)\n\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child\n  border-top-radius(0)\n\n\n\n// Justified button groups\n// ----------------------\n\n.btn-group-justified\n  display table\n  width 100%\n  table-layout fixed\n  border-collapse separate\n\n  > .btn,\n  > .btn-group\n    float none\n    display table-cell\n    width 1%\n\n  > .btn-group .btn\n    width 100%\n\n  > .btn-group .dropdown-menu\n    left auto\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n[data-toggle=\"buttons\"]\n  > .btn\n  > .btn-group > .btn\n    input[type=\"radio\"],\n    input[type=\"checkbox\"]\n      position absolute\n      clip rect(0, 0, 0, 0)\n      pointer-events none\n"
  },
  {
    "path": "packages/components/src/buttons/demo.pug",
    "content": ".row\n  .col-sm-3\n    p\n      .btn.btn-default Default\n    p\n      .btn.btn-default.btn-sm Default\n    p\n      .btn.btn-default.btn-md Default\n    p\n      .btn.btn-default.btn-lg Default\n      \n    p\n      .btn.btn-default\n        span.btn-icon.btn-icon-custom\n          img(src=\"https://cloudup.com/cOp71nLDoFX+\" alt=\"sample\")\n        | Icon as img tag\n        \n    p\n      .btn.btn-default\n        span.btn-icon.btn-icon-custom\n          svg(viewbox='0 0 121 119', version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink')\n            g#Page-1(stroke='none', stroke-width='1', fill='none', fill-rule='evenodd')\n              g#GitHub-Mark(transform='translate(-290.000000, -282.000000)', fill='#000000')\n                path#Fill-51(d='M350.609,282.446 C317.262,282.446 290.221,309.481 290.221,342.833 C290.221,369.514 307.524,392.15 331.518,400.135 C334.536,400.694 335.644,398.825 335.644,397.23 C335.644,395.79 335.588,391.033 335.562,385.987 C318.762,389.64 315.217,378.862 315.217,378.862 C312.47,371.882 308.512,370.026 308.512,370.026 C303.033,366.278 308.925,366.355 308.925,366.355 C314.989,366.78 318.182,372.578 318.182,372.578 C323.568,381.81 332.309,379.141 335.755,377.598 C336.297,373.696 337.862,371.03 339.589,369.523 C326.176,367.996 312.076,362.818 312.076,339.679 C312.076,333.086 314.435,327.699 318.298,323.47 C317.671,321.948 315.604,315.807 318.883,307.489 C318.883,307.489 323.954,305.866 335.494,313.679 C340.311,312.341 345.477,311.67 350.609,311.647 C355.741,311.67 360.911,312.341 365.737,313.679 C377.263,305.866 382.327,307.489 382.327,307.489 C385.614,315.807 383.546,321.948 382.919,323.47 C386.791,327.699 389.134,333.086 389.134,339.679 C389.134,362.873 375.007,367.98 361.56,369.475 C363.726,371.349 365.656,375.024 365.656,380.658 C365.656,388.737 365.586,395.24 365.586,397.23 C365.586,398.837 366.673,400.72 369.734,400.127 C393.715,392.133 410.996,369.505 410.996,342.833 C410.996,309.481 383.959,282.446 350.609,282.446')\n        | Icon as svg\n        \n    p\n      .btn.btn-default\n        span.btn-icon.icon-budicon-493 \n        | Default with icon\n\n  .col-sm-3\n    p\n      .btn.btn-success Success\n    p\n      .btn.btn-success.btn-sm Success\n    p\n      .btn.btn-success.btn-md Success\n    p\n      .btn.btn-success.btn-lg Success\n    p\n      .btn.btn-success\n        span.btn-icon.icon-budicon-120 \n        | Success with icon\n      \n  .col-sm-3\n    p\n      .btn.btn-primary Primary\n    p\n      .btn.btn-primary.btn-sm Primary\n    p\n      .btn.btn-primary.btn-md Primary\n    p\n      .btn.btn-primary.btn-lg Primary\n    p\n      .btn.btn-primary\n        span.btn-icon.icon-budicon-120 \n        | Primary with icon\n\n  .col-sm-3\n    p\n      .btn.btn-warning Warning\n    p\n      .btn.btn-warning.btn-sm Warning\n    p\n      .btn.btn-warning.btn-md Warning\n    p\n      .btn.btn-warning.btn-lg Warning\n    p\n      .btn.btn-warning\n        span.btn-icon.icon-budicon-493 \n        | Warning with icon\n      \n      \n.row\n  .col-sm-3\n    p\n      .btn.btn-danger Warning\n    p\n      .btn.btn-danger.btn-sm Warning\n    p\n      .btn.btn-danger.btn-md Warning\n    p\n      .btn.btn-danger.btn-lg \n        span.btn-icon.icon-budicon-493 \n        | Warning\n    p\n      .btn.btn-danger\n        span.btn-icon.icon-budicon-493 \n        | Warning with icon\n        \n  .col-sm-3\n    p\n      .btn.btn-transparent Transparent\n    p\n      .btn.btn-transparent.btn-sm Transparent\n    p\n      .btn.btn-transparent.btn-md Transparent\n    p\n      .btn.btn-transparent.btn-lg \n        span.btn-icon.icon-budicon-493 \n        | Transparent\n    p\n      .btn.btn-transparent\n        span.btn-icon.icon-budicon-493 \n        | Transparent with icon\n  \n"
  },
  {
    "path": "packages/components/src/buttons/index.styl",
    "content": "// Base styles\n// --------------------------------------------------\n\n$btn-font-weight ?=              500\n\n$btn-default-color ?=            #333\n$btn-default-bg ?=               #f1f1f1\n$btn-default-border ?=           #ccc\n\n$btn-primary-color ?=            #fff\n$btn-primary-bg ?=               $brand-primary\n$btn-primary-border ?=           darken($btn-primary-bg, 5)\n\n$btn-success-color ?=            #fff\n$btn-success-bg ?=               $brand-success\n$btn-success-border ?=           darken($btn-success-bg, 5)\n\n$btn-info-color ?=               #fff\n$btn-info-bg ?=                  $brand-info\n$btn-info-border ?=              darken($btn-info-bg, 5)\n\n$btn-warning-color ?=            #fff\n$btn-warning-bg ?=               $brand-warning\n$btn-warning-border ?=           darken($btn-warning-bg, 5)\n\n$btn-danger-color ?=             #fff\n$btn-danger-bg ?=                $brand-danger\n$btn-danger-border ?=            darken($btn-danger-bg, 5)\n\n$btn-link-disabled-color ?=      $gray-light\n\n// Allows for customising button radius independently from global border radius\n$btn-border-radius-base ?=       $border-radius-base\n$btn-border-radius-large ?=      $border-radius-large\n$btn-border-radius-small ?=      $border-radius-small\n\n\n.btn\n  display inline-block\n  margin-bottom 0 // For input.btn\n  font-weight $btn-font-weight\n  text-align center\n  vertical-align middle\n  touch-action manipulation\n  cursor pointer\n  background-image none // Reset unusual Firefox-on-Android default style see https://github.com/necolas/normalize.css/issues/214\n  // border 1px solid transparent\n  white-space nowrap\n  button-size($padding-base-vertical, $padding-base-horizontal, 13px, $line-height-base, $btn-border-radius-base)\n  user-select none\n  -webkit-transition: background-color 0.2s ease;\n  -moz-transition: background-color 0.2s ease;\n  -ms-transition: background-color 0.2s ease;\n  -o-transition: background-color 0.2s ease;\n  transition: background-color 0.2s ease;\n  text-transform: uppercase\n  letter-spacing: 1px;\n  border: 0;\n  background-color: transparent;\n  color: $color-text;\n\n  &,\n  &:active,\n  &.active\n    &:focus,\n    &.focus\n      // tab-focus()\n      outline: none;\n\n  &:hover,\n  &:focus,\n  &.focus\n    color $btn-default-color\n    text-decoration none\n\n  &:active,\n  &.active\n    outline 0\n    background-image none\n    // box-shadow inset 0 3px 5px rgba(0, 0, 0, .125)\n\n  &.disabled,\n  &[disabled],\n  fieldset[disabled] &\n    cursor $cursor-disabled\n    opacity-ie(.65)\n    box-shadow none\n    pointer-events: none\n    border: 0\n    background-color: $bg-color-gray\n    border-color: gray\n    color: $color-text-lighter\n\n  a&\n    &.disabled,\n    fieldset[disabled] &\n      pointer-events: none; // Future-proof disabling of clicks on `<a>` elements\n\n\n// Alternate buttons\n// --------------------------------------------------\n\n.btn-default, .theme-dark .btn-default\n  button-variant($btn-default-color, $btn-default-bg, $btn-default-border)\n\n.btn-primary, .theme-dark .btn-primary\n  button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border)\n\n// Success appears as green\n.btn-success, .theme-dark .btn-success\n  button-variant($btn-success-color, $btn-success-bg, $btn-success-border)\n\n// Info appears as blue-green\n.btn-info, .theme-dark .btn-info\n  button-variant($btn-info-color, $btn-info-bg, $btn-info-border)\n\n// Warning appears as orange\n.btn-warning, .theme-dark .btn-warning\n  button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border)\n\n// Danger and error appear as red\n.btn-danger, .theme-dark .btn-danger\n  button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border)\n\n.btn.btn-transparent\n  button-variant($btn-default-color, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))\n  box-shadow inset 0 0 0 1px rgba(0, 0, 0, 0.2)\n\n  .btn-icon::before\n    border-right: 1px solid rgba(0, 0, 0, 0.2);\n\n  .theme-dark &\n    button-variant(white, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))\n    box-shadow inset 0 0 0 1px rgba(255, 255, 255, 0.2)\n\n    .btn-icon::before\n      border-right 1px solid rgba(255, 255, 255, 0.2)\n\n\n// Link buttons\n// -------------------------\n\n// Make a button look and behave like a link\n.btn-link\n  color $link-color\n  font-weight normal\n  border-radius 0\n\n  &,\n  &:active,\n  &.active,\n  &[disabled],\n  fieldset[disabled] &\n    background-color transparent\n    box-shadow none\n\n  &,\n  &:hover,\n  &:focus,\n  &:active\n    border-color transparent\n\n  &:hover,\n  &:focus\n    color $link-hover-color\n    text-decoration $link-hover-decoration\n    background-color transparent\n\n  &[disabled],\n  fieldset[disabled] &\n    &:hover,\n    &:focus\n      color $btn-link-disabled-color\n      text-decoration none\n\n\n// Button Sizes\n// --------------------------------------------------\n\n.btn-lg\n  // line-height ensure even-numbered height of button next to large input\n  button-size($padding-large-vertical, $padding-large-horizontal, $font-size-base, $line-height-large, $btn-border-radius-large)\n\n.btn-sm\n  // line-height ensure proper height of button next to small input\n  button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small)\n\n.btn-xs\n  button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small)\n\n\n// Block button\n// --------------------------------------------------\n\n.btn-block\n  display block\n  width 100%\n\n// Vertically space out multiple block buttons\n.btn-block + .btn-block\n  margin-top 5px\n\n// Specificity overrides\n.btn\n  &[type=\"button\"],\n  &[type=\"reset\"],\n  &[type=\"submit\"]\n    -webkit-appearance none\n\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"]\n  &.btn-block\n    width 100%\n\n\n.bg-primary, .bg-success, .bg-danger, .bg-info, .bg-warning\n  font-weight: $font-weight-bold\n  color: white;\n  border-radius: 3px;\n  padding: 10px 14px;\n  a\n    color: white;\n    border-bottom: 1px solid white;\n    padding-bottom: 1px;\n\n.bg-primary\n  background: $color-blue;\n\n.bg-success\n  background: $color-green;\n\n.bg-warning\n  background: $color-yellow;\n\n.bg-info\n  background-color: $color-blue-light;\n\n.bg-danger\n  background: $bg-color-error;\n\n.help-circle\n  max-height: 14px;\n  max-width: 14px;\n  opacity: .2;\n  margin-left: 4px;\n  position: relative;\n  top: -2px;\n\n  &:hover\n      opacity: 1;\n\n.glyphs.css-mapping{color:rgba(0,0,0,0.5); padding: 0; margin: 0;}\n.glyphs.css-mapping li{margin:0 20px 20px 0;padding:0;display:inline-block;overflow:hidden}\n.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}\n.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:100px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}\n.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}\n.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}\n\n\n\n.btn\n  overflow: hidden;\n  position: relative;\n\n  .btn-icon-custom\n    img, svg\n      position: absolute;\n      width: $padding-base-horizontal;\n      height: auto;\n      display: block;\n      top: 1em;\n      left: 1em;\n\n    &:before\n      content: \"\";\n      width: 28px;\n      height: 100%;\n\n\n  .btn-icon\n    margin-right: $padding-base-horizontal;\n    display: inline-block\n    width: 28px;\n    &:before\n      border-right: 1px solid rgba(255,255,255,.15);\n      display: inline-block\n      position: absolute;\n      padding-right: 13px;\n      line-height: 44px;\n      left: 14px;\n      top: 0;\n\n  &.btn-default\n    .btn-icon\n      &::before\n        border-right: 1px solid rgba(0,0,0,.15);\n\n  &.btn-sm\n    .btn-icon-custom\n      img, svg\n        width: 15px;\n        position: relative;\n        top: 2px;\n        left: 3px;\n\n    .btn-icon::before\n      line-height 30px\n\n  &.btn-lg\n    .btn-icon-custom\n      img, svg\n        width: ($padding-base-horizontal * 1.4)\n\n    .btn-icon\n      &::before\n        line-height: 51px;\n        width: 35px;\n        padding-right: 10px;\n"
  },
  {
    "path": "packages/components/src/cards/demo.pug",
    "content": ".col-xs-12.col-md-4\n  article.card-docs\n    i.card-docs-icon.icon-budicon-499.orange\n    h2.card-docs-title Getting started\n    p.card-docs-description Learn how to connect Auth0 to any social provider\n    .card-docs-links\n      a.card-docs-link(href=\"\") Applications\n      a.card-docs-link(href=\"\") Multifactor Authentication\n      a.card-docs-link(href=\"\") Single Sign On\n    a.card-docs-more(href=\"\") More\n\n.col-xs-12.col-md-4\n  article.card-docs\n    i.card-docs-icon.icon-budicon-342.green\n    h2.card-docs-title SDKS\n    p.card-docs-description Learn about all those difficult items that you heard but were \n    .card-docs-links\n      a.card-docs-link(href=\"\") Ionic\n      a.card-docs-link(href=\"\") AngularJs\n      a.card-docs-link(href=\"\") NodeJs\n    a.card-docs-more(href=\"\") More\n\n.col-xs-12.col-md-4\n  article.card-docs\n    i.card-docs-icon.icon-budicon-546.blue\n    h2.card-docs-title APIs\n    p.card-docs-description Learn how to integrate Auth0 with other tools and SaaS\n    .card-docs-links\n      a.card-docs-link(href=\"\") Connect Auth0 to your DB\n      a.card-docs-link(href=\"\") Auth0 & AWS API Gateway\n      a.card-docs-link(href=\"\") Multi tenants ads with Azure\n    a.card-docs-more(href=\"\") More\n"
  },
  {
    "path": "packages/components/src/cards/index.styl",
    "content": ".card-docs\n  clearfix()\n  background-color white\n  text-align center\n  padding 0 45px\n  box-shadow 0 1px 4px 0 #DDD\n\n  +breakpoint(\"desktop\", \"max\")\n    margin-bottom 30px\n\n  .theme-dark &\n    box-shadow 0 1px 4px 0 black\n\n  .card-docs-icon\n    font-size 24px\n    display inline-block\n    margin-top 24px\n\n    &.red\n      color: $color-red\n    &.blue-light\n      color: $color-blue-light\n    &.blue\n      color: $color-blue\n    &.yellow\n      color: $color-yellow\n    &.orange\n      color: $color-orange\n    &.oil\n      color: $color-oil\n    &.green\n      color: $color-green\n    &.gray\n      color: $color-gray\n    &.pink\n      color: $color-pink\n\n  .card-docs-title\n    font-size 18px\n    color $color-text-black\n    margin-top 15px\n    margin-bottom 16px\n\n  .card-docs-description\n    font-size $font-size-small\n    color $color-text-light\n    line-height 1.5em\n    height 4.5em\n    margin 0\n\n  .card-docs-links\n    text-align left\n    margin-bottom 18px\n\n    .card-docs-link\n      display block\n      font-size $font-size-small\n      color $color-text\n      padding 10px 0\n      border-bottom 1px solid #DDD\n\n  .card-docs-more\n    float right\n    margin-bottom 18px\n    position relative\n    left 4px\n\n    &:after\n      content ''\n      display inline-block\n      width 0\n      height 0\n      margin-left 10px\n      border-top 4px solid transparent\n      border-right 4px solid transparent\n      border-bottom 4px solid transparent\n      border-left 8px solid $link-color\n\n      .theme-dark &\n        border-left-color lighten($link-color, 30%)\n\n    &:hover,\n    &:focus\n      &:after\n        border-left-color $link-hover-color\n\n        .theme-dark &\n          border-left-color lighten($link-hover-color, 30%)\n"
  },
  {
    "path": "packages/components/src/carousel/index.styl",
    "content": "//\n// Carousel\n// --------------------------------------------------\n\n$carousel-text-shadow ?=                      0 1px 2px rgba(0, 0, 0, .6)\n$carousel-control-color ?=                    #fff\n$carousel-control-width ?=                    15%\n$carousel-control-opacity ?=                  .5\n$carousel-control-font-size ?=                20px\n$carousel-indicator-active-bg ?=              #fff\n$carousel-indicator-border-color ?=           #fff\n$carousel-caption-color ?=                    #fff\n\n// Wrapper for the slide container and indicators\n.carousel\n  position relative\n\n.carousel-inner\n  position relative\n  overflow hidden\n  width 100%\n\n  > .item\n    display none\n    position relative\n    transition .6s ease-in-out left\n\n    // Account for jankitude on images\n    > img,\n    > a > img\n      @extend .img-responsive\n      line-height 1\n\n\n    // WebKit CSS3 transforms for supported devices\n    @media all and (transform-3d), (-webkit-transform-3d)\n      transition-transform(.6s ease-in-out)\n      backface-visibility(hidden)\n      perspective(1000px)\n\n      &.next,\n      &.active.right\n        transform translate3d(100%, 0, 0)\n        left 0\n\n      &.prev,\n      &.active.left\n        transform translate3d(-100%, 0, 0)\n        left 0\n\n      &.next.left,\n      &.prev.right,\n      &.active\n        transform translate3d(0, 0, 0)\n        left 0\n\n  > .active,\n  > .next,\n  > .prev\n    display block\n\n  > .active\n    left 0\n\n  > .next,\n  > .prev\n    position absolute\n    top 0\n    width 100%\n\n  > .next\n    left 100%\n\n  > .prev\n    left -100%\n\n  > .next.left,\n\n  > .prev.right\n    left 0\n\n  > .active.left\n    left -100%\n\n  > .active.right\n    left 100%\n\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control\n  position absolute\n  top 0\n  left 0\n  bottom 0\n  width $carousel-control-width\n  opacity-ie($carousel-control-opacity)\n  font-size $carousel-control-font-size\n  color $carousel-control-color\n  text-align center\n  text-shadow $carousel-text-shadow\n  background-color rgba(0, 0, 0, 0) // Fix IE9 click-thru bug\n  // We can't have this transition here because WebKit cancels the carousel\n  // animation if you trip this while in the middle of another animation.\n\n  // Set gradients for backgrounds\n  &.left\n    gradient-horizontal(rgba(0, 0, 0, .5), rgba(0, 0, 0, .0001))\n\n  &.right\n    left auto\n    right 0\n    gradient-horizontal(rgba(0, 0, 0, .0001), rgba(0, 0, 0, .5))\n\n  // Hover/focus state\n  &:hover,\n  &:focus\n    outline 0\n    color $carousel-control-color\n    text-decoration none\n    opacity-ie(.9)\n\n  // Toggles\n  .icon-prev,\n  .icon-next,\n  .glyphicon-chevron-left,\n  .glyphicon-chevron-right\n    position absolute\n    top 50%\n    margin-top -10px\n    z-index 5\n    display inline-block\n\n  .icon-prev,\n  .glyphicon-chevron-left\n    left 50%\n    margin-left -10px\n\n  .icon-next,\n  .glyphicon-chevron-right\n    right 50%\n    margin-right -10px\n\n  .icon-prev,\n  .icon-next\n    width 20px\n    height 20px\n    line-height 1\n    font-family serif\n\n  .icon-prev\n    &:before\n      content '\\2039'// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n\n  .icon-next\n    &:before\n      content '\\203a'// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators\n  position absolute\n  bottom 10px\n  left 50%\n  z-index 15\n  width 60%\n  margin-left -30%\n  padding-left 0\n  list-style none\n  text-align center\n\n  li\n    display inline-block\n    width 10px\n    height 10px\n    margin 1px\n    text-indent -999px\n    border 1px solid $carousel-indicator-border-color\n    border-radius 10px\n    cursor pointer\n\n    // IE8-9 hack for event handling\n    //\n    // Internet Explorer 8-9 does not support clicks on elements without a set\n    // `background-color`. We cannot use `filter` since that's not viewed as a\n    // background color by the browser. Thus, a hack is needed.\n    // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\n    //\n    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n    // set alpha transparency for the best results possible.\n    background-color unquote('#000 \\9') // IE8\n    background-color rgba(0, 0, 0, 0) // IE9\n\n  .active\n    margin 0\n    width 12px\n    height 12px\n    background-color $carousel-indicator-active-bg\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption\n  position absolute\n  left 15%\n  right 15%\n  bottom 20px\n  z-index 10\n  padding-top 20px\n  padding-bottom 20px\n  color $carousel-caption-color\n  text-align center\n  text-shadow $carousel-text-shadow\n\n  & .btn\n    text-shadow none // No shadow for button elements in carousel-caption\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width $screen-sm-min)\n  // Scale up the controls a smidge\n  .carousel-control\n    .glyphicon-chevron-left,\n    .glyphicon-chevron-right,\n    .icon-prev,\n    .icon-next\n      width ($carousel-control-font-size * 1.5)\n      height ($carousel-control-font-size * 1.5)\n      margin-top ($carousel-control-font-size / -2)\n      font-size ($carousel-control-font-size * 1.5)\n\n    .glyphicon-chevron-left,\n    .icon-prev\n      margin-left ($carousel-control-font-size / -2)\n\n    .glyphicon-chevron-right,\n    .icon-next\n      margin-right ($carousel-control-font-size / -2)\n\n  // Show and left align the captions\n  .carousel-caption\n    left 20%\n    right 20%\n    padding-bottom 30px\n\n  // Move up the indicators\n  .carousel-indicators\n    bottom 20px\n"
  },
  {
    "path": "packages/components/src/center-title-block/demo.pug",
    "content": ".center-title-block\n  span.icon-badge.icon-budicon-329\n  h2 How It Works\n  p Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cum sociis natoque penatibus et magnis dis parturient.\n\n\n\n"
  },
  {
    "path": "packages/components/src/center-title-block/index.styl",
    "content": "/*==========  Center title block  ==========*/\n\n.center-title-block\n  text-align: center\n  padding: 0;\n  margin: auto;\n  max-width: 600px;\n  margin-bottom: 40px\n\n  .icon-badge\n    margin-bottom: 10px;\n\n  h2\n    margin: 10px 0;\n  p\n    font-size: 12px;\n    margin-top: 0;\n    color: rgba(0,0,0,.5)\n\n  img\n    margin-top: 17px\n    height: 26px;\n\n    &.help-circle\n      margin-top: -5px\n\n\n\nspan.icon-badge\n  background: $color-gray;\n  width: 60px;\n  height: 60px;\n  border-radius: 3px;\n  display: inline-block\n  color: $color-red;\n  font-size: 30px;\n  line-height: 72px;\n"
  },
  {
    "path": "packages/components/src/circle-logo/index.styl",
    "content": "rel_width = 8em;\n\n.circle-logo\n  display: inline-block;\n  text-align: center;\n  font-size: $font-size-base;\n  width: rel_width;\n  transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n\n  &:hover\n    text-decoration: none;\n    transform: scale(1.05);\n\n    .logo\n      opacity: 0.9;\n\n  .logo\n    position: relative;\n    height: rel_width;\n    width: rel_width;\n    background: #EAEEF3;\n    color: #333;\n    border-radius: 50%;\n\n    &:before,\n    &:after\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 50%;\n      transform: translate(-50%, -50%);\n      font-size: 3em;\n\n    &:after\n      content: \"\";\n      display: block;\n      background-size: contain;\n      background-position: center center;\n      background-repeat: no-repeat;\n      width: 50%;\n      height: 50%;\n\n  .title\n    color: #333;\n    font-weight: $font-weight-bold;\n    margin: 10px 0;\n    min-height: 3em;\n\n  &[data-name]\n    .logo\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/generic.svg');\n\n  &[data-name=\"how-to\"]\n    .logo:before\n      top: 55%;\n\n  &[data-name=\"angular2\"]\n    .logo\n      background: linear-gradient(to bottom right, #008BFF 40%, #2C6FAD 140%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/angular2.svg');\n\n  &[data-name=\"angular\"],\n  &[data-name=\"angularjs\"]\n    .logo\n      background: linear-gradient(to bottom right, #2c2c2c 40%, #737373 140%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/angular.svg');\n\n  &[data-name^=\"nginx\"]\n    .logo\n      background: linear-gradient(to bottom right, #defbda 40%, #97bcd2 140%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/nginx.svg');\n\n  &[data-name^=\"relay\"]\n    .logo\n      background: linear-gradient(-220deg, #3B3738 23%, #4B5357 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/relay.svg');\n\n\n  &[data-name^=\"php\"]\n    .logo\n      background: linear-gradient(to bottom right, #6D7BCE 40%, #3B2862 140%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/php.svg');\n        width: 55%;\n        height: 55%;\n\n  &[data-name^=\"laravel\"]\n    .logo\n      background: linear-gradient(-220deg, lighten(#F0543F, 5%) 23%, darken(#F0543F, 10%) 100%);\n\n      &:after\n        width: 60%;\n        height: 60%;\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/laravel.svg')\n\n  &[data-name^=\"symfony\"]\n    .logo\n      background: linear-gradient(-220deg, lighten(#000, 20%) 23%, #000 100%);\n\n      &:after\n        width: 60%;\n        height: 60%;\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/symfony.svg')\n\n  &[data-name^=\"ember\"],\n  &[data-name=\"emberjs\"]\n    .logo\n      background: linear-gradient(to bottom right, #F46642 40%, #9C2202 140%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/ember.svg');\n        width: 80%;\n        height: 80%;\n\n  &[data-name=\"node\"],\n  &[data-name=\"nodejs\"]\n    .logo\n      background: linear-gradient(to bottom right, #78B743 40%, #9FE861 140%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/nodejs.svg');\n        width: 50%;\n        height: 50%;\n\n  &[data-name=\"ruby\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #cebbbb 100%);\n\n      &:after\n        top: 50%;\n        left: 48%;\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/ruby.svg');\n        width: 40%;\n        height: 40%;\n\n  &[data-name=\"aurelia\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #ECC6D4 100%);\n\n      &:after\n        top: 50%;\n        left: 50%;\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/aurelia.svg');\n\n  &[data-name=\"vuejs\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #C4DCD2 100%);\n\n      &:after\n        top: 55%;\n        left: 50%;\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/vue.svg');\n\n  &[data-name=\"electron\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #C4DCD2 100%);\n\n      &:after\n        top: 50%;\n        left: 50%;\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/electron.svg');\n\n  &[data-name=\"apple\"],\n  &[data-name=\"osx\"],\n  &[data-name^=\"ios\"]\n    .logo\n      background: linear-gradient(-56deg, #5C666F 0%, #648AAC 100%);\n\n      &:after\n        top: 48%;\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/apple.svg');\n        width: 45%;\n        height: 45%;\n\n  &[data-name=\"cordova\"],\n  &[data-name=\"apache-cordova\"]\n    .logo\n      background: linear-gradient(-220deg, #93AFC2 23%, #778093 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/cordova.svg');\n\n\n  &[data-name^=\"ionic\"]\n    .logo\n      background: linear-gradient(-220deg, #4B7ED1 23%, #4B8BF4 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/ionic.svg');\n        opacity: 0.8;\n\n  &[data-name=\"java\"]\n    .logo\n      background: linear-gradient(-220deg, #F83F3F 23%, #A11818 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/java.svg');\n\n  &[data-name=\"socket-io\"],\n  &[data-name=\"socketio\"]\n    .logo\n      background: linear-gradient(-220deg, #2D2E5D 23%, #7B5380 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/socketio.svg');\n\n  &[data-name=\"vanillajs\"]\n    .logo\n      background: linear-gradient(-180deg, #F0DB4F 0%, #EDD223 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/vanillajs.svg');\n        width: 38%;\n        height: 38%;\n\n  &[data-name=\"go\"],\n  &[data-name=\"golang\"]\n    .logo\n      background: linear-gradient(-220deg, #5DCDD5 23%, #1ABBE5 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/go.svg');\n\n  &[data-name=\"xamarin\"]\n    .logo\n      background: linear-gradient(-220deg, #578BD3 23%, #3F6E97 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/xamarin.svg');\n\n  &[data-name=\"python\"]\n    .logo\n      background: linear-gradient(-220deg, #cbeaff 23%, #91adff 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/python.svg');\n\n  &[data-name^=\"react\"]\n    .logo\n      background: linear-gradient(-220deg, #2d2d2d 23%, #6D6D6D 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/react.svg');\n\n\n  &[data-name^=\"react-native\"]\n    .logo\n      background: linear-gradient(-220deg, #05A5D1 23%, #338bbc 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/react-native.svg');\n\n  &[data-name=\"phonegap\"]\n    .logo\n      background: linear-gradient(-220deg, #738386 23%, #4E575B 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/phonegap.svg');\n\n\n  &[data-name=\"nancyfx\"]\n    .logo\n      background: linear-gradient(-220deg, #000000 23%, #4B5357 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/nancyfx.svg');\n\n  &[data-name=\"android\"]\n    .logo\n      background: linear-gradient(-220deg, #B0D949 23%, #83B830 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/android.svg');\n\n  &[data-name^=\"windows\"],\n  &[data-name^=\"azure\"],\n  &[data-name^=\"wpf\"]\n    .logo\n      background: linear-gradient(-220deg, #68217a 23%, #9b62a9 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/windows.svg');\n        width: 45%;\n        height: 45%;\n        left: 49%;\n\n  &[data-name=\"servicestack\"]\n    .logo\n      background: linear-gradient(-220deg, #D1D1D1 23%, #89969D 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/servicestack.svg');\n\n  &[data-name=\"jquery\"]\n    .logo\n      background: linear-gradient(-220deg, #323DAE 23%, #338bbc 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/jquery.svg');\n        width: 60%;\n        height: 60%;\n\n  &[data-name=\"rails\"]\n    .logo\n      background: linear-gradient(-220deg, #FF0046 23%, #951A3C 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/rails.svg');\n\n  &[data-name=\"apache\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #CECCBB 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/apache.svg');\n        width: 55%;\n        height: 55%;\n\n  &[data-name=\"aws\"]\n    .logo\n      background: linear-gradient(-220deg, #595155 23%, #1C1C1C 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/amazon.svg');\n\n  &[data-name=\"meteor\"]\n    .logo\n      background: linear-gradient(-220deg, #595155 23%, #1C1C1C 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/meteor.svg');\n\n  &[data-name^=\"salesforce\"]\n    .logo\n      background: linear-gradient(-220deg, #2990E5 23%, #1A5095 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/salesforce.svg');\n        width: 60%;\n        height: 60%;\n\n  &[data-name^=\"falcor\"]\n    .logo\n      background: linear-gradient(-220deg, #B6DBE9 23%, #F1B9F3 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/falcor.svg');\n        width: 60%;\n        height: 60%;\n\n  &[data-name=\"firebase\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #CECCBB 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/firebase.svg');\n\n  &[data-name=\"sap\"],\n  &[data-name=\"sap-odata\"]\n    .logo\n      background: linear-gradient(-220deg, #98AABD 23%, #547F88 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/sap.svg');\n\n  &[data-name^=\"spring\"],\n  &[data-name^=\"java-spring\"]\n    .logo\n      background: linear-gradient(-220deg, #57A343 23%, #757149 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/spring.svg');\n\n  &[data-name=\"play\"],\n  &[data-name=\"scala\"]\n    .logo\n      background: linear-gradient(-220deg, #32AE4C 23%, #338bbc 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/play.svg');\n        left: 54%;\n        top: 51%;\n\n  &[data-name=\"net\"],\n  &[data-name^=\"wcf\"],\n  &[data-name^=\"aspnet\"],\n  &[data-name=\"webapi-owin\"]\n    .logo\n      background: linear-gradient(-220deg, #68217A 23%, #9B62A9 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/net.svg');\n\n  &[data-name=\"netclassic\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #CCBBCE 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/netold.svg');\n\n  &[data-name=\"asp-classic\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #ECE9E6 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/1.0.11/media/circle-logo/img/asp-classic.png');\n\n  &[data-name=\"auth0\"],\n  &[data-name=\"lock\"]\n    .logo\n      background: linear-gradient(-220deg, #CC461B 23%, #EB5424 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/auth0.svg');\n        top: 53%;\n        width: 40%;\n        height: 40%;\n\n  &[data-name^=\"hapi\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #CECCBB 100%);\n\n      &:after\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/hapi.svg')\n\n  &[data-name^=\"cyclejs\"]\n    .logo\n      background: linear-gradient(-220deg, #2d2d2d 23%, #6D6D6D 100%);\n\n      &:after\n        left 48%\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/cyclejs.svg')\n\n  &[data-name^=\"chrome\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #ECE9E6 100%);\n\n      &:after\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.1/media/circle-logo/img/chrome.svg')\n\n  &[data-name^=\"django\"]\n    .logo\n      background: linear-gradient(-220deg, #09422E 23%, #062E20 100%);\n\n      &:after\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.4/media/circle-logo/img/django.svg')\n        width 66%\n\n  &[data-name^=\"device\"]\n    .logo\n      background: linear-gradient(-220deg, #E97E3B 23%, #EC5424 100%);\n\n      &:after\n        background-image url('https://cdn.auth0.com/styleguide/components/2.0.7/media/circle-logo/img/device.svg')\n        width 66%\n\n  &[data-name=\"nextjs\"]\n    .logo\n      background: linear-gradient(-220deg, #f3f3f3 23%, #CECCBB 100%);\n\n      &:after\n        background-image: url('https://cdn.auth0.com/website/styleguide/components/2.0.11/media/circle-logo/img/nextjs.svg');\n        width: 80%;\n        height: 80%;\n"
  },
  {
    "path": "packages/components/src/close/index.styl",
    "content": "//\n// Close icons\n// --------------------------------------------------\n\n//== Close\n$close-font-weight ?=         bold\n$close-color ?=               #000\n$close-text-shadow ?=         0 1px 0 #fff\n\n.close\n  float right\n  font-size ($font-size-base * 1.5)\n  font-weight $close-font-weight\n  line-height 1\n  color $close-color\n  text-shadow $close-text-shadow\n  opacity-ie(.2)\n\n  &:hover,\n  &:focus\n    color $close-color\n    text-decoration none\n    cursor pointer\n    opacity-ie(.5)\n\n  // Additional properties for button version\n  // iOS requires the button element instead of an anchor tag.\n  // If you want the anchor version, it requires `href=\"#\"`.\n  // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n  button&\n    padding 0\n    cursor pointer\n    background transparent\n    border 0\n    -webkit-appearance none\n"
  },
  {
    "path": "packages/components/src/code/demo.pug",
    "content": "code something\n\npre.hljs\n  | <div> \n  |   <div class=\"col-sm-12\"><code>something</code></div> \n  | </div>\n                \n"
  },
  {
    "path": "packages/components/src/code/index.styl",
    "content": "//\n// Code (inline and block)\n// --------------------------------------------------\n\n$code-color ?=                #62626B\n$code-bg ?=                   transparent\n\n$kbd-color ?=                 #fff\n$kbd-bg ?=                    #333\n\n$pre-bg ?=                    #f5f5f5\n$pre-color ?=                 $gray-dark\n$pre-border-color ?=          #ccc\n$pre-scrollable-max-height ?= 340px\n\n\n// Inline and block code styles\ncode,\nkbd,\npre,\nsamp\n  font-family $font-family-monospace\n\n// Inline code\ncode\n  padding 0 6px 2px 6px;\n  font-size 90%\n  color $color-text\n  background-color $bg-color-gray-light;\n  border-radius $border-radius-base\n  -webkit-font-smoothing: subpixel-antialiased;\n\n// User input typically entered via keyboard\nkbd\n  padding 2px 4px\n  font-size 90%\n  color $kbd-color\n  background-color $kbd-bg\n  border-radius $border-radius-small\n  box-shadow inset 0 -1px 0 rgba(0, 0, 0, .25)\n\n  kbd\n    padding 0\n    font-size 100%\n    font-weight bold\n    box-shadow none\n\n// Blocks of code\npre\n  display block\n  padding (($line-height-computed - 1) / 2)\n  margin 0 0 ($line-height-computed / 2)\n  font-size ($font-size-base - 1) // 14px to 13px\n  line-height $line-height-base\n  word-break break-all\n  word-wrap break-word\n  color $pre-color\n  background-color $pre-bg\n  border-radius $border-radius-base\n  border: 0;\n\n  // Account for some code outputs that place code tags in pre tags\n  code\n    padding 0\n    font-size inherit\n    color inherit\n    white-space pre-wrap\n    background-color transparent\n    border-radius $border-radius-base\n\n// Enable scrollable blocks of code\n.pre-scrollable\n  max-height $pre-scrollable-max-height\n  overflow-y scroll\n"
  },
  {
    "path": "packages/components/src/code-picker/demo.pug",
    "content": ".code-picker\n  .languages-bar\n    ul\n      li.active: a(href=\"#sample-javascript\" data-toggle=\"tab\") Javascript\n      li: a(href=\"#sample-ruby\" data-toggle=\"tab\") Ruby\n      li: a(href=\"#sample-python\" data-toggle=\"tab\") Python\n      li.dropdown\n        a.more-dots(href=\"#\", data-toggle=\"dropdown\") ...\n        ul.dropdown-menu\n          li: a(href=\"#sample-java\" data-toggle=\"tab\") Java\n          li: a(href=\"#sample-scala\" data-toggle=\"tab\") Scala\n      li.pull-right: .btn.btn-sm.btn-transparent.btn-copy\n        span.btn-icon.icon-budicon-450\n        | Copy\n  .tab-content\n    .tab-pane.active#sample-javascript\n      pre.hl\n        code.\n          // Cross-browser xml parsing\n          function Javascript() {\n            return 'sample';\n          }\n      .tab-pane-footer\n        ul\n          li\n            code example\n            | is no longer a valid scope value.\n          li\n            | The\n            code example\n            | parameter is removed.\n    .tab-pane#sample-ruby\n      pre.hl\n        code.\n          // Cross-browser xml parsing\n          function Ruby() {\n            return 'sample';\n          }\n      .tab-pane-footer\n        ul\n          li\n            | The\n            code example\n            | parameter is removed.\n    .tab-pane#sample-python\n      pre.hl\n        code.\n          // Cross-browser xml parsing\n          function Python() {\n            return 'sample';\n          }\n    .tab-pane#sample-java\n      pre.hl\n        code.\n          // Cross-browser xml parsing\n          function Java() {\n            return 'sample';\n          }\n    .tab-pane#sample-scala\n      pre.hl\n        code.\n          // Cross-browser xml parsing\n          function Scala() {\n            return 'sample';\n          }\n"
  },
  {
    "path": "packages/components/src/code-picker/index.styl",
    "content": ".code-picker\n  margin-bottom 14px\n\n  .languages-bar\n    position relative\n\n    // Gradient at the end of the language bar (only in mobile)\n    &:after\n      +breakpoint(\"mobile-landscape\", \"max\")\n        content ''\n        position absolute\n        top 0\n        right 0\n        height 100%\n        width 75px\n        background linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.2) 200%)\n        pointer-events: none\n\n    > ul\n      width 100%\n      list-style-type none\n      white-space nowrap\n      background-color $bg-color-gray-light\n      border-radius 3px 3px 0 0\n      margin 0\n      padding 15px 3px 15px 25px\n\n      .theme-dark &\n        background-color #3A424A\n\n      > li\n        display inline-block\n        padding 0 20px\n        font-size $font-size-small\n\n        &:first-child\n          padding-left 0\n\n        &.active > a\n          color $gray-darker\n\n          .theme-dark &\n            color white\n\n      .more-dots\n        font-size: 45px;\n        line-height: 0;\n        letter-spacing: -2px;\n        top: -3px;\n        position: relative;\n\n        +breakpoint(\"mobile-landscape\", \"max\")\n          display none\n\n      // Only active scroll functionality in mobile view\n      +breakpoint(\"mobile-landscape\", \"max\")\n        overflow-x auto\n        position relative\n\n    // Remove copy button in mobile view\n    .btn-copy\n      +breakpoint(\"mobile-landscape\", \"max\")\n        display none\n\n    .dropdown\n      // Remove all dropdown styles in mobile view\n      +breakpoint(\"mobile-landscape\", \"max\")\n        display inline\n        padding-left 0\n        padding-right 0\n\n        .dropdown-menu\n          display inline\n          position static\n          margin 0\n          padding 0\n          float none\n          border none\n          box-shadow none\n          background-color transparent\n\n          > li\n            display inline-block\n            padding 0 20px\n\n          > li.active a\n            color $gray-darker\n            background-color transparent\n\n            .theme-dark &\n              color white\n\n            &:hover,\n            &:focus,\n            &:active\n              color $gray-darker\n\n              .theme-dark &\n                color white\n\n          // Make the list inline\n          > li > a\n            padding 0\n            color $link-color\n\n            .theme-dark &\n              color lighten($link-color, 30%)\n\n            &:hover,\n            &:focus,\n            &:active\n              background-color transparent\n              color $link-color\n\n      +breakpoint(\"mobile-landscape\")\n        .dropdown-menu\n          margin-top 20px\n\n          > li.active a\n            background-color transparent\n            color #333\n\n            &:hover\n              background-color #f5f5f5\n\n            &:after\n              content ''\n              display inline-block\n              width 7px\n              height 7px\n              border-radius 50%\n              background-color $color-blue-medium\n              margin-left 8px\n\n              .theme-dark &\n                background-color: $color-blue-light\n\n          // Add dropdown top caret\n          &:after\n            content ''\n            display inline-block\n            position absolute\n            top -20px\n            left 25px\n            width 0\n            height 0\n            border-bottom 10px solid white\n            border-left 10px solid transparent\n            border-top 10px solid transparent\n            border-right 10px solid transparent\n\n          // Add caret border\n          &:before\n            content ''\n            display inline-block\n            position absolute\n            top -21px\n            left 25px\n            width 0\n            height 0\n            border-bottom 10px solid rgba(0,0,0,0.15)\n            border-left 10px solid transparent\n            border-top 10px solid transparent\n            border-right 10px solid transparent\n\n  .tab-content\n\n    pre\n      border-radius 0\n      margin-bottom 0\n\n    pre code\n      border-radius 0\n      width 100%\n    \n    .tab-pane-footer\n      padding 25px 20px\n      background-color $bg-color-gray-light\n      border-radius 0 0 3px 3px\n    \n      ul\n        margin-bottom 0\n        padding-left 20px\n"
  },
  {
    "path": "packages/components/src/codemirror/index.styl",
    "content": ".cm-s-auth0 {\n  background-color: #263238;\n  color: rgba(233, 237, 237, 1);\n  font-family: \"Roboto mono\", Menlo, Monaco, monospace;\n  line-height 1.6;\n  border-radius 3px\n}\n.cm-s-auth0 .CodeMirror-gutters {\n  background: #202A2F;\n  color: rgb(83,127,126);\n  border: none;\n}\n\n.cm-s-auth0 .CodeMirror-linenumber {\n  left: auto;\n  background-color: #202A2F;\n  padding-right: 10px;\n}\n.cm-s-auth0.CodeMirror-scroll{\n  border-radius 3px\n}\n.cm-s-auth0.CodeMirror {\n  background-color: darken(#263238, 5%);\n  transition background-color 0.3s ease-in-out\n}\n\n.cm-s-auth0.CodeMirror-focused {\n  background-color: #263238;\n}\n.cm-s-auth0 .CodeMirror-guttermarker, .cm-s-auth0 .CodeMirror-guttermarker-subtle, .cm-s-auth0 .CodeMirror-linenumber { color: rgba(255,255,255,.5); }\n.cm-s-auth0 div.CodeMirror-cursor { border-left: 1px solid #f8f8f0; }\n.cm-s-auth0 div.CodeMirror-selected { background: rgba(255, 255, 255, 0.15); }\n.cm-s-auth0.CodeMirror-focused div.CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }\n.cm-s-auth0 .CodeMirror-line::selection, .cm-s-auth0 .CodeMirror-line > span::selection, .cm-s-auth0 .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }\n.cm-s-auth0 .CodeMirror-line::-moz-selection, .cm-s-auth0 .CodeMirror-line > span::-moz-selection, .cm-s-auth0 .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }\n\n.cm-s-auth0 .CodeMirror-hscrollbar::-webkit-scrollbar-track {\n  background-color: #263238;\n}\n\n.cm-s-auth0 .CodeMirror-scroll::-webkit-scrollbar-track {\n  background-color: #263238;\n}\n\n.cm-s-auth0 .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0); }\n.cm-s-auth0 .cm-keyword { color: #ff9a56; }\n.cm-s-auth0 .cm-operator { color: rgba(233, 237, 237, 1); }\n.cm-s-auth0 .cm-variable-2 { color: #40C2EF; }\n.cm-s-auth0 .cm-variable-3 { color: rgba(233, 237, 237, 1); }\n.cm-s-auth0 .cm-builtin { color: #DECB6B; }\n.cm-s-auth0 .cm-atom { color: #40C2EF; }\n.cm-s-auth0 .cm-number { color: #40C2EF; }\n.cm-s-auth0 .cm-def { color: rgba(233, 237, 237, 1); }\n.cm-s-auth0 .cm-string { color: #00fcd4; }\n.cm-s-auth0 .cm-string-2 { color: #80CBC4; }\n.cm-s-auth0 .cm-comment { color: #546E7A; }\n.cm-s-auth0 .cm-variable { color: #FFA0E7; }\n.cm-s-auth0 .cm-tag { color: #ff9a56; }\n.cm-s-auth0 .cm-meta { color: #80CBC4; }\n.cm-s-auth0 .cm-attribute { color: #FFA0E7; }\n.cm-s-auth0 .cm-property { color: #40C2EF; }\n.cm-s-auth0 .cm-qualifier { color: #FFA0E7; }\n.cm-s-auth0 .cm-error {\n  color: rgba(255, 255, 255, 1.0);\n  background-color: #EC5F67;\n}\n.cm-s-auth0 .CodeMirror-matchingbracket {\n  text-decoration: underline;\n  color: white !important;\n}\n"
  },
  {
    "path": "packages/components/src/dropdowns/index.styl",
    "content": "//\n// Dropdown menus\n// --------------------------------------------------\n//** Background for the dropdown menu.\n$dropdown-bg ?=                  #fff\n//** Dropdown menu `border-color`.\n$dropdown-border ?=              rgba(0, 0, 0, .15)\n//** Dropdown menu `border-color` **for IE8**.\n$dropdown-fallback-border ?=     #ccc\n//** Divider color for between dropdown items.\n$dropdown-divider-bg ?=          #e5e5e5\n\n//** Dropdown link text color.\n$dropdown-link-color ?=          $gray-dark\n//** Hover color for dropdown links.\n$dropdown-link-hover-color ?=    darken($gray-dark, 5)\n//** Hover background for dropdown links.\n$dropdown-link-hover-bg ?=       #f5f5f5\n\n//** Active dropdown menu item text color.\n$dropdown-link-active-color ?=   $component-active-color\n//** Active dropdown menu item background color.\n$dropdown-link-active-bg ?=      $component-active-bg\n\n//** Disabled dropdown menu item background color.\n$dropdown-link-disabled-color ?= $gray-light\n\n//** Text color for headers within dropdown menus.\n$dropdown-header-color ?=        $gray-light\n\n//** Deprecated `$dropdown-caret-color` as of v3.1.0\n$dropdown-caret-color ?=         #000\n\n\n// Dropdown arrow/caret\n.caret\n  display inline-block\n  width 0\n  height 0\n  margin-left 2px\n  vertical-align middle\n  border-top $caret-width-base dashed\n  border-top s(\"%s solid \\9\", $caret-width-base) // IE8\n  border-right $caret-width-base solid transparent\n  border-left $caret-width-base solid transparent\n\n// The dropdown wrapper (div)\n.dropup,\n.dropdown\n  position relative\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus\n  outline 0\n\n// The dropdown menu (ul)\n.dropdown-menu\n  position absolute\n  top 100%\n  left 0\n  z-index $zindex-dropdown\n  display none // none by default, but block on \"open\" of the menu\n  float left\n  min-width 160px\n  padding 5px 0\n  margin 2px 0 0 // override default ul\n  list-style none\n  font-size $font-size-base\n  text-align left // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  background-color $dropdown-bg\n  border 1px solid $dropdown-fallback-border // IE8 fallback\n  border 1px solid $dropdown-border\n  border-radius $border-radius-base\n  box-shadow 0 6px 12px rgba(0, 0, 0, .175)\n  background-clip padding-box\n\n  // Modifiers to make the menu wider\n  &.dropdown-menu-md\n    min-width: 175px\n\n  &.dropdown-menu-lg\n    min-width: 200px\n\n  // Aligns the dropdown menu to right\n  //\n  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`\n  &.pull-right\n    right 0\n    left auto\n\n  // Dividers (basically an hr) within the dropdown\n  .divider\n    nav-divider($dropdown-divider-bg)\n\n  // Links within the dropdown menu\n  > li > a\n    display block\n    padding 3px 20px\n    clear both\n    font-weight normal\n    line-height $line-height-base\n    color $dropdown-link-color\n    white-space nowrap // prevent links from randomly breaking onto new lines\n\n// Hover/Focus state\n.dropdown-menu > li > a\n  &:hover,\n  &:focus\n    text-decoration none\n    color $dropdown-link-hover-color\n    background-color $dropdown-link-hover-bg\n\n// Active state\n.dropdown-menu > .active > a\n  &,\n  &:hover,\n  &:focus\n    color $dropdown-link-active-color\n    text-decoration none\n    outline 0\n    background-color $dropdown-link-active-bg\n\n// Disabled state\n//\n// Gray out text and ensure the hover/focus state remains gray\n\n.dropdown-menu > .disabled > a\n  &,\n  &:hover,\n  &:focus\n    color $dropdown-link-disabled-color\n\n  // Nuke hover/focus effects\n  &:hover,\n  &:focus\n    text-decoration none\n    background-color transparent\n    background-image none // Remove CSS gradient\n    reset-filter()\n    cursor $cursor-disabled\n\n// Open state for the dropdown\n.open\n  // Show the menu\n  > .dropdown-menu\n    display block\n\n  // Remove the outline when :focus is triggered\n  > a\n    outline 0\n\n// Menu positioning\n//\n// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown\n// menu with the parent.\n.dropdown-menu-right\n  left auto // Reset the default from `.dropdown-menu`\n  right 0\n\n// With v3, we enabled auto-flipping if you have a dropdown within a right\n// aligned nav component. To enable the undoing of that, we provide an override\n// to restore the default dropdown menu alignment.\n//\n// This is only for left-aligning a dropdown menu within a `.navbar-right` or\n// `.pull-right` nav component.\n.dropdown-menu-left\n  left 0\n  right auto\n\n// Dropdown section headers\n.dropdown-header\n  display block\n  padding 3px 20px\n  font-size $font-size-small\n  line-height $line-height-base\n  color $dropdown-header-color\n  white-space nowrap // as with > li > a\n\n// Backdrop to catch body clicks on mobile, etc.\n.dropdown-backdrop\n  position fixed\n  left 0\n  right 0\n  bottom 0\n  top 0\n  z-index ($zindex-dropdown - 10)\n\n// Right aligned dropdowns\n.pull-right > .dropdown-menu\n  right 0\n  left auto\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n//\n// Just add .dropup after the standard .dropdown class and you're set, bro.\n// TODO abstract this so that the navbar fixed styles are not placed here?\n\n.dropup,\n.navbar-fixed-bottom .dropdown\n  // Reverse the caret\n  .caret\n    border-top 0\n    border-bottom $caret-width-base dashed\n    border-bottom s(\"%s solid \\9\", $caret-width-base) // IE8\n    content \"\"\n\n  // Different positioning for bottom up menu\n  .dropdown-menu\n    top auto\n    bottom 100%\n    margin-bottom 2px\n\n\n// Component alignment\n//\n// Reiterate per navbar and the modified component alignment there.\n\n@media (min-width $grid-float-breakpoint)\n  .navbar-right\n    .dropdown-menu\n      right 0\n      left auto\n\n    // Necessary for overrides of the default right aligned menu.\n    // Will remove come v4 in all likelihood.\n    .dropdown-menu-left\n      right auto\n      left 0\n"
  },
  {
    "path": "packages/components/src/emails/_modules/block-box-information.ejs",
    "content": "<mj-section background-color=\"white\" padding=\"40px 40px 0\">\n    <mj-column width=\"100%\" padding=\"20px\" border-left=\"#E3E5E7 1px solid\" border-right=\"#E3E5E7 1px solid\" border-top=\"#E3E5E7 1px solid\" padding-bottom=\"20px\" padding-top=\"20px\">\n\n      <% if (locals.title) { %>\n      <mj-text align=\"left\" font-weight=\"500\" font-size=\"18px\" padding=\"20px 20px 0 20px\">\n        <%- locals.title %>\n      </mj-text>\n      <% } %>\n\n      <mj-table>\n\n        <tr style=\"text-align:left; font-size: 16px;\">\n          <% if (locals.rowTopTitle) { %>\n          <td style=\"padding: 0 15px 10px 0; vertical-align: text-top;\">\n            <strong style=\"font-weight: 500; white-space: nowrap;\"><%- locals.rowTopTitle %></strong>\n          </td>\n          <% } %>\n          <% if (locals.rowTopContent) { %>\n          <td style=\"padding: 0 0 10px 15px; vertical-align: text-top;\"><%- locals.rowTopContent %></td>\n          <% } %>\n        </tr>\n\n        <tr style=\"text-align:left; font-size: 16px;\">\n          <% if (locals.rowBottomTitle) { %>\n          <td style=\"padding: 0 15px 0 0; vertical-align: text-top;\">\n            <strong style=\"font-weight: 500; white-space: nowrap;\"><%- locals.rowBottomTitle %></strong>\n          </td>\n          <% } %>\n          <% if (locals.rowBottomContent) { %>\n          <td style=\"padding: 0 0 0 15px; vertical-align: text-top;\"><%- locals.rowBottomContent %></td>\n          <% } %>\n        </tr>\n\n      </mj-table>\n    </mj-column>\n    \n    <mj-divider border-width=\"1px\" border-color=\"#E3E5E7\" />\n\n    <% if (locals.buttonCopy) { %>\n    <mj-column width=\"100%\" style=\"padding: 20px 0;\" border-left=\"#E3E5E7 1px solid\" border-right=\"#E3E5E7 1px solid\" border-bottom=\"#E3E5E7 1px solid\">\n      <mj-button href=\"#verify\" style=\"padding: 20px 0;\">\n        <%- locals.buttonCopy %>\n      </mj-button>\n    </mj-column>\n    <% } %>\n</mj-section>\n"
  },
  {
    "path": "packages/components/src/emails/_modules/block-diagnose.ejs",
    "content": "<mj-section background-color=\"white\" padding=\"0 60px 40px 60px\">\n  <mj-column width=\"100%\" vertical-align=\"top\" background-color=\"#FAFAFA\">\n    <mj-text align=\"center\" color=\"#777\" font-size=\"25px\" padding=\"20px 20px 0 20px\">\n      200.22.222.112\n    </mj-text>\n\n    <mj-text align=\"center\" color=\"#999\" padding=\"0 0 25px 0\">\n      <img src=\"https://cdn.auth0.com/email/anomaly-detection/location.png\" width=\"10\" style=\"margin-right: 4px; margin-top: -4px;\">\n       Buenos Aires, Argentina\n    </mj-text>\n  </mj-column>\n\n  <mj-column width=\"50%\" vertical-align=\"top\" background-color=\"#44C7F4\" padding=\"0\">\n    <mj-button href=\"#logs-link\" background-color=\"none\" padding=\"15px 40px\">\n      <img src=\"https://cdn.auth0.com/email/anomaly-detection/diagnose.png\" alt=\"diagnose\" width=\"28px\">\n      <div>Diagnose</div>\n    </mj-button>\n  </mj-column>\n\n  <mj-column width=\"50%\" vertical-align=\"top\" background-color=\"#EB5424\">\n    <mj-button href=\"#anomaly-link\" background-color=\"none\" padding=\"15px 40px\">\n      <img src=\"https://cdn.auth0.com/email/anomaly-detection/block.png\" alt=\"block\" width=\"20px\">\n      <div>Block</div>\n    </mj-button>\n  </mj-column>\n</mj-section>\n"
  },
  {
    "path": "packages/components/src/emails/_modules/block-salutation.ejs",
    "content": "<mj-section background-color=\"white\" padding=\"40px 40px 0\">\n    <mj-column width=\"90px\">\n      <% if (locals.image) { %>\n        <mj-image width=\"90px\" border-radius=\"45px\" src=\"<%- locals.image %>\" alt=\"Image\" padding-top=\"25px\" padding-left=\"0\" padding-right=\"0\"></mj-image>\n      <% } %>\n    </mj-column>\n    <mj-column width=\"390px\" padding=\"20px\">\n        <% if (locals.name) { %>\n          <mj-text align=\"left\" font-weight=\"500\" font-size=\"18px\" padding=\"20px 20px 0 20px\">\n            Hi <%- locals.name %>,\n          </mj-text>\n        <% } %>\n        <% if (locals.message) { %>\n          <mj-text font-size=\"18px\" align=\"left\" padding-bottom=\"20px\">\n            <%- locals.message %>\n          </mj-text>\n        <% } %>\n    </mj-column>\n    \n    <mj-divider border-width=\"1px\" border-color=\"#E3E5E7\" />\n</mj-section>\n"
  },
  {
    "path": "packages/components/src/emails/_modules/defaults.ejs",
    "content": "<% // Keep one level indent %>\n  <mj-class name=\"subtitle\" font-size=\"26px\" color=\"#212121\" padding=\"0 20px 15px 20px\" margin=\"0\" line-height=\"40px\" />\n  <mj-text align=\"center\" color=\"#222228\" font-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\" line-height=\"30px\" font-size=\"16px\" />\n  <mj-list color=\"#222228\" font-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\" line-height=\"30px\" font-size=\"16px\" />\n  <mj-button font-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\" background-color=\"#EB5424\" font-size=\"12px\" color=\"white\" font-weight=\"500\" padding=\"14px 20px\" />\n  <mj-table font-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\" padding=\"20px\"/>\n"
  },
  {
    "path": "packages/components/src/emails/_modules/footer.ejs",
    "content": "<mj-section background-color=\"#FAFAFA\">\n  <mj-column width=\"80%\">\n    \n    <% if (locals.mainText) { %>\n    <mj-text font-size=\"18px\" font-weight=\"500\" line-height=\"27px\" color=\"#212121\" padding=\"30px 30px 0 30px\" margin=\"0\">\n      <%- locals.mainText %>\n    </mj-text>\n    <% } %>\n    \n    <% if (locals.ctaText) { %>\n    <mj-button href=\"<%- locals.ctaHref %>\">\n      <span style=\"text-transform: uppercase; letter-spacing: 1px;\"><%- locals.ctaText %></span>\n    </mj-button>\n    <% } %>\n    \n    <% if (locals.fromGreeting) { %>\n    <mj-text>\n      Happy Authenticating,<br/>\n      The Auth0 Team\n    </mj-text>\n    <% } %>\n    \n  </mj-column>\n</mj-section>\n<mj-section background-color=\"#FAFAFA\" padding=\"0 0 30px 0\">\n  <mj-column width=\"100%\">\n    <mj-text font-size=\"13px\" color=\"#777\" align=\"center\" padding=\"0\">\n      <a style=\"padding: 0 8px; color: #777777; text-decoration: none;\" href=\"https://auth0.com/terms\">Terms of service</a>\n    \n      <a style=\"padding: 0 8px; color: #777777; text-decoration: none;\" href=\"https://auth0.com/privacy\">Privacy</a>\n    \n      <a style=\"padding: 0 8px; color: #777777; text-decoration: none;\" href=\"mailto:info@auth0.co\">Contact Us</a>\n      \n      <a style=\"padding: 0 8px;\" href=\"https://twitter.com/auth0/\"><img style=\"display: inline-block\" src=\"http://cdn.auth0.com/blog/newsletter/twitter.png\" alt=\"auth0\" width=\"15px\"></a>\n    </mj-text>\n  </mj-column>\n</mj-section>\n\n<mj-section background-color=\"white\">\n  <mj-column width=\"100%\" vertical-align=\"top\">\n    <mj-text font-size=\"13px\" padding=\"0 20px 0 20px\" line-height=\"20px\">\n      You’re receiving this email because you have and Auth0 account. If you’d rather not see us in your inbox in the future, please <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n      <br/><br/>\n      <span style=\"color: #777777\">Auth0 Inc. · 10777 Main Street · Suite 204 · Bellevue, WA 98004 · USA</span>\n    </mj-text>\n\n  </mj-column>\n</mj-section>"
  },
  {
    "path": "packages/components/src/emails/_modules/hero.ejs",
    "content": "<mj-section background-color=\"#222228\">\n  <mj-column width=\"80%\" vertical-align=\"top\">\n    <% if (locals.image) { %>\n    <mj-image width=\"80\" src=\"<%- locals.image %>\" alt=\"Zero To Launch\" padding-top=\"30px\"></mj-image>\n    <% } %>\n\n    <% if (locals.title) { %>\n    <mj-text font-size=\"32px\" line-height=\"60px\" color=\"white\" padding=\"0 20px 0 20px\" margin=\"0\">\n      <%- locals.title %>\n    </mj-text>\n    <% } %>\n\n    <% if (locals.smallTitle) { %>\n    <mj-text color=\"white\" font-size=\"20px\" padding=\"0 20px 30px 20px\">\n      <%- locals.smallTitle %>\n    </mj-text>\n    <% } %>\n    \n    <% if (locals.microTitle) { %>\n    <mj-text color=\"#B6B6B8\" font-size=\"14px\" padding=\"0 20px 30px 20px\">\n      <%- locals.microTitle %>\n    </mj-text>\n    <% } %>\n\n    <% if (locals.subtitle) { %>\n    <mj-text color=\"#B6B6B8\" padding=\"0 20px 30px 20px\">\n      <%- locals.subtitle %>\n    </mj-text>\n    <% } %>\n\n  </mj-column>\n</mj-section>\n"
  },
  {
    "path": "packages/components/src/emails/ad-compromised/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n      <mj-class name=\"body-text\" padding=\"0 20px 15px 20px\" align=\"left\" />\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/hero', {\n        smallTitle: \"Your account could have been hacked, compromised or stolen.\",\n        image: \"https://cdn.auth0.com/email/anomaly-detection/ninja.png\"\n      }) %>\n\n      <mj-section background-color=\"white\" padding=\"40px 0\">\n        <mj-column width=\"80%\" vertical-align=\"top\">\n          <mj-text mj-class=\"body-text\">\n            There was a security incident on another website unrelated to <strong style=\"font-weight: 500;\">mdocs</strong>. Your account is at risk because you were using the same password in both places.\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            Please <strong style=\"font-weight: 500;\">change your password immediately</strong>, all login attempts will be blocked until you finish.\n          </mj-text>\n\n          <mj-button href=\"#change-password\">\n            <span style=\"text-transform: uppercase; letter-spacing: 1px;\">Change password</span>\n          </mj-button>\n        </mj-column>\n      </mj-section>\n\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 20px 0 20px\" line-height=\"20px\">\n            You’re receiving this email because you have an Auth0 account. If you are not sure why you’re receiving this, please contact us through our <a href=\"//support.auth0.com/\" style=\"color:#0a84ae;text-decoration:none\">Support Center</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/ad-stolen/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n      <mj-class name=\"body-text\" padding=\"0 20px 15px 20px\" align=\"left\" />\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/hero', {\n        smallTitle: \"We have detected suspicious activity on your Auth0 account <strong style='font-weight: 500;'>Foobar<\\/strong>.\",\n        image: \"https://cdn.auth0.com/email/anomaly-detection/ninja.png\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"80%\" vertical-align=\"top\">\n          <mj-text>\n            There have been an excessive number of failed login attempts from the following IP addresses:\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/block-diagnose') %>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 20px 0 20px\" line-height=\"20px\">\n            You’re receiving this email because you have an Auth0 account. If you are not sure why you’re receiving this, please contact us through our <a href=\"//support.auth0.com/\" style=\"color:#0a84ae;text-decoration:none\">Support Center</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/auth0-newsletter/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n      <mj-class name=\"body-text\" align=\"left\" padding=\"0 30px 15px 30px\" />\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <%- include('../_modules/hero', {\n        title: \"Auth0 Newsletter\",\n        microTitle: \"SEPTEMBER 2015\",\n        subtitle: \"Hello! We thought you might want to read about some of what's been happening at Auth0 recently. You can also check out our <a style='color:white;text-decoration:none' href='#'>Release Notes</a> anytime.\",\n        image: \"https://cdn.auth0.com/blog/auth0-newsletter/circle-auth0.png\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            Roles dashboard is now open source\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            <a href=\"#\"  style=\"color:#0a84ae;text-decoration:none\">Implement roles and permissions</a> for your applications. This open source app is built on top of the Auth0 platform and you can customize it however you want.\n          </mj-text>\n          \n          <mj-image src=\"https://placeholdit.imgix.net/~text?txtsize=100&txt=1200%C3%97700&w=1200&h=700\" />\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#FAFAFA\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            JWT, two years later\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            More than 972 GitHub repositories, 2600 StackOverflow threads, 400K visits to jwt.io and 50k Google results later, Auth0 continues to invest in JSON Web Tokens as an industry standard. \n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            Visit <a href=\"//jwt.io\"  style=\"color:#0a84ae;text-decoration:none\">jwt.io</a> to check out the latest updates to the site, and <a href=\"#\"  style=\"color:#0a84ae;text-decoration:none\">read our blog post</a> for more on the history and changes.\n          </mj-text>\n          \n          <mj-image src=\"https://placeholdit.imgix.net/~text?txtsize=100&txt=1200%C3%97700&w=1200&h=700\" />\n        </mj-column>\n      </mj-section>\n      \n      <mj-section background-color=\"#F1F2F3\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            More on the Good Stuff\n          </mj-text>\n        </mj-column>\n      </mj-section>\n      \n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            Roles dashboard is now open source\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            <a href=\"#\"  style=\"color:#0a84ae;text-decoration:none\">Implement roles and permissions</a> for your applications. This open source app is built on top of the Auth0 platform and you can customize it however you want.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n      <mj-section padding=\"0\">\n        <mj-divider border-width=\"1px\" border-color=\"#E3E5E7\" />\n      </mj-section>\n      \n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            Roles dashboard is now open source\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            <a href=\"#\"  style=\"color:#0a84ae;text-decoration:none\">Implement roles and permissions</a> for your applications. This open source app is built on top of the Auth0 platform and you can customize it however you want.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n      <mj-section padding=\"0\">\n        <mj-divider border-width=\"1px\" border-color=\"#E3E5E7\" />\n      </mj-section>\n      \n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            Roles dashboard is now open source\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            <a href=\"#\"  style=\"color:#0a84ae;text-decoration:none\">Implement roles and permissions</a> for your applications. This open source app is built on top of the Auth0 platform and you can customize it however you want.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n      <mj-section padding=\"0\">\n        <mj-divider border-width=\"1px\" border-color=\"#E3E5E7\" />\n      </mj-section>\n      \n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text mj-class=\"subtitle\" padding=\"15px 0 15px 0\">\n            Roles dashboard is now open source\n          </mj-text>\n          <mj-text mj-class=\"body-text\">\n            <a href=\"#\"  style=\"color:#0a84ae;text-decoration:none\">Implement roles and permissions</a> for your applications. This open source app is built on top of the Auth0 platform and you can customize it however you want.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/footer', {\n        fromGreeting: true,\n        mainText: \"As always, we're here to help.<br />Visit our <a style='color:#0a84ae;text-decoration:none' href='//support.auth0.com'>Support Center</a> or ask questions at <a style='color:#0a84ae;text-decoration:none' href='//community.auth0.com'>community.auth0.com</a>, anytime.\"\n      }) %>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/notices/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n\t<mj-attributes>\n\t  <%- include('../_modules/defaults') %>\n\t</mj-attributes>\n  </mj-head>\n  <mj-body>\n\t<mj-container background-color=\"#222228\">\n\t  \n      <mj-section padding=\"30px 0\">\n\t\t<mj-image width=\"100\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-grey.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n\t  </mj-section>\n\n\t  <mj-section background-color=\"white\" padding=\"40px 60px 0 60px\">\n\t\t<mj-column width=\"100%\" vertical-align=\"top\" padding=\"0\">\n\t\t  <mj-text font-size=\"22px\" padding=\"0 0 20px 0\"><strong style=\"font-weight: 500;\">Cool New Announcement</strong></mj-text>\n\t\t  <mj-text align=\"left\" padding=\"0 0 20px 0\">\n\t\t\tYou're receiving this email because you have an <strong style=\"font-weight: 500;\">Auth0 account</strong>. If you are not sure why you’re reciving this, please contact your systems administrator.\n\t\t  </mj-text>\n\n\t\t  <mj-image href=\"https://twitter.com/auth0/\" src=\"http://placehold.it/1350x550\" width=\"430px\" height=\"auto\" alt=\"auth0\" padding=\"0 0 30px 0\"></mj-image>\n\n\t\t  <mj-text align=\"left\" padding=\"0 0 20px 0\">\n\t\t\tYou're receiving this email because you have an <strong style=\"font-weight: 500;\">Auth0 account</strong>. If you are not sure why you’re reciving this, please contact your systems administrator.\n\t\t  </mj-text>\n\n\t\t  <mj-button href=\"#sample\" background-color=\"#EB5424\" color=\"white\" font-weight=\"none\">\n\t\t\t<span style=\"text-transform: uppercase; letter-spacing: 1px;\">Call to action</span>\n\t\t  </mj-button>\n\n\t\t  <mj-list>\n\t\t\t<li>Go to the store</li>\n\t\t\t<li>sleep</li>\n\t\t\t<li>eat</li>\n\t\t\t<li>sleep again</li>\n\t\t  </mj-list>\n\n\t\t  <mj-text padding=\"40px 20px 0 20px\" margin=\"0\">\n\t\t\t<strong style=\"font-weight: 500;\">We’re here to help. <a href=\"#\" style=\"color:#0a84ae;text-decoration:none\">Reach out anytime</a>.</strong>\n\t\t\t<br/>Happy Authenticating,<br/>The Auth0 Team<br/>\n\t\t  </mj-text>\n\n\n\t\t  <mj-button href=\"#sample\" background-color=\"#EB5424\" font-size=\"12px\" color=\"white\" font-weight=\"none\" padding=\"14px 20px\">\n\t\t\t<span style=\"text-transform: uppercase; letter-spacing: 1px;\">Try Auth0 For Free</span>\n\t\t  </mj-button>\n\t\t</mj-column>\n\t  </mj-section>\n\n\t  <mj-section background-color=\"white\" padding=\"10px 80px 30px 80px\">\n\t\t<mj-column width=\"30%\" padding=\"0\">\n\t\t  <mj-text font-size=\"13px\" color=\"#777\" padding=\"0\">\n\t\t\t<a style=\"color: #777777; text-decoration: none;\" href=\"https://auth0.com/terms\">Terms of service</a>\n\t\t  </mj-text>\n\t\t</mj-column>\n\t\t<mj-column width=\"30%\" padding=\"0\">\n\t\t  <mj-text font-size=\"13px\" color=\"#777\" padding=\"0\">\n\t\t\t<a style=\"color: #777777; text-decoration: none;\" href=\"https://auth0.com/privacy\">Privacy</a>\n\t\t  </mj-text>\n\t\t</mj-column>\n\t\t<mj-column width=\"30%\" padding=\"0\">\n\t\t  <mj-text font-size=\"13px\" color=\"#777\" padding=\"0\">\n\t\t\t<a style=\"color: #777777; text-decoration: none;\" href=\"mailto:info@auth0.co\">Contact Us</a>\n\t\t  </mj-text>\n\t\t</mj-column>\n\t\t<mj-column width=\"10%\" padding=\"0\">\n\t\t  <mj-image href=\"https://twitter.com/auth0/\" src=\"http://cdn.auth0.com/blog/newsletter/twitter.png\" alt=\"auth0\" width=\"15px\" vertical-align=\"middle\" margin=\"0\" padding=\"10\"></mj-image>\n\t\t</mj-column>\n\t  </mj-section>\n\n\t  <mj-section background-color=\"#222228\" padding=\"20px\">\n\t\t<mj-text font-size=\"12px\" color=\"#d3d3d3\" line-height=\"20px\">\n\t\t  You're receiving this email because you have an Auth0 account. If you'd rather not see us in your inbox in the future, please <a href=\"{{unsubscribe_url}}\" style=\"color:#44C7F4;text-decoration:none\">unsubscribe</a>.\n\t\t</mj-text>\n\t\t<mj-text font-size=\"12px\" color=\"#8F8F8F\" line-height=\"40px\">\n\t\t  Auth0 Inc. · 10777 Main Street · Suite 204 · Bellevue, WA 98004 · USA\n\t\t</mj-text>\n\t  </mj-section>\n\n\t<mj-container>\n  </mj-body>\n  </mjml>\n"
  },
  {
    "path": "packages/components/src/emails/notifications/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#222228\">\n      <mj-section padding=\"30px 0\">\n        <mj-image width=\"100\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-grey.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n      </mj-section>\n\n      <mj-section background-color=\"white\" padding=\"40px 30px 30px 30px\">\n        <mj-column width=\"100%\" vertical-align=\"top\" padding=\"0\">\n          <mj-text font-size=\"22px\" padding=\"0 0 20px 0\">Welcome to <strong style=\"font-weight: 500;\">Auth0 App</strong>!</mj-text>\n          <mj-text align=\"left\" padding=\"0 0 20px 0\">\n            You're receiving this email because you have an <strong style=\"font-weight: 500;\">Auth0 account</strong>. If you are not sure why you’re reciving this, please contact your systems administrator.\n          </mj-text>\n          <mj-button>\n            <span style=\"text-transform: uppercase; letter-spacing: 1px;\">Confirm my account</span>\n          </mj-button>\n          <mj-text padding=\"0 0 20px 0\">\n            Thanks,<br>\n            <strong style=\"font-weight: 500;\">Auth0 App</strong>\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#222228\"  padding=\"10px\">\n        <mj-text font-size=\"12px\" line-height=\"20px\" color=\"lightgray\">\n          You're receiving this email because you have an <strong style=\"font-weight: 500;\">Auth0 account</strong>. If you are not sure why you’re reciving this, please contact your systems administrator.\n        </mj-text>\n        <mj-spacer height=\"30px\" />\n      </mj-section>\n      <mj-container>\n    </mj-body>\n  </mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-blocked-account/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n      <mj-class name=\"body-text\" padding=\"0 20px 15px 20px\" align=\"left\" />\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/hero', {\n        smallTitle: \"We have detected suspicious activity on your Auth0 account <strong style='font-weight: 500;'>Foobar<\\/strong>.\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-ninja.svg\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"80%\" vertical-align=\"top\">\n          <mj-text>\n            There have been an excessive number of failed login attempts from the following IP addresses:\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/block-diagnose') %>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 20px 0 20px\" line-height=\"20px\">\n            You’re receiving this email because you have an Auth0 account. If you are not sure why you’re receiving this, please contact us through our <a href=\"//support.auth0.com/\" style=\"color:#0a84ae;text-decoration:none\">Support Center</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-invitation/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n      \n      <%- include('../_modules/hero', {\n        smallTitle: \"You were invited to be an administrator of the dashboard on Auth0\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-admin.svg\"\n      }) %>\n\n      <%- include('../_modules/block-salutation', {\n        name: \"Barbu\",\n        image: \"https://secure.gravatar.com/avatar/5e137b3e18b512c421edf75eb0f6967f/?size=180\",\n        message: \"gmesyngier has invited you to be an administrator of the dasboard on Auth0.\"\n      }) %>\n\n      <mj-section background-color=\"white\" padding=\"20px 40px\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-table padding-top=\"0\" padding-bottom=\"0\">\n            <tr style=\"text-align:left; font-size: 16px;\">\n              <td style=\"padding: 0 15px 10px 0; vertical-align: text-top;\">\n                <strong style=\"font-weight: 500; white-space: nowrap;\">URL</strong>\n              </td>\n              <td style=\"padding: 0 0 10px 15px; vertical-align: text-top;\"><a href=\"#\">https://myapp.auth0.com/accept_admin_invite…</a></td>\n            </tr>\n          </mj-table>\n          <mj-button href=\"#invitation\" style=\"padding: 20px 0;\">\n            ACCEPT INVITATION\n          </mj-button>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 60px 0 60px\" line-height=\"20px\">\n             You’re receiving this email because you have and Auth0 account.If you’d rather not see us in your inbox in the future <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-provider-configuration/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n      \n      <%- include('../_modules/hero', {\n        title: \"Welcome to You App!\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-email.svg\"\n      }) %>\n\n     <mj-section background-color=\"white\" padding=\"20px 15px 5px\">\n        <mj-column width=\"100%\" vertical-align=\"top\" padding=\"10px 20px\">\n          <mj-text align=\"left\" font-size=\"18px\" padding=\"20px 20px 0 20px\">\n            Your emails will be sent from smtp.gmail.com, on port 465, using Gmail as provider.\n          </mj-text>\n          <mj-text align=\"left\" font-weight=\"500\" font-size=\"18px\" padding=\"20px 20px 0 20px\">\n            <strong font-weight=\"500\"> This is your updated configuration</strong>\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"white\" padding=\"10px 40px 40px\">\n        <mj-column width=\"100%\" padding-left=\"0px\" padding-right=\"0px\" padding-top=\"0px\" padding-bottom=\"0px\" border-left=\"#E3E5E7 1px solid\" border-right=\"#E3E5E7 1px solid\" border-top=\"#E3E5E7 1px solid\" border-bottom=\"#E3E5E7 1px solid\">\n\n          <mj-table>\n            <tr style=\"text-align:left; font-size: 16px; border-bottom: 1px solid #E3E5E7;\">\n              <td style=\"vertical-align: text-top; padding:15px;\">\n                <strong style=\"font-weight: 500;\">Host</strong>\n              </td>\n              <td style=\"vertical-align: text-top; padding:15px;\">\n                <strong style=\"font-weight: 500;\">Port</strong>\n              </td>\n              <td style=\"vertical-align: text-top; padding:15px;\">\n                <strong style=\"font-weight: 500;\">Provider</strong>\n              </td>\n            </tr>\n\n            <tr style=\"text-align:left; font-size: 16px;\">\n              <td style=\"vertical-align: text-top; padding:15px;\">smtp.gmail.com</td>\n              <td style=\"vertical-align: text-top; padding:15px;\">465</td>\n              <td style=\"vertical-align: text-top; padding:15px;\">Gmail</td>\n            </tr>\n\n          </mj-table>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 60px 0 60px\" line-height=\"20px\">\n             You’re receiving this email because you have and Auth0 account.If you’d rather not see us in your inbox in the future <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-reset/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n      \n      <%- include('../_modules/hero', {\n        title: \"Welcome to You App!\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-keys.svg\"\n      }) %>\n\n     <mj-section background-color=\"white\" padding=\"20px 15px 5px\">\n        <mj-column width=\"100%\" vertical-align=\"top\" padding=\"10px 20px\">\n          <mj-text align=\"left\">If it was you, confirm the password change</mj-text>\n          <mj-table padding-top=\"0\" padding-bottom=\"0\">\n            <tr style=\"text-align:left; font-size: 16px;\">\n              <td style=\"padding: 0 15px 10px 0; vertical-align: text-top;\">\n                <strong style=\"font-weight: 500; white-space: nowrap;\">URL</strong>\n              </td>\n              <td style=\"padding: 0 0 10px 15px; vertical-align: text-top;\"><a href=\"#\">https://myapp.auth0.com/accept_admin_invite…</a></td>\n            </tr>\n          </mj-table>\n          <mj-button href=\"#invitation\" style=\"padding: 20px 0;\">\n            ACCEPT INVITATION\n          </mj-button>\n          <mj-divider border-width=\"1px\" border-color=\"#E3E5E7\" />\n        </mj-column>\n      </mj-section>\n\n\n      <mj-section background-color=\"white\" padding=\"10px 0\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text align=\"left\" padding=\"0 40px 15px 40px\">\n            If you are having any issues with your account, please don't hesitate to contact us by replying to this mail. <br> Thanks!\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 60px 0 60px\" line-height=\"20px\">\n             You’re receiving this email because you have and Auth0 account.If you’d rather not see us in your inbox in the future <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-verification-code/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/hero', {\n        title: \"Sign in to Your App\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-verification.svg\"\n      }) %>\n\n      <%- include('../_modules/block-box-information', {\n        title: \"Confirm that you want to sign in to Your App. This link will expire in five minutes.\",\n        rowTopTitle: \"Verification Code\",\n        rowTopContent: \"0303456\",\n        rowBottomTitle: \"URL\",\n        rowBottomContent: \"<a href='#'>https://myapp.auth0.com/sign_in…</a>\",\n        buttonCopy: \"SIGN IN TO YOUR APP\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text align=\"left\" padding=\"0 40px 15px 40px\">\n            If you are having any issues with your account, please don't hesitate to contact us by replying to this mail. <br> Thanks!\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 60px 0 60px\" line-height=\"20px\">\n             You’re receiving this email because you have and Auth0 account.If you’d rather not see us in your inbox in the future <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-verify-email/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/hero', {\n        title: \"Verify Your Account\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-verify.svg\"\n      }) %>\n\n      <%- include('../_modules/block-box-information', {\n        title: \"Your account information\",\n        rowTopTitle: \"Account\",\n        rowTopContent: \"my-email@gmail.com\",\n        rowBottomTitle: \"Verify Link\",\n        rowBottomContent: \"<a href='#'>https://pwdlessdemo.auth0.com/verify_a…</a>\",\n        buttonCopy: \"VERIFY YOUR ACCOUNT\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text align=\"left\" padding=\"0 40px 15px 40px\">\n            If you are having any issues with your account, please don't hesitate to contact us by replying to this mail. <br> Thanks!\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 60px 0 60px\" line-height=\"20px\">\n             You’re receiving this email because you have and Auth0 account.If you’d rather not see us in your inbox in the future <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/emails/product-welcome/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n      \n      <%- include('../_modules/hero', {\n        title: \"Welcome to You App!\",\n        image: \"https://cdn.auth0.com/website/email-templates/product/assets/top-hands.svg\"\n      }) %>\n\n      <%- include('../_modules/block-salutation', {\n        name: \"Barbu\",\n        image: \"https://s.gravatar.com/avatar/3b02263f5a5cb404c187f0d3f2dbbb19?s=180\",\n        message: \"Welcome to Your App! We’re excited to help you reach your goals!\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text align=\"left\" padding=\"0 40px 15px 40px\">\n            If you are having any issues with your account, please don't hesitate to contact us by replying to this mail. <br> Thanks!\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 60px 0 60px\" line-height=\"20px\">\n             You’re receiving this email because you have and Auth0 account.If you’d rather not see us in your inbox in the future <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n\n"
  },
  {
    "path": "packages/components/src/emails/zero-to-launch/demo.ejs",
    "content": "<mjml>\n  <mj-head>\n    <mj-attributes>\n      <%- include('../_modules/defaults') %>\n    </mj-attributes>\n  </mj-head>\n  <mj-body>\n    <mj-container background-color=\"#E3E5E7\">\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-blue.png\" href=\"https://auth0.com/\" alt=\"auth0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <%- include('../_modules/hero', {\n        title: \"Zero To Launch\",\n        subtitle: \"Exclusive invitation for Auth0 Guardian<br\\/>Multi Factor Authentication preview.\",\n        image: \"http://auth0.github.io/auth0-email-templates/mjml/zero-to-launch/assets/top.png\"\n      }) %>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"http://auth0.github.io/auth0-email-templates/mjml/zero-to-launch/assets/1.png\" alt=\"Zero To Launch\" padding-top=\"30px\"></mj-image>\n          <mj-text mj-class=\"subtitle\">\n            What is Zero to Launch?\n          </mj-text>\n          <mj-text padding=\"0 20px 15px 20px\">\n            Zero to Launch gives you access to new and enhanced features and functionality prior to general release - combined with the resources and support to make great things happen!\n          </mj-text>\n          <mj-text padding=\"0 20px 30px 20px\">\n            Miss the launch? <a href=\"#video-link\" style=\"color:#0a84ae;text-decoration:none\">Watch this 5 minutes video</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"http://auth0.github.io/auth0-email-templates/mjml/zero-to-launch/assets/2.png\" alt=\"Zero To Launch\" padding-top=\"20px\"></mj-image>\n          <mj-text mj-class=\"subtitle\">\n            June Mission:<br/>\n            Auth0 Guardian Multi Factor Authentication\n          </mj-text>\n          <mj-text padding=\"0 20px 0 20px\">\n            With Auth0 Guardian we bring you the most usable and friction-free multi factor authentication experience available.\n          </mj-text>\n          <mj-list>\n            <li>Enable with a single switch in the dashboard and protect your apps instantly</li>\n            <li>Use Push Notifications with support for iOS and Android</li>\n            <li>Support for SMS one time codes</li>\n            <li>Control how MFA is activated through Auth0 Rules</li>\n          </mj-list>\n\n          <mj-button href=\"#sample\">\n            <span style=\"text-transform: uppercase; letter-spacing: 1px;\">Get On Board</span>\n          </mj-button>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-image width=\"80\" src=\"http://auth0.github.io/auth0-email-templates/mjml/zero-to-launch/assets/3.png\" alt=\"Zero To Launch\" padding-top=\"30px\"></mj-image>\n          <mj-text mj-class=\"subtitle\">\n            Should you participate in this mission?\n          </mj-text>\n          <mj-text padding=\"0 20px 0 20px\">\n            Customers with the following use cases/scenarios will find great value from this mission:\n          </mj-text>\n          <mj-list padding=\"0 20px 0 30px\" margin-top=\"0\">\n            <li>You’re using Auth0 to protect sensitive apps used by emloyees and you want an extra security factor</li>\n            <li>You have built a SaaS app and your customers (particularly business customers) are asking for or expecting fictionless second factor authentication</li>\n            <li>You’re using MFA in Auht0 already but are looking to remove the cost of 3rd party MFA providers and improve usability</li>\n          </mj-list>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"26px\" color=\"#212121\" padding=\"30px 20px 15px 20px\" margin=\"0\">\n            What’s next?\n          </mj-text>\n          <mj-text padding=\"0 20px 30px 20px\">\n            Select the “Get on Board” button to opt in and access this invitation to participate. In the coming weeks, customers who opt-in will receive further information around accessing and using Auth0 Guardian.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n\n\n      <mj-section background-color=\"white\">\n        <mj-column width=\"100%\">\n          <mj-text font-size=\"26px\" color=\"#212121\" padding=\"30px 40px 0 40px\" margin=\"0\">\n            Get on board and register to learn more about the June mission!\n          </mj-text>\n          <mj-text color=\"#555\" padding=\"0 20px 0 20px\" margin=\"0\">\n\n            <br/>Happy Authenticating,<br/>The Auth0 Team\n            Clayton Moulynox<br/>\n            Director - Enterprise Customer Success\n          </mj-text>\n\n\n          <mj-button href=\"#sample\">\n            <span style=\"text-transform: uppercase; letter-spacing: 1px;\">Get On Board</span>\n          </mj-button>\n        </mj-column>\n      </mj-section>\n      <mj-section background-color=\"white\" padding=\"40px 30px 30px 30px\">\n        <mj-column width=\"30%\" padding=\"0\">\n          <mj-text font-size=\"13px\" color=\"#777\" padding=\"0\">\n            <a style=\"color: #777777; text-decoration: none;\" href=\"https://auth0.com/terms\">Terms of service</a>\n          </mj-text>\n        </mj-column>\n        <mj-column width=\"30%\" padding=\"0\">\n          <mj-text font-size=\"13px\" color=\"#777\" padding=\"0\">\n            <a style=\"color: #777777; text-decoration: none;\" href=\"https://auth0.com/privacy\">Privacy</a>\n          </mj-text>\n        </mj-column>\n        <mj-column width=\"30%\" padding=\"0\">\n          <mj-text font-size=\"13px\" color=\"#777\" padding=\"0\">\n            <a style=\"color: #777777; text-decoration: none;\" href=\"mailto:info@auth0.co\">Contact Us</a>\n          </mj-text>\n        </mj-column>\n        <mj-column width=\"10%\" padding=\"0\">\n          <mj-image href=\"https://twitter.com/auth0/\" src=\"http://cdn.auth0.com/blog/newsletter/twitter.png\" alt=\"auth0\" width=\"15px\" padding-top=\"5px\" margin=\"0\" padding=\"0\"></mj-image>\n        </mj-column>\n      </mj-section>\n\n      <mj-section background-color=\"#F5F7F9\">\n        <mj-column width=\"100%\" vertical-align=\"top\">\n          <mj-text font-size=\"13px\" padding=\"0 20px 0 20px\" line-height=\"20px\">\n            You’re receiving this email because you have and Auth0 account. If you’d rather not see us in your inbox in the future, please <a href=\"{{unsubscribe_url}}\" style=\"color:#0a84ae;text-decoration:none\">unsubscribe</a>.\n          </mj-text>\n        </mj-column>\n      </mj-section>\n    <mj-container>\n  </mj-body>\n</mjml>\n"
  },
  {
    "path": "packages/components/src/extension/index.styl",
    "content": ".a0-extension\n  .content-header\n    margin-bottom: 0;\n\n    h1\n      margin-top: 0;\n      line-height: 1;\n      min-height: 0;\n"
  },
  {
    "path": "packages/components/src/font-override.styl",
    "content": "// Font Override: Replace proprietary fonts with system fonts\n\n// System font stack (no proprietary fonts)\n$font-family-base = -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\n$font-family-sans-serif = $font-family-base\n$headings-font-family = $font-family-base\n"
  },
  {
    "path": "packages/components/src/footer/demo.pug",
    "content": "footer.sc-footer(role=\"contentinfo\")\n  .container\n    .sc-footer__logo\n      img.sc-footer__logo-image(src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.png\", width=\"30\")\n\n    .sc-footer__grid\n      .sc-footer__column.sc-footer__column--grid\n        .sc-footer__item\n          h6.sc-footer__title Product\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/pricing/\") Pricing\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/why-auth0/\") Why Auth0\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/user-management/\") How It Works\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/lock/\") Lock\n\n      .sc-footer__column.sc-footer__column--grid\n        .sc-footer__item\n          h6.sc-footer__title Company\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/about/\") About Us\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/blog/\") Blog\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/careers/\") Jobs\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/press/\") Press\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/partners/\") Partners\n\n      .sc-footer__column.sc-footer__column--grid\n        .sc-footer__item\n          h6.sc-footer__title Learn\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/availability-trust/\") Availability & Trust\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/security/\") Security\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/responsible-disclosure-policy/\") White Hat\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/docs/api/management/v2/\") API Explorer\n\n      .sc-footer__column.sc-footer__column--grid\n        .sc-footer__item\n          h6.sc-footer__title More\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://support.auth0.com/\") Help & Support\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/docs/\") Documentation\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/opensource/\") Open Source\n        .sc-footer__item\n          a.sc-footer__link.sc-footer__link--featured(href=\"https://auth0.com/wordpress/\") WordPress\n\n      .sc-footer__column.sc-footer__column--contact\n        .sc-footer__contact-column.sc-footer__contact-column--address\n          .sc-footer__item\n            h6.sc-footer__title Contact\n          .sc-footer__item.sc-footer__item--text\n            | 10800 NE 8th Street\n            br\n            | Suite 600\n            br\n            | Bellevue, WA   98004\n\n        .sc-footer__contact-column.sc-footer__contact-column--phone\n          .sc-footer__item.sc-footer__item--small\n            a.sc-footer__link.sc-footer__phone(href=\"tel:+18882352699\") +1 (888) 235-2699\n          .sc-footer__item.sc-footer__item--small\n            a.sc-footer__link.sc-footer__phone(href=\"tel:+14253126521\") +1 (425) 312-6521\n          .sc-footer__item.sc-footer__item--small\n            a.sc-footer__link.sc-footer__phone(href=\"tel:+4403332341966\") +44 (0) 33-3234-1966\n\n    .sc-footer__colophon\n      .sc-footer__column\n        ul.list-inline.sc-footer__list.sc-footer__like-buttons-container\n          li.sc-footer__list-item\n            a.sc-footer__like-buttons__link.sc-footer__like-buttons__link--twitter(href=\"https://twitter.com/auth0\", target=\"_blank\" rel=\"noopener noreferrer\")\n              span.sc-footer__like-buttons__icon-container\n                svg.sc-footer__like-buttons__icon(viewBox=\"0 0 72 72\")\n                  path(fill=\"none\" d=\"M0 0h72v72H0z\")\n                  path(fill=\"#fff\" d=\"M68.812 15.14c-2.348 1.04-4.87 1.744-7.52 2.06 2.704-1.62 4.78-4.186 5.757-7.243-2.53 1.5-5.33 2.592-8.314 3.176C56.35 10.59 52.948 9 49.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396c-1.125 1.936-1.77 4.184-1.77 6.58 0 4.543 2.312 8.552 5.824 10.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09-4.482 3.51-10.13 5.605-16.26 5.605-1.055 0-2.096-.06-3.122-.184 5.794 3.717 12.676 5.882 20.067 5.882 24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693 2.558-1.847 4.778-4.15 6.532-6.774z\")\n              span.sc-footer__like-buttons__action Follow\n              span.sr-only  us on Twitter, along with\n              span.sc-footer__like-buttons__counter.sr-only many\n              span.sr-only  followers!\n          li.sc-footer__list-item\n            a.sc-footer__like-buttons__link.sc-footer__like-buttons__link--linkedin(href=\"https://www.linkedin.com/company/auth0\", target=\"_blank\" rel=\"noopener noreferrer\")\n              span.sc-footer__like-buttons__icon-container\n                svg.sc-footer__like-buttons__icon(viewBox=\"0 50 512 512\")\n                  path(fill=\"#ffffff\" d=\"M150.65 100.682c0 27.992-22.508 50.683-50.273 50.683-27.765 0-50.273-22.69-50.273-50.683C50.104 72.692 72.612 50 100.377 50c27.766 0 50.273 22.69 50.273 50.682zm-7.356 86.65H58.277V462h85.017V187.333zm135.9 0h-81.54V462h81.54V317.82c0-38.625 17.78-61.616 51.808-61.616 31.268 0 46.29 22.07 46.29 61.615V462h84.604V288.085s-41.69-109.13-99.934-109.13-82.768 45.368-82.768 45.368v-36.99z\")\n              span.sc-footer__like-buttons__action Follow\n              span.sr-only  us on LinkedIn, along with\n              span.sc-footer__like-buttons__counter.sr-only many\n              span.sr-only  followers!\n          li.sc-footer__list-item\n            a.sc-footer__like-buttons__link.sc-footer__like-buttons__link--facebook(href=\"https://www.facebook.com/getauth0\", target=\"_blank\" rel=\"noopener noreferrer\")\n              span.sc-footer__like-buttons__icon-container\n                svg.sc-footer__like-buttons__icon(viewBox=\"0 0 16 16\")\n                  path(fill=\"#fff\" fill-rule=\"evenodd\" d=\"M4.55 7c.248 0 .45.234.45.522v5.956c0 .288-.202.522-.45.522h-2.1c-.248 0-.45-.234-.45-.522V7.522C2 7.234 2.202 7 2.45 7h2.1zm1.995 6.2c-.305-.036-.528-.302-.545-.626.017 0 .013-2.906 0-4.43.013-.525.108-1.458.398-1.87.708-1.008 1.205-1.666 1.494-2.048.29-.382.636-.755.646-1.04.013-.384 0-.39 0-.83 0-.44.208-.856.733-.856.257 0 .46.057.65.3.304.356.516.92.516 1.81S9.51 6.173 9.51 6.18h4.037c.618-.004.954.545.954 1.117 0 .536-.364.982-.844 1.057.29.14.5.47.5.852 0 .476-.325.872-.756.94.23.145.375.406.375.702 0 .398-.26.733-.615.813.21.14.346.396.346.685 0 .452-.334.823-.763.857H6.545z\")\n              span.sc-footer__like-buttons__action Like\n              span.sr-only  our Facebook page, along with\n              span.sc-footer__like-buttons__counter.sr-only many\n              span.sr-only  people!\n      script(src=\"https://cdn.auth0.com/website/auth0-footer-counters.min.js\" async defer)\n      .sc-footer__column\n        ul.list-inline.text-right.sc-footer__list\n          li.sc-footer__list-item\n            a.sc-footer__link(href=\"https://auth0.com/privacy/\") Privacy Policy\n\n          li.sc-footer__list-item\n            a.sc-footer__link(href=\"https://auth0.com/web-terms/\") Terms of Service\n\n          li.sc-footer__list-item\n            - var currentYear = new Date().getFullYear();\n            span &copy; 2013-#{currentYear} Auth0&reg; Inc. All Rights Reserved.\n"
  },
  {
    "path": "packages/components/src/footer/index.styl",
    "content": "/*\n * === Footer ===\n */\n\n.sc-footer {\n  clearfix();\n  background-color: white;\n  font-size: $font-size-small;\n  padding-top: 30px;\n\n  +breakpoint(\"desktop\") {\n    padding-top: 40px;\n  }\n\n  .theme-dark & {\n    background-color: $bg-color-dark;\n    border-top: 0;\n  }\n}\n\n/*\n * — Logo —\n */\n\n.sc-footer__logo {\n  margin-bottom: 15px;\n  text-align: center;\n\n  +breakpoint(\"desktop\") {\n    float: left;\n    padding-top: 10px;\n    text-align: left;\n    width: 8%;\n  }\n}\n\n.sc-footer__logo-image {\n  width: 20px;\n\n  +breakpoint(\"desktop\") {\n    width: 30px;\n  }\n}\n\n/*\n * — Grid —\n */\n\n.sc-footer__grid {\n  clearfix();\n  text-align: left;\n\n  +breakpoint(\"desktop\") {\n    float: left;\n    margin-bottom: 25px;\n    width: 92%;\n  }\n\n  grid(1, 0, \".sc-footer__column--grid\");\n\n  +breakpoint(\"desktop\") {\n    grid(6, 10px, \".sc-footer__column--grid\", \"right\", false);\n  }\n}\n\n/*\n * — Column —\n */\n\n.sc-footer__column {\n  margin-bottom: 10px;\n\n  +breakpoint(\"desktop\") {\n    margin-bottom: 15px;\n  }\n}\n\n/*\n * — Title —\n */\n\n.sc-footer__title {\n  color: darken($color-gray, 20%);\n  letter-spacing: 0.05em;\n  margin: 0;\n  padding: 10px 0;\n  text-transform: uppercase;\n\n  .theme-dark & {\n    color: $color-text-contrast;\n  }\n}\n\n/*\n * — Item —\n */\n\n.sc-footer__item {\n  margin-bottom: 4px;\n\n  .theme-dark & {\n    color: $color-text-contrast;\n  }\n}\n\n.sc-footer__item--text {\n  opacity: 0.7;\n}\n\n.sc-footer__item--small {\n  font-size: $font-size-small;\n}\n\n/*\n * — Link —\n */\n\n.sc-footer__link {\n  color: darken($color-gray, 60%);\n\n  .theme-dark & {\n    border-color: $color-line-contrast;\n    color: $color-text-contrast;\n  }\n\n  &:active {\n    text-decoration: underline;\n  }\n\n  &:focus,\n  &:hover {\n    color: darken($color-gray, 40%) !important;\n  }\n}\n\n.sc-footer__link--featured {\n  border-bottom: 1px solid lighten($color-gray, 60%);\n  display: block;\n  padding: 10px 0;\n\n  +breakpoint(\"desktop\") {\n    border: 0;\n    line-height: 1.8;\n    padding: 0;\n  }\n}\n\n/*\n * — Contact —\n */\n\n.sc-footer__column--contact {\n  clearfix();\n  padding-right: 10px;\n  padding-top: 10px;\n  float: left;\n  width: 100%;\n\n  +breakpoint(\"desktop\") {\n    padding-top: 0;\n    width: 33.33333%;\n  }\n}\n\n.sc-footer__contact-column {\n  float: left;\n}\n\n.sc-footer__contact-column--address {\n  width: 45%;\n}\n\n.sc-footer__contact-column--phone {\n  padding-top: 25px;\n  text-align: right;\n  width: 55%;\n\n  +breakpoint(\"desktop\") {\n    padding-top: 37px;\n  }\n}\n\n/*\n * — Phone numbers —\n */\n\n.sc-footer__phone {\n  clearfix();\n  display: block;\n  line-height: 1.8;\n  padding-bottom: 5px;\n\n  +breakpoint(\"desktop\") {\n    padding-bottom: 0;\n  }\n}\n\n/*\n * — Social buttons —\n */\n\n.sc-footer__like-buttons-container {\n  text-align: left;\n}\n\n.sc-footer__like-buttons__link {\n  border-radius: 3px;\n  color: #fff !important;\n  display: inline-block;\n  font-family: Helvetica, Arial, sans-serif;\n  font-size: 11px;\n  height: 20px;\n  overflow: hidden;\n  padding-left: 6px;\n  padding-right: 6px;\n  transition: background-color .2s ease;\n\n  &:focus,\n  &:active,\n  &:hover {\n    color: #fff !important;\n  }\n\n  &:focus {\n    outline: thin dotted;\n  }\n}\n\n.sc-footer__like-buttons__icon-container {\n  display: block;\n  float: left;\n}\n\n.sc-footer__like-buttons__icon {\n  height: 16px;\n  width: 16px;\n}\n\n.sc-footer__like-buttons__link--facebook {\n  $facebook = #4267b2;\n\n  background-color: $facebook;\n\n  & .sc-footer__like-buttons__icon-container {\n    padding-top: 2px;\n  }\n\n  &:focus,\n  &:hover {\n    background-color: darken($facebook, 15%);\n  }\n\n  &:active {\n    background-color: lighten($facebook, 5%);\n  }\n}\n\n.sc-footer__like-buttons__link--linkedin {\n  $linkedin = #0077b5;\n\n  background-color: $linkedin;\n\n  & .sc-footer__like-buttons__icon-container {\n    padding-top: 3px;\n  }\n\n  &:focus,\n  &:hover {\n    background-color: darken($linkedin, 15%);\n  }\n\n  &:active {\n    background-color: lighten($linkedin, 5%);\n  }\n}\n\n.sc-footer__like-buttons__link--twitter {\n  $twitter = #00aced;\n\n  background-color: $twitter;\n\n  & .sc-footer__like-buttons__icon-container {\n    padding-top: 2px;\n  }\n\n\n  &:focus,\n  &:hover {\n    background-color: darken($twitter, 15%);\n  }\n\n  &:active {\n    background-color: lighten($twitter, 5%);\n  }\n}\n\n.sc-footer__like-buttons__action {\n  display: block;\n  float: left;\n  font-weight: 600;\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n.sc-footer__like-buttons__counter {\n  float: left;\n  display: block;\n}\n/*\n * — Colophon —\n */\n\n.sc-footer__colophon {\n  clear: both;\n\n  +breakpoint(\"mobile-landscape\") {\n    grid(2, 0, \".sc-footer__column\");\n  }\n\n  +breakpoint(\"desktop\") {\n    border-top: 1px solid lighten($color-gray, 60%);\n  }\n\n  .theme-dark & {\n    border-color: $color-line-contrast;\n    color: $color-text-contrast;\n  }\n}\n\n.sc-footer__list {\n  +breakpoint(\"mobile-landscape\") {\n    margin-top: 15px;\n  }\n\n  +breakpoint(\"desktop\") {\n    margin-top: 5px;\n  }\n}\n\n.sc-footer__list-item {\n  margin: 5px 0;\n  padding: 0 5px;\n\n  +breakpoint(\"desktop\") {\n    margin-left: 10px;\n  }\n}\n"
  },
  {
    "path": "packages/components/src/forms/demo.pug",
    "content": "form.form-horizontal.col-xs-10.col-xs-offset-1\n\n  .form-group\n    label.col-xs-3.control-label Standard Input\n    .col-xs-9\n      input.form-control(type=\"text\", placeholder=\"Placeholder text for input.\")\n\n  .form-group\n    label.col-xs-3.control-label Read-only Input\n    .col-xs-9\n      input.form-control(type=\"text\", placeholder=\"Placeholder text for input.\", readonly)\n\n  .form-group\n    label.col-xs-3.control-label Disabled Input\n    .col-xs-9\n      input.form-control(type=\"text\", placeholder=\"Placeholder text for input.\", disabled)\n\n  .form-group\n    label.col-xs-3.control-label Error Input\n    .col-xs-9\n      input.form-control.has-error(type=\"text\", placeholder=\"Placeholder text for input.\")\n\n  .form-group\n    label.col-xs-3.control-label Success Input\n    .col-xs-9\n      input.form-control.has-success(type=\"text\", placeholder=\"Placeholder text for input.\")\n\n  .form-group\n    label.col-xs-3.control-label Warning Input\n    .col-xs-9\n      input.form-control.has-warning(type=\"text\", placeholder=\"Placeholder text for input.\")\n\n  .form-group\n    label.col-xs-3.control-label Standard Select\n    .col-xs-9\n      select.form-control\n        option Option 1\n        option Option 2\n        option Option 3"
  },
  {
    "path": "packages/components/src/forms/index.styl",
    "content": "//\n// Forms\n// --------------------------------------------------\n\n//** `<input>` background color\n$input-bg ?=                     #fff\n//** `<input disabled>` background color\n$input-bg-disabled ?=            $gray-lighter\n\n//** Text color for `<input>`s\n$input-color ?=                  $gray\n//** `<input>` border color\n$input-border ?=                 #ccc\n\n// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4\n//** Default `.form-control` border radius\n// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.\n$input-border-radius ?=          $border-radius-base\n//** Large `.form-control` border radius\n$input-border-radius-large ?=     $border-radius-large\n//** Small `.form-control` border radius\n$input-border-radius-small ?=    $border-radius-small\n\n//** Border color for inputs on focus\n$input-border-focus ?=           #66afe9\n\n//** Placeholder text color\n$input-color-placeholder ?=      #999\n\n//** Default `.form-control` height\n$input-height-base ?=              ($line-height-computed + ($padding-base-vertical * 2) + 2)\n//** Large `.form-control` height\n$input-height-large ?=             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2)\n//** Small `.form-control` height\n$input-height-small ?=             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2)\n\n//** `.form-group` margin\n$form-group-margin-bottom ?=       15px\n\n$legend-color ?=                   $gray-dark\n$legend-border-color ?=            #e5e5e5\n\n//** Background color for textual input addons\n$input-group-addon-bg ?=           $gray-lighter\n//** Border color for textual input addons\n$input-group-addon-border-color ?= $input-border\n\n//** Disabled cursor for form controls and buttons.\n$cursor-disabled ?=                not-allowed\n\n\n// Normalize non-controls\n//\n// Restyle and baseline non-control form elements.\n\nfieldset\n  padding 0\n  margin 0\n  border 0\n  // Chrome and Firefox set a `min-width min-content` on fieldsets,\n  // so we reset that to ensure it behaves more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359.\n  min-width 0\n\nlegend\n  display block\n  width 100%\n  padding 0\n  margin-bottom $line-height-computed\n  font-size ($font-size-base * 1.5)\n  line-height inherit\n  color $legend-color\n  border 0\n  border-bottom 1px solid $legend-border-color\n\nlabel\n  display inline-block\n  max-width 100% // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n  margin-bottom 5px\n  font-weight $font-weight-bold\n  &.control-label\n    color $color-text\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"]\n  box-sizing border-box\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"]\n  margin 4px 0 0\n  margin-top unquote('1px \\9') // IE8-9\n  line-height normal\n\ninput[type=\"file\"]\n  display block\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"]\n  display block\n  width 100%\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size]\n  height auto\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus\n  tab-focus()\n\n// Adjust output element\noutput\n  display block\n  padding-top ($padding-base-vertical + 1)\n  font-size $font-size-base\n  line-height $line-height-base\n  color $input-color\n\n\n// Common form controls\n//\n// Shared size and type resets for form controls. Apply `.form-control` to any\n// of the following form controls:\n//\n// select\n// textarea\n// input[type=\"text\"]\n// input[type=\"password\"]\n// input[type=\"datetime\"]\n// input[type=\"datetime-local\"]\n// input[type=\"date\"]\n// input[type=\"month\"]\n// input[type=\"time\"]\n// input[type=\"week\"]\n// input[type=\"number\"]\n// input[type=\"email\"]\n// input[type=\"url\"]\n// input[type=\"search\"]\n// input[type=\"tel\"]\n// input[type=\"color\"]\n\n.form-control\n  display block\n  width 100%\n  height $input-height-base // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n  padding $padding-base-vertical $padding-base-horizontal\n  font-size $font-size-base\n  line-height $line-height-base\n  color $input-color\n  background-color $input-bg\n  background-image none // Reset unusual Firefox-on-Android default style see https://github.com/necolas/normalize.css/issues/214\n  border 1px solid $input-border\n  border-radius $input-border-radius // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.\n  box-shadow inset 0 1px 1px rgba(0, 0, 0, .075)\n  transition border-color ease-in-out .15s, box-shadow ease-in-out .15s\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  form-control-focus()\n\n  // Placeholder\n  placeholder()\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand\n    border: 0;\n    background-color: transparent;\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case we style them as disabled anyway.\n  &[disabled],\n  &[readonly],\n  fieldset[disabled] &\n    background-color $input-bg-disabled\n    opacity 1 // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655\n\n  &[disabled],\n  fieldset[disabled] &\n    cursor $cursor-disabled\n\n  // Reset height for `textarea`s\n  textarea&\n    height auto\n\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"]\n  -webkit-appearance none\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display block` on temporal inputs causes the\n// text within the input to become vertically misaligned. As a workaround, we\n// set a pixel line-height that matches the given height of the input, but only\n// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848\n//\n// Note that as of 8.3, iOS doesn't support `datetime` or `week`.\n\n@media screen and (-webkit-min-device-pixel-ratio 0)\n  input[type=\"date\"],\n  input[type=\"time\"],\n  input[type=\"datetime-local\"],\n  input[type=\"month\"]\n    &.form-control\n      line-height $input-height-base\n\n    &.input-sm,\n    .input-group-sm &\n      line-height $input-height-small\n\n    &.input-lg,\n    .input-group-lg &\n      line-height $input-height-large\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group\n  margin-bottom $form-group-margin-bottom\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.radio,\n.checkbox\n  position relative\n  display block\n  margin-top 10px\n  margin-bottom 10px\n\n  label\n    min-height $line-height-computed // Ensure the input doesn't jump when there is no text\n    padding-left 20px\n    margin-bottom 0\n    font-weight normal\n    cursor pointer\n\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"]\n  position absolute\n  margin-left -20px\n  margin-top unquote('4px \\9')\n\n.radio + .radio,\n.checkbox + .checkbox\n  margin-top -5px // Move up sibling radios or checkboxes for tighter spacing\n\n// Radios and checkboxes on same line\n.radio-inline,\n.checkbox-inline\n  position relative\n  display inline-block\n  padding-left 20px\n  margin-bottom 0\n  vertical-align middle\n  font-weight normal\n  cursor pointer\n\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline\n  margin-top 0\n  margin-left 10px // space out consecutive inline controls\n\n// Apply same disabled cursor tweak as for inputs\n// Some special care is needed because <label>s don't inherit their parent's `cursor`.\n//\n// Note Neither radios nor checkboxes can be readonly.\ninput[type=\"radio\"],\ninput[type=\"checkbox\"]\n  &[disabled],\n  &.disabled,\n  fieldset[disabled] &\n    cursor $cursor-disabled\n\n// These classes are used directly on <label>s\n.radio-inline,\n.checkbox-inline\n  &.disabled,\n  fieldset[disabled] &\n    cursor $cursor-disabled\n\n// These classes are used on elements with <label> descendants\n.radio,\n.checkbox\n  &.disabled,\n  fieldset[disabled] &\n    label\n      cursor $cursor-disabled\n\n\n// Static form control text\n//\n// Apply class to a `p` element to make any string of text align with labels in\n// a horizontal form layout.\n\n.form-control-static\n  // Size it appropriately next to real form controls\n  padding-top ($padding-base-vertical + 1)\n  padding-bottom ($padding-base-vertical + 1)\n  // Remove default margin from `p`\n  margin-bottom 0\n  min-height ($line-height-computed + $font-size-base)\n\n  &.input-lg,\n  &.input-sm\n    padding-left 0\n    padding-right 0\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// The `.form-group-* form-control` variations are sadly duplicated to avoid the\n// issue documented in https://github.com/twbs/bootstrap/issues/15074.\n\n.input-sm\n  input-size($input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small)\n\n.form-group-sm\n  .form-control\n    height $input-height-small\n    padding $padding-small-vertical $padding-small-horizontal\n    font-size $font-size-small\n    line-height $line-height-small\n    border-radius $input-border-radius-small\n\n  select.form-control\n    height $input-height-small\n    line-height $input-height-small\n\n  textarea.form-control,\n  select[multiple].form-control\n    height auto\n\n  .form-control-static\n    height $input-height-small\n    min-height ($line-height-computed + $font-size-small)\n    padding ($padding-small-vertical + 1) $padding-small-horizontal\n    font-size $font-size-small\n    line-height $line-height-small\n\n.input-lg\n  input-size($input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large)\n\n.form-group-lg\n  .form-control\n    height $input-height-large\n    padding $padding-large-vertical $padding-large-horizontal\n    font-size $font-size-large\n    line-height $line-height-large\n    border-radius $input-border-radius-large\n\n  select.form-control\n    height $input-height-large\n    line-height $input-height-large\n\n  textarea.form-control,\n  select[multiple].form-control\n    height auto\n\n  .form-control-static\n    height $input-height-large\n    min-height ($line-height-computed + $font-size-large)\n    padding ($padding-large-vertical + 1) $padding-large-horizontal\n    font-size $font-size-large\n    line-height $line-height-large\n\n\n// Form control feedback states\n//\n// Apply contextual and semantic states to individual form controls.\n\n.has-feedback\n  // Enable absolute positioning\n  position relative\n\n  // Ensure icons don't overlap text\n  .form-control\n    padding-right ($input-height-base * 1.25)\n\n// Feedback icon (requires .glyphicon classes)\n.form-control-feedback\n  position absolute\n  top 0\n  right 0\n  z-index 2 // Ensure icon is above input groups\n  display block\n  width $input-height-base\n  height $input-height-base\n  line-height $input-height-base\n  text-align center\n  pointer-events none\n\n.input-lg + .form-control-feedback,\n.input-group-lg + .form-control-feedback,\n.form-group-lg .form-control + .form-control-feedback\n  width $input-height-large\n  height $input-height-large\n  line-height $input-height-large\n\n.input-sm + .form-control-feedback,\n.input-group-sm + .form-control-feedback,\n.form-group-sm .form-control + .form-control-feedback\n  width $input-height-small\n  height $input-height-small\n  line-height $input-height-small\n\n// Feedback states\n.has-success\n  form-control-validation($state-success-text, $bg-color-success, $state-success-bg)\n.has-warning\n  form-control-validation($state-warning-text, $bg-color-alert, $state-warning-bg)\n.has-error\n  form-control-validation($state-danger-text, $bg-color-error, $state-danger-bg)\n\n\n// Reposition feedback icon if input has visible label above\n.has-feedback label\n  &  ~ .form-control-feedback\n    top ($line-height-computed + 5) // Height of the `label` and its margin\n\n  &.sr-only ~ .form-control-feedback\n    top 0\n\n\n// Help text\n//\n// Apply to any element you wish to create light text for placement immediately\n// below a form control. Use for general help, formatting, or instructional text.\n\n.help-block\n  display block // account for any element using help-block\n  margin-top 5px\n  margin-bottom 10px\n  color lighten($text-color, 25) // lighten the text some for contrast\n\n\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n//\n// Heads up! This is mixin-ed into `.navbar-form` in navbars.\n\n.form-inline\n\n  // Kick in the inline\n  @media (min-width $screen-sm-min)\n    // Inline-block all the things for \"inline\"\n    .form-group\n      display inline-block\n      margin-bottom 0\n      vertical-align middle\n\n    // In navbar-form, allow folks to *not* use `.form-group`\n    .form-control\n      display inline-block\n      width auto // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align middle\n\n    // Make static controls behave like regular ones\n    .form-control-static\n      display inline-block\n\n    .input-group\n      display inline-table\n      vertical-align middle\n\n      .input-group-addon,\n      .input-group-btn,\n      .form-control\n        width auto\n\n    // Input groups need that 100% width though\n    .input-group > .form-control\n      width 100%\n\n    .control-label\n      margin-bottom 0\n      vertical-align middle\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match\n    .radio,\n    .checkbox\n      display inline-block\n      margin-top 0\n      margin-bottom 0\n      vertical-align middle\n\n      label\n        padding-left 0\n    .radio input[type=\"radio\"],\n    .checkbox input[type=\"checkbox\"]\n      position relative\n      margin-left 0\n\n    // Re-override the feedback icon.\n    .has-feedback .form-control-feedback\n      top 0\n\n\n// Horizontal forms\n//\n// Horizontal forms are built on grid classes and allow you to create forms with\n// labels on the left and inputs on the right.\n\n.form-horizontal\n\n  // Consistent vertical alignment of radios and checkboxes\n  //\n  // Labels also get some reset styles, but that is scoped to a media query below.\n  .radio,\n  .checkbox,\n  .radio-inline,\n  .checkbox-inline\n    margin-top 0\n    margin-bottom 0\n    padding-top ($padding-base-vertical + 1) // Default padding plus a border\n  // Account for padding we're adding to ensure the alignment and of help text\n  // and other content below items\n  .radio,\n  .checkbox\n    min-height ($line-height-computed + ($padding-base-vertical + 1))\n\n  // Make form groups behave like rows\n  .form-group\n    make-row()\n\n  // Reset spacing and right align labels, but scope to media queries so that\n  // labels on narrow viewports stack the same as a default form example.\n  @media (min-width $screen-sm-min)\n    .control-label\n      text-align right\n      margin-bottom 0\n      padding-top ($padding-base-vertical + 1) // Default padding plus a border\n\n  // Validation states\n  //\n  // Reposition the icon because it's now within a grid column and columns have\n  // `position relative` on them. Also accounts for the grid gutter padding.\n  .has-feedback .form-control-feedback\n    right floor($grid-gutter-width / 2)\n\n  // Form group sizes\n  //\n  // Quick utility class for applying `.input-lg` and `.input-sm` styles to the\n  // inputs and labels within a `.form-group`.\n  .form-group-lg\n    @media (min-width $screen-sm-min)\n      .control-label\n        padding-top ($padding-large-vertical + 1)\n        font-size $font-size-large\n\n  .form-group-sm\n    @media (min-width $screen-sm-min)\n      .control-label\n        padding-top ($padding-small-vertical + 1)\n        font-size $font-size-small\n\n    .form-control\n      @extend .input-sm\n"
  },
  {
    "path": "packages/components/src/header/demo.pug",
    "content": "header.site-header\n    nav.navbar.navbar-default(role='navigation')\n        .container\n          .navbar-header\n            button.navbar-toggle(type='button', data-toggle='collapse', data-target='#navbar-collapse')\n              span.sr-only Toggle navigation\n              span.icon-bar\n              span.icon-bar\n              span.icon-bar\n            h1.navbar-brand\n              a(href='/')\n                span Auth0\n            a.no-basic.hiring.animated.bounce.hidden-sm.hidden-xs.hidden-md(href='/jobs') We&apos;re hiring!\n          #navbar-collapse.collapse.navbar-collapse\n            ul.nav.navbar-nav.navbar-left.no-basic\n              li.li-why\n                a(href='/why-auth0') Why Auth0\n              li.li-how\n                a(href='/how-it-works') How It Works\n              li.li-pricing\n                a(href='/pricing') Pricing\n              li.dropdown\n                span.btn-dro(role='button', data-toggle='dropdown')\n                  | More\n                  i.icon-budicon-460\n                ul.dropdown-menu(role='menu', aria-labelledby='dLabel')\n                  li\n                    a(href='/lock') Lock\n                  li\n                    a(href='/passwordless') Passwordless\n                  li\n                    a(href='/wordpress') WordPress\n                  li.divider\n                  li\n                    a(href='/about') About\n                  li\n                    a(href='/blog') Blog\n                  li\n                    a(href='/customers') Customers\n                  li\n                    a(href='/resources') Resources\n                  li\n                    a(href='/partners') Partners\n                  li\n                    a(href='/opensource') Open Source\n                  li\n                    a(href='/jobs') Jobs\n                  li\n                    a(href='/press') Press\n            ul.nav.navbar-nav.navbar-right\n              li.li-docs.no-basic\n                a(href='/support') Help &amp; Support\n              li.li-docs.no-basic\n                a(href='/docs') Documentation\n              li\n                a.signin-button.login(href='https://manage.auth0.com') Open Dashboard\n"
  },
  {
    "path": "packages/components/src/header/index.styl",
    "content": "/*==========  Header  ==========*/\n\nheader.site-header\n  z-index: 1000;\n  background: transparent;\n  font-size: 14px;\n  position:static;\n  padding: 20px 0 20px 0;\n\n  &.header-fixed\n    background: rgba(255,255,255,.8);\n    position: fixed;\n\n  a\n    color: #333;\n\n  li *\n    -webkit-backface-visibility: hidden !important;\n\n  .navbar-header\n    float: none;\n\n    +breakpoint(\"desktop\")\n      margin-right: 0;\n      margin-left: 0;\n      float: left;\n\n  nav\n    background: none;\n    border: 0;\n    margin: 0;\n\n    li a\n      padding: 15px 15px;\n\n    li.active a\n      background: none;\n      color: black\n\n    ul, li\n      margin: 0;\n\n    .navbar-brand\n      font-weight: $font-weight-bold\n      display: inline-block\n      float: left\n      font-size: 24px;\n      color: black;\n      padding: 0 15px 0 18px;\n      margin: 0;\n      width: 120px;\n\n      +breakpoint(\"desktop\")\n        padding: 0 15px 0 0;\n\n      a\n        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQ2MnB4IiBoZWlnaHQ9IjE2OHB4IiB2aWV3Qm94PSIwIDAgNDYyIDE2OCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMC4zICg3ODkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5VbnRpdGxlZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJsb2dvLWJsdWUtaG9yaXpvbnRhbCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcHBlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg4LjAwMDAwMCwgNDQuMDAwMDAwKSIgZmlsbD0iIzE2MjE0RCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ni41MTcsMC4xMSBDMjM4LjQzOSwwLjExIDIzMS42MDcsMy45MTYgMjI2Ljc1OSwxMS4xMTUgQzIyMS45NCwxOC4yNzEgMjE5LjM5MywyOC4yNiAyMTkuMzkzLDQwIEMyMTkuMzkzLDUxLjc0IDIyMS45NCw2MS43MjkgMjI2Ljc1OSw2OC44ODQgQzIzMS42MDcsNzYuMDg0IDIzOC40MzksNzkuODg5IDI0Ni41MTcsNzkuODg5IEMyNTQuNTk1LDc5Ljg4OSAyNjEuNDI3LDc2LjA4NCAyNjYuMjc1LDY4Ljg4NCBDMjcxLjA5Myw2MS43MjkgMjczLjY0LDUxLjc0IDI3My42NCw0MCBDMjczLjY0LDI4LjI2IDI3MS4wOTMsMTguMjcxIDI2Ni4yNzUsMTEuMTE1IEMyNjEuNDI3LDMuOTE2IDI1NC41OTUsMC4xMSAyNDYuNTE3LDAuMTEgTDI0Ni41MTcsMC4xMSBaIE0yNDYuNTE3LDcwLjAwNSBDMjQyLjY1NSw3MC4wMDUgMjM5LjYwNCw2Ny44MiAyMzcuMTg3LDYzLjMyNCBDMjM0LjI2OCw1Ny44OTMgMjMyLjY2LDQ5LjYxIDIzMi42Niw0MCBDMjMyLjY2LDMwLjM5IDIzNC4yNjgsMjIuMTA2IDIzNy4xODcsMTYuNjc2IEMyMzkuNjA0LDEyLjE4IDI0Mi42NTUsOS45OTQgMjQ2LjUxNyw5Ljk5NCBDMjUwLjM3OCw5Ljk5NCAyNTMuNDMsMTIuMTggMjU1Ljg0NywxNi42NzYgQzI1OC43NjYsMjIuMTA2IDI2MC4zNzMsMzAuMzg5IDI2MC4zNzMsNDAgQzI2MC4zNzMsNDkuNjExIDI1OC43NjYsNTcuODk1IDI1NS44NDcsNjMuMzI0IEMyNTMuNDMsNjcuODIgMjUwLjM3OCw3MC4wMDUgMjQ2LjUxNyw3MC4wMDUgTDI0Ni41MTcsNzAuMDA1IFogTTcxLjQ1LDI5LjE3MiBMNzEuNDUsNjMuNDg0IEM3MS40NSw3Mi41MyA3OC44MSw3OS44ODkgODcuODU2LDc5Ljg4OSBDOTUuNzQ2LDc5Ljg4OSAxMDEuNzA3LDc1Ljk3NSAxMDMuOTAyLDc0LjI5MSBDMTA0LjAyNCw3NC4xOTcgMTA0LjE4NCw3NC4xNjkgMTA0LjMzMSw3NC4yMTYgQzEwNC40NzgsNzQuMjYzIDEwNC41OTIsNzQuMzc5IDEwNC42MzcsNzQuNTI3IEwxMDUuOTYxLDc4Ljg2IEwxMTUuNzM3LDc4Ljg2IEwxMTUuNzM3LDI5LjE3MiBMMTAzLjE3NSwyOS4xNzIgTDEwMy4xNzUsNjYuMzI2IEMxMDMuMTc1LDY2LjUwMSAxMDMuMDc2LDY2LjY2MiAxMDIuOTIxLDY2Ljc0MyBDMTAwLjU1OSw2Ny45NjEgOTUuODk5LDcwLjAwNiA5MS4yMzEsNzAuMDA2IEM4Ny4yNTIsNzAuMDA2IDg0LjAxMiw2Ni43NjggODQuMDEyLDYyLjc4NyBMODQuMDEyLDI5LjE3MiBMNzEuNDUsMjkuMTcyIEw3MS40NSwyOS4xNzIgWiBNMTk3LjIzNyw3OC44NTkgTDIwOS44LDc4Ljg1OSBMMjA5LjgsNDQuNTQ3IEMyMDkuOCwzNS41MDEgMjAyLjQ0LDI4LjE0MSAxOTMuMzk0LDI4LjE0MSBDMTg2LjczNSwyOC4xNDEgMTgxLjM5MywzMS4wMDQgMTc4LjgwMiwzMi43MSBDMTc4LjY1NywzMi44MDUgMTc4LjQ3MywzMi44MTMgMTc4LjMyMiwzMi43MzEgQzE3OC4xNzEsMzIuNjQ5IDE3OC4wNzUsMzIuNDkxIDE3OC4wNzUsMzIuMzE4IEwxNzguMDc1LDEuMTQxIEwxNjUuNTEzLDEuMTQxIEwxNjUuNTEzLDc4Ljg1OSBMMTc4LjA3NSw3OC44NTkgTDE3OC4wNzUsNDEuNzA0IEMxNzguMDc1LDQxLjUyOSAxNzguMTc0LDQxLjM2OCAxNzguMzMsNDEuMjg4IEMxODAuNjkxLDQwLjA2OSAxODUuMzUyLDM4LjAyNSAxOTAuMDE5LDM4LjAyNSBDMTkxLjk0NywzOC4wMjUgMTkzLjc2LDM4Ljc3NiAxOTUuMTIzLDQwLjEzOSBDMTk2LjQ4Niw0MS41MDIgMTk3LjIzNiw0My4zMTYgMTk3LjIzNiw0NS4yNDMgTDE5Ny4yMzYsNzguODU5IEwxOTcuMjM3LDc4Ljg1OSBaIE0xMjQuNzkyLDM5LjA1NSBMMTMyLjQzOCwzOS4wNTUgQzEzMi42OTcsMzkuMDU1IDEzMi45MDcsMzkuMjY1IDEzMi45MDcsMzkuNTI0IEwxMzIuOTA3LDY2Ljg1OCBDMTMyLjkwNyw3NC4wNDMgMTM4Ljc1Myw3OS44ODggMTQ1LjkzOCw3OS44ODggQzE0OC41NDMsNzkuODg4IDE1MS4xMTMsNzkuNTEyIDE1My41ODUsNzguNzcgTDE1My41ODUsNjkuNzk2IEMxNTIuMTQzLDY5LjkyMyAxNTAuNDg1LDcwLjAwNSAxNDkuMzEzLDcwLjAwNSBDMTQ3LjE5Myw3MC4wMDUgMTQ1LjQ2OSw2OC4yOCAxNDUuNDY5LDY2LjE2MSBMMTQ1LjQ2OSwzOS41MjMgQzE0NS40NjksMzkuMjY0IDE0NS42NzksMzkuMDU0IDE0NS45MzgsMzkuMDU0IEwxNTMuNTg1LDM5LjA1NCBMMTUzLjU4NSwyOS4xNzEgTDE0NS45MzgsMjkuMTcxIEMxNDUuNjc5LDI5LjE3MSAxNDUuNDY5LDI4Ljk2MSAxNDUuNDY5LDI4LjcwMiBMMTQ1LjQ2OSwxMi4yOTUgTDEzMi45MDcsMTIuMjk1IEwxMzIuOTA3LDI4LjcwMiBDMTMyLjkwNywyOC45NjEgMTMyLjY5NywyOS4xNzEgMTMyLjQzOCwyOS4xNzEgTDEyNC43OTIsMjkuMTcxIEwxMjQuNzkyLDM5LjA1NSBMMTI0Ljc5MiwzOS4wNTUgWiBNNTEuMzYxLDc4Ljg1OSBMNjQuNDI5LDc4Ljg1OSBMNDQuNTU1LDkuNTUgQzQyLjk2MiwzLjk5MiAzNy44MTEsMC4xMSAzMi4wMjksMC4xMSBDMjYuMjQ3LDAuMTEgMjEuMDk2LDMuOTkyIDE5LjUwMiw5LjU1IEwtMC4zNzIsNzguODU5IEwxMi42OTcsNzguODU5IEwxOC40NDksNTguNzk4IEMxOC41MDcsNTguNTk3IDE4LjY5MSw1OC40NTkgMTguOSw1OC40NTkgTDQ1LjE1OCw1OC40NTkgQzQ1LjM2Nyw1OC40NTkgNDUuNTUyLDU4LjU5NyA0NS42MDksNTguNzk4IEw1MS4zNjEsNzguODU5IEw1MS4zNjEsNzguODU5IFogTTQyLjA1Niw0OC41NzYgTDIyLjAwNCw0OC41NzYgQzIxLjg1Nyw0OC41NzYgMjEuNzE4LDQ4LjUwNyAyMS42MjksNDguMzg4IEMyMS41NDEsNDguMjcyIDIxLjUxMyw0OC4xMTkgMjEuNTUzLDQ3Ljk3OCBMMzEuNTc5LDEzLjAxMiBDMzEuNjM3LDEyLjgxMSAzMS44MjEsMTIuNjczIDMyLjAzLDEyLjY3MyBDMzIuMjM5LDEyLjY3MyAzMi40MjMsMTIuODExIDMyLjQ4LDEzLjAxMiBMNDIuNTA3LDQ3Ljk3OCBDNDIuNTQ3LDQ4LjEyIDQyLjUxOSw0OC4yNzIgNDIuNDMsNDguMzg4IEM0Mi4zNDIsNDguNTA3IDQyLjIwMyw0OC41NzYgNDIuMDU2LDQ4LjU3NiBMNDIuMDU2LDQ4LjU3NiBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwcGVkIiBmaWxsPSIjRUI1NDI0Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE5LjU1NSwxMzUuODYxIEwxMDIuNzA1LDgzLjk5NyBMMTQ2LjgxMyw1MS45NTIgTDkyLjI5MSw1MS45NTIgTDc1LjQ0LDAuMDkgTDc1LjQzNSwwLjA3NiBMMTI5Ljk2NSwwLjA3NiBMMTQ2LjgyLDUxLjk0NyBMMTQ2LjgyMSw1MS45NDYgTDE0Ni44MzUsNTEuOTM4IEMxNTYuNjIzLDgyLjAzIDE0Ni41NDIsMTE2LjI1NiAxMTkuNTU1LDEzNS44NjEgTDExOS41NTUsMTM1Ljg2MSBaIE0zMS4zMjEsMTM1Ljg2MSBMMzEuMzA3LDEzNS44NzEgTDc1LjQyNiwxNjcuOTI0IEwxMTkuNTU1LDEzNS44NjIgTDc1LjQ0LDEwMy44MDggTDMxLjMyMSwxMzUuODYxIEwzMS4zMjEsMTM1Ljg2MSBaIE00LjA1Miw1MS45MzkgTDQuMDUyLDUxLjkzOSBDLTYuMjUyLDgzLjY2IDUuNzA5LDExNy4yNzIgMzEuMzEyLDEzNS44NjcgTDMxLjMxNiwxMzUuODUxIEw0OC4xNjgsODMuOTkgTDQuMDcsNTEuOTUxIEw1OC41NzksNTEuOTUxIEw3NS40MzEsMC4wODkgTDc1LjQzNSwwLjA3NSBMMjAuOTAyLDAuMDc1IEw0LjA1Miw1MS45MzkgTDQuMDUyLDUxLjkzOSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') center left no-repeat;\n        width: 130px;\n        height: 40px;\n        display: block\n        margin-top: 8px;\n        background-size: 70%;\n        padding: 20px 15px;\n\n      img\n        position: relative;\n        height: 36px;\n        // width: 114px;\n        margin-right: 10px;\n        top: 2px;\n        display: none\n\n      span\n        display: none\n\n  .navbar-default\n    .navbar-collapse\n      border-color: transparent;\n      padding: 0;\n\n      &.collapse\n        display: none !important;\n\n        &.in\n          display: block !important;\n\n        +breakpoint(\"desktop\")\n          display: block !important;\n\n    .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus\n      background: transparent;\n\n    .navbar-nav>.open>a\n      background: none;\n\n    .navbar-nav\n      float: none !important;\n\n      &.navbar-right\n        +breakpoint(\"desktop\")\n          float: right !important;\n\n      &.navbar-left\n        +breakpoint(\"desktop\")\n          float: left !important;\n\n\n      > li\n        float: none;\n\n        +breakpoint(\"desktop\")\n          float: left;\n\n  .navbar-toggle\n    border: 0;\n    display: block;\n\n    +breakpoint(\"desktop\")\n      display: none;\n\n    &:hover\n      background: none;\n      .icon-bar\n        background: black;\n\n\n\n\n  .btn-dro\n    padding: 20px 15px;\n    line-height: 20px;\n    background: none;\n    display: inline-block\n    color: #777;\n\n    cursor: pointer;\n    &:hover\n      color: #666;\n    i\n      position: relative;\n      top: 1px;\n      margin-left: 5px;\n      width: 6px;\n      display: inline-block\n      font-size: 10px;\n\n  .dropdown\n    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus\n      background-color: none;\n\n    .dropdown-menu\n      background: #fff;\n      transition: transform .1s cubic-bezier(.3, 0, 0, 1.3);\n      display: block\n      left: 0;\n      border: 0;\n      border-radius: 3px;\n      border-bottom: 1px solid #f1f1f1;\n      -webkit-transform: none;\n      transform: none;\n\n      +breakpoint(\"desktop\")\n        -webkit-transform: scale(.8) translateY(-10%);\n        transform: scale(.8) translateY(-10%);\n        pointer-events: none;\n        opacity: 0;\n\n        .divider\n          margin: 8px 0;\n\n      li > a\n        padding: 10px 15px;\n        line-height: 20px;\n\n        +breakpoint(\"desktop\")\n          padding: 5px 20px;\n\n        &:hover\n          background: none;\n\n          +breakpoint(\"desktop\")\n            background: #f1f1f1;\n\n      ::after\n        position: absolute;\n        top: -6px;\n        left: 26px;\n        display: inline-block;\n        border-right: 6px solid transparent;\n        border-bottom: 6px solid #fff;\n        border-left: 6px solid transparent;\n        content: '';\n\n      .divider\n        background-color: rgba(0,0,0,.1)\n\n    &.open\n      .dropdown-menu\n        opacity: 1;\n        pointer-events: auto;\n        -webkit-transform: none;\n        transform: none;\n\n  a.login\n    color: #666\n    border: 1px solid #f1f1f1;\n    border-radius: 100px;\n    margin-left: 10px;\n    text-transform: uppercase\n    letter-spacing: 1px;\n    font-weight: $font-weight-bold\n    padding: 0;\n    line-height: 30px;\n    display: inline-block\n    padding-left: 15px;\n    padding-right: 14px;\n    margin-top: 12px;\n    font-size: 12px;\n\n    &:hover\n      background: #f1f1f1;\n\n\n  .navbar > .container .navbar-brand,\n  .navbar > .container-fluid .navbar-brand\n    +breakpoint(\"desktop\")\n      margin-left: 0;\n\n\n\n/*==========  Header with dark background behind  ==========*/\n@media screen and (min-width: 990px)\n\n  .header-dark,\n  .theme-dark\n    header.site-header\n      position:absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n\n      h1.navbar-brand\n        a\n          background-image: url('https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/logo-grey.png')\n\n      .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus\n        color: white;\n\n      .dropdown a\n        color: #333;\n\n      .navbar-default\n        .navbar-nav>li>a\n          color: #d0d2d3;\n\n          &:hover\n            color: #fff;\n            background: none;\n\n      nav li .btn-dro\n        color: #d0d2d3;\n        &:hover\n          color: white;\n\n\n      a.btn\n        border-color: #fff;\n\n      a.btn:hover\n        border-color: #fff;\n        color: #000;\n\n\n  .site-header.navbar-fixed-top, .site-header.navbar-fixed-bottom\n    position:fixed !important;\n    right:0;\n    left:0;\n    z-index:1030;\n    transform:translate3d(0,0,0);\n    -webkit-transform:translate3d(0,0,0);\n    background:rgba(255,255,255,0.9);\n\n.navbar-header\n  position: relative;\n\na.hiring\n  background: #44C7F4;\n  text-transform: uppercase;\n  position: absolute;\n  font-weight: $font-weight-bold;\n  padding: 2px 8px 0 8px;\n  border-radius: 3px;\n  color: white !important;\n  font-size: 11px;\n  display: block;\n  left: 120px;\n  top: 17px;\n\n  +breakpoint(\"desktop\")\n    left: -104px;\n\n  &::after\n    position: absolute;\n    content: \"\";\n    left: -4px;\n    top: 6px;\n    width: 0;\n    height: 0;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    border-right: 5px solid #44C7F4;\n    border-left: 0;\n\n    +breakpoint(\"desktop\")\n      left: auto;\n      right: -4px;\n      border-right: 0;\n      border-left: 5px solid #44C7F4;\n\n/*==========  Responsive  ==========*/\n\n@media screen and (max-width: 990px)\n\n  header.site-header\n    position: static\n    text-align: left;\n    padding: 10px 0;\n\n    .navbar-left\n      border-top: 1px solid #f1f1f1;\n\n    li\n      padding: 8px 0;\n      border-bottom: 1px solid #f1f1f1;\n\n      &:last-child\n        border-bottom: 0;\n\n      a\n        display: block\n\n    li.dropdown\n      display: block\n      padding: 0;\n      opacity: 1;\n      overflow: hidden\n\n      .btn-dro\n        display: none\n\n      .divider\n        display: none\n\n      ul.dropdown-menu\n        min-width: 0;\n        position: static;\n        box-shadow: none\n        border-left: 4px solid #ccc;\n        opacity: 1;\n        transform: none;\n        transition: none;\n        border-radius: 0;\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        background: #f8f8f8;\n        pointer-events: all;\n        li:last-child\n          border-bottom: 0;\n\n    nav\n\n      a.login\n        margin-bottom: 20px;\n        font-size: 14px;\n        padding: 10px;\n        display: block\n        text-align: center\n"
  },
  {
    "path": "packages/components/src/helpers/index.styl",
    "content": "// CDN fallback helper.\n//\n// Use: Create a div with an ID called \"auth0-styleguide-components-cdn-fallback\" and check if the display is none.\n#auth0-styleguide-components-cdn-fallback\n  display none\n"
  },
  {
    "path": "packages/components/src/highlight/index.styl",
    "content": ".hljs{display:block;overflow-x:auto;padding:0.5em;background:#f0f0f0;-webkit-text-size-adjust:none}.hljs,.hljs-subst,.hljs-tag .hljs-title,.nginx .hljs-title{color:black}.hljs-string,.hljs-title,.hljs-constant,.hljs-parent,.hljs-tag .hljs-value,.hljs-rule .hljs-value,.hljs-preprocessor,.hljs-pragma,.hljs-name,.haml .hljs-symbol,.ruby .hljs-symbol,.ruby .hljs-symbol .hljs-string,.hljs-template_tag,.django .hljs-variable,.smalltalk .hljs-class,.hljs-addition,.hljs-flow,.hljs-stream,.bash .hljs-variable,.pf .hljs-variable,.apache .hljs-tag,.apache .hljs-cbracket,.tex .hljs-command,.tex .hljs-special,.erlang_repl .hljs-function_or_atom,.asciidoc .hljs-header,.markdown .hljs-header,.coffeescript .hljs-attribute,.tp .hljs-variable{color:#800}.smartquote,.hljs-comment,.hljs-annotation,.diff .hljs-header,.hljs-chunk,.asciidoc .hljs-blockquote,.markdown .hljs-blockquote{color:#888}.hljs-number,.hljs-date,.hljs-regexp,.hljs-literal,.hljs-hexcolor,.smalltalk .hljs-symbol,.smalltalk .hljs-char,.go .hljs-constant,.hljs-change,.lasso .hljs-variable,.makefile .hljs-variable,.asciidoc .hljs-bullet,.markdown .hljs-bullet,.asciidoc .hljs-link_url,.markdown .hljs-link_url{color:#080}.hljs-label,.ruby .hljs-string,.hljs-decorator,.hljs-filter .hljs-argument,.hljs-localvars,.hljs-array,.hljs-attr_selector,.hljs-important,.hljs-pseudo,.hljs-pi,.haml .hljs-bullet,.hljs-doctype,.hljs-deletion,.hljs-envvar,.hljs-shebang,.apache .hljs-sqbracket,.nginx .hljs-built_in,.tex .hljs-formula,.erlang_repl .hljs-reserved,.hljs-prompt,.asciidoc .hljs-link_label,.markdown .hljs-link_label,.vhdl .hljs-attribute,.clojure .hljs-attribute,.asciidoc .hljs-attribute,.lasso .hljs-attribute,.coffeescript .hljs-property,.hljs-phony{color:#88f}.hljs-keyword,.hljs-id,.hljs-title,.hljs-built_in,.css .hljs-tag,.hljs-doctag,.smalltalk .hljs-class,.hljs-winutils,.bash .hljs-variable,.pf .hljs-variable,.apache .hljs-tag,.hljs-type,.hljs-typename,.tex .hljs-command,.asciidoc .hljs-strong,.markdown .hljs-strong,.hljs-request,.hljs-status,.tp .hljs-data,.tp .hljs-io{font-weight:bold}.asciidoc .hljs-emphasis,.markdown .hljs-emphasis,.tp .hljs-units{font-style:italic}.nginx .hljs-built_in{font-weight:normal}\n\npre\n  word-wrap normal\n  position relative\n  padding 0\n  border 0\n\n  code.hljs\n    background-color #2F383D\n    white-space pre\n    padding 15px\n    color white\n\n  code.hljs-line-numbers.hljs-line-numbers\n    background-color darken(#2F383D, 10%)\n    border-right 1px solid rgba(#5C666F,.1)\n    text-align right\n    color rgba(255, 255, 255, 0.4)\n    -webkit-touch-callout none\n    -webkit-user-select none\n    -khtml-user-select none\n    -moz-user-select none\n    -ms-user-select none\n    user-select none\n\n.hljs\n  .subst,\n  .lisp .title,\n  .clojure .built_in,\n  .nginx .title\n    color $color-oil\n\n  .string,\n  .title,\n  .constant,\n  .parent,\n  .tag .value,\n  .rules .value,\n  .rules .value .number,\n  .preprocessor,\n  .ruby .symbol,\n  .ruby .symbol .string,\n  .aggregate,\n  .template_tag,\n  .django .variable,\n  .smalltalk .class,\n  .addition,\n  .flow,\n  .stream,\n  .bash .variable,\n  .apache .tag,\n  .apache .cbracket,\n  .tex .command,\n  .tex .special,\n  .erlang_repl .function_or_atom,\n  .markdown .header\n    color #00FBCA // green\n\n  .comment,\n  .annotation,\n  .template_comment,\n  .diff .header,\n  .chunk,\n  .markdown .blockquote\n    color #899FAB // oil light\n\n  .number,\n  .title,\n  .date,\n  .regexp,\n  .literal,\n  .smalltalk .symbol,\n  .smalltalk .char,\n  .go .constant,\n  .change,\n  .markdown .bullet,\n  .markdown .link_url\n    color #42C7F4 // blue light\n\n  .label,\n  .tag,\n  .javadoc,\n  .ruby .string,\n  .decorator,\n  .filter .argument,\n  .localvars,\n  .array,\n  .attr_selector,\n  .important,\n  .pseudo,\n  .pi,\n  .doctype,\n  .deletion,\n  .envvar,\n  .shebang,\n  .apache .sqbracket,\n  .nginx .built_in,\n  .tex .formula,\n  .erlang_repl .reserved,\n  .prompt,\n  .markdown .link_label,\n  .vhdl .attribute,\n  .clojure .attribute,\n  .coffeescript .property\n    color #FFA0E7 // pink\n\n\n  .id,\n  .phpdoc,\n  .built_in,\n  .aggregate,\n  .css .tag,\n  .javadoctag,\n  .phpdoc,\n  .yardoctag,\n  .smalltalk .class,\n  .winutils,\n  .bash .variable,\n  .apache .tag,\n  .go .typename,\n  .tex .command,\n  .markdown .strong,\n  .request,\n  .status,\n  .tag .title,\n  .keyword\n    color #FF9A56 // orange\n\n  .coffeescript .javascript,\n  .javascript .xml,\n  .tex .formula,\n  .xml .javascript,\n  .xml .vbscript,\n  .xml .css,\n  .xml .cdata\n    opacity: 1;\n\n\n// Auth API page\n.docs-content #api-explorer\n  .accordion-inner pre\n    background-color: white;\n    border: 1px solid rgba(0, 0, 0, 0.11);\n    padding: 20px 15px;\n\n    input, textarea\n      background-color: white;\n      border: 0;\n      border-radius: 3px;\n      padding: 3px 5px;\n      color: $color-oil;\n\n    span\n      &.http-verb,\n      &.param\n        font-weight: normal;\n        background-color: transparent;\n        padding: 3px;\n        border: 1px solid rgba(128, 128, 128, 0.25);\n        font-size: 10px;\n        border-radius: 1px 3px;\n        letter-spacing: 1px;\n\n      &.http-verb\n        color: gray;\n        margin-left: -7px;\n\n    code\n      background-color: transparent;\n\n    input, textarea\n      border: 1px solid rgba(0, 0, 0, 0.12);\n      padding: 10px;\n      height: 30px;\n      margin: 0 10px;\n"
  },
  {
    "path": "packages/components/src/index.styl",
    "content": "@charset \"UTF-8\";\n\n// This file creates the monolithic index.css (like /latest/ structure)\n// It combines core + components with proper font overrides\n\n// Inter font\n@import './fonts/inter/index';\n\n$font-family-sans-serif = 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\n\n// Core package imports (using local monorepo path - not npm)\n@import '../node_modules/normalize-css/normalize.css'\n@import '../../core/src/vars/'\n@import '../../core/src/mixins/'\n@import '../../core/src/utilities/'\n@import '../../core/src/grid/'\n// Fonts imported separately above\n@import '../../core/src/typography/'\n@import '../../core/src/responsive/'\n@import '../../core/src/scaffolding/'\n@import '../../core/src/helpers/'\n\n// Quick fix for error with @extend .img-responsive in carousel and thumbnails\n// without importing whole scaffolding/index.styl file\n// Responsive images (ensure images don't scale beyond their parents)\n.img-responsive\n  img-responsive()\n\n// Vendor\n@import './budicon/budicon.fixed.css';\n@import \"./animations/index\"; // Custom animate.css build\n\n// Core CSS\n@import \"./code/index\";\n@import \"./tables/index\";\n@import \"./forms/index\";\n@import \"./buttons/index\";\n@import './themes/index';\n\n// Components\n@import './alerts/index';\n@import './buttons/index';\n@import './cards/index';\n@import './breadcrumb/index';\n@import './codemirror/index';\n@import './spinner/index';\n@import './code-picker/index';\n@import './navs/index';\n@import './notifications/index';\n@import './showcase-tabs/index';\n@import \"./dropdowns/index\"\n@import \"./button-groups/index\"\n@import \"./input-groups/index\"\n@import \"./navbar/index\"\n@import \"./pagination/index\"\n@import \"./pager/index\"\n@import \"./labels/index\"\n@import \"./badges/index\"\n@import \"./jumbotron/index\"\n@import \"./thumbnails/index\"\n@import \"./progress-bars/index\"\n@import \"./media/index\"\n@import \"./list-group/index\"\n@import \"./panels/index\"\n@import \"./wells/index\"\n@import \"./close/index\"\n@import \"./scope/index\"\n\n// Components w/ JavaScript\n@import \"./modals/index\"\n@import \"./tooltip/index\"\n@import \"./popovers/index\"\n@import \"./carousel/index\"\n\n// Helpers\n@import \"./helpers/index\"\n\n// Auth0 Custom Components\n@import './header/index';\n@import './sidebar-box/index';\n@import './banner/index';\n@import './big-tabs/index';\n@import './ui-switch/index';\n@import './switchboard/index';\n@import './phone-mockup/index';\n@import './browser/index';\n@import './center-title-block/index';\n@import './footer/index';\n@import './sidebar-box/index';\n@import './sub-header/index';\n@import './prettify/index';\n@import './quotes/index';\n@import './try-banner/index';\n@import './circle-logo/index';\n@import './extension/index';\n@import './budicon/budicon';\n@import './highlight/index';\n"
  },
  {
    "path": "packages/components/src/input-groups/index.styl",
    "content": "//\n// Input groups\n// --------------------------------------------------\n\n// Base styles\n// -------------------------\n.input-group\n  position relative // For dropdowns\n  display table\n  border-collapse separate // prevent input groups from inheriting border styles from table cells when placed within a table\n\n  // Undo padding and float of grid classes\n  &[class*=\"col-\"]\n    float none\n    padding-left 0\n    padding-right 0\n\n  .form-control\n    // Ensure that the input is always above the *appended* addon button for\n    // proper border colors.\n    position relative\n    z-index 2\n\n    // IE9 fubars the placeholder attribute in text inputs and the arrows on\n    // select elements in input groups. To fix it, we float the input. Details:\n    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855\n    float left\n\n    width 100%\n    margin-bottom 0\n    \n    &:focus\n      z-index 3\n\n// Sizing options\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn\n  @extend .input-lg\n\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn\n  @extend .input-sm\n\n\n// Display as table-cell\n// -------------------------\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control\n  display table-cell\n\n  &:not(:first-child):not(:last-child)\n    border-radius 0\n// Addon and addon wrapper for buttons\n.input-group-addon,\n.input-group-btn\n  width 1%\n  white-space nowrap\n  vertical-align middle // Match the inputs\n\n// Text input groups\n// -------------------------\n.input-group-addon\n  padding $padding-base-vertical $padding-base-horizontal\n  font-size $font-size-base\n  font-weight normal\n  line-height 1\n  color $input-color\n  text-align center\n  background-color $input-group-addon-bg\n  border 1px solid $input-group-addon-border-color\n  border-radius $input-border-radius\n\n  // Sizing\n  &.input-sm\n    padding $padding-small-vertical $padding-small-horizontal\n    font-size $font-size-small\n    border-radius $input-border-radius-small\n  &.input-lg\n    padding $padding-large-vertical $padding-large-horizontal\n    font-size $font-size-large\n    border-radius $input-border-radius-large\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"]\n    margin-top 0\n\n// Reset rounded corners\n.input-group .form-control:first-child,\n.input-group-addon:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn\n  border-right-radius(0)\n\n.input-group-addon:first-child\n  border-right 0\n\n.input-group .form-control:last-child,\n.input-group-addon:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn\n  border-left-radius(0)\n\n.input-group-addon:last-child\n  border-left 0\n\n// Button input groups\n// -------------------------\n.input-group-btn\n  position relative\n  // Jankily prevent input button groups from wrapping with `white-space` and\n  // `font-size` in combination with `inline-block` on buttons.\n  font-size 0\n  white-space nowrap\n\n  // Negative margin for spacing, position for bringing hovered/focused/actived\n  // element above the siblings.\n  > .btn\n    position relative\n    + .btn\n      margin-left -1px\n    // Bring the \"active\" button to the front\n    &:hover,\n    &:focus,\n    &:active\n      z-index 2\n\n  // Negative margin to only have a 1px border between the two\n  &:first-child\n    > .btn,\n    > .btn-group\n      z-index 2\n      margin-right -1px\n  &:last-child\n    > .btn,\n    > .btn-group\n      margin-left -1px\n"
  },
  {
    "path": "packages/components/src/jumbotron/demo.pug",
    "content": "section.jumbotron\n  h2: img(src=\"https://cdn.auth0.com/website/styleguide/getting-started-icon.svg\", alt=\"Jumbotron image\")\n  h1 Jumbotron\n  p Lorem ipsum dolor sit amet, consectetur adipiscing elit quis risus eget urna mollis consectetur adipiscing elit.\n  .btn.btn-success.btn-lg Try auth0 for free"
  },
  {
    "path": "packages/components/src/jumbotron/index.styl",
    "content": "//== Jumbotron\n\n$jumbotron-padding ?=            30px\n$jumbotron-color ?=              inherit\n$jumbotron-bg ?=                 $gray-lighter\n$jumbotron-heading-color ?=      inherit\n$jumbotron-font-size ?=          ceil($font-size-base * 1.5)\n$jumbotron-heading-font-size ?=  ceil($font-size-base * 4.5)\n\n.jumbotron\n  padding: $padding-base-vertical*2 $padding-base-horizontal*2\n  margin-bottom: padding-vertical-small\n  color: $color-text-contrast\n  background-color: $bg-color-dark\n  text-align: center\n\n  &.has-header\n    +breakpoint(\"desktop\")\n      padding-top: 150px;\n\n  +breakpoint(\"desktop\")\n    margin-bottom: $padding-large-vertical\n\n  h1,\n  .h1\n    color: $color-text-contrast\n    margin: 15px 0\n\n  h2,\n  .h2\n    background-color: $color-text-contrast\n    border-radius: 50%\n    display: block\n    margin: 0 auto\n    overflow: hidden\n    width: 100px\n    height: 100px\n    position: relative\n\n    img, svg\n      position: absolute\n      display: block\n      top: 50%\n      left: 50%\n      transform: translate(-50%, -50%)\n\n  > p\n    color: $color-text-contrast-light\n    margin 0 auto\n    margin-bottom: (padding-vertical / 1.5)\n    font-weight: $font-weight-normal\n    max-width 600px\n    font-size 16px\n    padding: 0 20px\n\n    &:last-child\n      margin-bottom: 0;\n\n  +breakpoint(\"tablet\")\n    padding: ceil($padding-large-vertical * 4) $padding-large-horizontal\n\n    h1,\n    .h1\n      font-size: ($font-size-base * 2.5)\n"
  },
  {
    "path": "packages/components/src/labels/demo.pug",
    "content": ".label.label-default Default\n.label.label-primary Primary\n.label.label-success Success\n.label.label-info Info\n.label.label-warning Warning\n.label.label-danger Danger"
  },
  {
    "path": "packages/components/src/labels/index.styl",
    "content": "//\n// Labels\n// --------------------------------------------------\n//** Default label background color\n$label-default-bg ?=          $gray-light\n//** Primary label background color\n$label-primary-bg ?=          $brand-primary\n//** Success label background color\n$label-success-bg ?=          $brand-success\n//** Info label background color\n$label-info-bg ?=             $brand-info\n//** Warning label background color\n$label-warning-bg ?=          $brand-warning\n//** Danger label background color\n$label-danger-bg ?=           $brand-danger\n\n//** Default label text color\n$label-color ?=               #fff\n//** Default text color of a linked label\n$label-link-hover-color ?=    #fff\n\n\n.label\n  display inline\n  padding .3em 1.2em\n  font-size 75%\n  line-height 1\n  color $label-color\n  text-align center\n  white-space nowrap\n  vertical-align baseline\n  border 1px solid\n  border-radius .25em\n  font-weight 500\n  text-transform uppercase\n  letter-spacing 1px\n\n  // Add hover effects, but only for links\n  a&\n    &:hover,\n    &:focus\n      color $label-link-hover-color\n      text-decoration none\n      cursor pointer\n\n  // Empty labels collapse automatically (not available in IE8)\n  &:empty\n    display none\n\n  // Quick fix for labels in buttons\n  .btn &\n    position relative\n    top -1px\n\n// Colors\n// Contextual variations (linked labels get darker on :hover)\n\n.label-default\n  label-variant($label-default-bg)\n\n.label-primary\n  label-variant($label-primary-bg)\n\n.label-success\n  label-variant($label-success-bg)\n\n.label-info\n  label-variant($label-info-bg)\n\n.label-warning\n  label-variant($label-warning-bg)\n\n.label-danger\n  label-variant($label-danger-bg)\n"
  },
  {
    "path": "packages/components/src/list-group/index.styl",
    "content": "//\n// List groups\n// --------------------------------------------------\n\n//** Background color on `.list-group-item`\n$list-group-bg ?=               #fff\n//** `.list-group-item` border color\n$list-group-border ?=           #ddd\n//** List group border radius\n$list-group-border-radius ?=    $border-radius-base\n\n//** Background color of single list items on hover\n$list-group-hover-bg ?=         #f5f5f5\n//** Text color of active list items\n$list-group-active-color ?=     $component-active-color\n//** Background color of active list items\n$list-group-active-bg ?=        $component-active-bg\n//** Border color of active list elements\n$list-group-active-border ?=    $list-group-active-bg\n//** Text color for content within active list items\n$list-group-active-text-color ?= lighten($list-group-active-bg, 40)\n\n//** Text color of disabled list items\n$list-group-disabled-color ?=      $gray-light\n//** Background color of disabled list items\n$list-group-disabled-bg ?=         $gray-lighter\n//** Text color for content within disabled list items\n$list-group-disabled-text-color ?= $list-group-disabled-color\n\n$list-group-link-color ?=       #555\n$list-group-link-hover-color ?= $list-group-link-color\n$list-group-link-heading-color ?= #333\n\n\n// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group\n  // No need to set list-style none since .list-group-item is block level\n  margin-bottom 20px\n  padding-left 0 // reset padding because ul and ol\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item\n  position relative\n  display block\n  padding 10px 15px\n  // Place the border on the list items and negative margin up for better styling\n  margin-bottom -1px\n  background-color $list-group-bg\n  border 1px solid $list-group-border\n\n  // Round the first and last items\n  &:first-child\n    border-top-radius($list-group-border-radius)\n\n  &:last-child\n    margin-bottom 0\n    border-bottom-radius($list-group-border-radius)\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.list-group-item,\nbutton.list-group-item\n  color $list-group-link-color\n\n  .list-group-item-heading\n    color $list-group-link-heading-color\n\n  // Hover state\n  &:hover,\n  &:focus\n    text-decoration none\n    color $list-group-link-hover-color\n    background-color $list-group-hover-bg\n\nbutton.list-group-item\n  width 100%\n  text-align left\n\n.list-group-item\n  // Disabled state\n  &.disabled,\n  &.disabled:hover,\n  &.disabled:focus\n    background-color $list-group-disabled-bg\n    color $list-group-disabled-color\n    cursor $cursor-disabled\n\n    // Force color to inherit for custom content\n    .list-group-item-heading\n      color inherit\n\n    .list-group-item-text\n      color $list-group-disabled-text-color\n\n  // Active class on item itself, not parent\n  &.active,\n  &.active:hover,\n  &.active:focus\n    z-index 2 // Place active items above their siblings for proper border styling\n    color $list-group-active-color\n    background-color $list-group-active-bg\n    border-color $list-group-active-border\n\n    // Force color to inherit for custom content\n    .list-group-item-heading,\n    .list-group-item-heading > small,\n    .list-group-item-heading > .small\n      color inherit\n\n    .list-group-item-text\n      color $list-group-active-text-color\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\nlist-group-item-variant(success, $state-success-bg, $state-success-text)\nlist-group-item-variant(info, $state-info-bg, $state-info-text)\nlist-group-item-variant(warning, $state-warning-bg, $state-warning-text)\nlist-group-item-variant(danger, $state-danger-bg, $state-danger-text)\n\n\n// Custom content options\n//\n// Extra classes for creating well-formatted content within `.list-group-item`s.\n\n.list-group-item-heading\n  margin-top 0\n  margin-bottom 5px\n.list-group-item-text\n  margin-bottom 0\n  line-height 1.3\n"
  },
  {
    "path": "packages/components/src/logos/demo.pug",
    "content": ".row\n  .col-sm-6\n    .logo-branding\n      h5 Blue Version\n      img(src=\"/lib/logos/img/logo-blue.png\")\n      a(href=\"https://cloudup.com/cmshMvKt2bD\", target=\"_blank\") Download\n\n  .col-sm-6\n    .logo-branding.logo-dark\n      h5 Grey Version\n      img(src=\"/lib/logos/img/logo-grey.png\")\n      a(href=\"https://cloudup.com/cfievfeiyjb\", target=\"_blank\") Download\n\n.row\n  .col-sm-6\n    .logo-branding\n      h5 Red Version\n      img(src=\"/lib/logos/img/badge.png\")\n      a(href=\"https://cloudup.com/cHfNwqCZae0\", target=\"_blank\") Download\n"
  },
  {
    "path": "packages/components/src/logos/img/badge.ai",
    "content": "%PDF-1.5\r%\r\n1 0 obj\r<</Metadata 2 0 R/OCProperties<</D<</ON[5 0 R]/Order 6 0 R/RBGroups[]>>/OCGs[5 0 R]>>/Pages 3 0 R/Type/Catalog>>\rendobj\r2 0 obj\r<</Length 12443/Subtype/XML/Type/Metadata>>stream\r\n<?xpacket begin=\"\" id=\"W5M0MpCehiHzreSzNTczkc9d\"?>\n<x:xmpmeta xmlns:x=\"adobe:ns:meta/\" x:xmptk=\"Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27        \">\n   <rdf:RDF xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\">\n      <rdf:Description rdf:about=\"\"\n            xmlns:dc=\"http://purl.org/dc/elements/1.1/\">\n         <dc:format>application/pdf</dc:format>\n         <dc:title>\n            <rdf:Alt>\n               <rdf:li xml:lang=\"x-default\">badge</rdf:li>\n            </rdf:Alt>\n         </dc:title>\n      </rdf:Description>\n      <rdf:Description rdf:about=\"\"\n            xmlns:xmp=\"http://ns.adobe.com/xap/1.0/\"\n            xmlns:xmpGImg=\"http://ns.adobe.com/xap/1.0/g/img/\">\n         <xmp:MetadataDate>2014-03-31T22:08:30-03:00</xmp:MetadataDate>\n         <xmp:ModifyDate>2014-03-31T22:08:30-03:00</xmp:ModifyDate>\n         <xmp:CreateDate>2014-03-31T22:08:30-03:00</xmp:CreateDate>\n         <xmp:CreatorTool>Adobe Illustrator CS6 (Macintosh)</xmp:CreatorTool>\n         <xmp:Thumbnails>\n            <rdf:Alt>\n               <rdf:li rdf:parseType=\"Resource\">\n                  <xmpGImg:width>256</xmpGImg:width>\n                  <xmpGImg:height>200</xmpGImg:height>\n                  <xmpGImg:format>JPEG</xmpGImg:format>\n                  <xmpGImg:image>/9j/4AAQSkZJRgABAgEASABIAAD/7QAsUGhvdG9zaG9wIDMuMAA4QklNA+0AAAAAABAASAAAAAEA&#xA;AQBIAAAAAQAB/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoK&#xA;DBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8f&#xA;Hx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAyAEAAwER&#xA;AAIRAQMRAf/EAaIAAAAHAQEBAQEAAAAAAAAAAAQFAwIGAQAHCAkKCwEAAgIDAQEBAQEAAAAAAAAA&#xA;AQACAwQFBgcICQoLEAACAQMDAgQCBgcDBAIGAnMBAgMRBAAFIRIxQVEGE2EicYEUMpGhBxWxQiPB&#xA;UtHhMxZi8CRygvElQzRTkqKyY3PCNUQnk6OzNhdUZHTD0uIIJoMJChgZhJRFRqS0VtNVKBry4/PE&#xA;1OT0ZXWFlaW1xdXl9WZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo+Ck5SVlpeYmZ&#xA;qbnJ2en5KjpKWmp6ipqqusra6voRAAICAQIDBQUEBQYECAMDbQEAAhEDBCESMUEFURNhIgZxgZEy&#xA;obHwFMHR4SNCFVJicvEzJDRDghaSUyWiY7LCB3PSNeJEgxdUkwgJChgZJjZFGidkdFU38qOzwygp&#xA;0+PzhJSktMTU5PRldYWVpbXF1eX1RlZmdoaWprbG1ub2R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo&#xA;+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A9U4q7FXYq7FXYq7FXYq7&#xA;FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7F&#xA;XYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FX&#xA;Yq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXY&#xA;q7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq&#xA;7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7&#xA;FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7F&#xA;XYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FX&#xA;Yq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXY&#xA;q7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq0zKilmIVR1JNBiSkC1P63af7+j/wCC&#xA;H9cjxDvZeHLuLvrdp/v6P/gh/XHiHevhy7i763af7+j/AOCH9ceId6+HLuLvrdp/v6P/AIIf1x4h&#xA;3r4cu4qisrqGUhlPQg1GSBYkU3ih2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2Ku&#xA;xV2KuxV2KuxV2KvOvzr1j6voNtpiNSS+l5yD/iqHff8A2ZX7s1Pa+WoCP84/c9J7NafizHIeUR9p&#xA;/ZbxXOce3TvyZo36Y8z6fYsvKJ5Q847elH8b/eFpmTpMXiZBFwe0tT4OCU+tbe87B3nPRv0P5n1C&#xA;xVeMSSl4B29KT40+4NTHV4vDyGK9m6nxsEZ9a3942KSZjOc9q/JTWPrGg3OmO1ZLGXnGP+Kpt9v9&#xA;mG+/Oj7Iy3Ax/mn73iPaXT8OYZBykPtH7Kei5tnm3Yq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FX&#xA;Yq7FXYq7FXYq7FXYq7FXYq7FXYq8B/NbWP0j5wuI1asNgq2sfhyX4pP+HYj6M5btPLx5iOkdn0Hs&#xA;HT+Hpges9/1fYw7Ne7p6n+R+jcri/wBZddowLWA/5TUeT7gF+/N32Pi3M/g8p7T6mhHEOvqP3D9L&#xA;vzw0bjcafrCLtIptZz/lLV4/vBb7se2MW4n8F9mNRYliPT1D7j+h5ZmkerZj+VOsfo7zhbxs1Ib9&#xA;WtZPDk3xR/8ADqB9ObDszLwZgOktnS9vafxNMT1hv+v7Hv2dS+fOxV2KuxV2KuxV2KuxV2KuxV2K&#xA;uxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KrJ5Vhhklb7MalzU02UV64CaFsoxsgd7wHyt55hsLy&#xA;Qazp8GpWdxI0krvFG0yM7FmZWYVYVP2WPypnLabWCJ9YEgfLd9B13ZZyRHhSlCQHeaP473suk2nk&#xA;3VrJL3TrOyuLd+jLBHUH+VgVqpHgc6HFHDkHFERI9zxeoyanDLhnKYPvKb2tnaWkfpWsEdvFXlwi&#xA;VUWp70UAZfGAiKApw55JTNyJJ83XVnaXcfpXUEdxFXlwlVXWo70YEYygJCiLWGSUDcSQfJKNWtPJ&#xA;uk2T3uoWdlb26dWaCOpP8qgLVifAZRljhhHikIge5zMGTU5pcMJTJ95eNeafPMN/eING0+DTbO3k&#xA;WSJ0ijWd2RuSszqKqKj7Kn5k5z2p1gkfQBEDy3e00PZZxxPiylORHeaD36CVZoY5V+zIocUNdmFe&#xA;udSDYt8+lGiR3L8LF2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KrJ&#xA;4lmhkib7MilDUV2YU6YCLFMoyog9z5XuIJLe4lglHGWF2jceDKaH8c4mUSDRfV4SEgCORZL+W93r&#xA;MXmyxt9NnaIXMqi6jG6PClWk5KdjRAaHtmX2fKYygRPPn7nWds48R08pTF8I29/T7X0NnWPnLsVf&#xA;PP5k3msy+bL631KdpRbSFbVDsiQvRk4qNt0Iqe+cp2hKZykSPLl7n0bsbHiGnjKAriG/v6/axq3g&#xA;luJ44IhyllZUjXxZjQD78w4gk0HZzkIgk8g+qIIlhhjiX7MahBQU2UU6Z2wFCnyiUrJPevwsXYq7&#xA;FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXh/5ueVZdO1ptXgQmx1E&#xA;8pGA2Sf9oH/X+0Ppzm+1NMYT4x9Mvve69n9eMmLwz9cPu/ZyR35KaZELvUdbuCqQ2kYhSR6BQX+J&#xA;2qdhxVR9+WdkYxcpno0e0uc8MMUecjf6vx5Ivzt+b395p/lxvFZdSI+/0Qf+JH6PHLNZ2p/Dj+f6&#xA;mnsz2f5Tz/6X9f6vm7yT+b393p/mNvBYtSA+71gP+JD6fHHR9qfw5Pn+te0/Z/nPB/pf1fq+SE/O&#xA;rS4jdadrluVeG7jMLyIQVJT4o2qOvJWP3ZX2vjFxmOrd7NZzwzxS5xN/r/Hmgfyj8qy6jra6vOhF&#xA;jpzckYjZ56fCo/1K8j9GV9l6Yznxn6Y/e3+0GvGPF4Y+uf3ft5PcM6R4V2KuxV2KuxV2KuxV2Kux&#xA;V2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KobUtNsdTsZbG+iE1tMOMkbfgQexHY5DJj&#xA;jOPDLcFtw5p4picDUg8f88eTfMmhaUbTTpHuPLSu08iRikgdiPiuAPthQAA3TboM0Gs0mTFGo74/&#xA;xzey7M7RwZ8nFMVnqvL/ADe773nOah6R2KvRvJHk3zJruki01GV7fy0zrNEkgrIXWvxW4b7IYMQW&#xA;6b9Dm30ekyZYVLbH+OTzfafaODBk4oC89V5f53f972DTdNsdMsYrGxiENtCOMca/iSe5Pc5v8eOM&#xA;I8MdgHjc2aeWZnM3IonJtTsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdi&#xA;rsVdirsVdiriARQ7g9Rirzbzt+Ulrfepf6Aq214fikstlhk/1P5G9vs/LNPrOzBL1Y9j3dHpuzO3&#xA;5QqGb1R/ndR7+/73eSfyktbH07/X1W5vB8Udls0Mf+v/ADt7fZ+eOj7MEfVk3Pd0XtPt+U7hh9Mf&#xA;53U+7u+96SAAKDYDoM3DzLsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdi&#xA;rsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdir&#xA;sVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirs&#xA;VdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsV&#xA;dirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVd&#xA;irsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdi&#xA;rsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdir&#xA;sVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirs&#xA;VdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsV&#xA;dirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVd&#xA;irsVdirsVdirsVdir//Z</xmpGImg:image>\n               </rdf:li>\n            </rdf:Alt>\n         </xmp:Thumbnails>\n      </rdf:Description>\n      <rdf:Description rdf:about=\"\"\n            xmlns:xmpMM=\"http://ns.adobe.com/xap/1.0/mm/\"\n            xmlns:stRef=\"http://ns.adobe.com/xap/1.0/sType/ResourceRef#\"\n            xmlns:stEvt=\"http://ns.adobe.com/xap/1.0/sType/ResourceEvent#\">\n         <xmpMM:InstanceID>uuid:e248d104-570a-bc4a-9a41-aee2023229fd</xmpMM:InstanceID>\n         <xmpMM:DocumentID>xmp.did:F97F11740720681183D1DD8A1147F145</xmpMM:DocumentID>\n         <xmpMM:OriginalDocumentID>uuid:5D20892493BFDB11914A8590D31508C8</xmpMM:OriginalDocumentID>\n         <xmpMM:RenditionClass>proof:pdf</xmpMM:RenditionClass>\n         <xmpMM:DerivedFrom rdf:parseType=\"Resource\">\n            <stRef:instanceID>xmp.iid:F87F11740720681183D1DD8A1147F145</stRef:instanceID>\n            <stRef:documentID>xmp.did:F87F11740720681183D1DD8A1147F145</stRef:documentID>\n            <stRef:originalDocumentID>uuid:5D20892493BFDB11914A8590D31508C8</stRef:originalDocumentID>\n            <stRef:renditionClass>proof:pdf</stRef:renditionClass>\n         </xmpMM:DerivedFrom>\n         <xmpMM:History>\n            <rdf:Seq>\n               <rdf:li rdf:parseType=\"Resource\">\n                  <stEvt:action>saved</stEvt:action>\n                  <stEvt:instanceID>xmp.iid:0980117407206811822AA342D4C9351A</stEvt:instanceID>\n                  <stEvt:when>2014-03-21T19:59:18-05:00</stEvt:when>\n                  <stEvt:softwareAgent>Adobe Illustrator CS6 (Macintosh)</stEvt:softwareAgent>\n                  <stEvt:changed>/</stEvt:changed>\n               </rdf:li>\n               <rdf:li rdf:parseType=\"Resource\">\n                  <stEvt:action>saved</stEvt:action>\n                  <stEvt:instanceID>xmp.iid:F97F11740720681183D1DD8A1147F145</stEvt:instanceID>\n                  <stEvt:when>2014-03-31T22:08:29-03:00</stEvt:when>\n                  <stEvt:softwareAgent>Adobe Illustrator CS6 (Macintosh)</stEvt:softwareAgent>\n                  <stEvt:changed>/</stEvt:changed>\n               </rdf:li>\n            </rdf:Seq>\n         </xmpMM:History>\n      </rdf:Description>\n      <rdf:Description rdf:about=\"\"\n            xmlns:illustrator=\"http://ns.adobe.com/illustrator/1.0/\">\n         <illustrator:Type>Document</illustrator:Type>\n         <illustrator:StartupProfile>Print</illustrator:StartupProfile>\n      </rdf:Description>\n      <rdf:Description rdf:about=\"\"\n            xmlns:xmpTPg=\"http://ns.adobe.com/xap/1.0/t/pg/\"\n            xmlns:stDim=\"http://ns.adobe.com/xap/1.0/sType/Dimensions#\"\n            xmlns:xmpG=\"http://ns.adobe.com/xap/1.0/g/\">\n         <xmpTPg:HasVisibleOverprint>False</xmpTPg:HasVisibleOverprint>\n         <xmpTPg:HasVisibleTransparency>False</xmpTPg:HasVisibleTransparency>\n         <xmpTPg:NPages>1</xmpTPg:NPages>\n         <xmpTPg:MaxPageSize rdf:parseType=\"Resource\">\n            <stDim:w>792.000000</stDim:w>\n            <stDim:h>612.000000</stDim:h>\n            <stDim:unit>Points</stDim:unit>\n         </xmpTPg:MaxPageSize>\n         <xmpTPg:PlateNames>\n            <rdf:Seq>\n               <rdf:li>Cyan</rdf:li>\n               <rdf:li>Magenta</rdf:li>\n               <rdf:li>Yellow</rdf:li>\n               <rdf:li>Black</rdf:li>\n            </rdf:Seq>\n         </xmpTPg:PlateNames>\n         <xmpTPg:SwatchGroups>\n            <rdf:Seq>\n               <rdf:li rdf:parseType=\"Resource\">\n                  <xmpG:groupName>Default Swatch Group</xmpG:groupName>\n                  <xmpG:groupType>0</xmpG:groupType>\n               </rdf:li>\n            </rdf:Seq>\n         </xmpTPg:SwatchGroups>\n      </rdf:Description>\n      <rdf:Description rdf:about=\"\"\n            xmlns:pdf=\"http://ns.adobe.com/pdf/1.3/\">\n         <pdf:Producer>Adobe PDF library 10.01</pdf:Producer>\n      </rdf:Description>\n   </rdf:RDF>\n</x:xmpmeta>\n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                                                                                                    \n                           \n<?xpacket end=\"w\"?>\rendstream\rendobj\r3 0 obj\r<</Count 1/Kids[7 0 R]/Type/Pages>>\rendobj\r7 0 obj\r<</ArtBox[0.0 0.0 792.0 612.0]/BleedBox[0.0 0.0 792.0 612.0]/Contents 8 0 R/LastModified(D:20140331220830-03'00')/MediaBox[0.0 0.0 792.0 612.0]/Parent 3 0 R/PieceInfo<</Illustrator 9 0 R>>/Resources<</ColorSpace<</CS0 10 0 R>>/ExtGState<</GS0 11 0 R>>/Properties<</MC0 5 0 R>>>>/Thumb 12 0 R/TrimBox[0.0 0.0 792.0 612.0]/Type/Page>>\rendobj\r8 0 obj\r<</Filter/FlateDecode/Length 303>>stream\r\nHtn0\b<\u0005/\u0010jlک\u001d\u0000\u001cJ]_\u001aqV\u000b\n\u001fLJˈqD8A„\t\u0016\u0016y7<n|M81Q\u0013\"rf\u0014(ᄌK7J\"\u0019URa掝aHR\u001b\u0006\u000eX8(S\u0015Fb\u0015b(\u001ac\u001d'y^\u0005hϙ\n%\u0010ˎː^L\u0010.yeИ<-wyY\\~\u0013fA\"\u0005\u0019Z4\u0007$,i\u001b\u0013:u\u0019\u000b'\u000bո{w\u0012m\tۈ{\t\u0012\u000b\"\\߇MjxPZOԳGCɤ\\~\t>\u0000O\u000e+\u0000ug\rendstream\rendobj\r12 0 obj\r<</BitsPerComponent 8/ColorSpace 13 0 R/Filter[/ASCII85Decode/FlateDecode]/Height 76/Length 201/Width 99>>stream\r\n8;Z\\ub7T7I$q0u25jLuVBh'Iu#bIR.1*5:n&A>S))i6WV!!!#703Bc2$4/Lm]:i%<\n>R30&s6;?:S.uZ<\"u7!=$8+uH>J$o4\\chG#MA]KtE05<.;CNqmOXQ,Yi:U?r*#ED?\n;gZpj(Z+!6ce>i)<sluQXtZ\\ZGj6(XL#bUsn=36'%j@\\3G?I:K!<<*\"!8oZf!5Q:''E~>\rendstream\rendobj\r13 0 obj\r[/Indexed/DeviceRGB 255 14 0 R]\rendobj\r14 0 obj\r<</Filter[/ASCII85Decode/FlateDecode]/Length 428>>stream\r\n8;X]O>EqN@%''O_@%e@?J;%+8(9e>X=MR6S?i^YgA3=].HDXF.R$lIL@\"pJ+EP(%0\nb]6ajmNZn*!='OQZeQ^Y*,=]?C.B+\\Ulg9dhD*\"iC[;*=3`oP1[!S^)?1)IZ4dup`\nE1r!/,*0[*9.aFIR2&b-C#s<Xl5FH@[<=!#6V)uDBXnIr.F>oRZ7Dl%MLY\\.?d>Mn\n6%Q2oYfNRF$$+ON<+]RUJmC0I<jlL.oXisZ;SYU[/7#<&37rclQKqeJe#,UF7Rgb1\nVNWFKf>nDZ4OTs0S!saG>GGKUlQ*Q?45:CI&4J'_2j<etJICj7e7nPMb=O6S7UOH<\nPO7r\\I.Hu&e0d&E<.')fERr/l+*W,)q^D*ai5<uuLX.7g/>$XKrcYp0n+Xl_nU*O(\nl[$6Nn+Z_Nq0]s7hs]`XX1nZ8&94a\\~>\rendstream\rendobj\r5 0 obj\r<</Intent 15 0 R/Name(Layer 1)/Type/OCG/Usage 16 0 R>>\rendobj\r15 0 obj\r[/View/Design]\rendobj\r16 0 obj\r<</CreatorInfo<</Creator(Adobe Illustrator 16.0)/Subtype/Artwork>>>>\rendobj\r11 0 obj\r<</AIS false/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>\rendobj\r10 0 obj\r[/ICCBased 17 0 R]\rendobj\r17 0 obj\r<</Filter/FlateDecode/Length 2574/N 3>>stream\r\nHyTSw\u0016oɞc\r[\u00065la\u001d\u0004Q\bI\b\u0001\u0012BH\u0005AD\u0005\u0014ED2mtFOE.c\u000e}\u000308\u0016׎\u00178GNg\u001f9w߽\u0000'0\u000b\u0000֠J\u0016\u0015\u0014b\t\u0000\u0003\n \u0002\u0011\u00002y.-;!\u0007KZ\t^\u0007i\"L0-\r\u0000@\u00198\u0007(r;q7L\u0019y&Q\u0013\u0004q4j|9\nV)gB0iW\u00198#8wթ8_٥ʨQ\u0014Qj\u0001@&A)/\u000fg>'K\u0002\u0000t;\\\u000e\u001b\r\u0006ӥ$պFZUn\u001e(4T%)뫔\u00060C&\u0015Zi\u001b\u00018bxEB\u001f;Pӓ̹A\u000bom?W=\nx\u0016-\u0000\u0004[\u00000\u001d}y)7\u0018ta>jT7\u000e@tܛ`q2ʀ&6ZLĄ?\u001d_\u001dyxg)˔z\u0016çLU*\u0006u\u0016SkS\u0013eO4?׸c\u0001\u0007.\u0000\u000b\u0000\u0000R\r߁-\u000725\tS>ӣVd`rn~Y\u0002\u0002\u0002&\u0001+`\u000f;\u0010\u0002\u0010\u0002A4\u0007 \u001d\u0002\u0014A9\u0000=\u0007-\u001dt\u001e\u001el\u0002`;\u0018\u0003~p\u0010\tGp\u001e|\t[`\u0012L`\u0006<\u0005 \b\"A\f\u000bYA\u000e+\u0005Cb(\u0012R,\u0000*T\u00162B-\n\u0007ꇆ\u001dnQ\u0004t\u000e\u0004}\u0005MA\u000f0\u0002a\u001el\u0007\u0018S\u001cx\tk&\u0013^\u0007\u000f>0|\u0002>\u000f_',\u0002\u0010\u001aG\u001c\u0011!\"F$H:R!z\u0015F\u0006Qd?r\f9\\A&G\u000brQ\f\u0015h\u0012\u001a\u0015E]a4z\u0005Bg\u0004\u0006E\b#H\t\b*B=0HIpp0MxJ$\u0012D\u00011D, V\u0010ĭ\u0003KĻY\u0012dE\"EI2EBGt4MzN\u001d\u0004r!YK \u000f?%_&#(0J:EAiQ((\u0017)ӔWT6U@P+!~\u0019m\u0013\u001aD\u000beԴ!hӦh/\u001c']B/\u001b\u001fҏӿ?a0\u0018nhF!X8܌kc&5S\u001d6lIa2cKMA!E#\u0016ƒdV\b(\u0006kel\r}}Cq9\nN'\u0003)].uJr\n\u0018\fwG\txR^\u0005[\u0004oƜc\u001ehg`>b$\u001f*~\u001f :Eb~\u0016,m,-ݖ\u0007,Y¬*6X[ݱF=3뭷Y~dó\tt\u001ci\u000bzf6~`{v.Ng#{}}\u000f\u001c\u000e\u000ej\u0001\u001cc1X\u00156f\u001cm\u001d\u001c;\u001c'\u001c_9\tr:\u000e8q:˜\u0007O:ϸ8uJq\u0015nv=MmR \u00154\t\nn3ܣkGݯz\u0010=\u001e\u001e[==<=G</z^^j^\tޡZQ\u001bB0FX'+t<u-{__ߘ-\u0011G,\u0010\u001d\u0013}/\u001f\u001a\bH\bh\u000b8\u0012mW2p[AiAN\u0006#8$X\u001f?AKHI{!7<qWy(!46-\u0017aaa\u000f\u0017W\t@@`l\b\bYĎH,$((Yh7ъb<b*b<~\u0014L\u0012&Y&9\u001e%uMssNpJP%MI\fJlN<DHJIڐtCj'KwKgC%Nd\f|ꙪO=\u0006%mLuvx:HoL!ȨC&13#s$/Y=Osbsrn\u001asO1v=ˏϟ\\h٢\u0005\u0005#¼\u0017oZ<]\u0014TUt}`IÒsKV-Y,+>TB(/S,]6*-W:#7\u001f*\u0015\u0003\u0007\be^YDY}UjAyT`#D=\"b{ų\u000f+ʯ:!kJ4G\u001cmt}uC%K7Y\u0013VfFY\u000b.=b?S\u0017ƕƩȺy\u001a\rچ\u000bk\u001a5%4\u0019m7lqlioZ\u0016lG+Zz͹mzy]?uuw|\"űNwW&e֥ﺱ*|j5\u0001kyݭǯg^y\u0017kEklD_p߶7Dmo꿻1m\u0001l{Mś\r\u0006\u000enLl<9O\u0000\u0001[$h՛B\u001cdҞ@\u001diءG&\u0006vVǥ8\u001anRĩ7\u001c\u0002u\\ЭD-\u0016\u0000u`ֲK³8%\u0013\u0001yhYѹJº;.!\u0015\nzpg_XQKFAǿ=ȼ:ɹ8ʷ6˶5̵5͵6ζ7ϸ9к<Ѿ?DINU\\dlvۀ\u0005܊\u0010ݖ\u001cޢ)߯6DScs\r\u001f2F[p\u0011(@Xr\u00194Pm\u00198Ww\u0007)Km\u0002\f\u0000\rendstream\rendobj\r9 0 obj\r<</LastModified(D:20140331220830-03'00')/Private 18 0 R>>\rendobj\r18 0 obj\r<</AIMetaData 19 0 R/AIPrivateData1 20 0 R/AIPrivateData2 21 0 R/ContainerVersion 11/CreatorVersion 16/NumBlock 2/RoundtripStreamType 1/RoundtripVersion 16>>\rendobj\r19 0 obj\r<</Length 948>>stream\r\n%!PS-Adobe-3.0 \r%%Creator: Adobe Illustrator(R) 16.0\r%%AI8_CreatorVersion: 16.0.4\r%%For: (ricardorauch) ()\r%%Title: (auth0_logo_final_grey__vertical_RGB.ai)\r%%CreationDate: 3/31/14 10:08 PM\r%%Canvassize: 16383\r%%BoundingBox: 0 0 792 612\r%%HiResBoundingBox: 0 0 792 612\r%%DocumentProcessColors: Cyan Magenta Yellow Black\r%AI5_FileFormat 12.0\r%AI12_BuildNumber: 691\r%AI3_ColorUsage: Color\r%AI7_ImageSettings: 0\r%%RGBProcessColor: 0 0 0 ([Registration])\r%AI3_Cropmarks: 0 0 792 612\r%AI3_TemplateBox: 395.5 306.5 395.5 306.5\r%AI3_TileBox: -7 26.5 776 585.5\r%AI3_DocumentPreview: None\r%AI5_ArtSize: 14400 14400\r%AI5_RulerUnits: 2\r%AI9_ColorModel: 1\r%AI5_ArtFlags: 0 0 0 1 0 0 1 0 0\r%AI5_TargetResolution: 800\r%AI5_NumLayers: 1\r%AI9_OpenToView: -501 831 1 1799 1060 18 0 0 78 133 0 0 0 1 1 0 1 1 0 1\r%AI5_OpenViewLayers: 7\r%%PageOrigin:90 -90\r%AI7_GridSettings: 72 8 72 8 1 0 0.8 0.8 0.8 0.9 0.9 0.9\r%AI9_Flatten: 1\r%AI12_CMSettings: 00.MS\r%%EndComments\r\rendstream\rendobj\r20 0 obj\r<</Length 3123>>stream\r\n%%BoundingBox: 0 0 792 612\r%%HiResBoundingBox: 0 0 792 612\r%AI7_Thumbnail: 128 100 8\r%%BeginData: 3000 Hex Bytes\r%0000330000660000990000CC0033000033330033660033990033CC0033FF\r%0066000066330066660066990066CC0066FF009900009933009966009999\r%0099CC0099FF00CC0000CC3300CC6600CC9900CCCC00CCFF00FF3300FF66\r%00FF9900FFCC3300003300333300663300993300CC3300FF333300333333\r%3333663333993333CC3333FF3366003366333366663366993366CC3366FF\r%3399003399333399663399993399CC3399FF33CC0033CC3333CC6633CC99\r%33CCCC33CCFF33FF0033FF3333FF6633FF9933FFCC33FFFF660000660033\r%6600666600996600CC6600FF6633006633336633666633996633CC6633FF\r%6666006666336666666666996666CC6666FF669900669933669966669999\r%6699CC6699FF66CC0066CC3366CC6666CC9966CCCC66CCFF66FF0066FF33\r%66FF6666FF9966FFCC66FFFF9900009900339900669900999900CC9900FF\r%9933009933339933669933999933CC9933FF996600996633996666996699\r%9966CC9966FF9999009999339999669999999999CC9999FF99CC0099CC33\r%99CC6699CC9999CCCC99CCFF99FF0099FF3399FF6699FF9999FFCC99FFFF\r%CC0000CC0033CC0066CC0099CC00CCCC00FFCC3300CC3333CC3366CC3399\r%CC33CCCC33FFCC6600CC6633CC6666CC6699CC66CCCC66FFCC9900CC9933\r%CC9966CC9999CC99CCCC99FFCCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF\r%CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFFFF0033FF0066FF0099FF00CC\r%FF3300FF3333FF3366FF3399FF33CCFF33FFFF6600FF6633FF6666FF6699\r%FF66CCFF66FFFF9900FF9933FF9966FF9999FF99CCFF99FFFFCC00FFCC33\r%FFCC66FFCC99FFCCCCFFCCFFFFFF33FFFF66FFFF99FFFFCC110000001100\r%000011111111220000002200000022222222440000004400000044444444\r%550000005500000055555555770000007700000077777777880000008800\r%000088888888AA000000AA000000AAAAAAAABB000000BB000000BBBBBBBB\r%DD000000DD000000DDDDDDDDEE000000EE000000EEEEEEEE0000000000FF\r%00FF0000FFFFFF0000FF00FFFFFF00FFFFFF\r%524C45FDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFF\r%FDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFCACAA8\r%CFCACAA8CFCACAA8CFCACAA8CFCAFD6EFFBBBB99BBBBBB99BBBBBC93BBBB\r%BB99BBBBBBCAFD6CFFA1BB92BB92BB92BB92C9C3B492BB92BB92BB92C9FD\r%6CFFC292BBBBBB92BBBBBBCAFFB4BB92BBBBBB92BBC2FD6CFF92BB92BB92\r%BB92BB99FFFFBB92BB92BB92BB92BBCAFD6AFFC9BB93BBBBBB93BBB4C3FF\r%FFC2BB93BBBBBB93BBB4CAFD6AFFC292BB92BB92BB92BBC9FFFFCA92BB92\r%BB92BB92BB9AFD6AFF93BBBBBB92BBBBBB99FD04FFBCB4BB92BBBBBB92BB\r%FD69FFC3B492BB92B492BB92C2FD04FF9AB492B492BB92B492CAFD68FFC3\r%C2CAC9CAC9CAC9CACAFD05FFC9CAC9CAC9CACAC3C2FD68FF99BBA7FD12FF\r%CA99BBFD67FFCABBB4BBC2FD10FFC3B4BB93FD67FFCA92BB92B499CAFD0C\r%FFCABB92BB92BBA7FD66FFCABBBBBB93BBBBC9FD0AFFC3BB92BBBBBB92CF\r%FD66FFCF92BB92BB92BB92C3FD08FFA1B492BB92BB92BBCAFD67FFBB92BB\r%BBBB92BBC9FD08FFCA92BBBBBB92BBBBFD68FF9AB492BB92BB92FD09FFCA\r%BB92BB92BB92C2FD68FFCA92BBBBBB92C3FD04FFCAFD05FFC2BBBBBB93BB\r%C9FD69FFBB92BB92B4A1FFFFFFA1BB92C9FFFFFFC992BB92BB99FD6AFFC9\r%BB92BBBBFFFFFFC2BB92BB92C3FFFFFFBB92BB92CAFD6BFFA0B492C2FFCA\r%99B492BB92BB92BBA8FF9AB492C2FD6DFFBCBBC9CA92BBBBBB93BBBBBB92\r%BBC9CA92C2FD6FFFA0BB92BB92BB92BB92BB92BB92BB99C2FD71FFC3BBB4\r%BB92BBBBBB92BBBBBB92C9FD73FFA8BC92BB92BB92BB92B499CAFD76FFC3\r%92BBBBBB92BBC2FD79FFCA93BB92BBA7FD7CFF99C2CFFDFCFFFDFCFFFDFC\r%FFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFC\r%FFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFDFCFFFD09FFFF\r%%EndData\r\rendstream\rendobj\r21 0 obj\r<</Length 27357>>stream\r\n%AI12_CompressedDatax}:}\u0001\u00013&sN݄6`r4>l\u0003i;s̷{\u0001*T*5Rmc\u00187;,\\V'\b\u001c;\tUl.3\u0001rۂFwD7liG\u0016'xo\u0004#{\u0002L\u0016zN\u000f\u001e4\r\u000e\u001ea\u0002\u001dmhaќF\u0019\u00193q\u000b_;\u0003'3xauج6܆QZ\r_\u0007\u001dpx\u001d.w_~9\nn\u001d<.Iyr?lݹJ'o/Ov\u00126\u0007O0y\u000fl\u001bl\u0001JF\u0006\u0007bg\u000e\u0013e/1\u000eώ\u0011\tu\u0002\u0000X\u0019\u0019\u0006~>~\u0001ƀ\nnP]E:>_,\u0001\u0019iň3\"o\u000f\u001b@@r\u000e;P7{L\u0004\u0003![=r;l.N\u001e%_^p\u00061ܠt(zRlp[A\u001e(\"S|\u0003Oo:L/ՠ\u0011s\fط\\^1\u0000\"\u0017?8䔍BP9MBmr\u0006<>\u001f=n\u0000K+9\u001c7_\n2\u0003\\{\u0000_S\u0015b9_>Tn\u0014\u00073rzg.R!X|a;8\u0012c\"R\u0003 M\u0016\u0004g8\u0001;09\u0012>O\u00035\u0000\bJ,w\u0010L>񎪛\u000bx!Cn7tzo\u0013\u0001'x\u0005KNNy&\u0000\u0000~k\u0003VA/\n\u000e\fC&\f,ԯ_f`\u000eF\u001cn\u001dFo˿\u0013\fP\u000e\u0004`\u001c\u0000qW&\u001c\u0004\"\r\u0018$ \u000b tM}ew9\u0004AB\u001e'.on`ُn_a\u000e\u001cU]eG\u0011\u0011\u0013݀\tH:,0\u0006\u0019z\u0002ls\u0002;,\u0013>\u0004<ogL?~<mK\u0015V\u0006o9dS%\u0010r\u0002XMo<Y\u0014c\u0002#\f\u0000&\u0014ey\u0004o\u000fL7\u0016\u0001'q^ɖ\u001b@\b~p7ťz\u0002u\u0006?ɬ\u001dE龁.@/-.7ɬ%\u001ek\u0013T^\f}iw1C]Z<.\u000e\u000e\u0003jۡCmn'R7&*w\u000f\u0007\u001fV৿f\u0003T>\u0005?w2\u0012Tf$r@&ɑ\u0018Ul\u0003t*N:[E\bNd\u001bWl0\b190JonCGԪ`\u000f3\u0000Q\u00008׫\u0007qL\u001eYĀߖ\u0013H\rC}e`>\funv\u0019%b9qLi ? >\u0000j\u0000\u0006?6v5\u0007(s{\n\f4/8\u0005Rk\u00009_rm\u000b?\tہeJ5{rb}\u001fJ\u001d+$\u0010f\u0014\\[\u001a/I&al`r\u0000;L\u000e?7)a\u0013/\u00062rB%yæ\u0019\r7VA\u000b\b<ĤN\u0000}/Uz_YNb\u0018\u0015ql#<̿B\nsY>\u001bο$a2?amO\u0002_\u0017RvH@j{\u0001gLĥ\f\u00025OʷBLpr?6Owa)0{~(tAb4e\u000b\u001bn\b\u001c\u0011GYU\u001e-xnjEW\u0019UGf1\u0015Ary:l?%Xݎ\u0011\u001e#rv\twOv\u0019XP\u0006:i\u0014N\u000fi\t;K>_q\u0013?\u0012^qwt,\u001d*?ڂ$\u0015م\\\u00121v2\bt\u0005_қhci\u0001h@x\u000e;ܡ<\u0004e\"ܹ\u0013foxY4ؙ\u001e\u0006h917\u0007f!\u0000\u0015\u0000qR1aF'\r\u0006\u001f\u0001=>4\u0002B\u001a=jn;%qz\u001al\u0012z6{\u0003K`cZ\b\u0015\n\u0019U\u0013fyO1`a8\u0010\t'p\u0000\u0017Л\u0018\u0001\u0019tq\u0019sz\u000f\u001aaӫ^]§V~ߌ\u001f<J8&\u0005-iy֛*Y\u0010[/b9\u0016:v\u0002\u001dYC\u0006\u0019ب7\u001c(|sH|+b\u0005ntW\u0007s\r&5\t\u0012/r'\\>\u0000'WQ%\u000e\u0007lz_:\u0014i?sZa%,^\u001e\u0016''d!nZ0.\u001c8\u0007\"Iwz\u000f7D.\u0001A\n2y\u001c'?`\u0007@r{`wo\u0004;\u001d0` L\u0000˩t{\u0019m\u0016C#r;|Nf\u0012A\tj<mK\\n\u0012nictiSF\u0007u<tkyIƍ6\u0016u&-1J^K:Ű(H_6+t\u0017xJ/>\u0011ӹDusXMW\u0002E\u0005o\u0001FtMc\u0013<og6\n\u0003\u0019\u0002d\u00046.\u0018$\u0013îڕ/M\u0013u\t\u000fa\u0014\u0014:I\u0016i \u0016\u0012zb*1+f\u0010>3603vawmB\u0003cym\"MٓX~1O4,\u0011K\u0000|Ub\r2.,<\u0000e\u0019a\np\u0002قegc\u001c\u001e`-7ư,\u0005%*`\u0000uYp\u0019\b<i-Ogbƹf\u0014\u0007X\u0006'Aqfv\u001cmL\u0014\\5\u0010jg\n\u0000dOLA!g+Q@_}\\Ǫ\u0002(0\u000b2\u00046]BM\u000eQfaET􁧂K\ndQQo=%`2,O\"&mXA~l\u001a\u0002%%͝mM6SRPmz\u0016\u0000Մ߬ԉKyig8M+\u001c9(zK&\u0013lN\u0014Di>\u0014\u0019?6ⴺۧ\u0007/w\u001b\u0005#tqs\b+q=ZaLj? j؝ᯇ\u00173\u0002\f9_Bp[\u0018Pd6\u0011\b\u001c\f\u0010-YںG:lƈ\u00027\u0014r\"\u001fCqrH]I\u0016xybPLs]?J0\u001f۵\u00052t?Y4\u0005\u0006~9ï'aN?/<`\u001d\u00133\tN\u0015_|r:o,S\n\"9{nxw\u000e-xIa*\u00198u\u0006\u001fQ\u000f\u0007n&,ІN[h>\u0017\u0014\u0000\u0018{^]\u0015s\u0007\u0015jg-\u001b`Iky\u0011oI{Qx[Tց\u0006DT>#O\u0012#ę\u0000*\u0011фC5FL3^\u0011`f\r\"\u0011n\u001dO0W\u0016#1dCҐ\u000e;Q\"Meq\u001b\u0002ףx~\u0007\u0013`4JL^7e:)Q8\u0015okbj\u0001~\u0003Lzq\u001b΀\u0015\u0013]Ձ\u0010\u000b$ֹEtmzr[}_c<M\u000e\u001faDsn3p\u001f\u00188\u0001>ms:DN6|\u0007\u000f]\u0004.KdsJN\u0017w?B'\u0016;Mv$[\u0016h'm&\tyҌ`'\u0014\u0006\u0004\u0018q\u0012#\u0017\tό!=k1\u0012\f{7$4uCB[F7VlwL7\"js fNu=:xt\u0002\u0003\u000b\u0017A\u0012Z\">Yv\u001cU\u000b4\u0004$\u0001u\u0013M`ăkiwZ`;E\u0004\u001bg\u0018\rف\b\u000b'uvX\u001c(\u001fRЊ\u001adT=kGk{\u0010vT\bI%Pk(a\bcy\u0002\rT!\u001bD8N6^D\u0005\"\u0017.nf\u0000W\\GfDdPm0u<Q\f;nwKwV\\\u0003eeiX\u001d|,O;uN?qΠk0\u0004P]ݿZ\u0004\r\u001fv `ұkC3͌{M\u0015'fðø{\u000fM\u0016\u001bld\u000e-AM?x\u0010;^\u0007yz\b@9lklu6EI=Vm/X#y]I\u001c\u0002>tF*oc\u0013\u0006)T(.\u001dO#&6,'Mh+\u0013.9#b_[\u0012'j\u0019%܄\u0010\r\u000e`@\u0011!<[+FNX“Ţ?*N{\u0000'V=_sr5;̦v_<r\u0018v+/SՉ6ڎL1/07kX3ai\u000b#e\u000fuz\u0010,[cҤuL&\u0019U.٠o\u0016_\u0013\u000bϗE\u001fMrb+\u001eC\u0001]>%\u001e|\u001ci\u000e+UaV>tEtIj\u0012\u000b(\u0010\u001d\u001acl1F\u0013V:_\fv^\bL&\u001a~Z\u001aSlCX~a~\u001aߨ#Z3a_bņ\b\u0006\u000bL\u000e\u0007n\u001aCճ퇖\u001e4sĈIf\\m7d\u0006dhqOǁN˄\u0015\u0003B:\to<-5^Q\u001dMNs\u0000_rneؓ\u000fo\u001f+\u0007$N\r\u0006\u0014v\u001b%t\nzi\u0011\r\u0015\u000bj҈XB6ѱ\"$?\u001b )I\u0015\tS\u0002fs`vQc82ٓy\t\u0005\u0003UyHra\u0000\u0012wX@xց\u00036]\u000e\u001bN7\u0017\u0012OHR'Sr&freLάc\nô{ܪ\u0005Q8\\LαjR5\u000egSw_Or#\u00115kYt\u0003n,Dʰ>9k$=\u0001XLo\f+\u0003\u001dC\u0010L\u001aٌOG\tbrK\b!kI\u0001\f&c|\u001brI\u001e8W:Qd1tѥ\u001b[\u001cͻO\u0006]Rp>\u001ah\u0015f|y$%\f_\u0019%\u0010[\u0013ȱe\u0019RiO,\u0018\r\u001a8AP\u001a\n:BFb&6\u00164J-X\u0007>Po-*x)彨0\u0013m\u0014<<7P\u000e}.٦2L\rzW\u001a\u0007jA(a\u001c?n\u0002>Ιb\u0019\u00032\"\u001cp\n\u0012\rj+s\u0002_\u0005+ӫd\fW>c\u000eT]4dΣ6'ː.M\u0001iXG\u001cNyk]:hDS\u001b9\u000e)ӾlOk.ŗ+\u0002rl0J0kE \u001eCX}s00հ,\u0010Z0Xb^c'S3D(h*ic\f&9i,\u001dPOGzdA\u000e\u0003\u001d\u000ekyJs\u001f>_4\rm\u0003P}Ԝ\u0000\u0015k\u001d*c8vOc\rStX.kS84\u00046i&\u000b9\u001dLS8aG5o&Z ,\rh\u001bG=]\u000b-)g\u001aG\u000bi|S7\f~âl8w\u0018bA7O\\_\\Oz_|\u0015\u0001\u001bGwHv:JRM`cvH1\u0007\u001b1XI.\bFoo$\u001bKs\u0000\n\n9L\u0012\"7h`H,m..?\"-\u0006I@,$Dwv\\\tF\b\u001dcj<^\u00181H@K[B\u0019nca1J/0\u0006r,7Fؑ̕XtN,rP_B\u001c\u0007r,7^\"%\bOQO_\u0001\u0016lZ|!ESqB,ĢMRJ\u000eƘac^s1C:yIC㻁`.90\u000b)\u0007|*E;\b#\u0004R\u000e_\u000b9I\u001c$@ji$y7Ld08\u001bPp4$4*\u0019\bHzw\u001c\u0010\u001c\u00065R\u000bC\r\b{.V\u000b,\u001c8\n#l\u0017vͶ3\b%.a\\j`ztn\u001a\u0001\u0018Sn*9\n^\u0012LM:\u0006\u0002T|a)Z`\u0005)O૘9֪<\u0007\u0007d$\u001d\u0004ڻϣ4s&\u000b%>c]\u0015ks۔hձnQpu*E!}7J\"^6\fm]mY\u0001\u001e(#e\u0018\u001bUyz2O\u0018~\u0000\\A.VԀL^gN\u0015M;\u000evr\u001d,⾃\u0000\u0000y<\u0001^HjuY\u0006S2uLPî\u0016w\u0004]!\fg(\u001c\u001aawctr\u0019%+50۪5\u0000M?\u001eO}3#ڌml\u0006wP`&7y\u0016n-\u001e\u0010N\b\b\u0000CM,u\u0019\u000ei^E`[wG\u0018H\u0018&\u000fY\u0000C\t\u0007Ejӓ\u0011!B\u0013}\u0001T\u001bYo\u0017\u0012`@Scg\u0014%3=\f);j8K\\5D8)\u001cK]Ԓ1tҮ\u0015Hz6.\u00040Y\u000b+Oz80(өǮm4&\u0014Z5\nۖi\u0007SjF;O\u000f}A=˸\u0016\u000bG\u001c_kĢhtY\u0003\u000bࠥ\u0010_k\u000f#-\u001eB\u000fn\u0000?nP0ImeH{\u0003x|<?\u0019j1\u001au\u001e,5c\u001d\bhS\u0000qaWbt\u0005\u0012\"\u0016#y@r q8f\u0003 \"Ӆd\u0006*2\u0000)5:@Kka\u0004쮍\"0TWf\u000b\u0001\u0004\rG\u001d7YM:s\u0003\u00182oτfֲy]L`\u0012W\u0019Q\u0014_\u001d$Nt2:\u0002W\u001c䴾\t/1\u001b\u0018\u001e!J\u0019`\u001b/\u0016$=\u0001_%iOQy[% |qLZ蕞Zܺ?'sd\u000by{|[\tûPG\u0019\\\u001c_Shp\u0018\u001a>TrGo9.\u0003x\u001ewLPĦ|wX&5vsgI\fMDuO?O\u0000\u0002IP)[Yt*odYR{ڛb\u0013(*5Bw䬙)ӾtԤs%:29W@)<'k\u001dk\u0016p\u0019̏\u000fꢄwUց9\u0000;\u0006\u0017yC\u0015̘\u0001\u0018(Vz\u0014XXH\u00160yD\t~\u0000yuyLJŖm\u0000=T\u001diާ<9\u001dM.\u0016r^4p\u001eF|\u0001-= ؈lN&_$Ҧ\u0013{\u001dk&1[|UzQ鸌+\r0yEDh\u0006&Y՛P\u0012P\u0014՘;f\u0012D;r\u000eݴ~\u0004dnRƝ\u001dC%\u0002\u0007ZK/Oi#f\u0005L;PPfɹr\u000f\u00040;(f\u001eN^\u001e\u001dL_\u0007MԨ\u001aR\u00003SyB \u001f9qNXAX%-Q*zZ\u0014)!|\u0017 Ye:\u0011\u001b\u0000\u00131\u0002945]![:j<o `\u0013\b0*;Sf\u001cK\u0003tfjx@;{V6wj%6XPt>IJΕ3ם;0\u000fc`.\u0012\b_;\b͋^\u001c+lS\u0006P<MN>\u0013s\u0002L\u0007|e=_J\b\u0016.J^P\u0002Xޯ3_~\u001c\u001bj_\bc\fr\u000b>\u0013~P\bZ)S^k)L+C;: Vw(\u001d\u000b+6\u0007\u0001m\u0006u(K-BN\u0000ҒK\u0011nF\f&\u001bpa[\u001d\u001d\u001c\u000fX\u0011/\u0003àSΥ\u0019^j\u001bM@Z|~YNVK\u0004¥ϣ\u0016i3\b|\u001bX\u001e^P&bl4hyF\f\f\u0016Aq)1.JN\u0001\u0014$6.Г\u0000X F1nϚ l\u0014̅~Q10='JN':oor\u0017\u0000ʞ\u001a~F\u0019x|Y_\u0018\u0000p?\"M\u0011r\u0012h)i,Y\u001bvi\u0006fS\r\\l\fIނs[̑2C\u0010\u0011{:`R\u001d9Tۇ,+d|L&sW\u0007Xc|QޢݭǷ\na)EuU\u000b\bb@R5.-Bq\u0011vy\u0002j+\u0005=ܸ?%O\u0002u@ҴgզIjϚkj:\u0014SķF\rCA_\u0018Kƾ=\u0007\u0018c=\u0014*\b01k8\u0002;WjdR|\bm7\u001c\u0012\u0007\u000e\u0019>9d\u0002\tjImU5Mkd^Km\u001co\u0014`[4J599\u0001Z`i3PN3j\u0011А)3\u00049\u001e\u000b0P&My8-cf\u0017s*8CuNAr3A>\u0017Ρhc,9\u000f\r\u001fdš9AbNvu\n֘7s:c\u0003aIU$\u000b1\u0007;H\tT\u0000G+\u001aow}fӣj&{3M.\u0014J\\\u001d*PQ\u000b2/o\u001a7cܥYrMp]eMKSrfILMnA&\u0016c:V\u001ee\u000e\rG$uҰN<AG\nO}r[xl\u0000+\ty\u0016\u0005dHERid%FnKրš5'ӻX\tϦ>\u000e\u0004ʹ8\u0007\u0002qiN\u00077(iH\u0003).}\nԟ3%LӮ\u0015?Qf̐qm2\rw۷,I,{K@ѐOx\u001dp6\u001b\u001d~H\u0019y[>\u00021\u0013\u00007n\u0000'\u0002Dt\u0018'tk3OAw:26\u001dkuS2P\b\u0007}HV\u0017=~\u000e[c0Қ.9\u000fd7~M\u0017F0\u0015;\u0011\u0000mjrQ\fssrL9j\r'1_p\r'+<QI\u000e=%s.\u0000y]F׀[Jk3tv{sQYyļ9Ri\nO\u0011t\u0011׭B\u0003\u0019?Z\u0015\u001ex\u0012k&<#uNm5c}\fO;GAqbh`Њ{v-9\u000f`͒&j\u0002\u0003:\u0005o\u0019\u0004\u0003f&S<܏#Y\u0010vsw\u0010sܺM1o!@_\u0006\u0012K[\u000b֋09&QyGw\u00170؀OU\u0000s5ȩq?$yS׳p\b.j>>Bz#id}4&BƬ,:\u0002e\u0004!:(qf\u001f}tһ,?\bI\"A@\u0010]^\u0001\u001coW1U?\u0005GZ\u0006>\b\u00158?\u0006|P\u001f7\u0013\u0019?\u0005|\u0007G=Ւ_S?\\\u001e~\r_\u000eo \u0002Vͯ\u001f~_cޚ\u0000>\u0014\u0010v0歮f>\u0004\u0002Zb&\u0000\u001b)ꀖe\u0007d*÷S\"hZW.'l#\u00028¯-՜\t\u001fu\u0003\u0006\\qbL_ɱ@ܮ9P?@\u001e\u0016@Gt\u0010H\\\u001818Vs5<T`\u0007\rRccH$\u0003\n\u0007@|cL,ɜdOOV\u001fAED\u001f&6lCI\u0016Cf4\f/GS\u0015\u0001HT@:\u001bGms\u001e\fS[\u0018k[\u001fr2\u0002Or{o=l\u001a\u0011_2W=VF4UYǡ1\u0019^R}א?j\u001e{8c*ݡV<p\u0019ßj02\\.LǬߘ*\u0015m0n1ۡLǺ\u0017*9\u0013R*Yla\u000bt\u000e<@\u0011f-̌N\u0014ȝ\u0015 #M\u0017 \u00053ɕ1nվG-t\u0007\u001a߸caC\u0000.\u000fE-\u000f0\u0017@\u0002\u001dOg0s㫺;R)e)9\u000f̈:\"iv Ɏ\u0013Y\" \u0019SAJo\u0018(\u0010}{D\f~$_A\u000bz\u0006\u001b{/c\u00184Gf8\u0011\r\fҔ,#*q=`jB\u0015\u0017Z?At7O5\u0010 F`\u000b \u0015b\u0019u\f!ZCl'\u000f8g\u0015⸴܈K\u0013#nrxl#\u0002FK\u000eėvf\u0011\u000b\u0019\"\u0004p\b\ti:\u001e$\u001cWH;4G;\u0011\rI$\u001c!)\rBc\u0014ɪ\u000f}$W9(\u0002H\u0011SrĨG\u001aw\u000ecK+9\u0016m!Jt\u00145\n\u0001w\u0002w[\u001edX˄\u00062\u001eTl\u001a.\"=vF\u001a4l#X2q9\"g=@rE<K\nM\\Q\u0016ݖ˜\nI@KX@ᰕ2µ\u0015޲V\bw}EX\u0005\u0015QwT$\u0016\"=,8\u0015An(\u0015EeZr*N:\u001e\nc\u001bb@F\u0016`\u0005rvŲ\u0005\u0000lP\u0002XqֶJEP)5B_;JsÝU\u001c=ҥq\u0018-vR\u0006\u00023eR&2@bg\u001dRV5\n=^\u001c\u000e\n%V\b%>ol+{a%S+wBy*E%2SiM8,ThRV돎pဨ\u0012IVu̪RMcgT}koլTX?C=3\u00165\u0012開jE\u000b,2S1:XքqtPg\u0016T\b\r%)]p>[\u001aTՇdAS]Ok\u001af{8=_}k\u0018p5\u0019w)u;MSc\nij\u0006CN\u001cw}kvɎEs1;Zͩc֚qkWl\u000f,@-\u000b{6WiL~8,u\u0007(igQ-F:\u001a\u0001O\u001b\u000e!:չ}n.ut+\u0001k\u001a\u001a]MtQ\u001c/(8>[\u0013ƪS,ɢ\u001c'}ղDGG\ne\t\u001bˠN\u001e\u0006[ip\u000fGC$\\\u001b\u000e\u0015niLJ\u0006\u001b\u001f}\u001bhG@V16&ЙlJnR0bڸ*y-ƳM2nseSм6N饩29)MAa8Rx1+v͵٬\u000e\u001b\u001e9f\u001dsa3ۛۮkK}a̿P1]5%8\u0000,B[ױA\u0005+M~*\\ީeM\\CkvXZ\u0015LDX\u001dQ.\u0016D\u001d-\u001a4?Wh{Å\u0000^:\u0003ΤV[m~aah{춱-ն]}\\h\u000fS\u001b{!1ٻ\u0006K>\u001b\u001e:v\u001c\tOQO\u0015usSѩ2zN\u0018G\ngנ:;<9T'qm8|\u001d•I$ԮwMsu4\u0019<n!\u001eq{m?Yw:nm=6\u0018Nǧ>\f\u000b]O;l_{9Mn)U:`6{\u0016\u0012q+\u001c({ʧD>;^WK-\u001f\\\u0005ֻ7h\u001bߟV @fE2\u001e\u0000n3\u0003f\u001fp&2@2=\u0005A10䵁3vN\nF\u0013e䂘\u000f\u001eg_?!s\b\rS}-&Q[U\b\u001d.Gؔ)\u0010Pr<\b\u000b\\xU\u0002\u000f\u001f\u0007MlN#21T\u000ej\u0004K\u0011J\u001ay\u001chCF\u0010Cú}/cio\u001e;J-W^}6^8D|\u0018(\u0007bb\u0004Nlp$bb888NiS)Œ\u001ct\u0016HY5e*5S>\u0012K-\r^ZY\u0001—.Vz\\92_\u001fʸa&/\u0003,zR\u001cz\"\nlJE*\u001a6Y\bbz*$r+_/r>+Fs1/x|\naP1\u001fsQ%z\u001e\rmP\\W%\rixl-U<\u001cs\u001d\\\u0006Ɋ\u000eTC^V\\Lcj\u0017/yx!٥M\u0015Ok3[_Yh=Xym5Rߖ[\u0015״\u001a\u0019k}\u0018V&\u001bf$جu<\u001b\f\u0015.[_hE4\u0003k\u0018Kp=ӤV\u001d}ᔩ;\u0015\u001db\u0016Nu[1\u00024\u0019T^r\u001a\u0006v\u0017-g_E14_۔m\f\u0005|=\u001d}}h\u0013W?>\u0007\u0007<h\u001a\f[9 _ch,Vj<Iwa;sζ\u0019~'*7ch}E\r쒫Ɓz:nO1a\u0018'-SO\u001a'd_aSi&(1ݶ3j+o\u0012̑=NfN2[Ϣ+\rh>푅\u000b,m{Y\u0013\u0007{+\u0017rW'Uoܮ\u000e\\hlv2YV\u0007l\u0013Lռņo\u0015mx\u001b\r6ۡ=iu>.w\u0013+\u001aڛ<>utq8x\u0015\u0018\u001cF$/S\u001f?aױ\u0014\u0004D2h\u0013#'sҫg>W_P\u0007&U^CFZxr7O`\u0007%J/>8v\b=\u0014<\u000e,~J\u0016?i:~,\u0016OQ\u0015G\u001ebR\u001ba๎L$Z'8l2\u001f\u0010cW\u0006R\t;e;aˍ8k.mĝ*a^׸Ĵ\u00052Y\u000056_^e\u0013\u000bo.؝\u0003vSr/Oa\u0016\u0010؟ש~5b}͗Iy\u0005J7\u0013o{\u0014%'|W$NIXy\t#J]\u0004o_(t[&7:\u001e/P\u0017RA\u000fc=. ^m\\og7c\u0017cKGJLn\u001f\u000b⽥A\u0015b\u0005l2j\u0016\u0018;9Hn\u0014xEׯ4\f\u001dN?\u0015\u0014M\u0018;S%%\u0012Rs\"{bW!YΖ\u0012ou\u0013w\u001f̧v\u00178\u0000ˆnpOȣI\nb=\u001d\\L\u0012G@z\u001f\u0000|2\u0005.\u0012\u0017N~Pi‘f0v?oJ޴n\u0003\n\u0004/\u0003,`qᔱKͱ\u000ej@d\u0003dWw8{\bb˗\u0015|\u0017c\u0003 \u000bpO\u0002v/KPv@\u0004\\@;I~٭aQadNqe\u000b?\u000bdc\u0002El\u0017rC#qq[?oz\fTj\u001fb7D]\u0000ဋ\u001b7d\u0019M1B2\u0005\u0004G\u0005\u0012T▒@w1\\UK(@JpyU\u0005\u0006SNR-u\u001cg^%jk_)\rQ/1\nCa\u001b|\u0016\u001a_x\tȅ%P1\u0005G^]q\u0019\f>#`»k\f~<H{lEƒ\u0018Y\u001d\u0019\u001d\u0007'A\u0011iə/*!,9C{S1Tw/\u0010#\u001bBVm]Fu\u0010ї|i\u0004~f\u0016x7\u0010SDhɎZC=\u001dޅ$5~*%H'{\u001d^{E^L@fݟ\u0011\t\"\u001c\u001aLr>ZlcIￜ\u0014B_^3\u001d&6C̳8T\r\rP\u001a\u001cA8&V\u000e1{^84਼\u0014b\u001aM]~ s|\tg\u000eiOqБ~\u001cFؗU\u0003!6i׆\u0015IN##\u0010|lЩ\u000ex\"M7\u0002ju6(\u0004Tw\u001dњN\u0007L56\u0012;߈A\u00108ދ1A4wFHzc'tH\fF\u0006\u0007u,Lu4\u001cP^CWU\biV\u0019[\u0006ݫ\u0002,ca;χ\u00188\u0002HJe XH\u0017+H\u0015Ws\u0004|Hl\u0015D;{)rUٛ\f\u001fiز'cSڭFZjI$\u0016\u000em]H\u001c\\&\u0006v\u0015\"?N%yH\u000fټLA{G.\u0001\u0010\t1ںH)辔He;ړ\u0010O\u000b!F;\u0017?Rg\flZe^4撩9h\\-\u0002HJ\b ټ#%/ͨB\"h\"Լmj̈iN\u0016B/SQ\t5<5;^WEZ̕\u00074ҞY\u0019e|ݑ\u0003Ō~GS\\ˋHex0mD\u001b\u001fi1,\u0011\u0017i3ݑ\u00026J\u0010$F>~E9\u001d\u0019\u0002|Hi\u000fC'u v̑\u0000Ҕ\u0013\u0012\t\u0012L\u001d뗩9\u0014DR4q\u0001}7:~|H\u001cS[˵_]6\u0012x8\u0004n.I\u0012)yhV[6E\\!%YI#\u001d;Ec\u0019R\u000e\n)8gHu\u0011Dő@!Z\u0003JHw\u001cQ4Dp53H>\u0003\u0007zHej{g˱\u0005D\u001dM3\u0010Q\u0014WM8sɛJ,\u0014҈.e#\u00052zr-S#-\u001c*\u00161-CGn\"f\u0001<A\u0005\u0014_pƺڇRk\niU,U9j'\u001b&O-bƜ7lh\u0010t{۩\u0007&…\u0012`2\u0002OI\"\u0015\u000fj+\u0016\u000e;QEb=\u0014z\u001aCӂ|*S<O%\u0015z;V&\u0011HϜw\u001bۄ6JDo\u000bڌtBO]h\u000b9Z\u0006\u0011\u0014\u000b⡟?J,n!!){y=7G\u0016ю\u0017Ry\u0019S\t3\u0010zB\u0007/\u0003b}\u000f:XL\u0002o}\u0015p\b=#'tDX\f\u0005sLgK\u0002OJ[\\3L\u000b=m\n5E^b/\u0005ޞmUA55\u0003\u0010*IJ\u0007<\u0019]O1Ē\\g?o3a*}^\u0013z>0\u0006\u0003:il\u001e\u001fhn42%¡ᚥx\u001c猔\u0004\u0011ֳ6nF<=ҹL~\u0016\u001bN-D\"n-\u0018k\u0003ڏz\u0003{10+\u001dZ\u001ao)wu|妵i\u000fٽ\u000e\u0010gUZ\u001e@E\n8;*KX\u0013\n6T5_J!+R \u000e\"{~^W\u0018\"=r\u0002-vC\u0000R`\u0018W%L\b\bҌSFyGJ\rԛuv\u0017\u0015if\"BDld;Zc\b\"%g\u0000RM\u0002ϡϏ&$&Z\u0016vA \u0014z\u000e;R0\u0016\u0016Z\\\u0018\\\n# yejhZ{oѓy\u0017o\u0007%\f2 \t_N_AiAE7;BZ\u000bӵ\tzc8iQJL-\u000bmS\u0011\u0003s=\u0018w\u0010D\u0011\u000bW5{=h7L\u0004]j5\u0007h\u0004[sL\u0011:ؔiUWuw#\u0013\u00030\u0019]\u000e\u001fSiOQ>\u00020\u0003\u0013,\u00022\u001e.\u001ad\u000f\u00114'ީ[\u0013.R&\u000fMO\u001b#0x^)_$\u0010CyWE#u\boL\u0017.=\u0002$G\t}R\u000f\u0011\u0006/\u0012Kx2\u0004L\u001cP\btA|f\u00155g\u0016:)z\u0012(/Nw\u0001MS+'ѝsbEe zz\u0003\u000bm\u0000L\n7Rp\u0018\u0019\u0006[YG!gЪ΂;\u0002d;\u001d\u0019t]J_3P0438JQE\u0013>\u0007~\u001ag[ZH\u001dGF?ه)\u0014?;\u0003r3wH\u001dq냃g\n\u001aΜcQI'\b3\u0012`,em&S\r/I\u0010 (Ff;aݍG\tc[u,\u001f'\rCP9\u0011^.Z`L7Ļ-\u0007\u001aci\u0012'7\u001cT\u0004^\u000fy*872\u0005\u0014ב]\"=\u000bFό=Cg\t˷ +5>+]bl8\u000f,Y{\tq\u001d'.zZ\f{\u0012RL6#bs7Ñd+&flJ`=ݭ\u000b\u001b*$\u000fyFX'%艃N_<n֜IRDWޙ'Ay\u0000zU\u0013\u0005A9Z\u0001+\u0007\ny\u0018\u0001L{~bOW\u00069>F1D{btd\u001a9\u001c\u001e\u000e\u0005\u0010:Ɣdve+z1_AgLVT1\rl^[\u0001\fhЪ=+^LP\u0005\nŷ=\"9 <\u0016A\u0002F^˽#2)]y&\u0005v\u0004uGi\"Ɏԏȯᓈ\f-MK\"\u0004\u001dAV9 \u0005t\u0004\u0006ˆ\u0019v+Chr\u001c=\u0014KgT\u0001>ur\u0011\u0000_\u000b\u0000Z񁱼Lg\u0002w:7Ϟ\u0011]l3W\u000fﴰmKiN\u0001\u001cx<Qp2ԯ\u0011Kt\u0011\u0002ɏzq^\u0016Z6^\u0002NCW(DHDc\tۼ\u0018eQ|h6*P,\u0010<$\u000b5ߦ}3L;\"fIph2)\u0001\u000ewD\toPk?\u000fo\u000fS\u00191X(\u001dM\u000b[K0\u000b$\u0018@&ω\bd%mJG3ǔvDZjC\u0019EQc\u0007K1aOH&\u001e\u0004ZBj@AZW\u00057%X‡\u0002[\rnDZ!;ɇ\u0002WIF3繿\u001ec@2Lg\u001d/\u0005\u0000c\u0015\u001e/\u0004\u0000 \u000bG.'\u0005T-\u000bVtO\u0010rfyT\u0016`Vj\u0019[S\u0002>\u001f3c\tF\u0015_O0Gn\u0019{IRH\n\u0002[E׋x+\u0000&$dhl!:\u000e\u0014=p\f/wOcȨ\u00186[p\u0012z#H`7}Gt)ͷw\u0018\u0012\u0006\u0000]V7_M\u001fi{|jRd,\u0003TL\u0001ťH4_\u0019;#O,nm\u0006\u0002ʗ,x1\u0006@H4Dī;H\u0000K\u0012Rqik\u001fn\u001b>\u001fO?\bαp\u0010q(\u00147VA\u001ez{c:\u001e\"[<\f3m\t[nb\u0017.\u0015\u0018oR\u0018!U\u0002<\t=K̺_o\u0002`υLmK='fnk?;{\u0012LikCM\u0012)\u001cA^\u0010\n[W{\u0004rsEwޟ‘zHƫ~\u0017BFW\u000b\u0014oՆ(yU\u001e_\t/|jfKֆ\u0000}ϧ\u000b\u0005b\u0010/{&Om\n'\u0018(}D\u00018k\u001f2\u0003\t\"7:YplP\\\u0017H\u00186\u0014х~\u001d<kՆ~݋^!\u0004?9<u?!(:aw$gA\n\u0001gᗖc\u0004\u0016\u0017E\nbM18'eRêm)V&)늆\tu1#XqˋIǻ=3G-qNNH'\u000b:i=1<\u0006\u00185\u00057\u0010baf\t\u0013H)\b%—vo 'Xz\u001e)4\u00183#lR\t,\u001d\u000bsN<=\u0018IvI8,]\\4_81 Xb#L̖\u000bW\u0016M\u001b\u001b%K*SEf\"3d\u0019E3\u0018\u0019Co1\u000fQ=f1o\tx'N<-^\u000e\u001d\u0003)O\u0006\u001d[9t\u0019tlwr3D\u0005_ʡ\u0013Ϡcf\u000bC'A\u0016}\u000ex\u0006\u001dϡ\u0013Ϡ3\u00139t\u0019tX^ˡc\u001fH\u0016I{\u0005o:\f.IN=;]ڋ\u001b)$7ðIk#[վt\\x;\u000e1N׼2nI3%'z\u001eoO\u0004سsX\u0002HȜ<>n\rD.I||\u0016\u0012ҁm'4\u0019`ӛCY(\bYH8\fzgoi){;^\u0005Wr{i۫GAx}rq@I4/Y \u0012\u00100ȯ\u00108fhI9\u0015\u001e\u001c\u0013\f\u0015?|&˳\b$SL1R<g\u0004o)O\u001eX\nK3\u0018DzYa\u0012\u0019;p\b-]\u0013;LdIOw&\u0018Yig\u000by|K\u0019'\"y|,ˋ7\fZ\tI0\\S\u0019\u0019J\u0016Y~?:\u0019xy|'ę9/q\"&\u0003y\"B\u0018ؓ\u0004\u001b\"}˃|zK+w/~A'7Q\u000e0v^uЉ~z=#ɖrc\u0019C.-_NDZ\b\u0000|y쑫T:ϳ|\u001e9X\t9$n;\u00013\u0011 X\u0000'j\u0014z\u0010M%\tpaf\u001fvFD0\\;^O!9 \u0014\u001b%\u0004,\u00178 'g@\u000fgGQ~]f\u000eN3\u001f\u00199Vl;R`&\u0003RBϰ$=:\u0019Q\u0013DV9\u0015_2I+\u001eIr;tck\u001d1.\u000e\u0002\\R\u0014x\u0019FPN\u0014\u0011\u0012<\u0011$\u0016%SEd8^\u0012;\u001b:s#20%靈}moGd\u001c*N1%D!zDFߎȀ9u§;IȈݧD\u001bIh\u000eNF/\"2y\t\u0011\u0019<ሌ䜫\r\u0003Rz)\t+XX=Cd,\u0017\u0004\u000fH=aop\u0011iy$J7p?9+tWR'Ђģ\u000b\u0005\tقO\u000bY:)\u000b|\u0014\tI9  P\b=/\u001eZ>*Mx20Nv=|u>\u001c\u0017f}:\u001fǤ=cɇnfĽ\u000eG<\u001fN\tw\u0018v2##pOo\u0004H>i|8f%#e|8\f<7#p\u0002Y\u001f·\u0013ńu2\u00072롂{r\\H\u0000&Ͷp&\u0012\u0000`\u0003z7$X\u0001O\u0013$paH8oؓPEЕMN<\u000b\u0001w\u0006^҉g`\re'\tH듰\f{o]\n{[δnM~4Y{䮜rLh(9T\u001aO\u001dmxy?s\u001b0\t2\u0012W\u0012΋ːW?\fۂP6-c+݆f\u0014\u0011T\u0011eZ #\u0015S\u0005/0J'3R;H|&#@FMaHF*T\bT\b\u0013\u00190{5Мs}[`\\*\u0011b\u000e\u0010\u0010pD\u001dע$\f#\u0019\u0013=|pL-&D\u000f{RwA\"\u0015*dK*ܯʗR d*\u001cu\"Iz۩p\u001dCq]\"?\u001b\u0004\u0005\u0013i2'\u00017j{/T(v\u0000z9\fu~a\f?\\\u0010FIl\u0012pn煢J<͜.qnf\b)h3w=NY\u0016]WWy\u0010bՀEы25, >B\f\r1%\u001dX@\u0001\u000b7\u0011C3憟e\u00021\u0017F.]{he\u0014گ]F\\,_JvZQ&Yyg'j,NvӍUPS\u0017Kv\u001b\u0005E\u0005dZpP,\rq\t#EoH\u001d΂@Z-Zg 唋\u00053\\\u000bCc8\bĒ(\u0007)\u001e +a^[c!\b\f\u00177+\u0005\"}%D^X\"p\nDO~f]U8LPKE%HH\\FkEpwC\u0016\u001f.]IQbGn\u001f,تf=(ύ*cu\u0010\f<GMXEyj\u0016<s%F\u0017_Jr.]8'?UIu\u0012pUl{;\b\\H)3n\tQ\u0017\tyݷgF._J3\"O*1H_/K\u00133)\\},Ͻx1\u000e#!\u000f½MǗK~Wb2rzl6\u001d̑}<N0jl:$\u0010\"-\u0019dｾM)K'3l:Og\t|2N=Wof1\u000erxwEʦSF2V\u0013t|]bV(/bΛt|\tl:>P\u000e\u0007rxrF̦-^˦{B\u000feҽH1\tt|t\u00029VodY\u0004\u000en'vKHtl\u0000g/,3l:&[+\"t~ 9~M ͔\u0014m6\u001d߀\u0018w\u0010\t\u0019So:K>51\u0012Į}XH\u0007u[o\u0013J\u000buzuO\u000fի\u000bT.ie[$%#u&K\u0002gh\rX\u0010V'Ū=+Aۥ\u001dSR.]=L\u0012FNn\u0012F#r|k+#s=G @,v_Ba$\u0012ɤD.sG.\u0015H۳*s\u0014,t'=MI݋\u0011_(r\u000bݽX&pBw8\u0001\u0002\u0016o*|0Pmݐ/۹<\u0005\u0018O\u0013\u001ex\u001a\u00129\u0005ܓ*O\u000b\t\u001f␚F֦{rM!2H\u001b,Xa\u0001=:0\u0013蘾K=04/9Kt:S<\"i(i(29\u0006- \u000flPX\u0006+\u000f%yE\tp~\u0002\u001f\u0000\u0017y$0\u0005%T`&֮pCb\n$=kK*c=\u0006\f\u0019Cw\t#IZW%`=nSފWɔ\u0012K<\u001c]fJ\u0015\f[`$2r/™w̉;\u0014Sy\u0000\nU\u0017\bGkgU\u0002Idxc\u0017^\u0010Ɠ\b/*W^\fP[4k\nwG\u001aw/f\bTU\u0004*彻\f9\u0015D痐\u001f\"L\u0018\u00187W\u0015j\u001fN삷4\u0014OnXkS̻\u0007'\u0014UI\u0017|%^<|fs\u0015\tGR4K\u0015\tZ\u0012\n+O\u000b\u001751m\u0018n\u001a\u001a\u0012W`q-o\"$.$ӘĒ;>;\u0000p\\J\u0000l-aUJHb꒾g\u0011!sJ\u0001YD2>5\f9Q\u0005)4W\r1\u0002~m0?mʸ [)\u001cׄE]\u0014p\u0017\b{j\u0007}t߀\u0015ͭ`$,\u001e\tZSbHz\u0015P$\"=.!9zîҎ\u0017\u001f́ gLM'}=ׄqbô\u0004gq\u0014}\u001b4\u001cџXiɦ&HLfaS>|B#\u000fG\\~,Ix\u0000K>֜3T׻e}ell7+7\u0004jlD\bT05M>y\u0006cԴr\u000byj{\u001b)'\u001fNH»Jc\u00108d\u0017D}hY\u0000[oC>25\u001cH¡\"}r\n#͘~ڂHγGix\u00161E R\n#|Hej*/:07Y\\}W'\u0011t+1%@K8Lu+O!\u0016$L8FDn\u0010UI_\ba\u0015uSt\u0012MR8~w#E\bJw\u001d\u0019\u0012)@DzyIԃ\u001b]L\u000f\u0016Gsy*H$}'\u0016A\u0014+Gd\u0019\u0004ݫײ҄Nhr4^<%x\u0007tYw\u0016]/ҳf)\u000bo^\\/\u0001To\u001eƲ]k0_p%RJLw[,m0RS\u001f陕R\u0011\u0000^W&+I\fhRQ,'\u0017vJ\u0001/kIҒ\u0014\u001fc\u001f\u001a=G1K0Xs>ء\b\ty\u0010V\u000fn^\n\u0010K*kʬ\u0016UY{\u000fܲ2\u0000=BB4\rXn\u0002B_R\"}'q\u0011^H$^8\u001c{\u000e2RZ\ng\ts \u001agZJ\u000f\u0001WS\u0001\u0019l'KN|ZBg{^i@H&\u001d`ꭾ+^\"\u0014{\n>u\b\u0000&s\u001b$=\u000bvx\u0005(:dJ{5\u000b*s\u0000ynx!\u000b\u0007\u001c@N}\u0017\u0000\u0000Ғ_\u0005\u0012\u0002ZE=}\u0017\u0000\u0005DC\u000ehԧYUY\u0000\u0005\u0003(c%H+R\u0000\u0000\nȕ\u0016~U\u0015^,'Ѣ|O\n\u001f*'.4(Ǒc|Tt\u0015\u0016FE\u001c\u0016{~oF\u0015`pޢLP̪~*f\u001b˙\\\u0002u~q7/\t\u000e\u0003wCsNIz]?\u000f\rE{n()u$W]N\u001dP\u0006LU]hU?Z~p]2~[׏;#U'U~[O|h+_'^\n t]?\u0001>T\t\u0013/%SpLZW+:=~#J\u000fU޸UOCugs|xU\t{\u001eop\tr]?d\u0014\u0013PuDSs\u0012\u0013{m]?}\u001a?QO`Fu\u0018\to=\u0000`OLz\u0003.VOmVe=\u0017o\u0010~\u0003[\u001c-AכE,鴭~\u0007[oe~yWrś\u0018\u0018~X\u001cD]?~쐆z|L~\u0015\n/\ru\u00130'l?R~ux׭߻Yi\u001c~[u\u001cFf[uM=׳p\u0005\u001bT{\u001e,\\3W<u~\fO$]׏\f\u001fX>P_Տc\u0013?DZ\u001f'\u0014X\u0013U?qK6Ÿu~WTOH\u0006RU>tz0!^ՏsW%t_&j_\u0013\u001e\u0010+ZՏ\u0011Q|/l_\u0013$#9I]?)-߯'\u001c`t\u001e\u0006~\u0013V\u000e^x8q\u000b6\f:k.MD\u001fg-\u001ctİ\u0000sg\u001awL\u0012i\u0002\u0014(LK\u0004'Fx ez\u000ec6oa׆\u0015I\ţ\u001aU@}\u0006 D;.\u0010Kh\u00153\u0006G1\u0018zR++ZhP\u0001ɟ/h3\\y\u00169Z\u000bQrfnF[\fm\r\u001e.h֡_\u001e\u001d\u0015\u0015t8QqF\u001c]-S\bHYS\u001f .][&.#hIP?Ny9Ve,\u001e|\u0011FݭM\\]mdZPer3Q>Me&k\" r1\u001d\u001f%dLͦ\u001aUSku+Ch\u0013L'-\"x(\u0001I\u00119\"I\u0005(\u001c#\u0013\u001c\tl60Rk\f:Q4\u001d/lG3\u001c0s\u0015)c[F\u0011B$T3\"\nn\u0018[*㭌ݵMS\u001aD\u001f,;\u0011Uۆ\u0019IDZ\u0011>\u001a\u0011cMQie c)b*u\u0004#Ŏ^zNS3F(7U6C\u0016\u0013Kj\u001aE\u0003E NK^q0>n=j]+,\u000eo{FQJ~BQGZ\u0006FVOiFrd\u000f~\u0019~5_N\u001a\u0004\u0002d}VW\u000emS\f\u00148n=\u0003r\u0004\u0007!\bS%BG\t=Պ\\\u001f\u0007Ǯ\u000f*ۃ!`zZ3!\u0003\u001b\u0002e$LL̙\u0005d\u0000o\u0004pzഺ\u0007u\u001b\u0011i!k5j\u0001\u0018&\"~5m\f4\u000bi\u000b\u0004R\u0005ZȲTk\u0004kc~;\u0001m\u0002+J\b\u0010XW43(s\u0003\u00182'XPﴭt0\\1D&%P3\u001aqzW[]E\u0017r\u0013\u0010R>tT7i\bJ0:vcҤu\\ήߌa1\u001aW̐D&@T\u000e|mYi?q1|\u0019(:\u001eþ}\u000f>a맩\u0004Av]'!I\rvoixmc?۪\\O\u001dGC1J\u0005O騦Dz޺I{\u001d\u0000>\u0012\u000bw\u0012x^F&lHK\rݔL\u0005:zZnH'd9\u000fQ[\u0016ՁOij\u0003\n\u000ew^99\u0001cYA\u001f\u000exfE)SRHЌN\u001e41\u0000\u0006nc\n]TD}6E>?ƎM\r\u0005.,1\u0002BE/\u001d-7/~p\u0016H\u0013/7aļ,]\\pݳz\u0003&#\u001c\u0001I7P\b@c'$\u0002ש#G(-uJYҲ@Z6\fHCD^\u0003`κ-T4ki\u001bIc\u0019ȱT/눴˅\u0007G-C<\bWr\t\u0000zrDJlhG±\u0014ưMcST-k\\\r\u0002m\r3Gem|z*|@RBg\u0004%&Vbei\u001b\u0004`C\u0006V_6Rrfį)\u0007Zá܅'^ٻ]`E\u001eZŲnw\u0014Hˬ;\u0018e\u0007f')ztִiS{#Si>M\fl2\u0007&I6df\u0000*ΆzU\u0005\u0019knYNSǾߑHbİV1f%s)ⴹL.fܩL_a=h4GSʸZĚ\u000e\u0011}:ָ \u000b1[/0LkI}M\u0015\u000br\u0001,\u000bA\u0002\u001a\u0013V\r\u0003~ܱ'-`'=:ޞt+ue';\u0000\u0006\b!#\u0001\u0001 \u0005QI\u0010\u0010-\u00022|;\u001e24a0\fu+$'\"ןxp\\9-^ \u0012$\u0018vzȶ}HfM\u0015<(\u0001\u001fO3G?\u001a\u001c\\9rTmQrgA\u0015w& j\r\u001f笔O/b>-5n4߆\u001b\u0011\u000fD#{6M<W\u0013m3d=Z\u0000$NշY\u0019|r\n\\\u0015'zۥ6&}k#b|\u001d{\"\u000e4]\u000f`4ʽ\u0013\u0010\u0017Sj88Rr.QZh4GE'W\u0000j\u0000M2/;@yO3\u001e.Zzat\u001b>V\u0006G\u0013d0\\2\u0013\u000e\u0013v\u000b#oU\u000fR3t:y>jr>C+\u0000Vߦ\u001f\u0000~F`Fm \u0011]hS$H(~rYi{3FƝ81\u0016Y؁j݆Q\u000eU6p<f⻏<\u001b-6v־#wAwb\u000bCp$@\u001e[(z\u0005\u0005:<\b]0>cQ\u0011Ǜ\u0012f\u001ex\u0005݀\u0007)\f\u0019xqCֲ3\u0005cZ\u001cy\u0019\u001fό8nRR9K!V\u001ak\u001a+\u0011gY#\"m@`\u001eMi6VO<Į\u001a<83/`\u001d-\u0013ɾ\n7\u0011i\u000e*[~bM\u001b\u0006\u000ej1\"v`\u0000Ѧ>oom=6:ޛvq>l\u0017Rڰ\u001e6\u0012Ɂ\u0005{\u0014aȔ{w?awzTOm\r'kFtKډbږ\u0018\u001aO\\=\u000e@5ך`!\u0005kN'2Nz\ropN{Y|w\bAN[H-_E\n}\u0015\u0000P︫CGt^2w\u0005\f_:fˮ;\u001bBx+@<ۃ1Z\u00111P,;\u001b\u0012\u0019ؕw\u0004\u001a]@^{\u001d:# \u0013jY\"^{8Q?\ffodʽx)\\8Kd\u001e;p.cvkO)N'\u0004\u0011/\u0005\u001e\u001fS,'dR$3\u0012mV$38Ws2\u001f|M=L\"s\u0018!uQތ}+53\u0007!V\u001d>v}A\u0007|#)FHv<\\Y:%>2/v8:ĉ_pbt\u001fr\u0019<,\u0006w՞=>Wd\u0018r\u0013\u000fo`7o1~\u0018}`a,\bvUI#[?\u0003oSĿ}Z<ͥ\u0005'D]ACo˖nCWz^E\u0006hé;nls&$t\u00053gAA]N8\u001b\"$&c\u001eW~U\u0004E\bjgnÊFٶI//<Zv=\u0002k\u000br?9dѲ9W;\u001dhّͅG\r#,ح\u000bMj\u0014q\u001eF1z\t\u0003vL\u0012*ї\u0016`@rWN\u0014O\u0004K,1\u0014J']I\u0017z0\u0000\t\u0000gG\u0002—>gL+T5\u0000s.9?\u001d{IᚻY\t\u0000ø\u0005DZJ\u001a >h\u00011\u001f\u0010\u0001\u001ae\u0011x\u0016iR\u0019>bq \u0007E<k\\Lkϭ\u000e\u0012\u000f~ϳ\u0016H\u0007&,1uѷl7\u0010_1dC\u001b`R\u000e<\u00197e4ҬqK\n\u001fhgȰrKR\u0019i\u0014Kyn|wkϬo\u0005\u0015\u0013Le7f34?BIQ\u0004\u0013I\u0012a(\u001aD.\u0013gۘ]\u0004\u0017<At[rD\"\"ߤ4\u0006\u0004ڠڧ{(7^ ?\u0003xPQ)~j$\u0010\u0016\r>ўU8Dj\r\bt\u0007\u001e;|0c[Ax\u0019r\u001f\ndM@I9t\u000e%\u000b\u0004k\u0003\r\u0004\u0015]\u000b\"p(\u001a\u001c-c*~'OV\u0010gw^\u0006\u0000@vn \u000e0\f\u0001`\u0000 -\u00049\u000b+\bj;\u0000tEKD9\u0018n#\u0000{\u0019\u0004o\u001b\u0005\u001c0\b5snKC\u0005{#1Rҿ8%,ge<\r\u001eZc,\u0003\u00072\bmK|`_\u00061y,\u001dfc\u0002!s@<\u0016\u0010\u0014a\u0010KY\\m\u0010C_ڑY\r\u0011{j\bvu\u0000##\u000bU\u0019\u0017c8\u0010g-\u0007o_߲ U8hn\u001e?y?adZ\u0017Qn\u001fi%eOο2\t9\u0001bq\u0018\u0016y#bIz\u001e2%\u000f\tl\u0018iEL@LNY\u001fUVJSn\u000e(Í^\u0007^A5\u001e0\nj<`\u00077b\u0014x?\u001a\u000fnq\u0001++:=\u001fYb{\u0003?`r\u0001W6`t\u0003o9`\u0001-\u000eݖۀ}ït'<Ԫw~82\u0017LC(w\u001c\u0003\u0006WoZb-3j@q\t^\u0018y`C;Ä=D{<5p\"_s,-t\u0000]8[p1,DˊtT_i\u001cz)g,B|1YI,^?u$\b\u0010|\f>aN\u0016\u0015\\\u0015ejX\u0011Ek\u001c2N[\u0012aⓌ\u0001\tp,Xh\u000f\u000b\u001c[\u0017e\rjpV,K}5\u001eHZ\rSə6MԐ}&Kzs'\u0000\u0002i<hquF\u000f\rR{q\u0007}\u000e`>\u0013*\u0012.>4dJ|\u0010ŞEǯu>sV\u001dzC<'NB͡'A\u001c\u0001l[^2\u0006ΰu3b*\u0016ճ\"\u0004C2\u001dH6\\<*O-z\u001b\n\bC\u001a֨>\u0016^}3\u0006z-r6g|\u0015̰ך\u000b\\J4^dWk$/\u0010\u001a4п\r4e)\"X@9r%ßC\\\b\tǀ5?Y_.\u0007\\\u000fh4+\u0004[LJLEBu׸(KJQAGH\n\u001cb؟\u0016\u001f\u001f#\u0007CE@+qv?{hp\u0004髫{׾\u0003}^~Q\fuC#ی,!Kog\u001co\\Қ\u00111W_+1'3\u0018=\u0016\u00000\bw]\u000f#\"\\\u000f~գXy\u0012WR>ؤc$3N܄g|͎cfڬsj=[{ƒ\u001e]mR\boB(i\u0006Xi\u0005D`\u000b\u0012ٽ\u0012ߞ'B(d61@rsĊ<V\u0014dF_\u0013\u00119?\u0003fƵ@\u0006\fB\tD\"\u0003oi\u0016,kaPM18I#Doe\"ʗ\t2!P-yJŪ\u0011.y!G\u00062\u001b\u0018\u001bIV\u0005D,oX\u001c_>aC\"br%A\tXʰŃV]u\u000b&*\u0002@Ǫj,9(<\u0015b@^F{9e=pVGv\u0015Ym\nXͦ\u0002r`\u001d<ʽ?\nGHe%vNV\"/r3I>$GOiDm\\+d\u0014\u001f#\u001aBo\u0010!pnm!2MՃ:G*ܓ`B]̣TcT˸\u000f\u0004>+,B`BJOv\u0010\bD\u0003\bhߛ!%}˄ݠC۳\u001d\u0017/DIn7\u0002\t\u0000NzUyWļ\"'je6W~g\u000f`ƫ\u0012\u0000\u000b`Php!\u001boYGQd'\u001dNtތ\u0010ѪǰXL{EŴW .e\n߲XL{Eb1寗mDꕕnVD:_ϯ;sK~7Y\bhތ5pWM]\u00060ЊH\u001c'*k\u000e3Oкpm92b8\r[\u00058Y>\r͟Iɒϑv>r\u0002\r/Wq/`\u0003Ö0\u0014j\u001cWSa\u0015|c\u001aЬLjP\u000e9FD5|\u0006`='\u001eBwKK6\"Nv5\"I\u0012ِ$-hIq2IN$\u0018! \u001fH%q2ѯ\u00116>H,6Q@y=\u001fJ&+57f\u0000(C~t\b\b\u001du;\u0000\u001dDmbC\"\u0001zs\u001fF{j\u0003V,\u000fC\u00035r_4\u0006fBn\u000bbvz4Y)tj\u0003e\u0005Dsr)*J(u@\u0002[\u0000`\u000b\u0000џ\u001doqY\u001a16>\u001a=Kei\u0012d4Փڗ\t)Vk\u001aS#feKbkm\u001b\fR]1k:O0S[\u00191lZ\u001b +sPs-hl1W\u0018<V[\u000e;0k 珃\\AZ\u0007}\u0013%~`m~\u000ehnv7Oquh;DsHvA($J\n\u0002*(ӧQX\u0015p5\u001b\"lj7QE\u001c\u0013o-xx#\u001ce[8FtV%xxotS8F\u000fq⍔{{8FT\u001f%xx#\u0016q<NQ\u0011\u001bQؖxc칬N`\u001dq\u000ehN\u000fn\u0001q]\u0015/=~sX\u0016j*TrѲeF_\u0005\u0004n'+^6qK1ԺzK\u001f\u0002u%8{*Q\u001c\u0018}\\4~s䭕h\u0012'{g\u0007(GA\u00119\u0003\u0019SimW\u0013I\u001b\u0005\u0001\u001eRD*\u0011rdO\u0013pH\u000fP'O\\\u000e\u0019\u001daw\t߲Z\\4\u0015Blm\u001eFzzK*B\u0019d;3z%\u001f)\u001bܹ\u0017\u0013N?Fο);\u001c\u000f\u001d\u0010r\b\f~nK]\u0007q\u0014x@r:W?z3q\u0001oU\u0014*Wmw#\u000e\u001ăk#\u000f<l\u0019)Α\u0004W)\u0002\\\u0015)\u0004AT\u001c\u001c\u001b\u0012xN\u0012E8̇dxq|P\t;\u0002/\u0007B\u0014\u0012\u000f\u001f\u0012+AGCq\u001a\n\u00005\u000bn9\u001fGs!˔$?\u0013\u0014bHq|Q \u000e\u000bф@IA\u0015CR!!B\"\u000bl((=1\f\u0004L!l\u0004\u001e\u0017\f{VXYT{p\u0010dQX'$.\u001b\u0014\u001cCJR\u0014\u000fp\n\u001bV%\u0007\u0013\u0014U$w``UJy6\u0014\u0016y\u0006\u0012\n{B(*\u0000^\u0010\u0004Sh*V\u0004\u0005P\u0010IVG(Po(Hl\u0010<hpTtDL%Vp-D\u0003τ +80\rE`\u0015!$;\u0010t\u001fi\u0001!E\u0014̂!V\u0011Êa^pDIP\tI+\nYu\u0015%\u00141h\u001b\tqV\u0000 `/J\t\u000b誀Qu\u00025\u0011uG\u001dQ}\n),@x\u0006.u\u000f\u0010}Gg4\u001a;\u0004<qOxw\u0006\u001d'@!\u0014\u0001\u0004Q\u000e\rendstream\rendobj\r6 0 obj\r[5 0 R]\rendobj\r22 0 obj\r<</CreationDate(D:20140331220830-03'00')/Creator(Adobe Illustrator CS6 \\(Macintosh\\))/ModDate(D:20140331220830-03'00')/Producer(Adobe PDF library 10.01)/Title(badge)>>\rendobj\rxref\r0 23\r0000000000 65535 f\r\n0000000016 00000 n\r\n0000000144 00000 n\r\n0000012664 00000 n\r\n0000000000 00000 f\r\n0000014337 00000 n\r\n0000049147 00000 n\r\n0000012715 00000 n\r\n0000013063 00000 n\r\n0000017319 00000 n\r\n0000014636 00000 n\r\n0000014523 00000 n\r\n0000013434 00000 n\r\n0000013776 00000 n\r\n0000013824 00000 n\r\n0000014407 00000 n\r\n0000014438 00000 n\r\n0000014671 00000 n\r\n0000017392 00000 n\r\n0000017566 00000 n\r\n0000018564 00000 n\r\n0000021738 00000 n\r\n0000049170 00000 n\r\ntrailer\r<</Size 23/Root 1 0 R/Info 22 0 R/ID[<5CC7DC0F43CF439A89BC6202519BC058><20D02FBF49924FDB9DB54F9EE18ED8F8>]>>\rstartxref\r49354\r%%EOF\r"
  },
  {
    "path": "packages/components/src/main.styl",
    "content": "@charset \"UTF-8\";\n\n// Core package (using local monorepo path - not npm)\n@import '../../core/src/vars/';\n@import '../../core/src/mixins/';\n\n// Quick fix for error with @extend .img-responsive in carousel and thumbnails\n// without importing whole scaffolding/index.styl file\n// Responsive images (ensure images don't scale beyond their parents)\n.img-responsive\n  img-responsive()\n\n// Vendor\n@import './budicon/budicon.fixed.css';\n@import \"./animations/index\"; // Custom animate.css build\n\n// Core CSS\n@import \"./code/index\";\n@import \"./tables/index\";\n@import \"./forms/index\";\n@import \"./buttons/index\";\n@import './themes/index';\n\n// Components\n@import './alerts/index';\n@import './buttons/index';\n@import './cards/index';\n@import './breadcrumb/index';\n@import './codemirror/index';\n@import './spinner/index';\n@import './code-picker/index';\n@import './navs/index';\n@import './notifications/index';\n@import './showcase-tabs/index';\n@import \"./dropdowns/index\"\n@import \"./button-groups/index\"\n@import \"./input-groups/index\"\n@import \"./navbar/index\"\n@import \"./pagination/index\"\n@import \"./pager/index\"\n@import \"./labels/index\"\n@import \"./badges/index\"\n@import \"./jumbotron/index\"\n@import \"./thumbnails/index\"\n@import \"./progress-bars/index\"\n@import \"./media/index\"\n@import \"./list-group/index\"\n@import \"./panels/index\"\n@import \"./wells/index\"\n@import \"./close/index\"\n@import \"./scope/index\"\n\n// Components w/ JavaScript\n@import \"./modals/index\"\n@import \"./tooltip/index\"\n@import \"./popovers/index\"\n@import \"./carousel/index\"\n\n// Helpers\n@import \"./helpers/index\"\n\n// Auth0 Custom Components\n@import './header/index';\n@import './sidebar-box/index';\n@import './banner/index';\n@import './big-tabs/index';\n@import './ui-switch/index';\n@import './switchboard/index';\n@import './phone-mockup/index';\n@import './browser/index';\n@import './center-title-block/index';\n@import './footer/index';\n@import './sidebar-box/index';\n@import './sub-header/index';\n@import './prettify/index';\n@import './quotes/index';\n@import './try-banner/index';\n@import './circle-logo/index';\n@import './extension/index';\n@import './budicon/budicon';\n@import './highlight/index';\n"
  },
  {
    "path": "packages/components/src/media/index.styl",
    "content": ".media\n  // Proper spacing between instances of .media\n  margin-top 15px\n\n  &:first-child\n    margin-top 0\n\n.media,\n.media-body\n  zoom 1\n  overflow hidden\n\n.media-body\n  width 10000px\n\n.media-object\n  display block\n\n  // Fix collapse in webkit from max-width: 100% and display: table-cell\n  &.img-thumbnail\n    max-width none\n\n.media-right,\n.media > .pull-right\n  padding-left 10px\n\n.media-left,\n.media > .pull-left\n  padding-right 10px\n\n.media-left,\n.media-right,\n.media-body\n  display table-cell\n  vertical-align top\n\n.media-middle\n  vertical-align middle\n\n.media-bottom\n  vertical-align bottom\n\n// Reset margins on headings for tighter default spacing\n.media-heading\n  margin-top 0\n  margin-bottom 5px\n\n// Media list variation\n//\n// Undo default ul/ol styles\n.media-list\n  padding-left 0\n  list-style none\n"
  },
  {
    "path": "packages/components/src/modals/demo.pug",
    "content": "\n.modal-container\n  button.btn.btn-primary.btn-lg(type='button', data-toggle='modal', data-target='#modal-sample')\n    | Launch demo modal\n    Modal\n\n  #modal-sample.modal(tabindex='-1', role='dialog', aria-labelledby='myModalLabel', aria-hidden='true')\n    .modal-backdrop\n    .modal-dialog\n      .modal-content\n        .modal-header.has-border\n          button.close(type='button', data-dismiss='modal')\n            span(aria-hidden='true') ×\n            span.sr-only Close\n          h4#myModalLabel.modal-title Modal title\n        .modal-body\n          .row\n            .col-xs-12.form-group\n              label.control-label.col-xs-3 Sample Field\n              .col-xs-9\n                input.input-block-level.form-control(type='text', name='name', placeholder='Awesome-Database', required='', autofocus='')\n                p.help-block This is a logical identifier of the connection.\n            .col-xs-12.form-group    \n              label.control-label.col-xs-3 Sample Field\n              .col-xs-9\n                input.input-block-level.form-control(type='text', name='name', placeholder='Aed724smjeY', required='', autofocus='')\n                p.help-block This is a logical identifier of the connection.\n\n        .modal-footer\n          button.btn.btn-primary(type='button') Save changes\n"
  },
  {
    "path": "packages/components/src/modals/index.styl",
    "content": "//\n// Modals\n// --------------------------------------------------\n\n//** Padding applied to the modal body\n$modal-inner-padding ?=       15px\n\n//** Padding applied to the modal title\n$modal-title-padding ?=       15px\n//** Modal title line-height\n$modal-title-line-height ?=   $line-height-base\n\n//** Background color of modal content area\n$modal-content-bg ?=                           #fff\n//** Modal content border color\n$modal-content-border-color ?=                 rgba(0, 0, 0, .2)\n//** Modal content border color **for IE8**\n$modal-content-fallback-border-color ?=        #999\n\n//** Modal backdrop background color\n$modal-backdrop-bg ?=         rgba(244, 241, 241, 0.95)\n//** Modal backdrop opacity\n$modal-backdrop-opacity ?=    1\n//** Modal header border color\n$modal-header-border-color ?= #e5e5e5\n//** Modal footer border color\n$modal-footer-border-color ?= $modal-header-border-color\n\n$modal-lg ?=                  900px\n$modal-md ?=                  600px\n$modal-sm ?=                  300px\n// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and shit\n\n.modal-open\n  overflow: hidden;\n\n// Container that the modal scrolls within\n.modal\n  display: none;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  -webkit-overflow-scrolling: touch;\n  background: none;\n  opacity: 0;\n  transition: .5s;\n\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline 0\n\n  // When fading in the modal, animate it to slide down\n\n  &.fade .modal-dialog\n    transform translate(0, -25%)\n    transition transform 0.3s ease-out\n\n  &.in\n    opacity: 1;\n    pointer-events: auto;\n    \n    .modal-dialog\n      opacity: 1;\n      transform: none;\n\n  .form-horizontal .control-label\n    +breakpoint(\"tablet\")\n      padding-top: 7px;\n      margin-bottom: 0;\n      text-align: right;\n\n\n.modal-open .modal\n  overflow-x hidden\n  overflow-y auto\n\n// Shell div to position the modal with bottom padding\n.modal-dialog\n  position: relative;\n  width: auto;\n  margin: 10px;\n  max-width: 640px;\n  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);\n  transform: translateY(80%) scale(.8);\n  transition: .4s;\n  opacity: 0;\n  overflow: hidden;\n  z-index $zindex-modal\n\n  .alert button.close\n    font-size: 20px;\n\n  button.close\n    font-size: 34px;\n    font-weight: normal\n\n// Actual modal\n.modal-content\n  position relative\n  background-color $modal-content-bg\n  border-radius $border-radius-large\n  background-clip padding-box\n  outline 0 // Remove focus outline from opened modal\n  overflow: hidden;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  border: 0;\n\n\n// Modal background\n.modal-backdrop\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-modal-background;\n  background: $modal-backdrop-bg;\n  opacity: 1;\n\n  .theme-dark &\n    background: rgba(black, 0.75);\n\n  // Fade for backdrop\n  &.fade\n    opacity-ie(0)\n\n  &.in\n    opacity-ie($modal-backdrop-opacity)\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header\n  padding: $modal-title-padding;\n  border-bottom: 1px solid $modal-header-border-color;\n  clearfix()\n  border-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  position: relative;\n\n  &.has-border\n    border-bottom: 1px solid #E5E5E5;\n\n  .nav-tabs\n    margin-bottom: 0;\n    margin-top: 20px;\n\n  .modal-title\n    font-weight: $font-weight-bold\n    font-size: $font-size-base;\n    text-align: center\n    line-height: 1;\n\n  // Close icon\n  .close\n    width: 18px;\n    height: 18px;\n    text-indent: -10000em;\n    opacity: .8;\n    background-size: 100%;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFNUlEQVRYCa1XSU8cRxSuelXdTAaGMROwPRiMcJATQ3xISLwkccQhOUS28Sm/kkMEtqVEygHJdkgikYsFUQg2nhgYsYid8TBdS+q1qVZP09302PSltrd8/V69pShp8RsZGXG33Atlns/1SKFyXLGcpKQNxTBNjgTIOuNQF7X6RqmxVp2bm2u0ooJmJe67fe+SUmKQKNqVlcenA70NwJeWZx6tZOE7FVDv6P1u1iaHpaeLKJBSqgnXNe1BHbgQShNBFZF4poEwoIQrwTl1VM6c5LXWvg7m0F15xOZXZx9uIm3SlwgIBfXfenBdKW/gLbN6A5zsGQvVk4TF7oPOKUE6CYEP8BzAqbz+ffK5/2MxDLGARkdHnapz/ob57xIDcuQpvc3NGMOfeUso0uYA7ZJmJIxslb31P2dnZ72oABbdQDCb7PwdpUgRGSnRW8YNvkuitK2sj2UcaPAdXDqC9vLQxeJytVpVYTkQXqCb0DKC0DwwuQ5a74fPz2KOMlE26kBd9o5Z2U2A8M5QE0WKiqq5oW8s0ZmPRjbqQF2oMyw/cBlGkwmYTw36DSDwXvclrCBpDsTAAdlQSl8qlK9t7VcXakgbWAhDG+9MmmVcB0yE8cyWczgGQgo9esHo9HUfI/cthEmPKtWLFzjpj5irN149/bmyt7Kw9WHfMDGppyOJFvcpdzcrzx6/QvqegetaahFLb8K8YTLbuc7Ln9T3lhf2fQthBsbQTlKAlqk8+aVqz5f+mFpziLtm19ERwbx+NrVq91/89tM6ZfTQrqMj6vargDkArE1E6VxqngHQUSFJoKJgLB+NkWHPfN0GA2JhvO/LPuMOh2gqLEF0bAjSXrhwtXhQ/bcp7e+s/HMYdl8SmP6vfvhIK9mdpoMyImu6i4Lj0u4s5YAyNVT+/O61KFhrqTQw0iPD5LimRfmDtSlJiIWWb94dNeBOpPCA8HhiAJ2THitqCYvVvx7/HT2PW6NlEAwwk2C1ieBTPkmYAy49eT/i+AyQHebI3SRLRXlaBYP8iAUaSga5KCo0us4K6l3AoC7Ewk1LIVopncegiOYujwK2a1EHl7kyk5ssD46IBbiirZcJmltcnpl8HhYWnuMdc7Sb6Z6F+RALSCpOvdBhpqRoCtPg3EZfdD9tjVhMLdWZe50kMHhn0lJCGojwGWIBTzYy9TxpYDC0k6KvFUshFrhaIDthlHFzrNrh2mRpwtGUlhIQFAHttxeWN25ELDA9PS3SCh8yeoI3tZm4FwaDSe+0lADspAyUYz/EgFj8HOTkO5pqlCWyoySNzt4vxj+26ygYu58EauDb+4ONuui2dHGjxRC8Ovpujw8R1cjHEeOLwXR4F43Zt83DTONrJK0c2DLD2/S2ENLQc0NP14lW8c0duLXlmalF1B1k6VKhGPQ7UVDYHphHIb7Juk4Dg7zWUuII6XmJgjpIBGPow7oDC6Gg/q/He7VoJJvWPPr8qp3xAWCMk+OcmUY0wTJGZzR6mwDhk2Tgzr1B5aW3pwj+LD5w2EHlyaOl8Cs2cBkqwIOb5XzlbXN+FiqTZaAO1BUGg9TBM8iyzs/P6+9vfbazWpN5rbRr989yRMvc6O1YmpiYOFElmlwWVoruu/zNg3LqnQozZJzjnfnv6WQ1ahnL3uQyu4kjMmB2LhV7XhATluGzd5obGSgLZSaB8fVmFX7lux+LXu2g2zyw2rPy+ApMBsak9/LXid0sfIkuS2IeGxvjL0V7gRMoeEo4THNHUuU3a0yDwBbCAe4Jovav8MN9LAdJsuL2/we/urKeUsCFcAAAAABJRU5ErkJggg==');\n    margin-top: 0;\n    position: absolute\n    margin-right: 15px;\n    right: 0;\n    top: 15px;\n\n    &:hover\n      opacity: 1;\n\n    &:focus\n      outline: none;\n\n// Title text within header\n.modal-title\n  margin 0\n  line-height $modal-title-line-height\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body\n  position: relative;\n  overflow-y: auto;\n  border: 0;\n  max-height: none;\n  min-height: 70px;\n  padding: 20px 35px;\n\n// Footer (for actions)\n.modal-footer\n  padding $modal-inner-padding\n  text-align center // right align buttons\n  border-top 1px solid $modal-footer-border-color\n  clearfix() // clear it in case folks use .pull-* classes on buttons\n\n  .btn\n    font-size: $font-size-small;\n\n  // Properly space out buttons\n  .btn + .btn\n    margin-left 5px\n    margin-bottom 0 // account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n\n  // but override that for button groups\n  .btn-group .btn + .btn\n    margin-left -1px\n\n  // and override it for block buttons as well\n  .btn-block + .btn-block\n    margin-left 0\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure\n  position absolute\n  top -9999px\n  width 50px\n  height 50px\n  overflow scroll\n\n.modal-separator\n  border-top: 1px solid #E5E5E5;\n  margin: 0 -35px;\n\n// Scale up the modal\n@media (min-width $screen-sm-min)\n  // Automatically set modal's width for larger viewports\n  .modal-dialog\n    width $modal-md\n    margin 30px auto\n  .modal-content\n    box-shadow 0 5px 15px rgba(0, 0, 0, .5)\n\n  // Modal sizes\n  .modal-sm\n    width $modal-sm\n\n@media (min-width $screen-md-min)\n  .modal-lg\n    width $modal-lg\n"
  },
  {
    "path": "packages/components/src/navbar/index.styl",
    "content": "//\n// Navbars\n// --------------------------------------------------\n//== Navbar\n//\n//##\n\n// Basics of a navbar\n$navbar-height ?=                  50px\n$navbar-margin-bottom ?=           $line-height-computed\n$navbar-border-radius ?=           $border-radius-base\n$navbar-padding-horizontal ?=      floor($grid-gutter-width / 2)\n$navbar-padding-vertical ?=        (($navbar-height - $line-height-computed) / 2)\n$navbar-collapse-max-height ?=     340px\n\n$navbar-default-color ?=           #777\n$navbar-default-bg ?=              #f8f8f8\n$navbar-default-border ?=          darken($navbar-default-bg, 6.5)\n\n// Navbar links\n$navbar-default-link-color ?=              #777\n$navbar-default-link-hover-color ?=        #333\n$navbar-default-link-hover-bg ?=           transparent\n$navbar-default-link-active-color ?=       #555\n$navbar-default-link-active-bg ?=          darken($navbar-default-bg, 6.5)\n$navbar-default-link-disabled-color ?=     #ccc\n$navbar-default-link-disabled-bg ?=        transparent\n\n// Navbar brand label\n$navbar-default-brand-color ?=             $navbar-default-link-color\n$navbar-default-brand-hover-color ?=       darken($navbar-default-brand-color, 10)\n$navbar-default-brand-hover-bg ?=          transparent\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg ?=         #ddd\n$navbar-default-toggle-icon-bar-bg ?=      #888\n$navbar-default-toggle-border-color ?=     #ddd\n\n\n//=== Inverted navb$code-bgar\n// Reset inverted navbar basics\n$navbar-inverse-color ?=                    lighten($gray-light, 15)\n$navbar-inverse-bg ?=                       #222\n$navbar-inverse-border ?=                   darken($navbar-inverse-bg, 10)\n\n// Inverted navbar links\n$navbar-inverse-link-color ?=               lighten($gray-light, 15)\n$navbar-inverse-link-hover-color ?=         #fff\n$navbar-inverse-link-hover-bg ?=            transparent\n$navbar-inverse-link-active-color ?=        $navbar-inverse-link-hover-color\n$navbar-inverse-link-active-bg ?=           darken($navbar-inverse-bg, 10)\n$navbar-inverse-link-disabled-color ?=      #444\n$navbar-inverse-link-disabled-bg ?=         transparent\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color ?=              $navbar-inverse-link-color\n$navbar-inverse-brand-hover-color ?=        #fff\n$navbar-inverse-brand-hover-bg ?=           transparent\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg ?=          #333\n$navbar-inverse-toggle-icon-bar-bg ?=       #fff\n$navbar-inverse-toggle-border-color ?=      #333\n\n// Wrapper and base class\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar\n  position relative\n  min-height $navbar-height // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)\n  margin-bottom $navbar-margin-bottom\n  border 1px solid transparent\n\n  // Prevent floats from breaking the navbar\n  clearfix()\n\n  @media (min-width $grid-float-breakpoint)\n    border-radius $navbar-border-radius\n\n\n// Navbar heading\n//\n// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy\n// styling of responsive aspects.\n\n.navbar-header\n  clearfix()\n\n  @media (min-width $grid-float-breakpoint)\n    float left\n\n\n// Navbar collapse (body)\n//\n// Group your navbar content into this for easy collapsing and expanding across\n// various device sizes. By default, this content is collapsed when <768px, but\n// will expand past that for a horizontal display.\n//\n// To start (on mobile devices) the navbar links, forms, and buttons are stacked\n// vertically and include a `max-height` to overflow in case you have too much\n// content for the user's viewport.\n\n.navbar-collapse\n  overflow-x visible\n  padding-right $navbar-padding-horizontal\n  padding-left $navbar-padding-horizontal\n  border-top 1px solid transparent\n  box-shadow inset 0 1px 0 rgba(255, 255, 255, .1)\n  clearfix()\n  -webkit-overflow-scrolling touch\n\n  &.in\n    overflow-y auto\n\n  @media (min-width $grid-float-breakpoint)\n    width auto\n    border-top 0\n    box-shadow none\n\n    &.collapse\n      display block !important\n      height auto !important\n      padding-bottom 0 // Override default setting\n      overflow visible !important\n\n    &.in\n      overflow-y visible\n\n    // Undo the collapse side padding for navbars with containers to ensure\n    // alignment of right-aligned contents.\n    .navbar-fixed-top &,\n    .navbar-static-top &,\n    .navbar-fixed-bottom &\n      padding-left 0\n      padding-right 0\n\n.navbar-fixed-top,\n.navbar-fixed-bottom\n  .navbar-collapse\n    max-height $navbar-collapse-max-height\n\n    @media (max-device-width $screen-xs-min) and (orientation landscape)\n      max-height 200px\n\n\n// Both navbar header and collapse\n//\n// When a container is present, change the behavior of the header and collapse.\n\n.container,\n.container-fluid\n  > .navbar-header,\n  > .navbar-collapse\n    margin-right (-($navbar-padding-horizontal))\n    margin-left (-($navbar-padding-horizontal))\n\n    @media (min-width $grid-float-breakpoint)\n      margin-right 0\n      margin-left 0\n\n\n//\n// Navbar alignment options\n//\n// Display the navbar across the entirety of the page or fixed it to the top or\n// bottom of the page.\n\n// Static top (unfixed, but 100% wide) navbar\n.navbar-static-top\n  z-index $zindex-navbar\n  border-width 0 0 1px\n\n  @media (min-width $grid-float-breakpoint)\n    border-radius 0\n\n// Fix the top/bottom navbars when screen real estate supports it\n.navbar-fixed-top,\n.navbar-fixed-bottom\n  position fixed\n  right 0\n  left 0\n  z-index $zindex-navbar-fixed\n\n  // Undo the rounded corners\n  @media (min-width $grid-float-breakpoint)\n    border-radius 0\n\n.navbar-fixed-top\n  top 0\n  border-width 0 0 1px\n\n.navbar-fixed-bottom\n  bottom 0\n  margin-bottom 0 // override .navbar defaults\n  border-width 1px 0 0\n\n\n// Brand/project name\n\n.navbar-brand\n  float left\n  padding $navbar-padding-vertical $navbar-padding-horizontal\n  font-size $font-size-large\n  line-height $line-height-computed\n  height $navbar-height\n\n  &:hover,\n  &:focus\n    text-decoration none\n\n  > img\n    display block\n\n  @media (min-width $grid-float-breakpoint)\n    .navbar > .container &,\n    .navbar > .container-fluid &\n      margin-left (-($navbar-padding-horizontal))\n\n\n// Navbar toggle\n//\n// Custom button for toggling the `.navbar-collapse`, powered by the collapse\n// JavaScript plugin.\n\n.navbar-toggle\n  position relative\n  float right\n  margin-right $navbar-padding-horizontal\n  padding 9px 10px\n  navbar-vertical-align(34px)\n  background-color transparent\n  background-image none // Reset unusual Firefox-on-Android default style see https://github.com/necolas/normalize.css/issues/214\n  border 1px solid transparent\n  border-radius $border-radius-base\n\n  // We remove the `outline` here, but later compensate by attaching `:hover`\n  // styles to `:focus`.\n  &:focus\n    outline 0\n\n  // Bars\n  .icon-bar\n    display block\n    width 22px\n    height 2px\n    border-radius 1px\n  .icon-bar + .icon-bar\n    margin-top 4px\n\n  @media (min-width $grid-float-breakpoint)\n    display none\n\n\n// Navbar nav links\n//\n// Builds on top of the `.nav` components with its own modifier class to make\n// the nav the full height of the horizontal nav (above 768px).\n\n.navbar-nav\n  margin ($navbar-padding-vertical / 2) (-($navbar-padding-horizontal))\n\n  > li > a\n    padding-top 10px\n    padding-bottom 10px\n    line-height $line-height-computed\n\n  @media (max-width $grid-float-breakpoint-max)\n    // Dropdowns get custom display when collapsed\n    .open .dropdown-menu\n      position static\n      float none\n      width auto\n      margin-top 0\n      background-color transparent\n      border 0\n      box-shadow none\n      > li > a,\n      .dropdown-header\n        padding 5px 15px 5px 25px\n      > li > a\n        line-height $line-height-computed\n        &:hover,\n        &:focus\n          background-image none\n\n  // Uncollapse the nav\n  @media (min-width $grid-float-breakpoint)\n    float left\n    margin 0\n\n    > li\n      float left\n      > a\n        padding-top $navbar-padding-vertical\n        padding-bottom $navbar-padding-vertical\n\n\n// Navbar form\n//\n// Extension of the `.form-inline` with some extra flavor for optimum display in\n// our navbars.\n\n.navbar-form\n  margin-left (-($navbar-padding-horizontal))\n  margin-right (-($navbar-padding-horizontal))\n  padding 10px $navbar-padding-horizontal\n  border-top 1px solid transparent\n  border-bottom 1px solid transparent\n  box-shadow inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)\n\n  // Mixin behavior for optimum display\n  @extend .form-inline\n\n  .form-group\n    @media (max-width $grid-float-breakpoint-max)\n      margin-bottom 5px\n\n      &:last-child\n        margin-bottom 0\n\n  // Vertically center in expanded, horizontal navbar\n  navbar-vertical-align($input-height-base)\n\n  // Undo 100% width for pull classes\n  @media (min-width $grid-float-breakpoint)\n    width auto\n    border 0\n    margin-left 0\n    margin-right 0\n    padding-top 0\n    padding-bottom 0\n    box-shadow none\n\n\n// Dropdown menus\n\n// Menu position and menu carets\n.navbar-nav > li > .dropdown-menu\n  margin-top 0\n  border-top-radius(0)\n// Menu position and menu caret support for dropups via extra dropup class\n.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu\n  margin-bottom 0\n  border-top-radius($navbar-border-radius)\n  border-bottom-radius(0)\n\n\n// Buttons in navbars\n//\n// Vertically center a button within a navbar (when *not* in a form).\n\n.navbar-btn\n  navbar-vertical-align($input-height-base)\n\n  &.btn-sm\n    navbar-vertical-align($input-height-small)\n  &.btn-xs\n    navbar-vertical-align(22)\n\n\n// Text in navbars\n//\n// Add a class to make any element properly align itself vertically within the navbars.\n\n.navbar-text\n  navbar-vertical-align($line-height-computed)\n\n  @media (min-width $grid-float-breakpoint)\n    float left\n    margin-left $navbar-padding-horizontal\n    margin-right $navbar-padding-horizontal\n\n\n// Component alignment\n//\n// Repurpose the pull utilities as their own navbar utilities to avoid specificity\n// issues with parents and chaining. Only do this when the navbar is uncollapsed\n// though so that navbar contents properly stack and align in mobile.\n//\n// Declared after the navbar components to ensure more specificity on the margins.\n\n@media (min-width $grid-float-breakpoint)\n  .navbar-left\n    float left !important\n\n  .navbar-right\n    float right !important\n    margin-right -($navbar-padding-horizontal)\n\n    ~ .navbar-right\n      margin-right 0\n\n\n// Alternate navbars\n// --------------------------------------------------\n\n// Default navbar\n.navbar-default\n  background-color $navbar-default-bg\n  border-color $navbar-default-border\n\n  .navbar-brand\n    color $navbar-default-brand-color\n\n    &:hover,\n    &:focus\n      color $navbar-default-brand-hover-color\n      background-color $navbar-default-brand-hover-bg\n\n  .navbar-text\n    color $navbar-default-color\n\n  .navbar-nav\n    > li > a\n      color $navbar-default-link-color\n\n      &:hover,\n      &:focus\n        color $navbar-default-link-hover-color\n        background-color $navbar-default-link-hover-bg\n\n    > .active > a\n      &,\n      &:hover,\n      &:focus\n        color $navbar-default-link-active-color\n        background-color $navbar-default-link-active-bg\n\n    > .disabled > a\n      &,\n      &:hover,\n      &:focus\n        color $navbar-default-link-disabled-color\n        background-color $navbar-default-link-disabled-bg\n\n  .navbar-toggle\n    border-color $navbar-default-toggle-border-color\n\n    &:hover,\n    &:focus\n      background-color $navbar-default-toggle-hover-bg\n    .icon-bar\n      background-color $navbar-default-toggle-icon-bar-bg\n\n  .navbar-collapse,\n  .navbar-form\n    border-color $navbar-default-border\n\n  // Dropdown menu items\n  .navbar-nav\n    // Remove background color from open dropdown\n    > .open > a\n      &,\n      &:hover,\n      &:focus\n        background-color $navbar-default-link-active-bg\n        color $navbar-default-link-active-color\n\n    @media (max-width $grid-float-breakpoint-max)\n      // Dropdowns get custom display when collapsed\n      .open .dropdown-menu\n        > li > a\n          color $navbar-default-link-color\n          &:hover,\n          &:focus\n            color $navbar-default-link-hover-color\n            background-color $navbar-default-link-hover-bg\n        > .active > a\n          &,\n          &:hover,\n          &:focus\n            color $navbar-default-link-active-color\n            background-color $navbar-default-link-active-bg\n        > .disabled > a\n          &,\n          &:hover,\n          &:focus\n            color $navbar-default-link-disabled-color\n            background-color $navbar-default-link-disabled-bg\n\n\n  // Links in navbars\n  //\n  // Add a class to ensure links outside the navbar nav are colored correctly.\n\n  .navbar-link\n    color $navbar-default-link-color\n\n    &:hover\n      color $navbar-default-link-hover-color\n\n  .btn-link\n    color $navbar-default-link-color\n\n    &:hover,\n    &:focus\n      color $navbar-default-link-hover-color\n\n    &[disabled],\n    fieldset[disabled] &\n      &:hover,\n      &:focus\n        color $navbar-default-link-disabled-color\n\n// Inverse navbar\n\n.navbar-inverse\n  background-color $navbar-inverse-bg\n  border-color $navbar-inverse-border\n\n  .navbar-brand\n    color $navbar-inverse-brand-color\n    &:hover,\n    &:focus\n      color $navbar-inverse-brand-hover-color\n      background-color $navbar-inverse-brand-hover-bg\n\n  .navbar-text\n    color $navbar-inverse-color\n\n  .navbar-nav\n    > li > a\n      color $navbar-inverse-link-color\n\n      &:hover,\n      &:focus\n        color $navbar-inverse-link-hover-color\n        background-color $navbar-inverse-link-hover-bg\n\n    > .active > a\n      &,\n      &:hover,\n      &:focus\n        color $navbar-inverse-link-active-color\n        background-color $navbar-inverse-link-active-bg\n\n    > .disabled > a\n      &,\n      &:hover,\n      &:focus\n        color $navbar-inverse-link-disabled-color\n        background-color $navbar-inverse-link-disabled-bg\n\n  // Darken the responsive nav toggle\n  .navbar-toggle\n    border-color $navbar-inverse-toggle-border-color\n\n    &:hover,\n    &:focus\n      background-color $navbar-inverse-toggle-hover-bg\n    .icon-bar\n      background-color $navbar-inverse-toggle-icon-bar-bg\n\n  .navbar-collapse,\n  .navbar-form\n    border-color darken($navbar-inverse-bg, 7)\n\n  // Dropdowns\n  .navbar-nav\n    > .open > a\n      &,\n      &:hover,\n      &:focus\n        background-color $navbar-inverse-link-active-bg\n        color $navbar-inverse-link-active-color\n\n    @media (max-width $grid-float-breakpoint-max)\n      // Dropdowns get custom display\n      .open .dropdown-menu\n        > .dropdown-header\n          border-color $navbar-inverse-border\n\n        .divider\n          background-color $navbar-inverse-border\n\n        > li > a\n          color $navbar-inverse-link-color\n          &:hover,\n          &:focus\n            color $navbar-inverse-link-hover-color\n            background-color $navbar-inverse-link-hover-bg\n\n        > .active > a\n          &,\n          &:hover,\n          &:focus\n            color $navbar-inverse-link-active-color\n            background-color $navbar-inverse-link-active-bg\n\n        > .disabled > a\n          &,\n          &:hover,\n          &:focus\n            color $navbar-inverse-link-disabled-color\n            background-color $navbar-inverse-link-disabled-bg\n\n  .navbar-link\n    color $navbar-inverse-link-color\n\n    &:hover\n      color $navbar-inverse-link-hover-color\n\n  .btn-link\n    color $navbar-inverse-link-color\n\n    &:hover,\n    &:focus\n      color $navbar-inverse-link-hover-color\n\n    &[disabled],\n    fieldset[disabled] &\n      &:hover,\n      &:focus\n        color $navbar-inverse-link-disabled-color\n"
  },
  {
    "path": "packages/components/src/navs/demo.pug",
    "content": "ul.nav.nav-tabs\n  li.active\n    a(href=\"\") Something\n  li \n    a(href=\"\") Something\n  li \n    a(href=\"\") Something\n  li \n    a(href=\"\") Something\n"
  },
  {
    "path": "packages/components/src/navs/index.styl",
    "content": "//\n// Navs\n// --------------------------------------------------\n\n$nav-link-padding ?=                        10px 15px\n$nav-link-hover-bg ?=                       $gray-lighter\n\n$nav-disabled-link-color ?=                $gray-light\n$nav-disabled-link-hover-color ?=           $gray-light\n\n//== Tabs\n$nav-tabs-border-color ?=                   #ddd\n\n$nav-tabs-link-hover-border-color ?=        $gray-lighter\n\n$nav-tabs-active-link-hover-bg ?=           $body-bg\n$nav-tabs-active-link-hover-color ?=        gray\n$nav-tabs-active-link-hover-border-color ?= #ddd\n\n$nav-tabs-justified-link-border-color ?=          #ddd\n$nav-tabs-justified-active-link-border-color ?=   $body-bg\n\n//== Pills\n$nav-pills-border-radius ?=                 $border-radius-base\n$nav-pills-active-link-hover-bg ?=          $component-active-bg\n$nav-pills-active-link-hover-color ?=       $component-active-color\n\n// Base class\n// --------------------------------------------------\n\n.nav\n  margin-bottom 0\n  padding-left 0 // Override default ul/ol\n  list-style none\n  clearfix()\n\n  > li\n    position relative\n    display block\n\n    > a\n      position relative\n      display block\n      padding $nav-link-padding\n\n      &:hover,\n      &:focus\n        text-decoration none\n        background-color $nav-link-hover-bg\n\n    // Disabled state sets text to gray and nukes hover/tab effects\n    &.disabled > a\n      color $nav-disabled-link-color\n\n      &:hover,\n      &:focus\n        color $nav-disabled-link-hover-color\n        text-decoration none\n        background-color transparent\n        cursor $cursor-disabled\n\n  // Open dropdowns\n  .open > a\n    &,\n    &:hover,\n    &:focus\n      background-color $nav-link-hover-bg\n      border-color $link-color\n\n  // Nav dividers (deprecated with v3.0.1)\n  //\n  // This should have been removed in v3 with the dropping of `.nav-list`, but\n  // we missed it. We don't currently support this anywhere, but in the interest\n  // of maintaining backward compatibility in case you use it, it's deprecated.\n  .nav-divider\n    nav-divider()\n\n  // Prevent IE8 from misplacing imgs\n  //\n  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989\n  > li > a > img\n    max-width none\n\n\n// Tabs\n// -------------------------\n\n// Give the tabs something to sit on\n.nav.nav-tabs\n  border-bottom: 1px solid rgba(0,0,0,.1)\n  margin-bottom: 20px;\n\n  &.nav-center\n    text-align center\n\n  .theme-dark &\n    border-bottom: 1px solid rgba(255,255,255,.1)\n\n  > li\n    display inline-block\n    margin-left 14px\n    margin-right 14px\n    margin-bottom -1px // Make the list-items overlay the bottom border\n\n    &:first-child\n      margin-left 0\n\n    // Actual tabs (as links)\n    > a\n      padding-left 0\n      padding-right 0\n      background-color transparent\n\n      .theme-dark &\n        color white\n\n        &:hover\n          color rgba(white, 0.8)\n\n    // Active state, and its :hover to override normal :hover\n    &.active > a\n      cursor default\n      color $text-color\n      border-bottom 1px solid rgba(0,0,0,.4)\n\n      .theme-dark &\n        opacity 1\n        color $color-blue-light\n        border-bottom 1px solid $color-blue-light\n\n\n// Pills\n// -------------------------\n.nav-pills\n  > li\n    float left\n\n    // Links rendered as pills\n    > a\n      border-radius $nav-pills-border-radius\n\n    + li\n      margin-left 2px\n\n    // Active state\n    &.active > a\n      &,\n      &:hover,\n      &:focus\n        color $nav-pills-active-link-hover-color\n        background-color $nav-pills-active-link-hover-bg\n\n\n.nav-pills\n  border: 1px solid $color-oil;\n  border-radius: 4px;\n  display: inline-block;\n  font-size: $font-size-small;\n  letter-spacing: .3px;\n  text-transform: uppercase;\n  font-weight: $font-weight-bold\n\n  li\n    margin: 0;\n\n  > li.active > a,\n  > li.active > a:hover,\n  > li.active > a:focus\n    color: $color-text-contrast\n    background-color: $color-oil\n    cursor: default\n\n\n  > li\n    &:first-child > a\n      border-radius: $border-radius-base 0 0 $border-radius-base\n\n    &:last-child > a\n      border-radius: 0 $border-radius-base $border-radius-base 0\n\n    & + li\n      margin-left: 0\n\n    > a\n      border-radius: 0;\n      color: $color-oil\n      padding: ceil(padding-vertical-small / 3) padding-horizontal-large\n\n      &:hover,\n      &:focus\n        color: $color-oil\n        background: transparent;\n\n\n// Stacked pills\n.nav-stacked\n  > li\n    float none\n\n    + li\n      margin-top 2px\n      margin-left 0 // no need for this gap between nav items\n\n\n// Nav variations\n// --------------------------------------------------\n\n// Justified nav links\n// -------------------------\n\n.nav-justified\n  width 100%\n\n  > li\n    float none\n\n    > a\n      text-align center\n      margin-bottom 5px\n\n  > .dropdown .dropdown-menu\n    top auto\n    left auto\n\n  @media (min-width $screen-sm-min)\n    > li\n      display table-cell\n      width 1%\n\n      > a\n        margin-bottom 0\n\n// Move borders to anchors instead of bottom of list\n//\n// Mixin for adding on top the shared `.nav-justified` styles for our tabs\n.nav-tabs-justified\n  border-bottom 0\n\n  > li > a\n    // Override margin from .nav-tabs\n    margin-right 0\n    border-radius $border-radius-base\n\n  > .active > a,\n  > .active > a:hover,\n  > .active > a:focus\n    border 1px solid $nav-tabs-justified-link-border-color\n\n  @media (min-width $screen-sm-min)\n    > li > a\n      border-bottom 1px solid $nav-tabs-justified-link-border-color\n      border-radius $border-radius-base $border-radius-base 0 0\n\n    > .active > a,\n    > .active > a:hover,\n    > .active > a:focus\n      border-bottom-color $nav-tabs-justified-active-link-border-color\n\n.nav-tabs.nav-justified\n  @extend .nav-justified\n  @extend .nav-tabs-justified\n\n// Tabbable tabs\n// -------------------------\n\n// Hide tabbable panes to start, show them when `.active`\n.tab-content\n  > .tab-pane\n    display none\n\n  > .active\n    display block\n\n\n// Dropdowns\n// -------------------------\n\n// Specific dropdowns\n.nav-tabs .dropdown-menu\n  // make dropdown border overlap tab border\n  margin-top -1px\n  // Remove the top rounded corners here since there is a hard edge above the menu\n  border-top-radius(0)\n"
  },
  {
    "path": "packages/components/src/notifications/demo.pug",
    "content": "h5 Global Notifications\n\n.auth0-notification-global.primary\n\t.container\n\t\ti.notification-icon.icon-budicon-764\n\t\tp Primary reminder! Something has happened.\n\t\t.btn.btn-primary.btn-md.pull-right BILLING\n\n.auth0-notification-global.danger\n\t.container\n\t\ti.notification-icon.icon-budicon-354\n\t\tp Danger reminder! Something has happened.\n\n.auth0-notification-global.warning\n\t.container\n\t\ti.notification-icon.icon-budicon-115\n\t\tp Warning reminder! Something has happened.\n\n<br />\n\n\nh5 Non Global Notifications\n\n.auth0-notification.primary\n\ti.notification-icon.icon-budicon-764\n\tp Primary reminder! Something has happened.\n\ti.close.icon-budicon-471\n\n.auth0-notification.danger\n\ti.notification-icon.icon-budicon-354\n\tp Danger! Something has happened.\n\ti.close.icon-budicon-471\n\n.auth0-notification.warning\n\ti.notification-icon.icon-budicon-115\n\tp Warning! Something has happened.\n\ti.close.icon-budicon-471"
  },
  {
    "path": "packages/components/src/notifications/index.styl",
    "content": ".auth0-notification,\n.auth0-notification-global\n\tbackground: white\n\tmargin-bottom: 25px\n\toverflow: hidden\n\tposition: relative\n\t\n\t.notification-icon\n\t\tline-height: 1\n\t\tfont-size: 18px\n\n\t\t+breakpoint(\"tablet\", \"max\")\n\t\t\tmargin-bottom: 14px\n\n\t\t+breakpoint(\"tablet\", \"min\")\n\t\t\tmargin-right: 25px\n\n\t.btn\n\t\tflex-shrink: 0\n\n\t\t+breakpoint(\"tablet\", \"min\")\n\t\t\tmargin-left: 25px\n\t\n\tp\n\t\tmargin: 0\n\t\tflex-grow: 1\n\n\t\t+breakpoint(\"tablet\", \"max\")\n\t\t\tmargin-bottom: 14px;\n\t\t\ttext-align: center;\n\t\n\t&.primary .notification-icon\n\t\tcolor: #44C7F4\n\n\t&.danger .notification-icon\n\t\tcolor: #F8D01C\n\t\t\n\t&.warning .notification-icon\n\t\tcolor: #F5871E\n\t\n\t.close\n\t\tcolor: #ddd\n\t\tfont-size: 14px;\n\t\topacity: 1\n\t\tmargin-left: 25px;\n\n\t\t+breakpoint(\"tablet\", \"max\")\n\t\t\tposition: absolute;\n\t\t\ttop: 15px;\n\t\t\tright: 15px;\n\t\t\tmargin-left: 0;\n\n.auth0-notification\n\tpadding: 25px 20px\n\tbox-shadow 0 2px 4px rgba(0,0,0,.11)\n\tdisplay: flex\n\talign-items: center\n\n\t+breakpoint(\"tablet\", \"max\")\n\t\tflex-direction: column;\n\n.auth0-notification-global\n\tbackground: transparent\n\tborder-bottom: 1px solid #E6E7E8\n\tpadding: 0\n\t\n\t.container\n\t\tpadding: 25px 20px\n\t\twidth: 100%\n\t\tdisplay: flex\n\t\talign-items: center\n\n\t\t+breakpoint(\"tablet\", \"max\")\n\t\t\tflex-direction: column;\n"
  },
  {
    "path": "packages/components/src/pager/index.styl",
    "content": "//\n// Pager pagination\n// --------------------------------------------------\n\n//== Pager\n\n$pager-bg ?=                           $pagination-bg\n$pager-border ?=                       $pagination-border\n$pager-border-radius ?=                15px\n$pager-hover-bg ?=                     $pagination-hover-bg\n$pager-active-bg ?=                    $pagination-active-bg\n$pager-active-color ?=                 $pagination-active-color\n$pager-disabled-color ?=               $pagination-disabled-color\n\n.pager\n  padding-left 0\n  margin $line-height-computed 0\n  list-style none\n  text-align center\n  clearfix()\n\n  li\n    display inline\n    > a,\n    > span\n      display inline-block\n      padding 5px 14px\n      background-color $pager-bg\n      border 1px solid $pager-border\n      border-radius $pager-border-radius\n\n    > a:hover,\n    > a:focus\n      text-decoration none\n      background-color $pager-hover-bg\n\n  .next\n    > a,\n    > span\n      float right\n\n  .previous\n    > a,\n    > span\n      float left\n\n  .disabled\n    > a,\n    > a:hover,\n    > a:focus,\n    > span\n      color $pager-disabled-color\n      background-color $pager-bg\n      cursor $cursor-disabled\n"
  },
  {
    "path": "packages/components/src/pagination/index.styl",
    "content": "//\n// Pagination (multiple pages)\n// --------------------------------------------------\n.pagination\n  display inline-block\n  padding-left 0\n  margin $line-height-computed 0\n  border-radius $border-radius-base\n\n  > li\n    display inline // Remove list-style and block-level defaults\n    > a,\n    > span\n      position relative\n      float left // Collapse white-space\n      padding $padding-base-vertical $padding-base-horizontal\n      line-height $line-height-base\n      text-decoration none\n      color $pagination-color\n      background-color $pagination-bg\n      border 1px solid $pagination-border\n      margin-left -1px\n\n    &:first-child\n      > a,\n      > span\n        margin-left 0\n        border-left-radius($border-radius-base)\n\n    &:last-child\n      > a,\n      > span\n        border-right-radius($border-radius-base)\n\n  > li > a,\n  > li > span\n    &:hover,\n    &:focus\n      z-index 2\n      color $pagination-hover-color\n      background-color $pagination-hover-bg\n      border-color $pagination-hover-border\n\n  > .active > a,\n  > .active > span\n    &,\n    &:hover,\n    &:focus\n      z-index 3\n      color $pagination-active-color\n      background-color $pagination-active-bg\n      border-color $pagination-active-border\n      cursor default\n\n  > .disabled\n    > span,\n    > span:hover,\n    > span:focus,\n    > a,\n    > a:hover,\n    > a:focus\n      color $pagination-disabled-color\n      background-color $pagination-disabled-bg\n      border-color $pagination-disabled-border\n      cursor $cursor-disabled\n\n// Sizing\n// --------------------------------------------------\n\n// Large\n.pagination-lg\n  pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large)\n\n// Small\n.pagination-sm\n  pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small)\n"
  },
  {
    "path": "packages/components/src/panels/index.styl",
    "content": "//\n// Panels\n// --------------------------------------------------\n//== Panels\n\n$panel-bg ?=                  #fff\n$panel-body-padding ?=        15px\n$panel-heading-padding ?=     10px 15px\n$panel-footer-padding ?=      $panel-heading-padding\n$panel-border-radius ?=       $border-radius-base\n\n//** Border color for elements within panels\n$panel-inner-border ?=        #ddd\n$panel-footer-bg ?=           #f5f5f5\n\n$panel-default-text ?=        $gray-dark\n$panel-default-border ?=      #ddd\n$panel-default-heading-bg ?=  #f5f5f5\n\n$panel-primary-text ?=        #fff\n$panel-primary-border ?=      $brand-primary\n$panel-primary-heading-bg ?=  $brand-primary\n\n$panel-success-text ?=        $state-success-text\n$panel-success-border ?=      $state-success-border\n$panel-success-heading-bg ?=  $state-success-bg\n\n$panel-info-text ?=           $state-info-text\n$panel-info-border ?=         $state-info-border\n$panel-info-heading-bg ?=     $state-info-bg\n\n$panel-warning-text ?=        $state-warning-text\n$panel-warning-border ?=      $state-warning-border\n$panel-warning-heading-bg ?=  $state-warning-bg\n\n$panel-danger-text ?=         $state-danger-text\n$panel-danger-border ?=       $state-danger-border\n$panel-danger-heading-bg ?=   $state-danger-bg\n\n\n// Base class\n.panel\n  margin-bottom $line-height-computed\n  background-color $panel-bg\n  border 1px solid transparent\n  border-radius $panel-border-radius\n  box-shadow 0 1px 1px rgba(0, 0, 0, .05)\n\n// Panel contents\n.panel-body\n  padding $panel-body-padding\n  clearfix()\n\n// Optional heading\n.panel-heading\n  padding $panel-heading-padding\n  border-bottom 1px solid transparent\n  border-top-radius(($panel-border-radius - 1))\n\n  > .dropdown .dropdown-toggle\n    color inherit\n\n// Within heading, strip any `h*` tag of its default margins for spacing.\n.panel-title\n  margin-top 0\n  margin-bottom 0\n  font-size ceil($font-size-base * 1.125)\n  color inherit\n\n  > a,\n  > small,\n  > .small,\n  > small > a,\n  > .small > a\n    color inherit\n\n// Optional footer (stays gray in every modifier class)\n.panel-footer\n  padding $panel-footer-padding\n  background-color $panel-footer-bg\n  border-top 1px solid $panel-inner-border\n  border-bottom-radius(($panel-border-radius - 1))\n\n\n// List groups in panels\n//\n// By default, space out list group content from panel headings to account for\n// any kind of custom content between the two.\n\n.panel\n  > .list-group,\n  > .panel-collapse > .list-group\n    margin-bottom 0\n\n    .list-group-item\n      border-width 1px 0\n      border-radius 0\n\n    // Add border top radius for first one\n    &:first-child\n      .list-group-item:first-child\n        border-top 0\n        border-top-radius(($panel-border-radius - 1))\n\n    // Add border bottom radius for last one\n    &:last-child\n      .list-group-item:last-child\n        border-bottom 0\n        border-bottom-radius(($panel-border-radius - 1))\n\n  > .panel-heading + .panel-collapse > .list-group\n    .list-group-item:first-child\n      border-top-radius 0\n\n// Collapse space between when there's no additional content.\n.panel-heading + .list-group\n  .list-group-item:first-child\n    border-top-width 0\n\n.list-group + .panel-footer\n  border-top-width 0\n\n// Tables in panels\n//\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\n// watch it go full width.\n\n.panel\n  > .table,\n  > .table-responsive > .table,\n  > .panel-collapse > .table\n    margin-bottom 0\n\n    caption\n      padding-left $panel-body-padding\n      padding-right $panel-body-padding\n\n  // Add border top radius for first one\n  > .table:first-child,\n  > .table-responsive:first-child > .table:first-child\n    border-top-radius(($panel-border-radius - 1))\n\n    > thead:first-child,\n    > tbody:first-child\n      > tr:first-child\n        border-top-left-radius ($panel-border-radius - 1)\n        border-top-right-radius ($panel-border-radius - 1)\n\n        td:first-child,\n        th:first-child\n          border-top-left-radius ($panel-border-radius - 1)\n\n        td:last-child,\n        th:last-child\n          border-top-right-radius ($panel-border-radius - 1)\n\n  // Add border bottom radius for last one\n  > .table:last-child,\n  > .table-responsive:last-child > .table:last-child\n    border-bottom-radius(($panel-border-radius - 1))\n\n    > tbody:last-child,\n    > tfoot:last-child\n      > tr:last-child\n        border-bottom-left-radius ($panel-border-radius - 1)\n        border-bottom-right-radius ($panel-border-radius - 1)\n\n        td:first-child,\n        th:first-child\n          border-bottom-left-radius ($panel-border-radius - 1)\n\n        td:last-child,\n        th:last-child\n          border-bottom-right-radius ($panel-border-radius - 1)\n\n  > .panel-body + .table,\n  > .panel-body + .table-responsive,\n  > .table + .panel-body,\n  > .table-responsive + .panel-body\n    border-top 1px solid $table-border-color\n\n  > .table > tbody:first-child > tr:first-child th,\n  > .table > tbody:first-child > tr:first-child td\n    border-top 0\n\n  > .table-bordered,\n  > .table-responsive > .table-bordered\n    border 0\n\n    > thead,\n    > tbody,\n    > tfoot\n      > tr\n        > th:first-child,\n        > td:first-child\n          border-left 0\n        > th:last-child,\n        > td:last-child\n          border-right 0\n\n    > thead,\n    > tbody\n      > tr:first-child\n        > td,\n        > th\n          border-bottom 0\n\n    > tbody,\n    > tfoot\n      > tr:last-child\n        > td,\n        > th\n          border-bottom 0\n\n  > .table-responsive\n    border 0\n    margin-bottom 0\n\n\n// Collapsable panels (aka, accordion)\n//\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\n// the help of our collapse JavaScript plugin.\n\n.panel-group\n  margin-bottom $line-height-computed\n\n  // Tighten up margin so it's only between panels\n  .panel\n    margin-bottom 0\n    border-radius $panel-border-radius\n\n    + .panel\n      margin-top 5px\n\n  .panel-heading\n    border-bottom 0\n\n    + .panel-collapse > .panel-body,\n    + .panel-collapse > .list-group\n      border-top 1px solid $panel-inner-border\n\n  .panel-footer\n    border-top 0\n\n    + .panel-collapse .panel-body\n      border-bottom 1px solid $panel-inner-border\n\n\n// Contextual variations\n.panel-default\n  panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border)\n\n.panel-primary\n  panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border)\n\n.panel-success\n  panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border)\n\n.panel-info\n  panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border)\n\n.panel-warning\n  panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border)\n\n.panel-danger\n  panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border)\n"
  },
  {
    "path": "packages/components/src/phone-mockup/demo.pug",
    "content": ".phone-mockup\n  img(src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/phone-mockup/img/example-mobile-screenshot.png\", alt=\"Mobile example screenshot\")\n"
  },
  {
    "path": "packages/components/src/phone-mockup/index.styl",
    "content": ".phone-mockup\n  display block\n  position relative\n  margin 40px auto\n  width 300px\n  border 1px solid #999\n  border-radius 1.2em\n  background-color white\n\n  &:before\n    content ''\n    position absolute\n    width 70px\n    height 8px\n    border 1px solid #999\n    border-radius 0.8em\n    top 16px\n    left 50%\n    transform translateX(-50%);\n\n  > img\n    max-width calc(100% - 20px) !important\n    margin 45px 10px 45px 10px !important\n    border 1px solid #999 !important\n"
  },
  {
    "path": "packages/components/src/popovers/index.styl",
    "content": "//\n// Popovers\n// --------------------------------------------------\n\n//** Popover body background color\n$popover-bg ?=                        #fff\n//** Popover maximum width\n$popover-max-width ?=                 276px\n//** Popover border color\n$popover-border-color ?=              rgba(0, 0, 0, .2)\n//** Popover fallback border color\n$popover-fallback-border-color ?=     #ccc\n\n//** Popover title background color\n$popover-title-bg ?=                  darken($popover-bg, 3)\n\n//** Popover arrow width\n$popover-arrow-width ?=               10px\n//** Popover arrow color\n$popover-arrow-color ?=               $popover-bg\n\n//** Popover outer arrow width\n$popover-arrow-outer-width ?=         ($popover-arrow-width + 1)\n//** Popover outer arrow color\n$popover-arrow-outer-color ?=         fade-in($popover-border-color, 5)\n//** Popover outer arrow fallback color\n$popover-arrow-outer-fallback-color ?= darken($popover-fallback-border-color, 20)\n\n.popover\n  position absolute\n  top 0\n  left 0\n  z-index $zindex-popover\n  display none\n  max-width $popover-max-width\n  padding 1px\n  // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  reset-text()\n  font-size $font-size-base\n\n  background-color $popover-bg\n  background-clip padding-box\n  border 1px solid $popover-fallback-border-color\n  border 1px solid $popover-border-color\n  border-radius $border-radius-large\n  box-shadow 0 5px 10px rgba(0, 0, 0, .2)\n\n  // Offset the popover to account for the popover arrow\n  &.top\n    margin-top (-($popover-arrow-width))\n\n  &.right\n    margin-left $popover-arrow-width\n\n  &.bottom\n    margin-top $popover-arrow-width\n\n  &.left\n    margin-left (-($popover-arrow-width))\n\n.popover-title\n  margin 0 // reset heading margin\n  padding 8px 14px\n  font-size $font-size-base\n  background-color $popover-title-bg\n  border-bottom 1px solid darken($popover-title-bg, 5)\n  border-radius ($border-radius-large - 1) ($border-radius-large - 1) 0 0\n\n.popover-content\n  padding 9px 14px\n\n// Arrows\n//\n// .arrow is outer, .arrow:after is inner\n\n.popover > .arrow\n  &,\n  &:after\n    position absolute\n    display block\n    width 0\n    height 0\n    border-color transparent\n    border-style solid\n\n.popover > .arrow\n  border-width $popover-arrow-outer-width\n\n.popover > .arrow:after\n  border-width $popover-arrow-width\n  content \"\"\n\n.popover\n  &.top > .arrow\n    left 50%\n    margin-left (-($popover-arrow-outer-width))\n    border-bottom-width 0\n    border-top-color $popover-arrow-outer-fallback-color // IE8 fallback\n    border-top-color $popover-arrow-outer-color\n    bottom (-($popover-arrow-outer-width))\n\n    &:after\n      content \" \"\n      bottom 1px\n      margin-left (-($popover-arrow-width))\n      border-bottom-width 0\n      border-top-color $popover-arrow-color\n\n  &.right > .arrow\n    top 50%\n    left (-($popover-arrow-outer-width))\n    margin-top (-($popover-arrow-outer-width))\n    border-left-width 0\n    border-right-color $popover-arrow-outer-fallback-color // IE8 fallback\n    border-right-color $popover-arrow-outer-color\n\n    &:after\n      content \" \"\n      left 1px\n      bottom (-($popover-arrow-width))\n      border-left-width 0\n      border-right-color $popover-arrow-color\n\n  &.bottom > .arrow\n    left 50%\n    margin-left (-($popover-arrow-outer-width))\n    border-top-width 0\n    border-bottom-color $popover-arrow-outer-fallback-color // IE8 fallback\n    border-bottom-color $popover-arrow-outer-color\n    top (-($popover-arrow-outer-width))\n\n    &:after\n      content \" \"\n      top 1px\n      margin-left (-($popover-arrow-width))\n      border-top-width 0\n      border-bottom-color $popover-arrow-color\n\n  &.left > .arrow\n    top 50%\n    right (-($popover-arrow-outer-width))\n    margin-top (-($popover-arrow-outer-width))\n    border-right-width 0\n    border-left-color $popover-arrow-outer-fallback-color // IE8 fallback\n    border-left-color $popover-arrow-outer-color\n\n    &:after\n      content \" \"\n      right 1px\n      border-right-width 0\n      border-left-color $popover-arrow-color\n      bottom (-($popover-arrow-width))\n\n\n\n/*==========  Popover  ==========*/\n.popover\n  background: #5D676F\n  color: white;\n  border-color: #5D676F;\n  font-size: $font-size-small;\n  .popover-title\n    background: none;\n    color: white;\n    border-color: rgba(255,255,255,.1)\n\n  p\n    margin: 0;\n    a\n      color: $color-blue-light;\n      font-weight: $font-weight-bold\n      text-decoration: underline\n\n  pre\n    font-size: $font-size-small !important;\n  img\n    max-width: 100%;\n  &.bottom>.arrow:after\n    border-bottom-color: #5D676F;\n   &.bottom>.arrow\n    border-bottom-color: #5D676F\n"
  },
  {
    "path": "packages/components/src/prettify/index.styl",
    "content": "\n/*==========  Prettyprint  ==========*/\n\npre.code-snippet.prettyprint\n  background: rgba(255,255,255,.96);\n  border: 0;\n  border-left: 30px solid #f1f1f1;\n  color: #333;\n  font-size: $font-size-small;\n  font-family: monospace;\n  line-height: 20px;\n  margin-bottom: 0;\n  padding: 10px 10px 10px 2px ;\n  border-radius: 3px;\n  box-shadow: 0 1px 6px rgba(0,0,0,.4);\n  list-style: dotted;\n  // overflow: hidden\n\n  ol\n    margin: 0;\n    padding: 0;\n    color: #999;\n    width: 600px;\n\n  li.L1, li.L3, li.L5, li.L7, li.L9\n    background: none;\n  li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8\n    list-style: inherit;\n  li\n    padding-left: 10px;\n    margin: 0;\n\n.pln\n  color: #000\n\n\n@media screen {\n  .str {\n    color: #080\n  }\n\n  .kwd {\n    color: #008\n  }\n\n  .com {\n    color: #800\n  }\n\n  .typ {\n    color: #606\n  }\n\n  .lit {\n    color: #066\n  }\n\n  .pun, .opn, .clo {\n    color: #660\n  }\n\n  .tag {\n    color: #008\n  }\n\n  .atn {\n    color: #606\n  }\n\n  .atv {\n    color: #080\n  }\n\n  .dec, .var {\n    color: #606\n  }\n\n  .fun {\n    color: red\n  }\n}\n\n@media print, projection {\n  .str {\n    color: #060\n  }\n\n  .kwd {\n    color: #006;\n    font-weight: $font-weight-bold\n  }\n\n  .com {\n    color: #600;\n    font-style: italic\n  }\n\n  .typ {\n    color: #404;\n    font-weight: $font-weight-bold\n  }\n\n  .lit {\n    color: #044\n  }\n\n  .pun, .opn, .clo {\n    color: #440\n  }\n\n  .tag {\n    color: #006;\n    font-weight: $font-weight-bold\n  }\n\n  .atn {\n    color: #404\n  }\n\n  .atv {\n    color: #060\n  }\n}\n\npre.prettyprint {\n  padding: 20px ;\n  border: 0 ;\n}\n\npre.prettyprint.prettyprinted{\n  border: 0 !important;\n  padding: 20px !important;\n}\n\n.prettyprint ol.linenums {\n  margin-top: 0;\n  margin-bottom: 0\n}\n.prettyprint {\n  li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {\n    list-style-type: none\n  }\n\n  li.L1, li.L3, li.L5, li.L7, li.L9 {\n    background: #eee\n  }\n}\n"
  },
  {
    "path": "packages/components/src/print/print.styl",
    "content": "/*!! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request: h5bp.com/r\n// ==========================================================================\n\n@media print\n  *,\n  *:before,\n  *:after\n    background transparent !important\n    color #000 !important // Black prints faster h5bp.com/s\n    box-shadow none !important\n    text-shadow none !important\n\n  a,\n  a:visited\n    text-decoration underline\n\n  a[href]:after\n    content \" (\" attr(href) \")\"\n\n  abbr[title]:after\n    content \" (\" attr(title) \")\"\n\n  // Don't show links that are fragment identifiers,\n  // or use the `javascript:` pseudo protocol\n  a[href^=\"#\"]:after,\n  a[href^=\"javascript:\"]:after\n    content \"\"\n\n  pre,\n  blockquote\n    border 1px solid #999\n    page-break-inside avoid\n\n  thead\n    display table-header-group // h5bp.com/t\n\n  tr,\n  img\n    page-break-inside avoid\n\n  img\n    max-width 100% !important\n\n  p,\n  h2,\n  h3\n    orphans 3\n    widows 3\n\n  h2,\n  h3\n    page-break-after avoid\n\n  // Bootstrap components\n  .navbar\n    display none\n\n  .btn,\n  .dropup > .btn\n    > .caret\n      border-top-color #000 !important\n\n  .label\n    border 1px solid #000\n\n  .table\n    border-collapse collapse !important\n\n    td,\n    th\n      background-color #fff !important\n\n  .table-bordered\n    th,\n    td\n      border 1px solid #ddd !important\n\n  // Bootstrap specific changes end\n"
  },
  {
    "path": "packages/components/src/progress-bars/index.styl",
    "content": "//\n// Progress bars\n// --------------------------------------------------\n\n//** Background color of the whole progress component\n$progress-bg ?=               #f5f5f5\n//** Progress bar text color\n$progress-bar-color ?=        #fff\n//** Variable for setting rounded corners on progress bar.\n$progress-border-radius ?=    $border-radius-base\n\n//** Default progress bar color\n$progress-bar-bg ?=           $brand-primary\n//** Success progress bar color\n$progress-bar-success-bg ?=   $brand-success\n//** Warning progress bar color\n$progress-bar-warning-bg ?=   $brand-warning\n//** Danger progress bar color\n$progress-bar-danger-bg ?=    $brand-danger\n//** Info progress bar color\n$progress-bar-info-bg ?=      $brand-info\n\n// Bar animations\n// -------------------------\n\n// WebKit\n// @-webkit-keyframes progress-bar-stripes\n//   from\n//     background-position 40px 0\n//   to\n//     background-position 0 0\n\n// Spec and IE10+\n@keyframes progress-bar-stripes\n  from\n    background-position 40px 0\n  to\n    background-position 0 0\n\n\n// Bar itself\n// -------------------------\n\n// Outer container\n.progress\n  overflow hidden\n  height $line-height-computed\n  margin-bottom $line-height-computed\n  background-color $progress-bg\n  border-radius $progress-border-radius\n  box-shadow inset 0 1px 2px rgba(0, 0, 0, .1)\n\n// Bar of progress\n.progress-bar\n  float left\n  width 0%\n  height 100%\n  font-size $font-size-small\n  line-height $line-height-computed\n  color $progress-bar-color\n  text-align center\n  background-color $progress-bar-bg\n  box-shadow inset 0 -1px 0 rgba(0, 0, 0, .15)\n  transition width .6s ease\n\n// Striped bars\n//\n// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the\n// `.progress-bar-striped` class, which you just add to an existing\n// `.progress-bar`.\n.progress-striped .progress-bar,\n.progress-bar-striped\n  gradient-striped()\n  background-size 40px 40px\n\n// Call animation for the active one\n//\n// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the\n// `.progress-bar.active` approach.\n.progress.active .progress-bar,\n.progress-bar.active\n  animation progress-bar-stripes 2s linear infinite\n\n\n// Variations\n// -------------------------\n\n.progress-bar-success\n  progress-bar-variant($progress-bar-success-bg)\n\n.progress-bar-info\n  progress-bar-variant($progress-bar-info-bg)\n\n.progress-bar-warning\n  progress-bar-variant($progress-bar-warning-bg)\n\n.progress-bar-danger\n  progress-bar-variant($progress-bar-danger-bg)\n"
  },
  {
    "path": "packages/components/src/quotes/demo.pug",
    "content": ".quotes\n  blockquote.active\n    p Auth0 is offering us a one-stop solution for our authentication needs, whether its social login, enterprise login or some custom system we're using\n    author Rick Smit - boekhoudservice\n\n  blockquote\n    p I wish all developer services could be as good as this: <a href=\"http://www.laceysnr.com/2014/02/auth0-serving-internet-of-developers.html\" target=\"_new\">laceysnr.com/2014/02/auth0...</a>\n    author Matt Lacey - @LaceySnr - Salesforce & force.com MVP\n\n  blockquote\n    p We are extremely happy with Auth0. Really a high quality enabler.\n    author Niels Flensted-Jensen - grean.dk\n\n  blockquote\n    p The SaaS world should take note of the Auth0 team - great service and great product\n    author Rhys Campbel - @RhysC\n\n  blockquote\n    p Auth0 team is OUTSTANDING at customer support\n    author Michele Bustamante - @michelebusta\n\n  blockquote\n    p The customer service at @authzero is amazing. Seriously, you guys are my favorite company right now.\n    author Robert McLaws - @robertmclaws - AdvancedREI.com\n\n  p\n    img(src=\"//auth0.com/lib/homepage/img/avatars/avatar-1.jpg\").active\n    img(src=\"//auth0.com/lib/homepage/img/avatars/avatar-3.png\")\n    img(src=\"//auth0.com/lib/homepage/img/avatars/avatar-2.jpg\")\n    img(src=\"//auth0.com/lib/homepage/img/avatars/avatar-4.png\")\n    img(src=\"//auth0.com/lib/homepage/img/avatars/avatar-5.jpg\")\n    img(src=\"//auth0.com/lib/homepage/img/avatars/avatar-6.png\")\n"
  },
  {
    "path": "packages/components/src/quotes/index.styl",
    "content": "\n/*==========  Quotes  ==========*/\n.quotes\n  text-align: center\n  padding: 20px 0;\n  blockquote\n    border: 0;\n    margin-bottom: 0;\n    opacity: 0;\n    display: none\n    width: 100%;\n    padding-left: 10%;\n    padding-right: 10%;\n    -webkit-transition: all 0.3s ease;\n    -moz-transition: all 0.3s ease;\n    -ms-transition: all 0.3s ease;\n    -o-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n    z-index: 0;\n\n    p\n      font-size: 24px;\n      font-weight: 100;\n      line-height: 140%;\n      font-style: italic\n      color: #333;\n\n    .author\n      font-weight: $font-weight-bold\n      font-size: $font-size-small;\n      margin-bottom: 10px;\n      display: inline-block\n\n    &.active\n      opacity: 1;\n      display: block\n  img\n    border-radius: 100px;\n    width: 48px;\n    margin: 0 10px;\n    opacity: .4;\n    cursor: pointer;\n\n    &.active\n      opacity: 1;\n\n\n\n@media screen and (max-width: 992px)\n\n  .quotes blockquote\n    min-height: 10px;\n    position: static;"
  },
  {
    "path": "packages/components/src/scope/demo.pug",
    "content": ".scope-toggle\n  input.scope-input(type=\"checkbox\", value=\"read:clients\")\n  label.status read:clients\n\n.scope-toggle\n  input.scope-input(type=\"checkbox\", value=\"read:clients\" checked)\n  label.status read:clients\n\n.scope-toggle\n  input.scope-input(type=\"checkbox\", value=\"read:clients\" checked disabled)\n  label.status read:clients\n\n.scope-toggle\n  input.scope-input(type=\"checkbox\", value=\"read:clients\" disabled)\n  label.status read:clients"
  },
  {
    "path": "packages/components/src/scope/index.styl",
    "content": ".scope-toggle\n  position relative\n  display inline-block\n  margin-right 10px\n  color $color-text-light\n  transition background-color 0.2s ease-in-out\n  \n  .scope-input\n    position absolute\n    top 0\n    left 0\n    width 100%\n    height 100%\n    z-index 100\n    opacity 0\n    outline none\n    margin 0\n    \n    &:checked + .status\n      background-color #F1F1F1\n      &:before\n        content ''\n        top 2px\n        border none\n        width 11px\n        font-size $font-size-small\n        \n    &:disabled + .status\n      opacity 0.3\n      background-color #F1F1F1\n      \n  .status\n    margin 0\n    padding 10px 15px\n    border 1px solid #DDDDDD\n    border-radius 3px\n    transition background-color 0.2s ease-in-out\n    &:before\n      content ''\n      display inline-block\n      font-family \"budicon-font\" !important\n      font-style normal !important\n      font-weight normal !important\n      font-variant normal !important\n      text-transform none !important\n      speak none\n      line-height 1\n      -webkit-font-smoothing antialiased\n      margin-right 5px\n      position relative\n      top 2px\n      font-size $font-size-small\n      border 1px solid #aaa\n      width 11px\n      height 11px\n      border-radius 3px"
  },
  {
    "path": "packages/components/src/showcase-tabs/demo.pug",
    "content": "ul.showcase-list\n  li.active(role='presentation')\n    a(href='#tab-one', aria-controls='tab-one', role='tab', data-toggle='tab') Something\n  li(role='presentation')\n    a(href='#tab-two', aria-controls='tab-two', role='tab', data-toggle='tab') Something\n  li(role='presentation')\n    a(href='#tab-three', aria-controls='tab-three', role='tab', data-toggle='tab') Something\n  li(role='presentation')\n    a(href='#tab-four', aria-controls='tab-four', role='tab', data-toggle='tab') Something\n\n.tab-content\n  #tab-one.tab-pane.active(role='tabpanel')\n  #tab-two.tab-pane(role='tabpanel')\n  #tab-three.tab-pane(role='tabpanel')\n  #tab-four.tab-pane(role='tabpanel')\n"
  },
  {
    "path": "packages/components/src/showcase-tabs/index.styl",
    "content": ".showcase-list\n  list-style: none\n  margin 0\n  padding 0\n\n  > li\n    display inline-block\n    margin-top 10px\n\n    &:not(:last-child)\n      margin-right 30px\n\n      +breakpoint(\"tablet\")\n        margin-right 40px\n\n    &.active a:after\n      display block\n      content ''\n      width 0\n      height 0\n      border-left 5px solid transparent\n      border-right 5px solid transparent\n      border-top 5px solid #000\n      margin 2px auto 0 auto\n\n    a\n      color rgba(0, 0, 0, .86)\n      font-size 16px\n      cursor pointer\n      transition all .3s ease\n\n      +breakpoint(\"tablet\")\n        font-size 20px\n\n    .theme-dark &\n      a\n        color rgba(255, 255, 255, .86)\n\n      &.active a:after\n        border-top-color rgba(255, 255, 255, .86)\n"
  },
  {
    "path": "packages/components/src/sidebar-box/index.styl",
    "content": "/*==========  Sidebar Box  ==========*/\n.sidebar-box\n  max-width: 230px;\n  border: 1px solid #eee;\n  border-radius: 3px;\n  margin-bottom: 20px;\n  padding: 14px 20px;\n  list-style: none;\n  font-size: $font-size-base;\n\n  strong\n    text-transform: uppercase\n    font-weight: $font-weight-bold;\n    font-size: $font-size-small;\n    margin-bottom: 10px;\n    display: block\n    letter-spacing: 1px;\n    color: #999;\n\n  ul\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    a\n      color: #666;\n\n      &:hover\n        color: black;\n\n    li\n      line-height: 32px;\n      margin: 0;\n\n      li \n        margin: 0;\n\n      i:before\n        content: \"\\e16f\";\n        font-family: \"budicon-font\" !important;\n        speak: none;\n      i\n        width: 10px;\n        height: 14px;\n        display: inline-block\n        font-family: \"budicon-font\" !important;\n        font-style: normal !important;\n        font-weight: normal !important;\n        font-variant: normal !important;\n        text-transform: none !important;\n        speak: none;\n        line-height: 1;\n        margin-right: 8px;\n        position: relative;\n        top: 2px;\n\n      &.selected\n        a\n          color: black !important;\n          // font-weight: $font-weight-bold;\n"
  },
  {
    "path": "packages/components/src/spinner/demo.pug",
    "content": ".spinner.spinner-xs\n  .circle\n  \n.spinner.spinner-sm\n  .circle\n\n.spinner.spinner-md.is-auth0\n  .circle\n\n.spinner.spinner-lg.is-auth0\n  .circle\n"
  },
  {
    "path": "packages/components/src/spinner/index.styl",
    "content": ".spinner\n  font-size: 40px;\n  margin: 10px 0;\n  height: 1em;\n  width: 1em;\n  animation: fadeIn 0.5s linear;\n  position: relative;\n\n  &.spinner-xs\n    font-size: $font-size-base;\n\n  &.spinner-sm\n    font-size: 20px;\n\n  &.spinner-md\n    font-size: 40px;\n\n  &.spinner-lg\n    font-size: 60px;\n\n  &.spinner-center\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n  &.is-auth0:before\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACoCAYAAAAcuCeMAAAAAXNSR0IArs4c6QAAEmVJREFUeAHtXQfQH0UVJ9RATEIIHQIRBEJoIh0CkWJoCaHpOCo6oSgDimMbpRkFsTA4DEFUBBmEETIYQlcYBtJomkACyAhSkkACQoAgRWmW3+//fZdvv8uV3du3d7v33zfz8r/y9pXfvm/37t3eZcAqbugaqD3CjepGtT4H6++DRzXqhRvjf4TaL0qrHiCtEPrWBi8DD3Kgu2mVF8GB98BnN+2IA/v/gs4NwPwVo1XFNPUpOhybbUwuRnhjL3O7bbQOAmLfiZKLBDtO1EN/lC2BK38GzwcvAreRxPtOOsHWBOrj24g8YpoO/l9vbNNaGiP7bi3J2KQTbBycGyLpoEe6OD0mpG4nx9rwOxhBfEoyEOkEEx9iJYO10PUy2t6ntOdU+aKy36ZN0T6UTLDVgfKENiGtxHIztv+r7HOqbOsoNhGxsS9FSDLBDoRHw0W88k9J1jVXWxNsGOA/SKoLJBNMdGiVClBAz+vQMTNDD6dM1vvaSGJ9KZVg1HN0G5FGTLeAP8yI7T84xjvLNhL7UiQ3RJTAmTHgjdqINGIqmgqLzoUMx4Zwfn+JAKQSTGxIlQhKUMeb0HV3gb6ZOLe84HzIp46XcF4iwfg88xgJZzzUcTt84sPtPPoAJziFtpHYp9bPqiUSbC84MqKNCCOmrLvHdKhtnSY3Q6B7p4M13ZdIsLZOj+8AzDs1AOUU+paGXIgi1n0rkWDHhoichs9/gsy/NeS4fIdTaRup8QTbFahu1UZkEZPJ1KczlYYI00g4vZuN47YjmHWG2zjvsC1HpTsM9HMqFV2oZ2DbtahVH9smWFunx7vQa28Z9ByTi1NqG6mxBBsNNLdvI6KIyWR6TCCo0iZp6/PvtnBux6oO2oxgIoW4qo47bMfa1m0V9HNK5dTaRqo8itkkWGWjnvfAvfCvSnW+rOrvediF7lXu66oJtjXc2bnQpXBP2kx1Nm19RmwnOMep0piqJlhbp0eukODiwqp0Kxpmrbyoqs+ndpVGsaoJVsmYT2jl+DIbx23WeHHtGKfYNlKlPq+SYHzuuEcbEURMElOchA4f4d0NTo00daxKglXKZFPHGpDnOvubBOxydYW6fl9ApTcqjOueMcH6+u5BbEq8KcQ3kOb0qW3VlvG1t2mCbQy49m0VZH3BSE5tkrr6PGx+i8t3NjVxwzTBOESatjHxp0lZyaTgVJu8Bd5kTNK2uQDRaJo0TZa2Xn/NA3CLBXtjCXTx5dw2klEOmCTYcKA1to2IISbJ0SuByIXORHeTv3wZZANdB0wSjK8yraarODA5F8ngQqcPsDIHuF5fi0wSzGho1LLuh9DjcONpB64shM5HHOj1QaV2Lugm2FBEdbAPkTnwweVq1LaOYgeiH4bp9IVugk2AsjV1FAYo4zIJXOpuEuo1YPwoHQd0E8y4wKZj3AOZp+DDEw79cK3foeulqrWmSZ0E4/dWx5WaC1OgjhGmDhtNoM+cGFxmWCfBjoSStcsUBXq+js6vw0YT8PNTm+PLDOskmNZQWGbIw/N13eU9htif8TB+CZdKc6MswQbCizb+hwoEt86RxeWdqkSiVNVxOBry8+e5VJZgh6LlR3Jbh32izgSr01advcLkOqzIYFmClQ6BRco9PrcUvtX5rHAe7D3vMR42rhXmSFGCsdYxwcayx22nw7e6Vzu0dRTjhX7ut/WLEuwQNFzX4ySxca2Jzm7Cpg1Gum2HQDD32/pFCVY49Ola91DuFfjUxIrTB2D3JQ/xkHApN1fyEoxPzCdKWPZQBxcDNrFmnlMybbeR+Ngo89v6eQk2Fg3WbyMSiKnJqapJ2y67cz0o5wPwlSgvwXKHvJU0hHXgdbg7o0GXZ8H2qw3ad2k683l1VoINgBfaC8pceuxA963Q2eSb17ZvjjuARExl5rf1s+bNPWFyMPhtMdP+KPqDB65Mgw+f9cAPaRdYdN0HfH+Z4vMhcFqZUDwfEUghcAr2L0wdy9zlGibe8fAN5eGZEvFgRKAPAa5s5ajMnFkELqRtcZaCCfP1q8y7g0It8WS3IMA3jBaDk3zh785FwX8tJcwGvDA9D5x1vYbDkboQAdZJzwXzhklNLm5/G5xL/DZWukGyz4u3LXNbxhPdgsAIBDobnORF+jf3Y8gsWSwvaEhFb4A/A47UnQjwswGsJaaTSt1n9SFzttuppKGq5DeQ5W1ppO5AgEvmLwOrOVC0vVsWLCcbKKDyv4F3yVIUj7UKgR0RzV/BRQmVPnd6FgJXGiqh0nfBZ2Qpi8dagQDrofz/mtIJVLZ/TVb08yooSgzdhrbrZymNx4JEgA+vufIj6V/T30fTUfMCn/8diqkiVX4p2h+UVhz3g0PgAHj8AljtW9Pt99B+DTXybSwVJg6wZvZjcOZdhGowbnuHAGtbPwSzD5P+tPkdrUbIl2ttlKXbPgh9H1UNxG2vEdgC3s0Bp/vRZv8oRsypkbRVz4/Yv/yW5wJwG1cNiIHkiSKu/eM10xhhf7ZW9V2MHZtsLWp7FXQPUo3FbS8QYB3zcnBR39mcm6JGeYNDQ3TySfCuqsG43SgCLKrzq0I2CVTWtt/au1mOjdEZ3ll8HTwAHKk5BKrWtsoSKn3+PjVEjjBpAVf7d8DWBqrxuF0LAlzbdwvYVb+m9f5djerlGg3TkRfBh6gOxG2nCHwS2peA00ngcv8VNSLbImsVR/lu4k/A/QpyqlNx2xoB1iPPB0vVtkz6mZdEHWKBzaShtCw/QiJdJumJrLv/3RLh3w+W7i8TfUzwzrIbk0YuZP8JPz5HZyKJIPBpaOHaPRd9ZaKTy3w63/8yaeRS9upef+hXJHMEWNu6Auyyj0x0D2EIQz1yiM7z7iNzwRqOR8pHYBec4ho9kwRwLcvc6lTZXRsy1c8LxG+CY82MPVROfFnnXbApzq7lOaJ2Vj64NlRVP18g2JBORspEgGvwuBavKr6u262oEGS9fuTauK7+fwDAcZnwdvdBrr1bCtbFsW65D9Tuec1jRwkMa2YXglf8RWC7W4m3/heAm6htmSTpq2oHPYMdk8ZNyc6Fnx9THe+yba6x41q7pvA3sfuc2jd/CcRpBvgm+Auq812yzbV1PtS2dJPsIbVfbsaObkNf5K6Bz4PVIFq6zbV0XFPnC+66fjCnVqxo5cViaHQCHH4EvHtojhv4yzV0D4MnGbTxRfQlOrJqrzcv+OKVoR+8Hvu8YZuQxBnbdiE5rPi6iNtJgvEiP1S6MVTHNfwOObbORX6SYP0Wh2kE7osIa2QP+OKMAz94ocy1cyFSZ9BKEow7rDWFRjfB4RD91sWZF9TTdYU9kmOfcJX0iimSCw6f5oHAKOQpRBfqEGN8FsHxmxYrEozbC/hPQPQafJ0VkL9VXZ2DhsuqNm6o3WOJ3WSK5D5v+UMivsDwYUgOV/SVj4Q6NaWK7ZtoxsJ9h9QEC+1iOcSpI8Hd9De0WLkMvkPqequBOMKly2v2nPL6Xz4u4qtv73vtpZxzfMj/CnhdOZXONHEVxTDwO7SgjmBcsMaHySHQrXCyW5KL/cFO4yVBCMQc6iQXnVUTjPt3858AKLQpQwLSUGKeURTsvjip+zCzKTn+dXTeVikKpIXneAnzFrgp3HXtHlCEPd+R5EIxXWVNyN1QFEDLz13ved8sh3+ddyGTfkhPkbwlvj056elvKFOFC/h8j/1OBF1aOpoIoSZGJh2brA4PdtFzgejk2rAmPvOg0zeUOV4Hx7Ug9AZYV2mdcqHcSengXFWGzybrxFzX1tvwa510UOkpkuf5TqKvQ/G0dABduO8rBnx9jqOrFh0IKd3MrUuOda8QCo1aAFsIDUFbDgJ14a5r51CTmFjh5xIeXeV1yPEl3Eg9CPBGrA7MdW1wRXTWbJh9sNf5K3pi8eZfH6ZtPrLhNWrT5AMWKgZXYcd4XR6f9fGuTTeLXcrx1pf+NElc/z8PPB+8XZOOwPZwMB8fucRcVzcvXTYBV6Ir0UrXkEu5eyt5L9eIbzCpVXTeMZ0op76SJj7Wc4m5ru7rK3nf22gHT4I43SYIi7asuV1bgMFUnBtqod+m6akFfukmh4Tc7jZBsC1rTxKOVNXBuX1TOlIz7QF7Ojc6CyG3d82+0dzGYD55qYqrRDuRxRHMUAlnquq4D/brJN5BfwfMawtdn3k9dBY4804Kx13RbCjW9dGFHMtZIsQimgsHdXR+QyQCPSUcFWyubXitWOdoewbs6WDoQuYePUj1pLaHGP9KXThapnOknovWUodBw8vgMn/Kzi+DjgnW3ugpGAExXkKU+eTivPhlwS8aCGSuHs5WUlwi/nOwdEdNgc46amYPwY6LBCrSyeeh4rQ+NNb9EPx74lH0V7gNdh8GF4Fpc24BdI/qb1J8j9eLNj6atuVjqq3Fo+hV+K2ag2ECuKIvQbFa2zIFWlf+Hdg52VUQ0LsVWNcXCbmfOYyl88bRUzUFtOLlTeGA+LD4uppiUDuUK3FdPazn0wXVlqvtxbAzCOyU9oP2Ouovkx1EsSd0Pgt21QFlehfB9r5gaToHCstsS5wfL+14nj5eFEs4XKRjhzzjFY6ztvVdcFN3wmqc9IEJIVkz412+asPF9lTYqI0GwtKTYBeBUCenYSnig9i7wa58rap3BnzaTCpI6HnCYYwvQfd6gr5qqWId5ENwVYCL2l2g5UG50JEQ4RvRRbaaPPcqfOM7EBJ0HpS4ioU4NkLnw6qLoD5hGQ1rWxc78s1FvKwxclawoV3Q2IVvxLEx4nXEXWDJwBZaRsO1WvOFfZKML08X75pHW8au83A+z37W8bnwp/FvlXBuXgjOcrDKsYssQJ6Etm8L+lLFf5s2fGniyxbxs0ZlY19ty+l7pIUvok0/Dm1S7+vtU8GzoWjDhW8qQCFvT0MsVWpmLMNIxM073YPAXtEJ8MY2uCXQwZKCCfFmYyHY1rZv7Rcjpv1MgIAssXsebBvLVw3t1iY+2TK4KQae8vrvTDD/2mwB9bU979K/D2asusSLcpt4WOP0mi6Fd1UDHKsZGddc3WNhp6p/TbWbhVg318RmjAUufJxlOoNouiUnRgd/DzbtDK7FWk3DjfGQWVZBv6k/vsm/hpiP1sCHox0Lo6b+873Txu8YNeLriKyBf+8AmwR5eYnytXD+EkOdJvZDkf0lMCirmVHGJJ6ZkF8bHBTR4TvBuoGOK4huFM4tMNClazNUuceBxQ4FeB1sgBWXeQ8q0OX1KY5kU8FlHfk6ZCibRSfhINdUlenotvMsC52aBRiOrQ5mHasMExbJgxu54HM/4jXBr8BFwV7dr0XPDutAvOgsahfP9XwJaVgGfr8twY5/+MFcc2XEt9KhHxUEPCElzTVTiwrkY2L1/8N7HljtD1bpCOzk4cRShvd3i2owuttfgeB7YDXwN7HPC3gSR7tzwKz/qDJxuxwPYvYDcHInztHpDbCKHWuGp4NbTfsguqXgJPDreqPdDL8zlOPJ+fjbh5UOFrOB4YheTK9V8GSZgxf/XUEbIUoWDwnYceCjwDoXpToAR5lVVuFN07Fg1s2Ix1zwSHDt1OQ8zDudn4K5GmNS7ZF3h8HfIczlYC4Xf787Ql45So5g/IuLI48sBpwSj1kZ7u48sgXCngOOSSaDwSxguXl3plJ+1Lz7OQ8c7yCrJxmxmwwmlpFyEGA9h3WdOJqZYbAYmI3JwTQeTiHAyvR0cEwyPQymAausan4K1ribRuA0HOAzt5ho2RgQGxavI1kgwFUDXD0Qk6w/Bo8Bk9EWuMamCgIDsf1rcEyyHgwuAxbEJJIwAqzrsL7TrYnG2CcKYxrVpRBgfYd1nm5LspmImc9rI9WAAOs8k8HdUDNjjOeCudIkUs0IsO7D+k9bR7NFiM3F98SgNpIuAqz/sA7UtiTjal6u6o3kCQKsB7WhZsb3D07xBNPoRgoB1oVYHwp1NHsUvm+fiinueoYA60OsE4WWZJfC52TpuGeQRneyEAhllSxX8k7ICiAe8x8B39f586VXfmcjUsAIsH7EOhLfqPFl2qQvZ4NjbQsgtIV8eddyIQDlm1WRWohA02+LTwWmQ1uIawwphcDJ2K/zexe0dVLKh7jbcgRGIb4FYNfXZfNhg7YidSECrDtNAbtKskugO9a2ujCx0iGPx4FlYKlEo64j00bifncjwHrUPWDbJKOOTbobyhh9HgKsS50FrlIzY5szwbG2BRAiFSPAb+8/B9YdzSi7V7HKeDYi0B8B1quuB5clGWWG9G8a9yIC+gicCNGs//+Ixybpq4mSEYF8BLbDqUfAyWjG7W3zxeOZiIA5Avwk5cW9zO1IGgj8H4uKFcTbuc3KAAAAAElFTkSuQmCC')\n    background-size: 0.39em 0.43em;\n\n  &:before\n    content: \"\";\n    height: 0.45em;\n    width: 0.45em;\n    background-size: 0.39em 0.43em;\n    background-position: bottom center;\n    background-repeat: no-repeat;\n    display: inline-block;\n    top: 50%;\n    left: 50%;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    position: absolute;\n    opacity: 0.2;\n\n  .circle\n    position: relative;\n    text-indent: -9999em;\n    border-top: 2px solid rgba(0,0,0, 0.08);\n    border-right: 2px solid rgba(0,0,0, 0.08);\n    border-bottom: 2px solid rgba(0,0,0, 0.08);\n    border-left: 2px solid rgba(0,0,0, 0.4);\n    -webkit-animation: loaderAnim 0.8s infinite linear;\n    animation: loaderAnim 0.8s infinite linear;\n\n    &,\n    &:after\n      border-radius: 50%;\n      width: 1em;\n      height: 1em;\n\n.theme-dark\n  .spinner .circle\n    border-top-color: rgba(255,255,255, 0.2);\n    border-right-color: rgba(255,255,255, 0.2);\n    border-bottom-color: rgba(255,255,255, 0.2);\n    border-left-color: rgba(255,255,255, 1);\n\n  .spinner.is-auth0:before\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACoCAYAAAAcuCeMAAAAAXNSR0IArs4c6QAAFNpJREFUeAHtnQv0HUV9xwlgJCLBEBAJBREKRB4CBWKgoBAoVUh4CT0+ihiMllOqPX14rFg9tNiXpy21VXssLaVSgYNAiKAEODySIEoJIFCqqUgCJr4wCeWlkGj6+V7u/v979+7u3cfMzsze/Z3zu7s7O/P7fX+/+d2Z3dnZ2SlbWaAtW7Z8EbEnWxDtWuTjAHgJnu0aiAX9X5syZcp7TcudYlogwTUNmU/B25uW7YG8vwXDi/DHPcBiGsILCNyFINPWGG1tTNKkoLez28bgkoXX9Vn7baNXYZDqzijZCLB3GEXoj7C1QLmXf/iDbNf4A8soEuN1ZzTA6B6nYu58oyb7I+x6gmtLH861/sAyimQ+dfhKkxKNBhjAToKnmwTokSx1jxHF96O0Nmx3wIjfMGmI6QAz3sSaNLaGrB9T9u5Y+XvZ/0HsuE27RuvQWIDRtG6Llxe0ydMxW26ge/xldNzvKtvaip3Wr8vI3FpbYwEGiuPhmbXQ+Fs47ZqrrQE2g2qYZ6oqTAaY0abVlIEG5GxAxl0pctRlaryvjWSsLo0EGE2q5JzeRk9j0xK6xM1J20j7BWnXJ9Nbcnx6v05rm2MkwEBxDLxrbTR+CsjrCvPO+WlNMVSvJduxxbLm5zIVYMaa1Hy4jZ99Bo235Wi9i3Mbc86HfOosE+BrBxhNqZ5nnmECjIcybqIr1MPtVOLcJk4sST0ZfuIZ/bqtZUntAEP7m+E9aqHwt3Da3WMSbVu7yd0xdG7S2LLHJgKsrd3j8zhzaQGHqgt9tkC+ELPUrlsTAXZmiJ4rgPlmusCfjcpHHk3fuWlUvkDPuw0w+ujDcNzegTpvFOwyXV+RrnSUPh/P70UdH14HWN0WrHaE1wFvsaxapa+WkK+u1OhEvRK6bWetVcd1A6yt3eMtdH3PFq058iq4bi6aP7B8bgKMpvMAHPXGwJxVFG6Z7jGSWaVMVNbn7X7U9UFVAdZpwYwMxFUFbrGcxrZurCBfXaq61jZS5VasToBVVup5DdxBl1d6dJ4yo0b9PTc7F17luq4UYDSZ+wDnTbmQwj1Zp6urU9Znjx1Mne9XBWClAENRW7tHzZC4oYoj+2W+wnZo5kUNeT4VrdSKVQ2wSsp88lYGluV0dZXneFFWc8fuyJAdenKlOi8dYDSVeu54ZOjeysBvooszISMDntPkw6n7vcoiKB1gKKgUyWWBOcivV9IWG9Cr2RUT8/cNyPNJROlxzy7AJqvvG3Rxtd8UQobeQFoxKbZVe6WvvUsFGE3k63DX0a1y2aQxJrs2k7ImEbrfm0sMzCoDo1SAIVhNZNkyZfC4zGsyKNTVRm+Bu7TJtG5NLi3VTZYNlrZef62ka3vCVG0gq7eOhSl5nskpFQOFA4ymcSaGvtUzY03BMdl6RZhsyIxku9weSyzsUhRA4QBDoF5L26ao4MDy2QgGGzJ9cKtioPA7GGUCrFTT6IMnCmJ4hC7tuwXzFs6GzNVkfqBwgbAyFo6FQgFGk7gj9p8Qlg8Ko7U5G7WtrdjxxMSMIh4uFGAIWgBPLSIwwDw2g8CmbJeufgXKTy0CoGiAlR5gK6Lcgzyr6MoetYUD2auQbU2+LdwF5RbqJkcGGE2h1ls9qaDS0LI10cI0ocOF308iNnYYpXhkgCHgFHjaKEGBnm+i8pvQ4cL9Wmpz/ijFRQKsUFM4SpGH51fThVm/y0PHw9j+mIf2m4A0MjZyA4wmcDtQtPGDCnJuky2LzTtVE4FSVcbbiREtf55JuQFGqd+EX51ZOuwTTQZYk7qarBUF19vyFI4KsJFNYJ5wj8+tA5sW8m2E6CZXoujJRpQ1ryQ3RjIDjKZPYx0LmsfbiMb4mveNKERJW1ux3LX1MwMMh5wIv6Yp7zesx0Vlu9DZhFunoyRzbf28AMtt+ppAbknHT5DrYsbpPej9oSWbXIvNjJXUAKN71BPz01yjtqR/MddEjc+ZR6epOf+W3FJL7KnEjL6TMESpAUYuzfvaeSh3OxJcdlUuddusvZ0Qru8kDFFWgGU2eUMSwkrYANw7HUJehu6fOtRvU3Xq8+qhAKOp07zrwhPKbCK2IPsrdFXO3rxGd903xy24xJjI1LX10/rNOajcAX7OmGp/BH3ZAyga1X+nBzhMQ9Cg61Hw13MF04JdDP9ubqbuZOeBhAeImQ/An04kDx+SaRUsWgLPHM7RpXQemPQAMTIDvhYWrZk8k7JHBq1mF6e1HKTeHaQU75LGzAPEht4weiIeMOy/KdMNnPxQIrMOfwH/OZx2vZYpqzvRXg8QC9vAn4A3w0n640zLyXlDMnfs+Ovsvz6zcHdiLDxADOwBL4/FRXI3fTFkcm0Nb0zmThw/zfFvjYUnOyOHPEDdnwlvSMRE8vA5EoZ7OxK1TGJR+hcy6ra0ozHwAHU9Df5c0eAg3+FDbiFxUQkByvpt+JAhQV1CqzxAHR8E/zdchi6InBAfyZ8bJRbczibfvWj9cMH8XbbAPEDdajz0PvjAktD1Bb5BQtjKMiGayHsjx219OD7oqDE4oi53ghcn6rjM4UMDbqKkLvBfKCMhJe860uYNCO4OgvMAdfgW+Psp9Vsm6UUya0b0y8TBvmVK5+TVmNlfwsN3EZGybuulB6gzjW39Gaw6NEEHTBiKtFNMSIzJ+Ab7b5hQ0O147QHqak94Raz+TOyeKqOji/y9DXtANwzfAmUbZw0YdpVbcdSR5v7pmukYw0j2kTxbASbZ0+GrMOAyeHsldOSPB6iTV8FfAJGmD9l4uafXg0UBpg+A26KFCL4fYw6zpaCTW84D1MXBlNDwwwfLlSyVezfljgJs11JFy2fenyLfxLDfh6eUL96VMOUB/K+xrf+CJy/CTQkflNNogEm1FrD7B/gmjCy8iKwKdlTfA/h8JrwESZ+DteaIbXqtFEQt2Azb2mLyT2b/IYw9MZbW7Vr0AL4+DvG6kO/d2VlUFRfdu66LAkxz8JskNZ+3YvhfwZMDck0iGANd+HZb+GJMvR22eZ2d5k2t67vVFADoJVtnb9qgW9cD7+KNm8fZdmTIA9Sr5u5dCbv89M8r1IJppTqXpLeYHsQh73YJok268eXZ2KMu0WVwyaW9AIu6SSW4Io2ZfQnHXA6/2hWI0PXiO41tXYod18C9LsqxTb0AUxfpC50LkAdw0vCENV8QeooDn2lu3v3wIo8gTlHr5fL6K80X+5J4Dw77Q7gbM0vzUCINP32IJC2opzl6PtEmXeRr5sMmn1DFsCxl/1xuAH4SS+t2+x6g7jQH79/h+Z46ZWqvhQCoWjGfusq4v/QF2fcSZLfGE8d9nzqbhw+ugGd56ovN1FnvGkz4/s9TkIKlx1hLcein4bEfM8MHGtv6C3xyG+xrcAHt5ZiK7iA3KsVjUkv7EVjXZr/qMU6r0LD9DShYAV8IR3VnVWcN4c+obARyQw1BTRY9AmW6y/ztJpX6oAubNbfuQVhz7UKg3nVzFGA/CAFxH6Mea12Bw78IN/2Iq3E3YeP28GUovgr2YWyrqA9+pIxRgK0rWsqjfOeARa2ZWrVWErYdhmEa21oYoIG9BY+jAPt+gAYIsq7H3hMo9iKwZZvm0oVIawQ6CrDHQrSgj/m6gLGPgh6ybb3JC1GA/e8oSz09r37+Hk+xmYD1TYSEdH0ct7nXaEUBpoPG146Po6m472TN+4pYSxdjoHILha4vXdB9AcXSdwSjF2AY8gL731VCYBRyF1LU1SHa+D1i6mcyMGrBtP8t/QRE68G6LCC8VaFqYPWpqoUdldNHWHsUD7AHosRAtkv4l2wOBGtlmNgY4tr6mqXco3iAhXaxHGLXEfm97DY0Wye+xalnfD1iUG87dvTQe+rLKV7/6jnXLvy7X/IapSFw1I0e8uvRi403sA2hnBCzib0Z1M3zSplowUj4Ocd62zcE0idhxiK4VBnYqkpbEkLFgPG+KLiEdyLA+uBv629934TWZZjwZyg23xk3NsQA05DKLXEjxmRff/7nArD11jjGZIDp4mx9PIOH+1+lCe6NsXiIzRokbNYlzE3WFJgR/DRiBm4WBwIMI3RL7LsRoXQVZqpsUIrvti8lhgaGjgYCrG/L4kGbvDrSv/hrXiFqFszNqPO59R76A6QF2FKM8HWO/q38Q55ttk790YbtuvVX/fhIwjb05x8KMIx4kYxDkeiJRVqNb9zJVx/cSOzoBmyAhgKsf/Y/B3L5caCxoBv9gOIUha6RfRwDvDzNK1kBdheZv5dWwGHa7fxDdJcy1oQP9BTDt/HKtVmYUgMMIzQP6VLPatJ5t61HNrDr1YhULc59kYiNy4iZ1PmEE88iEwW2wpG7kPYkrGeUrknDJ7thhLNpK/hD8/+vhreB3wmWVWydEFhmovhH8LZOAAwq1aXL6/FH7yWPwVPDj4omzvcr80sTCW53ljsOrnMwX+8katWfQ2Gtmn0eWyeEL9aj+C4nyoeVXpcVXMNZEyk48UDYB7ogAa2RQwzfAdY7mFl0NSecvKuI3vOzQDWcfkStygDskoYBJ9X9koRZtYyoUBidR8KPJcGkHK8mbW4FFbWKoPN1sKnvCiGqEtW/2UDtEZVUmyt0d62aKFkY2FrS6iPwSyVM2ETeC+HUm6aSEApnR1/et7NLwK+c9fjCYPMyol7fg3RFf5CHzeQ5DFSrcFsNQ++gbGOtLbo+XANr3aK3G/M9SN4I61/qgvYyZkiOIAx7G/xjAwY+hYwFOaqMnULPHrAuIVyQ2csCLPisAyusz7DFpqnw38GmK+ofkWl9zAwd+kRP02T+XU0s2Bl+umFL/sTY3z1FELboQ6wacrBF+qTh7BTVxpKQr+vFJklfs93HmAFxQQj+oyYtQde+cf0m95F9LvwsbJueR8Eik9jjspC9t20DEvL/Jq7f6D6K1J2sSii0dTjx8qZJIwA7Hb7SFugcuddwzspbQcjVhyyaoCdQsn2Z+ih1W82IrZ7iawQ79blTGcUF8hp/3oZz5qBXI/LvKqDfdJazEagu82jTgpFn3FcZGC8gBjTvyy7hJF0U26YDTVkBUI1tfRR2dScc95Uw/Clc6s+d5wtk6S7fNuk5bDOEJdvB37FokbEHyWDcDa4ztmXLzDsRvLupGkPWo7aAIveH8E5VsFb6F9FM/hxl74M1y8EGGZm1iVNOAdxD8Ik2QNaUeRzl9d3M02rKiYrb7CYXUefNLxSNcy6GbdCvRV6rsgWQbkYusQHMkkyNMW5XxdaoDOUPsYTtkkhH41sM2hq+xbBhq+sYApb94abuqkya/jDCDqhpe5GH82Uw30fmWmuVVOoiIyfQbOpuUndka6I0A9vKTT3OWIj++2HN2QqNDgbwSmz4YA3glX2XonM9aWdTxxo5cEs45VD4BdgEHVXWGpTuCF9lQrknMq4FR+kxM8rMMYRfd7rzytaD1fwAOseAcWuRkTmNO80A8s+FV8NtIw1q/nqazVlp5NdwzJMGHPF7WTrKptfqIuPKaEqv4PiieFqF/euRoxdORhJO1PXfx8i4At5rZIHwMuwJ5GXY+EnZWgR+33d1u8m/R85ni+hzkgdn/BNcld5aBDTCZ8G3V1USYDkF2q8U9M0xNezT46xSPUgRTEbzCCCs72+XJc3F2mYUGPLMhzXnatxoPQafXsA/atk1MFqWbqZArTvGNGyFmt60gllp/Wb6fZwfWqcgq0w//QbKZg7cYvwr4c+QV2937zxCVhtPayR9MT74PJw5ZoYPdWe/uKQDlpH/TMq6v2MsChwnTIOXwkXppCzZCJgN60FxRy974BE2mc9qOXdCCUfdQd5SMySy6qnxdIDrTeirCxi7QXnTAJL+flhzqjoa9ICGhc7P8Jm+ivvTweypRxokn5YmI5g0DNA1wT+nmjeZeHnSIE69BtZFZ0f5HriO0zNS/Pdv+cV6f3zj11xJHI0dY+yncgxeEAdCvqPhNTn5u1ODHtDY17EJH548mGXg6BKO/L5bjBtTdB+jfgd+ccDULVue4bj3cgRbtXaaK7UZ7qicB+Szi+DenThbPfB/Go6TRugvKFpfQebDwKPgdTGrr5QhHO8O3xlL73areWA5xfbo+zS+7IGGOU5oOmicNJMYuiuGXgO/BT4L1gotl8FaNaaj+h7YiAi9aBINWaxkXw+u17BtlJwEmCwkyLZl89ewxncWwh2Z98B/IFLB9lFXY1zOAizyJYH2DvYvhYfuhKI83baSBzQDVTNRyw66VlKWVch5gAkYQbYnG61FdoyOO6rtgeVIeA/Btba2pJoCjD8qqoIHRzxJuePgi+HMx0Wc6yjfA/LdRfA8H4JLUL1owQQkIlozjeeoNevdCUXp3XakB/QnVat198icDWbwogWL24uDVnB8COz02iGOKYB9zQE71Lfgkt+8CzCBwlEb4TPZ1aCgz59OEVyXJN+cj6/Oks9cAsnS7V0XmQRKl6lZA1fDByXPjfnxI9iv1a7/x2c/eNmCxR2GAx/l+Ej4C/H0Md//PPbP8T24VEfet2DxQKI1O4Pjf4U1ODuOpLGt8wisJaEYH1SAyakEmeam6y5Tj5nGiZZhrO4S14VktPddZNKZOFiDh/Pgi+BxGDOTjZ+ENbYVVHCBOawuUoDjRGumkX+1ZnoS0EZ6AqPeTWDdE6pxwbVgcUfjeA0qapmAuu8CxsX6sv9l2RZycPniSCM4aM00mdHU8gWIckZ6/+ADRpzigZDgLvLzfEbFaHUajZkdnJfP43MPg01jW9/2GGMpaEF3kUlLqRgNOs6BNU4UGul1fY1ttSa4QquAUnhpzU6Fi7y6RTanJIwDL72UMrTL7M4DVJzv8/z10ussdx7qNNf2ABWoN5U+AeuNGl9IWD4Ot+oSpXZlhSyAyvTlXcvVYCm9yF7Ivh8b7FSs67fFtYzCjmPj8HE1lEpeBDe53oV0vX9c/T2WdlPhTa3YoxWvZ4+lk8fdaCpea47pu4626DMItv7NyHGvR+/tJwhMr5qoFRhP8d7wDmBzHiAgTK37qrVjd2sOeacpGA8QGBozuxCuMmamMh+TjGAM7oC68QBBorX3H4eLkvK+2Q3aTmuQHiBgin495CryTg/SyA60ew8QPOfBz8FJUtpC9wg7BMF7gEDaH34gFmHa3y94wzoD/PEAARV9g1Lrm071B5nfSP4fIoP7HP4WgKMAAAAASUVORK5CYII=');\n\n@keyframes loaderAnim\n  0%\n    transform: rotate(0deg)\n  100%\n    transform: rotate(360deg)\n"
  },
  {
    "path": "packages/components/src/sub-header/demo.pug",
    "content": ".sub-header\n  span.sub-header-text  Text goes here\n\n  ul.external-links\n    li\n      a(href='http://twitter.com/authzero', target='_blank') Twitter\n    li\n      a(href='http://github.com/auth0', target='_blank') Github\n    li\n      a(href='http://chat.auth0.com', target='_blank') Chat With Us\n    li\n      a(href='mailto:support@auth0.com', target='_blank') Contact Us\n\n.sub-header.sub-header-dropdown\n\n  .dropdown\n    button#dropdownMenu1.btn.dropdown-toggle(type='button', data-toggle='dropdown')\n      | Application Name\n      span.caret\n    ul.dropdown-menu(role='menu', aria-labelledby='dropdownMenu1')\n      li(role='presentation')\n        a(role='menuitem', tabindex='-1', href='#') Action\n      li(role='presentation')\n        a(role='menuitem', tabindex='-1', href='#') Another action\n      li(role='presentation')\n        a(role='menuitem', tabindex='-1', href='#') Something else here\n      li.divider(role='presentation')\n      li(role='presentation')\n        a(role='menuitem', tabindex='-1', href='#') Separated link\n\n\n  ul.external-links\n    li\n      a(href='http://twitter.com/authzero', target='_blank') Twitter\n    li\n      a(href='http://github.com/auth0', target='_blank') Github\n    li\n      a(href='http://chat.auth0.com', target='_blank') Chat With Us\n    li\n      a(href='mailto:support@auth0.com', target='_blank') Contact Us"
  },
  {
    "path": "packages/components/src/sub-header/index.styl",
    "content": "/*==========  Subheader  ==========*/\n.sub-header\n  border-radius: 3px;\n  margin-bottom: 40px;\n  background-color: $color-blue;\n  background-image: linear-gradient(120deg, darken($color-red, 40%) 0%, $color-blue 100%); /* W3C */\n  font-weight: $font-weight-bold\n  font-size: $font-size-small;\n  color: white;\n  a\n    color: white;\n\n  span.sub-header-text, .external-links a\n    padding: 14px 20px;\n    display: inline-block\n\n  .btn\n    line-height: 32px\n    font-size: $font-size-small;\n    border: 0;\n    border-radius: 0;\n    border-right: 1px solid #ccc;\n    text-transform: none\n    background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.8) 100%); /* W3C */\n    border-top-left-radius: 3px;\n    border-bottom-left-radius: 3px;\n    letter-spacing: .5px;\n\n    position: relative;\n    text-align: left;\n    padding-left: 20px;\n    padding-right: 40px;\n    display: inline-block\n\n    span\n      position: absolute;\n      right: 20px;\n      top: 20px;\n\n    &:hover\n      background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.8) 100%); /* W3C */\n      color: white;\n\n\n    &.dropdown-toggle\n      color: white;\n\n    &:focus\n      outline: none;\n\n  .dropdown\n    display: inline-block\n  .dropdown-menu\n\n    li\n      margin: 0;\n\n    .divider\n      margin: 10px 0;\n      font-size: $font-size-base;\n\n  ul.external-links\n    display: inline-block\n    float: right;\n    li\n      float: left\n      display: inline-block\n      color: white;\n      font-size: $font-size-small;\n      padding: 0;\n      margin: 0;\n      a\n        opacity: .6;\n        &:hover\n          opacity: 1;\n\n\n  &.sub-header-dropdown\n    background: #5D676F;\n"
  },
  {
    "path": "packages/components/src/switchboard/demo.pug",
    "content": ".switchboard.switchboard-responsive(data-columns=\"3\")\n  .switchboard-item.disabled(tabindex='-1', data-switch-position=\"left\")\n    .content\n      h4.name Austin flexitarian iPhone\n      .desc DIY food truck authentic, mumblecore poutine slow-carb synth. Brooklyn bitters portland, pinterest man bun chillwave master cleanse craft beer deep v lomo lo-fi celiac before they sold out. Chia gastropub gochujang squid gluten-free, actually waistcoat mumblecore gentrify. Semiotics chicharrones locavore, hashtag 90's raw denim chartreuse venmo vinyl meggings small batch. Keytar mustache franzen paleo.\n    .switch\n      .ui-switch\n        input(type=\"checkbox\")\n        span.status\n  .switchboard-item.disabled(tabindex='-1')\n    .content\n      h4.name 8-bit forage sartorial\n      .desc Vegan 90's bicycle rights, hashtag semiotics franzen keffiyeh deep v typewriter stumptown 8-bit slow-carb tacos. \n    .switch\n      .ui-switch\n        input(type=\"checkbox\" disabled)\n        label.status\n  .switchboard-item.disabled(tabindex='-1')\n    .content\n      h4.name 8-bit forage sartorial\n      .desc Vegan 90's bicycle rights, hashtag semiotics franzen keffiyeh deep v typewriter stumptown 8-bit slow-carb tacos. \n    .switch\n      .ui-switch\n        input(type=\"checkbox\" checked)\n        label.status\n  .switchboard-item.disabled(tabindex='-1')\n    .content\n      img(src=\"https://cdn.auth0.com/manage/v0.3.1316/logos/build/logo-google/images/logo.svg\", width=\"100\", alt=\"Google\")\n    .switch\n      .ui-switch\n        input(type=\"checkbox\" checked disabled)\n        label.status\n  .switchboard-item.disabled(tabindex='-1')\n    .content\n      h4.name 8-bit forage sartorial\n      .desc Vegan 90's bicycle rights, hashtag semiotics franzen keffiyeh deep v typewriter stumptown 8-bit slow-carb tacos. \n    .switch\n      .ui-switch\n        input(type=\"checkbox\")\n        label.status\n"
  },
  {
    "path": "packages/components/src/switchboard/index.styl",
    "content": "inner-padding = 30px\n\n.switchboard\n  margin 20px 0\n  display: flex;\n  flex-flow: row wrap;\n\n.switchboard-item\n  flex: 1;\n  border-right: 1px $color-gray solid;\n  border-bottom: 1px $color-gray solid;\n  position: relative;\n  min-height: 100px;\n  background: white\n  cursor: pointer;\n  will-change: transform;\n\n  &.disabled\n    background: lighten($color-gray, 80%);\n\n    .test\n      visibility: hidden;\n\n  &:focus\n    outline: none;\n\n  &:hover\n    +breakpoint(\"desktop\")\n      transform: scale(1.05) translateZ(0);\n      backface-visibility: hidden;\n      filter: blur(0px);\n      box-shadow: 0 0 10px rgba(0,0,0,.2);\n      transition: transform 0.2s ease;\n      z-index: 1000;\n\n  .name\n    margin-top: 0;\n    margin-bottom: 10px;\n    font-size: $font-size-base;\n    font-weight: 500;\n\n  .desc\n    font-size: $font-size-small;\n\n  .content\n    padding: inner-padding;\n    padding-right: 100px;\n\n  .switch\n    position: absolute;\n    top: inner-padding;\n    right: inner-padding;\n\n  &[data-switch-position=\"left\"]\n    .content\n      padding-right: inner-padding;\n      padding-left: 100px;\n\n    .switch\n      right: auto;\n      top: inner-padding;\n      left: inner-padding;\n\n.switchboard-responsive\n  .switchboard-item\n    flex-basis: 100%;\n    max-width: 100%;\n\n    +breakpoint(\"tablet\", \"max\")\n      &:nth-child(-n+1)\n        border-top: 1px $color-gray solid;\n      &:nth-child(1n+1)\n        border-left: 1px $color-gray solid;\n\n    +breakpoint(\"tablet\")\n      +breakpoint(\"desktop\", \"max\")\n        flex-basis: (100% / 2);\n        max-width: (100% / 2);\n\n        &:nth-child(-n+2)\n          border-top: 1px $color-gray solid;\n        &:nth-child(2n+1)\n          border-left: 1px $color-gray solid;\n\nfor num in 2 3 4 5\n  num_quoted = '\"' + num + '\"'\n\n  :not(.switchboard-responsive)[data-columns={num_quoted}]\n    .switchboard-item\n      flex-basis: (100% / num);\n      max-width: (100% / num);\n\n      &:nth-child(-n+{num})\n        border-top: 1px $color-gray solid;\n      &:nth-child({num}n+1)\n        border-left: 1px $color-gray solid;\n\n  .switchboard-responsive[data-columns={num_quoted}]\n    +breakpoint(\"desktop\")\n      .switchboard-item\n        flex-basis: (100% / num);\n        max-width: (100% / num);\n\n        &:nth-child(-n+{num})\n          border-top: 1px $color-gray solid;\n        &:nth-child({num}n+1)\n          border-left: 1px $color-gray solid;\n"
  },
  {
    "path": "packages/components/src/tables/demo.pug",
    "content": "table.table.table-fixed\n  thead\n    tr\n      th(width='5%', data-column='picture')\n      th(width='20%', data-column='name')\n        | Name\n        \n      th(width='20%', data-column='email')\n        | Email\n        \n      th(width='20%', data-column='lastLogin')\n        | Latest Login\n        \n      th(width='15%', data-column='loginsCount')\n        | # of Logins\n        \n      th(width='20%', data-column='connections')\n        | Connection\n        \n  tbody\n    tr\n      td\n        a(href='/#/users/YXV0aDB8NTcxMTJlYWZiZTI1ZDgxZDUyMzEzNzIx')\n          img.img-circle(src='https://secure.gravatar.com/avatar/5e137b3e18b512c421edf75eb0f6967f/?size=200', width='32')\n      td.text-truncate(title='')\n        | Guillermo Mesyngier\n      td.text-truncate(title='jon@auth0.com')\n        | guillermo@auth0.com\n      td 2 days ago\n      td 14\n      td.text-truncate Username-Password-Authentication\n\n    tr\n      td\n        a(href='/#/users/YXV0aDB8NTcxMTJlYWZiZTI1ZDgxZDUyMzEzNzIx')\n          img.img-circle(src='https://www.gravatar.com/avatar/19cb9b80e4a76c3930ac3cb8c2f97cd6?size=200', width='32')\n      td.text-truncate(title='')\n        | Sally Lehman\n      td.text-truncate(title='jon@auth0.com')\n        | sally@auth0.com\n      td 4 days ago\n      td 5\n      td.text-truncate Twitter\n      \n    tr\n      td\n        a(href='/#/users/YXV0aDB8NTcxMTJmOWViZTI1ZDgxZDUyMzEzNzIz')\n          img.img-circle(src='https://www.gravatar.com/avatar/1329d9e3f4bc1d233788c89c04410bfe.png?size=200', width='32')\n      td.text-truncate(title='')\n        | Victor Fernandez\n      td.text-truncate(title='victor@auth0.com')\n        | victor@auth0.com\n      td never\n      td 2\n      td.text-truncate Facebook\n      \n"
  },
  {
    "path": "packages/components/src/tables/index.styl",
    "content": "//\n// Tables\n// --------------------------------------------------\n\n// Padding for <th>s and <td>s.\n$table-cell-padding ?=           8px\n$table-condensed-cell-padding ?= 5px\n$table-bg ?=                     transparent\n$table-bg-accent ?=              #f9f9f9\n$table-bg-hover ?=               #f5f5f5\n$table-bg-active ?=              $table-bg-hover\n$table-border-color ?=           #ddd\n\ntable\n  background-color $table-bg\n  font-size: $font-size-base;\n\ncaption\n  padding-top $table-cell-padding\n  padding-bottom $table-cell-padding\n  color $text-muted\n  text-align left\n\nth\n  text-align left\n  font-weight $font-weight-normal\n\n\n// Baseline styles\n\n.table\n  width 100%\n  max-width 100%\n  margin-bottom $line-height-computed\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  &.table-fixed\n    table-layout: fixed;\n\n  // Cells\n  > thead,\n  > tbody,\n  > tfoot\n    > tr\n      > th,\n      > td\n        padding $table-cell-padding\n        line-height $line-height-base\n        vertical-align top\n        border-top 1px solid $table-border-color\n\n  // Bottom align for column headings\n  > thead > tr > th\n    vertical-align bottom\n    border-bottom 2px solid $table-border-color\n\n  // Remove top border from thead by default\n  > caption + thead,\n  > colgroup + thead,\n  > thead:first-child\n    > tr:first-child\n      > th,\n      > td\n        border-top 0\n\n  // Account for multiple tbody instances\n  > tbody + tbody\n    border-top 2px solid $table-border-color\n\n  // Nesting\n  .table\n    background-color $body-bg\n\n\n// Condensed table w/ half padding\n\n.table-condensed\n  > thead,\n  > tbody,\n  > tfoot\n    > tr\n      > th,\n      > td\n        padding $table-condensed-cell-padding\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered\n  border 1px solid $table-border-color\n  > thead,\n  > tbody,\n  > tfoot\n    > tr\n      > th,\n      > td\n        border 1px solid $table-border-color\n\n  > thead > tr\n    > th,\n    > td\n      border-bottom-width 2px\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped\n  > tbody > tr:nth-of-type(odd)\n    background-color $table-bg-accent\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover\n  > tbody > tr:hover\n    background-color $table-bg-hover\n\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"]\n  position static // Prevent border hiding in Firefox and IE11 (see https://github.com/twbs/bootstrap/issues/11623)\n  float none\n  display table-column\n\ntable\n  td,\n  th\n    &[class*=\"col-\"]\n      position static // Prevent border hiding in Firefox and IE11 (see https://github.com/twbs/bootstrap/issues/11623)\n      float none\n      display table-cell\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\ntable-row-variant(active, $table-bg-active)\ntable-row-variant(success, $state-success-bg)\ntable-row-variant(info, $state-info-bg)\ntable-row-variant(warning, $state-warning-bg)\ntable-row-variant(danger, $state-danger-bg)\n\n\n// Responsive tables\n//\n// Wrap your tables in `.table-responsive` and we'll make them mobile friendly\n// by enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n.table-responsive\n  overflow-x auto\n  min-height 0.01% // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)\n\n  @media screen and (max-width $screen-xs-max)\n    width 100%\n    margin-bottom ($line-height-computed * .75)\n    overflow-y hidden\n    -ms-overflow-style -ms-autohiding-scrollbar\n    border 1px solid $table-border-color\n\n    // Tighten up spacing\n    > .table\n      margin-bottom 0\n\n      // Ensure the content doesn't wrap\n      > thead,\n      > tbody,\n      > tfoot\n        > tr\n          > th,\n          > td\n            white-space nowrap\n\n    // Special overrides for the bordered tables\n    > .table-bordered\n      border 0\n\n      // Nuke the appropriate borders so that the parent can handle them\n      > thead,\n      > tbody,\n      > tfoot\n        > tr\n          > th:first-child,\n          > td:first-child\n            border-left 0\n\n          > th:last-child,\n          > td:last-child\n            border-right 0\n\n      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since\n      // chances are there will be only one `tr` in a `thead` and that would\n      // remove the border altogether.\n      > tbody,\n      > tfoot\n        > tr:last-child\n          > th,\n          > td\n            border-bottom 0\n"
  },
  {
    "path": "packages/components/src/tabs/demo.pug",
    "content": "ul.showcase-tabs\n  li.active(role='presentation')\n    a(href='#tab-one', aria-controls='tab-one', role='tab', data-toggle='tab') Something\n  li(role='presentation')\n    a(href='#tab-two', aria-controls='tab-two', role='tab', data-toggle='tab') Something\n  li(role='presentation')\n    a(href='#tab-three', aria-controls='tab-three', role='tab', data-toggle='tab') Something\n  li(role='presentation')\n    a(href='#tab-four', aria-controls='tab-four', role='tab', data-toggle='tab') Something\n\n.tab-content\n  #tab-one.tab-pane.active(role='tabpanel')\n  #tab-two.tab-pane(role='tabpanel')\n  #tab-three.tab-pane(role='tabpanel')\n  #tab-four.tab-pane(role='tabpanel')\n"
  },
  {
    "path": "packages/components/src/tabs/index.styl",
    "content": ".showcase-tabs\n  list-style: none\n  margin 0\n  padding 0\n\n  > li\n    display inline-block\n    margin-top 10px\n\n    &:not(:last-child)\n      margin-right 30px\n\n      +breakpoint(\"tablet\")\n        margin-right 40px\n\n    &.active a:after\n      display block\n      content ''\n      width 0\n      height 0\n      border-left 5px solid transparent\n      border-right 5px solid transparent\n      border-top 5px solid #000\n      margin 2px auto 0 auto\n\n    a\n      color rgba(0, 0, 0, .86)\n      font-size 16px\n      cursor pointer\n      transition all .3s ease\n\n      +breakpoint(\"tablet\")\n        font-size 20px\n\n    .theme-dark &\n      a\n        color rgba(255, 255, 255, .86)\n\n      &.active a:after\n        border-top-color rgba(255, 255, 255, .86)\n"
  },
  {
    "path": "packages/components/src/themes/index.styl",
    "content": ".theme-dark\n  color: $color-text-contrast\n\n  h1, h2, h3, h4, h5\n    color: $color-text-contrast\n\n  blockquote\n    color $color-text-contrast\n    \n    .author\n      color $color-text-contrast\n  p\n    color $color-text-contrast\n\n  p.caption\n    color $color-text-contrast-lighter\n"
  },
  {
    "path": "packages/components/src/thumbnails/index.styl",
    "content": "// Mixin and adjust the regular image class\n.thumbnail\n  display block\n  padding $thumbnail-padding\n  margin-bottom $line-height-computed\n  line-height $line-height-base\n  background-color $thumbnail-bg\n  border 1px solid $thumbnail-border\n  border-radius $thumbnail-border-radius\n  transition border .2s ease-in-out\n\n  > img,\n  a > img\n    @extend .img-responsive\n    margin-left auto\n    margin-right auto\n\n  // Add a hover state for linked versions only\n  a&:hover,\n  a&:focus,\n  a&.active\n    border-color $link-color\n\n  // Image captions\n  .caption\n    padding $thumbnail-caption-padding\n    color $thumbnail-caption-color\n"
  },
  {
    "path": "packages/components/src/tooltip/index.styl",
    "content": "//\n// Tooltips\n// --------------------------------------------------\n\n//** Tooltip max width\n$tooltip-max-width ?=         200px\n//** Tooltip text color\n$tooltip-color ?=             #fff\n//** Tooltip background color\n$tooltip-bg ?=                #000\n$tooltip-opacity ?=           .9\n\n//** Tooltip arrow width\n$tooltip-arrow-width ?=       5px\n//** Tooltip arrow color\n$tooltip-arrow-color ?=       $tooltip-bg\n\n// Base class\n.tooltip\n  position absolute\n  z-index $zindex-tooltip\n  display block\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  reset-text()\n  font-size $font-size-small\n\n  opacity-ie(0)\n\n  &.in\n    opacity-ie($tooltip-opacity)\n\n  &.top\n    margin-top -3px\n    padding $tooltip-arrow-width 0\n\n  &.right\n    margin-left 3px\n    padding 0 $tooltip-arrow-width\n\n  &.bottom\n    margin-top 3px\n    padding $tooltip-arrow-width 0\n\n  &.left\n    margin-left -3px\n    padding 0 $tooltip-arrow-width\n\n// Wrapper for the tooltip content\n.tooltip-inner\n  max-width $tooltip-max-width\n  padding 3px 8px\n  color $tooltip-color\n  text-align center\n  background-color $tooltip-bg\n  border-radius $border-radius-base\n\n// Arrows\n.tooltip-arrow\n  position absolute\n  width 0\n  height 0\n  border-color transparent\n  border-style solid\n\n// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\n.tooltip\n  &.top .tooltip-arrow\n    bottom 0\n    left 50%\n    margin-left (-($tooltip-arrow-width))\n    border-width $tooltip-arrow-width $tooltip-arrow-width 0\n    border-top-color $tooltip-arrow-color\n\n  &.top-left .tooltip-arrow\n    bottom 0\n    right $tooltip-arrow-width\n    margin-bottom (-($tooltip-arrow-width))\n    border-width $tooltip-arrow-width $tooltip-arrow-width 0\n    border-top-color $tooltip-arrow-color\n\n  &.top-right .tooltip-arrow\n    bottom 0\n    left $tooltip-arrow-width\n    margin-bottom (-($tooltip-arrow-width))\n    border-width $tooltip-arrow-width $tooltip-arrow-width 0\n    border-top-color $tooltip-arrow-color\n\n  &.right .tooltip-arrow\n    top 50%\n    left 0\n    margin-top (-($tooltip-arrow-width))\n    border-width $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0\n    border-right-color $tooltip-arrow-color\n\n  &.left .tooltip-arrow\n    top 50%\n    right 0\n    margin-top (-($tooltip-arrow-width))\n    border-width $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width\n    border-left-color $tooltip-arrow-color\n\n  &.bottom .tooltip-arrow\n    top 0\n    left 50%\n    margin-left (-($tooltip-arrow-width))\n    border-width 0 $tooltip-arrow-width $tooltip-arrow-width\n    border-bottom-color $tooltip-arrow-color\n\n  &.bottom-left .tooltip-arrow\n    top 0\n    right $tooltip-arrow-width\n    margin-top (-($tooltip-arrow-width))\n    border-width 0 $tooltip-arrow-width $tooltip-arrow-width\n    border-bottom-color $tooltip-arrow-color\n\n  &.bottom-right .tooltip-arrow\n    top 0\n    left $tooltip-arrow-width\n    margin-top (-($tooltip-arrow-width))\n    border-width 0 $tooltip-arrow-width $tooltip-arrow-width\n    border-bottom-color $tooltip-arrow-color\n\n\n/*==========  Tip  ==========*/\n.tip\n  a\n    font-weight: $font-weight-bold\n    color: white;\n    border-color: white !important;\n  .tip-inner\n    max-width: 300px;\n\n\n// @media screen and (max-width: 992px)\n//   footer.site-footer\n//     .col-md-11\n//       float: none;\n//     nav\n//       float: none;\n//       display: block\n//       clear:both;\n//       text-align: left;\n//       margin: 0;\n//       padding: 0;\n//       margin-bottom: 14px;\n//       ul\n//         margin: 0;\n//         border-bottom: 1px solid #f1f1f1;\n//         padding: 0;\n//       li\n//         display: block\n//         margin: 0;\n//       a\n//         display: block\n//         border-top: 1px solid #f1f1f1;\n//         margin: 0;\n//         padding: 14px 0;\n"
  },
  {
    "path": "packages/components/src/try-banner/demo.pug",
    "content": ".try-banner\n  span Don't have an account yet?\n  a.btn.btn-success.btn-lg(href='javascript:signup()') Try Auth0 for Free\n"
  },
  {
    "path": "packages/components/src/try-banner/index.styl",
    "content": "/*==========  Try Banner  ==========*/\n\n\n.try-banner\n  text-align: center\n  background: $bg-color-gray-light;\n  padding: 90px 20px 70px 20px;\n  border-radius: 3px;\n\n  .theme-dark &\n    background: darken($bg-color-dark, 20%);\n\n  span\n    font-size: $font-size-base;\n    display: inline-block\n    position: relative;\n    top: -0.5em;\n    text-transform: uppercase\n    letter-spacing: 1px;\n  .btn\n    position static\n    margin-left: 20px;\n    margin-top: -20px;\n\n  .copy\n    color: #666;\n    margin-top: 30px;\n\n+breakpoint(\"tablet\", \"max\")\n  .try-banner\n    padding: 20px;\n    margin-top: 40px;\n    text-align: center;\n    margin-bottom: 20px;\n    span\n      display: block\n      margin-bottom: 20px;\n      top: auto;\n    .btn\n      width: 100%;\n      display: block\n      white-space: normal;\n      margin: 0;\n"
  },
  {
    "path": "packages/components/src/ui-switch/demo.pug",
    "content": "<!-- Normal UI switch -->\n\n.ui-switch\n  input(type=\"checkbox\")\n  label.status\n  \n.ui-switch\n  input(type=\"checkbox\" checked)\n  label.status\n\n.ui-switch\n  input(type=\"checkbox\" checked disabled)\n  label.status\n\n.ui-switch\n  input(type=\"checkbox\" disabled)\n  label.status\n\nbr\n\n<!-- Labeled UI switch sm -->\n\n.ui-switch.ui-switch-labeled.ui-switch-sm\n  input(type=\"checkbox\")\n  label(data-label-true=\"True\", data-label-false=\"False\").status\n  \n.ui-switch.ui-switch-labeled.ui-switch-sm\n  input(type=\"checkbox\" checked)\n  label(data-label-true=\"True\", data-label-false=\"False\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-sm\n  input(type=\"checkbox\" checked disabled)\n  label(data-label-true=\"True\", data-label-false=\"False\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-sm\n  input(type=\"checkbox\" disabled)\n  label(data-label-true=\"True\", data-label-false=\"False\").status\n\nbr\n\n<!-- Labeled UI switch md -->\n\n.ui-switch.ui-switch-labeled.ui-switch-md\n  input(type=\"checkbox\")\n  label(data-label-true=\"Authorized\", data-label-false=\"Unauthorized\").status\n  \n.ui-switch.ui-switch-labeled.ui-switch-md\n  input(type=\"checkbox\" checked)\n  label(data-label-true=\"Authorized\", data-label-false=\"Unauthorized\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-md\n  input(type=\"checkbox\" checked disabled)\n  label(data-label-true=\"Authorized\", data-label-false=\"Unauthorized\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-md\n  input(type=\"checkbox\" disabled)\n  label(data-label-true=\"Authorized\", data-label-false=\"Unauthorized\").status\n\nbr\n\n<!-- Labeled UI switch lg -->\n\n.ui-switch.ui-switch-labeled.ui-switch-lg\n  input(type=\"checkbox\")\n  label(data-label-true=\"Authorized safely\", data-label-false=\"Unauthorized safely\").status\n  \n.ui-switch.ui-switch-labeled.ui-switch-lg\n  input(type=\"checkbox\" checked)\n  label(data-label-true=\"Authorized safely\", data-label-false=\"Unauthorized safely\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-lg\n  input(type=\"checkbox\" checked disabled)\n  label(data-label-true=\"Authorized safely\", data-label-false=\"Unauthorized safely\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-lg\n  input(type=\"checkbox\" disabled)\n  label(data-label-true=\"Authorized safely\", data-label-false=\"Unauthorized safely\").status\n\nbr\n\n<!-- Labeled UI switch xl -->\n\n.ui-switch.ui-switch-labeled.ui-switch-xl\n  input(type=\"checkbox\")\n  label(data-label-true=\"Authorized very easily\", data-label-false=\"Unauthorized very easily\").status\n  \n.ui-switch.ui-switch-labeled.ui-switch-xl\n  input(type=\"checkbox\" checked)\n  label(data-label-true=\"Authorized very easily\", data-label-false=\"Unauthorized very easily\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-xl\n  input(type=\"checkbox\" checked disabled)\n  label(data-label-true=\"Authorized very easily\", data-label-false=\"Unauthorized very easily\").status\n\n.ui-switch.ui-switch-labeled.ui-switch-xl\n  input(type=\"checkbox\" disabled)\n  label(data-label-true=\"Authorized very easily\", data-label-false=\"Unauthorized very easily\").status"
  },
  {
    "path": "packages/components/src/ui-switch/index.styl",
    "content": ".ui-switch\n  display: inline-block;\n  width: 50px;\n  height: 31px;\n  position: relative;\n  color $color-text-light\n\n  input[type=\"checkbox\"]\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 100;\n    opacity: 0;\n    outline: none;\n    margin: 0;\n\n    &:disabled + .status\n      opacity: 0.3;\n\n    &:checked + .status:before\n      transform: translate(70%, -5%);\n\n    &:checked + .status\n      background: #4cd964;\n\n  .status\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 27px;\n    background: #d0d2d3;\n    cursor: pointer;\n    position: relative;\n    display: inline-block;\n\n    &:before\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 4px;\n      left: 4px;\n      height: 25px;\n      width: 25px;\n      background: #fff;\n      box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25), 0px 4px 11px 0px rgba(0,0,0,0.08), -1px 3px 3px 0px rgba(0,0,0,0.14);\n      transition: transform 100ms ease;\n      border-radius: 50%;\n      transform: translate(-5%, -5%);\n\n// Labeled switches\n.ui-switch.ui-switch-labeled\n  .status\n    &:before\n      z-index 10\n    &:after\n      content attr(data-label-false)\n      font-size $font-size-small\n      position absolute\n      left calc(50% + 11px)\n      top 50%\n      transform: translate(-50%, -50%);\n      z-index 0\n      white-space nowrap\n  \n  input[type=\"checkbox\"]\n    &:checked + .status:after\n      content attr(data-label-true)\n      left calc(50% - 11px)\n  \n  &.ui-switch-sm\n    width 90px\n    \n    input[type=\"checkbox\"]\n      &:checked + .status:before\n        transform: translate(58px, -5%);\n      \n  &.ui-switch-md\n    width 120px\n  \n    input[type=\"checkbox\"]\n      &:checked + .status:before\n        transform: translate(88px, -5%);\n  \n  &.ui-switch-lg\n    width 160px\n  \n    input[type=\"checkbox\"]\n      &:checked + .status:before\n        transform: translate(128px, -5%);\n  \n  &.ui-switch-xl\n    width 200px\n  \n    input[type=\"checkbox\"]\n      &:checked + .status:before\n        transform: translate(168px, -5%);"
  },
  {
    "path": "packages/components/src/wells/index.styl",
    "content": "//\n// Wells\n// --------------------------------------------------\n$well-bg ?=                   #f5f5f5\n$well-border ?=               darken($well-bg, 7)\n\n// Base class\n.well\n  min-height 20px\n  padding 19px\n  margin-bottom 20px\n  background-color $well-bg\n  border 1px solid $well-border\n  border-radius $border-radius-base\n  box-shadow inset 0 1px 1px rgba(0, 0, 0, .05)\n\n  blockquote\n    border-color #ddd\n    border-color rgba(0, 0, 0, .15)\n\n// Sizes\n.well-lg\n  padding 24px\n  border-radius $border-radius-large\n.well-sm\n  padding 9px\n  border-radius $border-radius-small\n"
  },
  {
    "path": "packages/components/tools/scripts/release.sh",
    "content": "#!/bin/bash\n\nset -e\n\n#\n# Release script\n\n# Export RELEASE env var\nexport RELEASE=1\n\n# Verifies that is running from the right directory\nif ! [ -e tools/scripts/release.sh ]; then\n  echo >&2 \"Please run tools/scripts/release.sh from the repo root\"\n  exit 1\nfi\n\n# git origin of destination\nGIT_ORIGIN_DEST=\"origin\"\n# git branch of destination\nGIT_BRANCH_DEST=\"master\"\n# Package name\nPACKAGE_NAME=$(node -p \"require('./package').name\")\n# Package version\nPACKAGE_VERSION=$(node -p \"require('./package').version\")\n\n# Test before start the release process\n\necho \"Testing $PACKAGE_VERSION\"\n\n# npm test\n\n# Publish to our CDN\n\necho \"Deploying $PACKAGE_VERSION to our CDN\"\n\n$(npm bin)/gulp cdn\n$(npm bin)/ccu\n\n# Publish to npm\n\necho \"Deploying $PACKAGE_VERSION to npm\"\n\nNPM_EXISTS=$(npm info $PACKAGE_NAME@$PACKAGE_VERSION)\n\nif [ \"$NPM_EXISTS\" == \"undefined\" ]; then\n  npm publish --access=public\nelse\n  echo \"There is already a version $PACKAGE_VERSION in npm. Skiping npm publish.\"\nfi\n\n# Publish git tag\n\necho \"Deploying $PACKAGE_VERSION git tag\"\n\nTAG_NAME=\"$PACKAGE_NAME-v$PACKAGE_VERSION\"\nTAG_EXISTS=$(git tag -l \"$TAG_NAME\")\n\nif [ ! -z \"$TAG_EXISTS\" ]; then\n  echo \"There is already a tag $TAG_EXISTS in git. Skiping git tag deploy.\"\nelse\n  git tag $TAG_NAME\n  git push $GIT_ORIGIN_DEST $TAG_NAME\nfi\n"
  },
  {
    "path": "packages/core/.eslintignore",
    "content": "build/*\nnode_modules/*\n**/node_modules/*\n"
  },
  {
    "path": "packages/core/.eslintrc",
    "content": "{\n  \"extends\": \"auth0-base/prettier\",\n  \"rules\": {\n    \"import/no-extraneous-dependencies\": [\"error\", {\n       \"devDependencies\": [\"gulpfile.js\"]\n     }]\n  }\n}\n"
  },
  {
    "path": "packages/core/.gitignore",
    "content": "build\ncdn\nnode_modules\n.DS_Store\nnpm-debug.log\n"
  },
  {
    "path": "packages/core/.stylelintrc",
    "content": "{\n  \"extends\": \"stylelint-config-standard\",\n  \"rules\": {\n    \"at-rule-empty-line-before\": null,\n    \"block-closing-brace-empty-line-before\": null,\n    \"block-closing-brace-newline-after\": null,\n    \"block-closing-brace-space-before\": null,\n    \"block-opening-brace-space-after\": null,\n    \"block-opening-brace-space-before\": null,\n    \"declaration-block-semicolon-space-after\": null,\n    \"declaration-block-single-line-max-declarations\": null,\n    \"declaration-block-trailing-semicolon\": null,\n    \"declaration-colon-space-after\": null,\n    \"function-comma-space-after\": null,\n    \"indentation\": null,\n    \"media-feature-colon-space-after\": null,\n    \"no-missing-end-of-source-newline\": null,\n    \"number-leading-zero\": null,\n    \"rule-nested-empty-line-before\": null,\n    \"rule-non-nested-empty-line-before\": null,\n    \"selector-combinator-space-after\": null,\n    \"selector-combinator-space-before\": null,\n    \"selector-list-comma-newline-after\": null,\n    \"selector-pseudo-element-colon-notation\": null\n  }\n}\n"
  },
  {
    "path": "packages/core/README.md",
    "content": "# Auth0 Styleguide - Core\n\nIncludes the common styles for every Auth0 applications like variables, mixins, utility classes and css reset.\n\n## Installation\n\n### CDN\n\nUsing our CDN is the prefered solution. Just add the following line in your project's HTML head and you are done.\n\n```html\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/core/3.1.0/core.min.css\" />\n```\n\n### NPM\n\nDownload the package from NPM if you need to access to the stylus mixins or variables.\n\n```bash\nnpm install --save @auth0/styleguide-core\n```\n\n## Development\n\n**Node.js v6.9.1 and npm v3.10.8 or newer is required.**\n\nRun this commands to start developing:\n\n```bash\nnpm install\nnpm start\n```\n\n## Releasing a new version\n\nRun the command `bin/version <patch|minor|major|version-no>` inside the package directory. This will commit a new version for you.\n\nExample\n```\nbin/version patch\n```\n\n## License\n\nAll the logos and branding are copyright Auth0 and may not be used or reproduced without explicit permission from Auth0 Inc.\n\nThe icons are licensed from [Budi Harto Tanrim](http://budicon.buditanrim.co/). All other third-party components are subject to their own licenses.\n"
  },
  {
    "path": "packages/core/bin/version",
    "content": "#!/usr/bin/env node\nconst path = require('path');\nconst bump = require('bump-version');\nconst exec = require('child_process').exec;\n\nfunction run(cmd, done) {\n  const proc = exec(cmd, done);\n  proc.stdout.pipe(process.stdout);\n  proc.stderr.pipe(process.stderr);\n}\n\ntry {\n  const res = bump(path.resolve(__dirname, '..'), process.argv.pop());\n\n  run(`git commit -am \"[core] Release: ${res.version}\"`, (err1) => {\n    if (!err1) return process.exit(0);\n\n    // restore original status\n    console.error(err1.message); // eslint-disable-line no-console\n    return run('git checkout .', (err) => {\n      if (err) console.error(err.message); // eslint-disable-line no-console\n      process.exit(1);\n    });\n  });\n} catch (err) {\n  console.error(err.message); // eslint-disable-line no-console\n  process.exit(1);\n}\n"
  },
  {
    "path": "packages/core/gulpfile.js",
    "content": "const gulp = require('gulp');\nconst $ = require('gulp-load-plugins')();\n\n/**\n * CSS bundle task\n */\ngulp.task('styles', () =>\n  gulp\n    .src('./src/main.styl')\n    .pipe(\n      $.stylus({\n        'include css': true,\n        paths: ['../../node_modules']\n      })\n    )\n    .pipe(\n      $.autoprefixer({\n        browsers: ['last 2 versions'],\n        cascade: false\n      })\n    )\n    // Unminified CSS bundle\n    .pipe($.rename('core.css'))\n    .pipe(gulp.dest('./build/'))\n    // Minified CSS bundle\n    .pipe($.cssnano())\n    .pipe($.rename('core.min.css'))\n    .pipe(gulp.dest('./build/'))\n);\n\n/**\n * Build task\n */\ngulp.task('build', gulp.series('styles'));\n\n/**\n * Watch task\n */\ngulp.task(\n  'watch',\n  gulp.series(done => {\n    gulp.watch('./**/*.styl', gulp.series('build'));\n    done();\n  })\n);\n\n/**\n * Default task\n */\ngulp.task('default', gulp.series('watch'));\n\n/**\n * CDN task\n */\ngulp.task('cdn:fonts', () =>\n  gulp.src('./src/fonts/**/*.+(eot|svg|ttf|otf|woff|woff2)').pipe(gulp.dest('./cdn/fonts'))\n);\n\ngulp.task('cdn:build', () => gulp.src('./build/**/*.*').pipe(gulp.dest('./cdn')));\n\ngulp.task('cdn', gulp.parallel('cdn:fonts', 'cdn:build'));\n"
  },
  {
    "path": "packages/core/package.json",
    "content": "{\n  \"name\": \"@auth0/styleguide-core\",\n  \"version\": \"3.1.0\",\n  \"description\": \"Includes stylus variables, mixins and class utilities common to all Auth0 projects.\",\n  \"main\": \"build/core.css\",\n  \"style\": \"build/core.css\",\n  \"scripts\": {\n    \"prepublish\": \"NODE_ENV=production npm run build\",\n    \"start\": \"gulp\",\n    \"build\": \"gulp build\",\n    \"publish:cdn\": \"gulp cdn && ccu\",\n    \"lint\": \"npm run lint:js && npm run lint:css\",\n    \"lint:js\": \"eslint .\",\n    \"lint:css\": \"stylelint build/core.css\",\n    \"test\": \"npm run lint:js\"\n  },\n  \"keywords\": [\n    \"auth0\",\n    \"styleguide\",\n    \"css\",\n    \"base\"\n  ],\n  \"author\": \"Auth0 (https://auth0.com)\",\n  \"homepage\": \"https://styleguide.auth0.com/\",\n  \"repository\": \"https://github.com/auth0/styleguide/tree/master/packages/core\",\n  \"license\": \"UNLICENSED\",\n  \"files\": [\n    \"build\",\n    \"src\"\n  ],\n  \"dependencies\": {\n    \"normalize-css\": \"^2.3.1\"\n  },\n  \"devDependencies\": {\n    \"@auth0/component-cdn-uploader\": \"^2.0.0\",\n    \"bump-version\": \"^0.5.0\",\n    \"eslint\": \"^3.19.0\",\n    \"eslint-config-auth0-base\": \"^13.0.0\",\n    \"eslint-plugin-import\": \"^2.3.0\",\n    \"gulp\": \"^4.0.2\",\n    \"gulp-autoprefixer\": \"^3.1.1\",\n    \"gulp-cssnano\": \"^2.1.2\",\n    \"gulp-load-plugins\": \"^1.3.0\",\n    \"gulp-rename\": \"^1.2.2\",\n    \"gulp-stylus\": \"^2.5.0\",\n    \"stylelint\": \"^7.5.0\",\n    \"stylelint-config-standard\": \"^15.0.1\"\n  },\n  \"ccu\": {\n    \"name\": \"core\",\n    \"cdn\": \"https://cdn.auth0.com\",\n    \"mainBundleFile\": \"core.css\",\n    \"remoteBasePath\": \"styleguide\",\n    \"bucket\": \"assets.us.auth0.com\",\n    \"localPath\": \"cdn\"\n  }\n}\n"
  },
  {
    "path": "packages/core/src/fonts/index.styl",
    "content": "// Fonts directory\n// Inter font (open-source, replaces proprietary Fakt)\n@import './inter/'\n"
  },
  {
    "path": "packages/core/src/fonts/inter/index.styl",
    "content": "// Inter Font\n// License: SIL Open Font License 1.1\n// https://github.com/rsms/inter\n\n$inter-cdn-base ?= 'https://cdn.auth0.com/styleguide/core/3.1.0/fonts/inter'\n\n// Inter Light (300)\n@font-face\n  font-family: 'Inter'\n  src: url($inter-cdn-base + '/Inter-Light.ttf') format('truetype')\n  font-weight: 300\n  font-style: normal\n  font-display: swap\n\n// Inter Regular (400)\n@font-face\n  font-family: 'Inter'\n  src: url($inter-cdn-base + '/Inter-Regular.ttf') format('truetype')\n  font-weight: 400\n  font-style: normal\n  font-display: swap\n\n// Inter Medium (500)\n@font-face\n  font-family: 'Inter'\n  src: url($inter-cdn-base + '/Inter-Medium.ttf') format('truetype')\n  font-weight: 500\n  font-style: normal\n  font-display: swap\n\n// Inter SemiBold (600)\n@font-face\n  font-family: 'Inter'\n  src: url($inter-cdn-base + '/Inter-SemiBold.ttf') format('truetype')\n  font-weight: 600\n  font-style: normal\n  font-display: swap\n"
  },
  {
    "path": "packages/core/src/grid/index.styl",
    "content": "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.container\n  container-fixed()\n\n  @media (min-width $screen-sm-min)\n    width $container-sm\n  @media (min-width $screen-md-min)\n    width $container-md\n  @media (min-width $screen-lg-min)\n    width $container-lg\n\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n.container-fluid\n  container-fixed()\n\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.row\n  make-row()\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\nmake-grid-columns()\n\n\n// Extra small grid\n//\n// Columns, offsets, pushes, and pulls for extra small devices like\n// smartphones.\n\nmake-grid(xs)\n\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n\n@media (min-width $screen-sm-min)\n  make-grid(sm)\n\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width $screen-md-min)\n  make-grid(md)\n\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width $screen-lg-min)\n  make-grid(lg)\n\n\n.container\n  max-width: 1016px;\n\n.container.spacing-content\n  padding-top:  80px  ;\n  padding-bottom: 80px;\n\n.narrow-content\n  max-width: 680px;\n  margin: auto;\n  text-align: center;\n  font-size: 120%;\n  p\n    color: #666;\n  ul\n    padding-left: 0;\n    &.ul-inline\n      margin: 20px 0;\n      li\n        background: url('/homepage/img/icon-checkmark.png') left 4px no-repeat;\n        display: inline-block\n        padding-left: 30px;\n        margin: 0 20px;\n\n    &.ul-large\n      text-align: left;\n\n    li\n      margin-bottom: 20px;\n      background: url('/homepage/img/icon-checkmark.png') left 4px no-repeat;\n      padding-left: 30px;\n      list-style: none;\n"
  },
  {
    "path": "packages/core/src/helpers/index.styl",
    "content": "// CDN fallback helper.\n//\n// Use: Create a div with an ID called \"auth0-styleguide-core-cdn-fallback\" and check if the display is none.\n#auth0-styleguide-core-cdn-fallback\n  display none"
  },
  {
    "path": "packages/core/src/main.styl",
    "content": "// Vendor\n@import 'normalize-css/normalize.css'\n\n// Core CSS\n@import 'vars/'\n@import 'mixins/'\n@import 'utilities/'\n@import 'grid/'\n@import 'fonts/'\n@import 'typography/'\n@import 'responsive/'\n@import 'utilities/'\n@import 'scaffolding/'\n@import 'helpers/'\n"
  },
  {
    "path": "packages/core/src/mixins/index.styl",
    "content": "// Mixins\n// --------------------------------------------------\nvendors ?= official\n\n// Variables\n@import '../vars/index.styl';\n\n// Utilities\n\n@import \"mixins/hide-text\"\n@import \"mixins/opacity\"\n@import \"mixins/image\"\n@import \"mixins/labels\"\n@import \"mixins/reset-filter\"\n@import \"mixins/resize\"\n@import \"mixins/responsive-visibility\"\n@import \"mixins/size\"\n@import \"mixins/tab-focus\"\n@import \"mixins/reset-text\"\n@import \"mixins/text-emphasis\"\n@import \"mixins/text-overflow\"\n@import \"mixins/vendor-prefixes\"\n@import \"mixins/font-smoothing\"\n\n// Components\n@import \"mixins/alerts\"\n@import \"mixins/buttons\"\n@import \"mixins/badge-variant\"\n@import \"mixins/panels\"\n@import \"mixins/pagination\"\n@import \"mixins/list-group\"\n@import \"mixins/nav-divider\"\n@import \"mixins/forms\"\n@import \"mixins/progress-bar\"\n@import \"mixins/table-row\"\n\n// Skins\n@import \"mixins/background-variant\"\n@import \"mixins/border-radius\"\n@import \"mixins/gradients\"\n\n// Layout\n@import \"mixins/clearfix\"\n@import \"mixins/center-block\"\n@import \"mixins/nav-vertical-align\"\n@import \"mixins/grid-framework\"\n@import \"mixins/grid\"\n\n// Custom mixins\n@import \"mixins/breakpoint\"\n@import \"mixins/custom-grid\"\n@import \"mixins/percentage\"\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/alerts.styl",
    "content": "// Alerts\nalert-variant($background, $border, $text-color)\n  background-color $background\n  color $text-color\n\n  hr\n    border-top-color darken($border, 5)\n\n  .alert-link\n    color darken($text-color, 10)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/background-variant.styl",
    "content": "// Contextual backgrounds\nbg-variant($color)\n  background-color $color\n\n  a&:hover,\n  a&:focus\n    background-color darken($color, 10)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/badge-variant.styl",
    "content": "badge-variant($color){\n  background-color: $color;\n\n  &[href]:hover,\n  &[href]:focus {\n    background-color: darken($color, 10%);\n  }\n}"
  },
  {
    "path": "packages/core/src/mixins/mixins/border-radius.styl",
    "content": "// Single side border-radius\nborder-top-radius($radius)\n  border-top-right-radius $radius\n  border-top-left-radius $radius\n\nborder-right-radius($radius)\n  border-bottom-right-radius $radius\n  border-top-right-radius $radius\n\nborder-bottom-radius($radius)\n  border-bottom-right-radius $radius\n  border-bottom-left-radius $radius\n\nborder-left-radius($radius)\n  border-bottom-left-radius $radius\n  border-top-left-radius $radius\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/breakpoint.styl",
    "content": "breakpoint(point, orientation = \"min\")\n  if point == \"mobile\"\n    if orientation == \"max\"\n      @media ({orientation}-width: (breakpoint-mobile - 1) )\n        {block}\n    else\n      @media ({orientation}-width: breakpoint-mobile)\n        {block}\n\n  else if point == \"mobile-landscape\"\n    if orientation == \"max\"\n      @media ({orientation}-width: (breakpoint-mobile-landscape - 1) )\n        {block}\n    else\n      @media ({orientation}-width: breakpoint-mobile-landscape)\n        {block}\n\n\n  else if point == \"tablet\"\n    if orientation == \"max\"\n      @media ({orientation}-width: (breakpoint-tablet - 1) )\n        {block}\n    else\n      @media ({orientation}-width: breakpoint-tablet)\n        {block}\n\n  else if point == \"desktop\"\n    if orientation == \"max\"\n      @media ({orientation}-width: (breakpoint-desktop - 1) )\n        {block}\n    else\n      @media ({orientation}-width: breakpoint-desktop)\n        {block}\n\n  else if point == \"desktop-hd\"\n    if orientation == \"max\"\n      @media ({orientation}-width: (breakpoint-desktop-hd - 1) )\n        {block}\n    else\n      @media ({orientation}-width: breakpoint-desktop-hd)\n        {block}\n\n  else if point == \"retina-only\"\n    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)\n      {block}\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/buttons.styl",
    "content": "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\nbutton-variant($color, $background, $border)\n  color $color\n  background-color $background\n  border-color $border\n\n  &:focus,\n  &.focus\n    color $color\n    background-color darken($background, 10)\n    border-color darken($border, 25)\n\n  &:hover\n    color $color\n    background-color darken($background, 10)\n    border-color darken($border, 12)\n\n  &:active,\n  &.active,\n  .open > .dropdown-toggle&\n    color $color\n    background-color darken($background, 10)\n    border-color darken($border, 12)\n\n    &:hover,\n    &:focus,\n    &.focus\n      color $color\n      background-color darken($background, 17)\n      border-color darken($border, 25)\n\n  &:active,\n  &.active,\n  .open > .dropdown-toggle&\n    background-image none\n\n  &.disabled,\n  &[disabled],\n  fieldset[disabled] &\n    &:hover,\n    &:focus,\n    &.focus\n      background-color $background\n      border-color $border\n\n  .badge\n    color $background\n    background-color $color\n\n// Button sizes\nbutton-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius)\n  padding $padding-vertical $padding-horizontal\n  font-size $font-size\n  line-height $line-height\n  border-radius $border-radius\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/center-block.styl",
    "content": "// Center-align a block level element\ncenter-block()\n  display block\n  margin-left auto\n  margin-right auto\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/clearfix.styl",
    "content": "// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source http://nicolasgallagher.com/micro-clearfix-hack/\nclearfix()\n  &:before,\n  &:after\n    content \" \" // 1\n    display table // 2\n\n  &:after\n    clear both\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/custom-grid.styl",
    "content": "grid(cols = 1, gutter = 0, childs = \".item\", orientation= \"right\", autoWidth = true)\n  clearfix()\n\n  if autoWidth\n    width: auto\n\n  margin-right: -(gutter)\n\n  {childs}\n    float: left\n    width: (100% / cols)\n    padding-{orientation}: gutter\n    background-clip: content-box\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/font-smoothing.styl",
    "content": "font-smoothing()\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;"
  },
  {
    "path": "packages/core/src/mixins/mixins/forms.styl",
    "content": "// Form validation states\n//\n// Used in forms to generate the form validation CSS for warnings, errors,\n// and successes.\n\nform-control-validation($text-color = #555, $border-color = #ccc, $background-color = #f5f5f5)\n  // Color the label and help text\n  .help-block,\n  .control-label,\n  .radio,\n  .checkbox,\n  .radio-inline,\n  .checkbox-inline,\n  &.radio label,\n  &.checkbox label,\n  &.radio-inline label,\n  &.checkbox-inline label\n    color $text-color\n\n  // Set the border and box shadow on specific inputs to match\n  &.form-control\n    border-color $border-color\n    box-shadow inset 0 1px 1px rgba(0, 0, 0, .075) // Redeclare so transitions work\n\n    &:focus\n      border-color darken($border-color, 10)\n      box-shadow inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten($border-color, 20)\n\n  // Set validation states also for addons\n  .input-group-addon\n    color $text-color\n    border-color $border-color\n    background-color $background-color\n\n  // Optional feedback icon\n  .form-control-feedback\n    color $text-color\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage change the default blue border and shadow to white for better\n// contrast against a dark gray background.\nform-control-focus($color = $input-border-focus)\n  $color-rgba = rgba(red($color), green($color), blue($color), .6)\n\n  &:focus\n    border-color $color\n    outline 0\n    box-shadow inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px $color-rgba\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `<select>`\n// element gets special love because it's special, and that's a fact!\ninput-size($input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius)\n  height $input-height\n  padding $padding-vertical $padding-horizontal\n  font-size $font-size\n  line-height $line-height\n  border-radius $border-radius\n\n  select&\n    height $input-height\n    line-height $input-height\n\n  textarea&,\n  select[multiple]&\n    height auto\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/gradients.styl",
    "content": "// Gradients\nhex(num)\n  return base-convert(round(num), 16)\n\nargb(color)\n  return s('#%s%s%s%s',\n      hex(alpha(color) * 255),\n      hex(red(color)),\n      hex(green(color)),\n      hex(blue(color)))\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n// Color stops are not available in IE9 and below.\ngradient-horizontal($start-color = #555, $end-color = #333, $start-percent = 0%, $end-percent = 100%)\n  //background-image -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent) // Safari 5.1-6, Chrome 10+\n  //background-image -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent) // Opera 12\n  background-image linear-gradient(to right, $start-color $start-percent, $end-color $end-percent) // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n  background-repeat repeat-x\n  filter s(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%s', endColorstr='%s', GradientType=1)\", argb($start-color), argb($end-color)) // IE9 and down\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n// Color stops are not available in IE9 and below.\ngradient-vertical($start-color = #555, $end-color = #333, $start-percent = 0%, $end-percent = 100%)\n  //background-image -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent)  // Safari 5.1-6, Chrome 10+\n  //background-image -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent)  // Opera 12\n  background-image linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent) // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n  background-repeat repeat-x\n  filter s(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%s', endColorstr='%s', GradientType=0)\", argb($start-color), argb($end-color)) // IE9 and down\n\ngradient-directional($start-color = #555, $end-color = #333, $deg = 45deg)\n  background-repeat repeat-x\n  // background-image -webkit-linear-gradient($deg, $start-color, $end-color) // Safari 5.1-6, Chrome 10+\n  // background-image -o-linear-gradient($deg, $start-color, $end-color) // Opera 12\n  background-image linear-gradient($deg, $start-color, $end-color) // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n\ngradient-horizontal-three-colors($start-color = #00b3ee, $mid-color = #7a43b6, $color-stop = 50%, $end-color = #c3325f)\n  // background-image -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color)\n  // background-image -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color)\n  background-image linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color)\n  background-repeat no-repeat\n  filter s(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%s', endColorstr='%s', GradientType=1)\", argb($start-color), argb($end-color)) // IE9 and down, gets no $color-stop at all for proper fallback\n\ngradient-vertical-three-colors($start-color = #00b3ee, $mid-color = #7a43b6, $color-stop = 50% , $end-color = #c3325f)\n  // background-image -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color)\n  // background-image -o-linear-gradient($start-color, $mid-color $color-stop, $end-color)\n  background-image linear-gradient($start-color, $mid-color $color-stop, $end-color)\n  background-repeat no-repeat\n  filter s(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%s', endColorstr='%s', GradientType=0)\", argb($start-color), argb($end-color)) // IE9 and down, gets no $color-stop at all for proper fallback\n\ngradient-radial($inner-color = #555, $outer-color = #333)\n  // background-image -webkit-radial-gradient(circle, $inner-color, $outer-color)\n  background-image radial-gradient(circle, $inner-color, $outer-color)\n  background-repeat no-repeat\n\ngradient-striped($color = rgba(255, 255, 255, .15), $angle = 45deg)\n  // background-image -webkit-linear-gradient($angle, color 25%, transparent 25%, transparent 50%, color 50%, color 75%, transparent 75%, transparent)\n  // background-image -o-linear-gradient($angle, color 25%, transparent 25%, transparent 50%, color 50%, color 75%, transparent 75%, transparent)\n  background-image linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/grid-framework.styl",
    "content": "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid $classes given\n// any value of `$grid-columns`.\nmake-grid-columns()\n  $col\n    position relative\n    // Prevent columns from collapsing when empty\n    min-height 1px\n    // Inner gutter via padding\n    padding-left ceil($grid-gutter-width / 2)\n    padding-right floor($grid-gutter-width / 2)\n\n  // Common styles for all sizes of grid columns, widths 1-12\n  for $index in 1..$grid-columns\n    .col-xs-{$index}, .col-sm-{$index}, .col-md-{$index}, .col-lg-{$index}\n      @extend $col\n\nfloat-grid-columns($class)\n  $col-float-{$class}\n    float left\n\n  for $index in 1..$grid-columns\n    .col-{$class}-{$index}\n      @extend $col-float-{$class}\n\ncalc-grid-column($index, $class, $type)\n  if $type == width and $index > 0\n    .col-{$class}-{$index}\n      width percentage(($index / $grid-columns))\n  else if $type == push\n    if $index == 0\n      .col-{$class}-push-0\n        left auto\n    else\n      .col-{$class}-push-{$index}\n        left percentage(($index / $grid-columns))\n  else if $type == pull\n    if $index == 0\n      .col-{$class}-pull-0\n        right auto\n    else\n      .col-{$class}-pull-{$index}\n        right percentage(($index / $grid-columns))\n  else if $type == offset\n    .col-{$class}-offset-{$index}\n      margin-left percentage(($index / $grid-columns))\n\nloop-grid-columns($grid-columns, $class, $type)\n  for $index in $grid-columns..0\n    calc-grid-column($index, $class, $type)\n\n// Create grid for specific $class\nmake-grid($class)\n  float-grid-columns($class)\n  loop-grid-columns($grid-columns, $class, width)\n  loop-grid-columns($grid-columns, $class, pull)\n  loop-grid-columns($grid-columns, $class, push)\n  loop-grid-columns($grid-columns, $class, offset)\n\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/grid.styl",
    "content": "// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\ncontainer-fixed($gutter = $grid-gutter-width)\n  margin-right auto\n  margin-left auto\n  padding-left floor($gutter / 2)\n  padding-right ceil($gutter / 2)\n  clearfix()\n\n// Creates a wrapper for a series of columns\nmake-row($gutter = $grid-gutter-width)\n  margin-left ceil($gutter / -2)\n  margin-right floor($gutter / -2)\n  clearfix()\n\n// Generate the extra small columns\nmake-xs-column($columns, $gutter = $grid-gutter-width)\n  position relative\n  float left\n  width percentage(($columns / $grid-columns))\n  min-height 1px\n  padding-left ($gutter / 2)\n  padding-right ($gutter / 2)\n\nmake-xs-column-offset($columns)\n  margin-left percentage(($columns / $grid-columns))\n\nmake-xs-column-push($columns)\n  left percentage(($columns / $grid-columns))\n\nmake-xs-column-pull($columns)\n  right percentage(($columns / $grid-columns))\n\n// Generate the small columns\nmake-sm-column($columns, $gutter = $grid-gutter-width)\n  position relative\n  min-height 1px\n  padding-left ($gutter / 2)\n  padding-right ($gutter / 2)\n\n  @media (min-width $screen-sm-min)\n    float left\n    width percentage(($columns / $grid-columns))\n\nmake-sm-column-offset($columns)\n  @media (min-width $screen-sm-min)\n    margin-left percentage(($columns / $grid-columns))\n\nmake-sm-column-push($columns)\n  @media (min-width $screen-sm-min)\n    left percentage(($columns / $grid-columns))\n\nmake-sm-column-pull($columns)\n  @media (min-width $screen-sm-min)\n    right percentage(($columns / $grid-columns))\n\n// Generate the medium columns\nmake-md-column($columns, $gutter = $grid-gutter-width)\n  position relative\n  min-height 1px\n  padding-left ($gutter / 2)\n  padding-right ($gutter / 2)\n\n  @media (min-width $screen-md-min)\n    float left\n    width percentage(($columns / $grid-columns))\n\nmake-md-column-offset($columns)\n  @media (min-width $screen-md-min)\n    margin-left percentage(($columns / $grid-columns))\n\nmake-md-column-push($columns)\n  @media (min-width $screen-md-min)\n    left percentage(($columns / $grid-columns))\n\nmake-md-column-pull($columns)\n  @media (min-width $screen-md-min)\n    right percentage(($columns / $grid-columns))\n\n// Generate the large columns\nmake-lg-column($columns, $gutter = $grid-gutter-width)\n  position relative\n  min-height 1px\n  padding-left ($gutter / 2)\n  padding-right ($gutter / 2)\n\n  @media (min-width $screen-lg-min)\n    float left\n    width percentage(($columns / $grid-columns))\n\nmake-lg-column-offset($columns)\n  @media (min-width $screen-lg-min)\n    margin-left percentage(($columns / $grid-columns))\n\nmake-lg-column-push($columns)\n  @media (min-width $screen-lg-min)\n    left percentage(($columns / $grid-columns))\n\nmake-lg-column-pull($columns)\n  @media (min-width $screen-lg-min)\n    right percentage(($columns / $grid-columns))\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/hide-text.styl",
    "content": "// CSS image replacement\n//\n// Heads up! v3 launched with only `hide-text()`, but per our pattern for\n// mixins being reused as classes with the same name, this doesn't hold up. As\n// of v3.0.1 we have added `text-hide()` and deprecated `.hide-text()`.\n//\n// Source https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n\n// Deprecated as of v3.01 (has been removed in v4)\nhide-text()\n  font unquote('0/0') a\n  color transparent\n  text-shadow none\n  background-color transparent\n  border 0\n\n// New mixin to use as of v3.0.1\ntext-hide()\n  hide-text()\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/image.styl",
    "content": "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\nimg-responsive($display = block)\n  display $display\n  max-width 100% // Part 1 Set a maximum relative to the parent\n  height auto // Part 2 Scale the height according to the width, otherwise you get stretching\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size. Note that the\n// spelling of `min--moz-device-pixel-ratio` is intentional.\nimg-retina($file-1x, $file-2x, $width-1x, $height-1x)\n  background-image url(\"{$file-1x}\")\n\n  @media\n  //only screen and (-webkit-min-device-pixel-ratio 2),\n  //only screen and (min--moz-device-pixel-ratio 2),\n  //only screen and (-o-min-device-pixel-ratio 2/1),\n  only screen and (min-device-pixel-ratio 2),\n  only screen and (min-resolution 192dpi),\n  only screen and (min-resolution 2dppx)\n    background-image url(\"{$file-2x}\")\n    background-size $width-1x $height-1x\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/labels.styl",
    "content": "// Labels\nlabel-variant($color)\n  color $color\n  border-color $color\n\n  &[href]\n    &:hover,\n    &:focus\n      color darken($color, 10)\n      border-color darken($color, 10)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/list-group.styl",
    "content": "// List Groups\nlist-group-item-variant($state, $background, $color)\n  .list-group-item-{$state}\n    color $color\n    background-color $background\n\n    a&,\n    button&\n      color $color\n\n      .list-group-item-heading\n        color inherit\n\n      &:hover,\n      &:focus\n        color $color\n        background-color darken($background, 5)\n\n      &.active,\n      &.active:hover,\n      &.active:focus\n        color #fff\n        background-color $color\n        border-color $color\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/nav-divider.styl",
    "content": "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\nnav-divider($color = #e5e5e5)\n  height 1px\n  margin (($line-height-computed / 2) - 1) 0\n  overflow hidden\n  background-color $color\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/nav-vertical-align.styl",
    "content": "// Navbar vertical align\n//\n// Vertically center elements in the navbar.\n// Example an element has a height of 30px, so write out `.navbar-vertical-align(30px),` to calculate the appropriate top margin.\nnavbar-vertical-align($element-height)\n  margin-top (($navbar-height - $element-height) / 2)\n  margin-bottom (($navbar-height - $element-height) / 2)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/opacity.styl",
    "content": "// Opacity\nopacity-ie($opacity)\n  opacity $opacity\n  // IE8 filter\n  $opacity-ie = ($opacity * 100)\n  filter s('alpha(opacity=%s)', $opacity-ie)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/pagination.styl",
    "content": "//== Pagination\n//\n//##\n\n$pagination-color ?=                   $link-color\n$pagination-bg ?=                      #fff\n$pagination-border ?=                  #ddd\n\n$pagination-hover-color ?=             $link-hover-color\n$pagination-hover-bg ?=                $gray-lighter\n$pagination-hover-border ?=            #ddd\n\n$pagination-active-color ?=            #fff\n$pagination-active-bg ?=               $brand-primary\n$pagination-active-border ?=           $brand-primary\n\n$pagination-disabled-color ?=          $gray-light\n$pagination-disabled-bg ?=             #fff\n$pagination-disabled-border ?=         #ddd\n\n// Pagination\npagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius)\n  > li\n    > a,\n    > span\n      padding $padding-vertical $padding-horizontal\n      font-size $font-size\n      line-height $line-height\n\n    &:first-child\n      > a,\n      > span\n        border-left-radius($border-radius)\n\n    &:last-child\n      > a,\n      > span\n        border-right-radius($border-radius)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/panels.styl",
    "content": "// Panels\npanel-variant($border, $heading-text-color, $heading-bg-color, $heading-border)\n  border-color $border\n\n  & > .panel-heading\n    color $heading-text-color\n    background-color $heading-bg-color\n    border-color $heading-border\n\n    + .panel-collapse > .panel-body\n      border-top-color $border\n\n    .badge\n      color $heading-bg-color\n      background-color $heading-text-color\n\n  & > .panel-footer\n    + .panel-collapse > .panel-body\n      border-bottom-color $border\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/percentage.styl",
    "content": "percentage($n)\n  if $n == 0\n    0\n  else\n    unit($n * 100, \"%\")\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/progress-bar.styl",
    "content": "// Progress bars\nprogress-bar-variant($color)\n  background-color $color\n\n  // Deprecated parent class requirement as of v3.2.0\n  .progress-striped &\n    gradient-striped()\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/reset-filter.styl",
    "content": "// Reset filters for IE\n//\n// When you need to remove a gradient background, do not forget to use this to reset\n// the IE filter for IE9 and below.\nreset-filter()\n  filter unquote(\"progid:DXImageTransform.Microsoft.gradient(enabled = false)\")\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/reset-text.styl",
    "content": "reset-text()\n  font-family $font-family-base\n  // We deliberately do NOT reset font-size.\n  font-style normal\n  font-weight normal\n  letter-spacing normal\n  line-break auto\n  line-height $line-height-base\n  text-align left // Fallback for where `start` is not supported\n  text-align start\n  text-decoration none\n  text-shadow none\n  text-transform none\n  white-space normal\n  word-break normal\n  word-spacing normal\n  word-wrap normal\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/resize.styl",
    "content": "// Resize anything\nresizable($direction)\n  resize $direction // Options horizontal, vertical, both\n  overflow auto // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/responsive-visibility.styl",
    "content": "// Responsive utilities\n\n//\n// More easily include all the states for responsive-utilities.\nresponsive-visibility()\n  display block !important\n\n  table&\n    display table !important\n\n  tr&\n    display table-row !important\n\n  th&,\n  td&\n    display table-cell !important\n\nresponsive-invisibility()\n  display none !important\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/size.styl",
    "content": "// Sizing shortcuts\nsize($width, $height)\n  width $width\n  height $height\n\nsquare($size)\n  size($size, $size)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/tab-focus.styl",
    "content": "// WebKit-style focus\ntab-focus()\n  // Default\n  outline thin dotted\n  // WebKit\n  outline 5px auto -webkit-focus-ring-color\n  outline-offset -2px\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/table-row.styl",
    "content": "// Tables\ntable-row-variant($state, $background)\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table > thead > tr,\n  .table > tbody > tr,\n  .table > tfoot > tr\n    > td.{$state},\n    > th.{$state},\n    &.{$state} > td,\n    &.{$state} > th\n      background-color $background\n\n  // Hover states for `.table-hover`\n  // Note this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover > tbody > tr\n    > td.{$state}:hover,\n    > th.{$state}:hover,\n    &.{$state}:hover > td,\n    &:hover > .{$state},\n    &.{$state}:hover > th\n      background-color darken($background, 5%)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/text-emphasis.styl",
    "content": "// Typography\ntext-emphasis-variant($color)\n  color $color\n\n  a&:hover,\n  a&:focus\n    color darken($color, 10)\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/text-overflow.styl",
    "content": "// Text overflow\n// Requires inline-block or block for proper styling\ntext-overflow(type=ellipsis)\n  text-overflow type\n  if type == ellipsis\n    overflow hidden unless @overflow\n    white-space nowrap unless @white-space\n"
  },
  {
    "path": "packages/core/src/mixins/mixins/vendor-prefixes.styl",
    "content": "// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They have been removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n// animation($animation)\n//   -webkit-animation $animation\n//   -o-animation $animation\n//   animation $animation\n// animation-name($name)\n//   -webkit-animation-name $name\n//   animation-name $name\n// animation-duration($duration)\n//   -webkit-animation-duration $duration\n//   animation-duration $duration\n// animation-timing-function($timing-function)\n//   -webkit-animation-timing-function $timing-function\n//   animation-timing-function $timing-function\n// animation-delay($delay)\n//   -webkit-animation-delay $delay\n//   animation-delay $delay\n// animation-iteration-count($iteration-count)\n//   -webkit-animation-iteration-count $iteration-count\n//   animation-iteration-count $iteration-count\n// animation-direction($direction)\n//   -webkit-animation-direction $direction\n//   animation-direction $direction\n// animation-fill-mode($fill-mode)\n//   -webkit-animation-fill-mode $fill-mode\n//   animation-fill-mode $fill-mode\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\nbackface-visibility($visibility)\n  -webkit-backface-visibility $visibility\n  -moz-backface-visibility $visibility\n  backface-visibility $visibility\n\n// Drop shadows\n//\n// Note Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n// box-shadow($shadow...)\n//   -webkit-box-shadow $shadow // iOS <4.3 & Android <4.1\n//   box-shadow $shadow\n\n// Box sizing\n// box-sizing($boxmodel)\n//   -webkit-box-sizing $boxmodel\n//   -moz-box-sizing $boxmodel\n//   box-sizing $boxmodel\n\n// CSS3 Content Columns\n// content-columns($column-count, $column-gap = $grid-gutter-width)\n//   -webkit-column-count $column-count\n//   -moz-column-count $column-count\n//   column-count $column-count\n//   -webkit-column-gap $column-gap\n//   -moz-column-gap $column-gap\n//   column-gap $column-gap\n\n// Optional hyphenation\n// hyphens($mode = auto)\n//   word-wrap break-word\n//   -webkit-hyphens $mode\n//   -moz-hyphens $mode\n//   -ms-hyphens $mode // IE10+\n//   -o-hyphens $mode\n//   hyphens $mode\n\n// Placeholder text\nplaceholder($color = $input-color-placeholder)\n  &::-moz-placeholder // Firefox\n    color $color\n    opacity 1 // Override Firefox's unusual default opacity; See https//github.com/twbs/bootstrap/pull/11526\n  &:-ms-input-placeholder // Internet Explorer 10+\n    color $color\n  &::-webkit-input-placeholder // Safari and Chrome\n    color $color\n\n// Transformations\n// scale($ratio...)\n//   -webkit-transform s(\"scale(%s)\", join(', ', $ratio))\n//   -ms-transform s(\"scale(%s)\", join(', ', $ratio)) // IE9 only\n//   -o-transform s(\"scale(%s)\", join(', ', $ratio))\n//   transform s(\"scale(%s)\", join(', ', $ratio))\n// scaleX($ratio)\n//   -webkit-transform s(\"scaleX(%s)\", $ratio)\n//   -ms-transform s(\"scaleX(%s)\", $ratio) // IE9 only\n//   -o-transform s(\"scaleX(%s)\", $ratio)\n//   transform s(\"scaleX(%s)\", $ratio)\n// scaleY($ratio)\n//   -webkit-transform s(\"scaleY(%s)\", $ratio)\n//   -ms-transform s(\"scaleY(%s)\", $ratio) // IE9 only\n//   -o-transform s(\"scaleY(%s)\", $ratio)\n//   transform s(\"scaleY(%s)\", $ratio)\n// skew($x, $y)\n//   -webkit-transform s(\"skewX(%s) skewY(%s)\", $x, $y)\n//   -ms-transform s(\"skewX(%s) skewY(%s)\", $x, $y) // See https//github.com/twbs/bootstrap/issues/4885 IE9+\n//   -o-transform s(\"skewX(%s) skewY(%s)\", $x, $y)\n//   transform s(\"skewX(%s) skewY(%s)\", $x, $y)\n// translate($x, $y)\n//   -webkit-transform s(\"translate(%s, %s)\", $x, $y)\n//   -ms-transform s(\"translate(%s, %s)\", $x, $y) // IE9 only\n//   -o-transform s(\"translate(%s, %s)\", $x, $y)\n//   transform s(\"translate(%s, %s)\", $x, $y)\n// translate3d($x, $y, $z)\n//   -webkit-transform s(\"translate3d(%s, %s, %s)\", $x, $y, $z)\n//   transform s(\"translate3d(%s, %s, %s)\", $x, $y, $z)\n// rotate($degrees)\n//   -webkit-transform s(\"rotate(%s)\", $degrees)\n//   -ms-transform s(\"rotate(%s)\", $degrees) // IE9 only\n//   -o-transform s(\"rotate(%s)\", $degrees)\n//   transform s(\"rotate(%s)\", $degrees)\n// rotateX($degrees)\n//   -webkit-transform s(\"rotateX(%s)\", $degrees)\n//   -ms-transform s(\"rotateX(%s)\", $degrees) // IE9 only\n//   -o-transform s(\"rotateX(%s)\", $degrees)\n//   transform s(\"rotateX(%s)\", $degrees)\n// rotateY($degrees)\n//   -webkit-transform s(\"rotateY(%s)\", $degrees)\n//   -ms-transform s(\"rotateY(%s)\", $degrees) // IE9 only\n//   -o-transform s(\"rotateY(%s)\", $degrees)\n//   transform s(\"rotateY(%s)\", $degrees)\nperspective($perspective)\n  -webkit-perspective $perspective\n  // -moz-perspective $perspective\n  perspective $perspective\n// perspective-origin($perspective)\n//   -webkit-perspective-origin $perspective\n//   -moz-perspective-origin $perspective\n//   perspective-origin $perspective\n// transform-origin($origin)\n//   -webkit-transform-origin $origin\n//   -moz-transform-origin $origin\n//   -ms-transform-origin $origin // IE9 only\n//   transform-origin $origin\n\n\n// Transitions\n\n// transition($transition...)\n//   -webkit-transition $transition\n//   -o-transition $transition\n//   transition $transition\n// transition-property($transition-property)\n//   -webkit-transition-property $transition-property\n//   transition-property $transition-property\n// transition-delay($transition-delay)\n//   -webkit-transition-delay $transition-delay\n//   transition-delay $transition-delay\n// transition-duration($transition-duration)\n//   -webkit-transition-duration $transition-duration\n//   transition-duration $transition-duration\n// transition-timing-function($timing-function)\n//   -webkit-transition-timing-function $timing-function\n//   transition-timing-function $timing-function\ntransition-transform($transition)\n  -webkit-transition -webkit-transform $transition\n  -moz-transition -moz-transform $transition\n  -o-transition -o-transform $transition\n  transition transform $transition\n\n\n// User select\n// For selecting text on the page\n\n// user-select($select)\n//   -webkit-user-select $select\n//   -moz-user-select $select\n//   -ms-user-select $select // IE10+\n//   user-select $select\n"
  },
  {
    "path": "packages/core/src/responsive/index.styl",
    "content": "//\n// Responsive Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue https://github.com/twbs/bootstrap/issues/10497\n// Docs http://getbootstrap.com/getting-started/#support-ie10-width\n// Source http://timkadlec.com/2013/01/windows-phone-8-and-device-width/\n// Source http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@-ms-viewport\n  width device-width\n\n// Visibility utilities\n// Note Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg\n  responsive-invisibility()\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block\n  display none !important\n\n.visible-xs\n  @media (max-width $screen-xs-max)\n    responsive-visibility()\n\n.visible-xs-block\n  @media (max-width $screen-xs-max)\n    display block !important\n\n.visible-xs-inline\n  @media (max-width $screen-xs-max)\n    display inline !important\n\n.visible-xs-inline-block\n  @media (max-width $screen-xs-max)\n    display inline-block !important\n\n.visible-sm\n  @media (min-width $screen-sm-min) and (max-width $screen-sm-max)\n    responsive-visibility()\n\n.visible-sm-block\n  @media (min-width $screen-sm-min) and (max-width $screen-sm-max)\n    display block !important\n\n.visible-sm-inline\n  @media (min-width $screen-sm-min) and (max-width $screen-sm-max)\n    display inline !important\n\n.visible-sm-inline-block\n  @media (min-width $screen-sm-min) and (max-width $screen-sm-max)\n    display inline-block !important\n\n.visible-md\n  @media (min-width $screen-md-min) and (max-width $screen-md-max)\n    responsive-visibility()\n\n.visible-md-block\n  @media (min-width $screen-md-min) and (max-width $screen-md-max)\n    display block !important\n\n.visible-md-inline\n  @media (min-width $screen-md-min) and (max-width $screen-md-max)\n    display inline !important\n\n.visible-md-inline-block\n  @media (min-width $screen-md-min) and (max-width $screen-md-max)\n    display inline-block !important\n\n.visible-lg\n  @media (min-width $screen-lg-min)\n    responsive-visibility()\n\n.visible-lg-block\n  @media (min-width $screen-lg-min)\n    display block !important\n\n.visible-lg-inline\n  @media (min-width $screen-lg-min)\n    display inline !important\n\n.visible-lg-inline-block\n  @media (min-width $screen-lg-min)\n    display inline-block !important\n\n.hidden-xs\n  @media (max-width $screen-xs-max)\n    responsive-invisibility()\n\n.hidden-sm\n  @media (min-width $screen-sm-min) and (max-width $screen-sm-max)\n    responsive-invisibility()\n\n.hidden-md\n  @media (min-width $screen-md-min) and (max-width $screen-md-max)\n    responsive-invisibility()\n\n.hidden-lg\n  @media (min-width $screen-lg-min)\n    responsive-invisibility()\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n// Note Deprecated .visible-print as of v3.2.0\n.visible-print\n  responsive-invisibility()\n\n  @media print\n    responsive-visibility()\n\n.visible-print-block\n  display none !important\n\n  @media print\n    display block !important\n\n.visible-print-inline\n  display none !important\n\n  @media print\n    display inline !important\n\n.visible-print-inline-block\n  display none !important\n\n  @media print\n    display inline-block !important\n\n.hidden-print\n  @media print\n    responsive-invisibility()\n\n\n\n// Embeds responsive\n//\n// Credit Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive\n  position relative\n  display block\n  height 0\n  padding 0\n  overflow hidden\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video\n    position absolute\n    top 0\n    left 0\n    bottom 0\n    height 100%\n    width 100%\n    border 0\n\n// Modifier class for 16:9 aspect ratio\n.embed-responsive-16by9\n  padding-bottom 56.25%\n\n// Modifier class for 4:3 aspect ratio\n.embed-responsive-4by3\n  padding-bottom 75%\n"
  },
  {
    "path": "packages/core/src/scaffolding/index.styl",
    "content": "//\n// Scaffolding\n// --------------------------------------------------\n\n\n// Reset the box-sizing\n//\n// Heads up! This reset may cause conflicts with some third-party widgets.\n// For recommendations on resolving such conflicts, see\n// http://getbootstrap.com/getting-started/#third-box-sizing\n*\n  box-sizing border-box\n*:before,\n*:after\n  box-sizing border-box\n\n\n// Body reset\n\nhtml\n  -webkit-tap-highlight-color rgba(0, 0, 0, 0)\n  text-rendering: geometricPrecision\n\nbody\n  font-family $font-family-base\n  font-size $font-size-base\n  line-height $line-height-base\n  color $text-color\n  background-color $body-bg\n  font-smoothing()\n\n// Reset fonts for relevant elements\ninput,\nbutton,\nselect,\ntextarea\n  font-family inherit\n  font-size inherit\n  line-height inherit\n  font-smoothing()\n\n\n// Links\n\na\n  color $link-color\n  text-decoration none\n  font-smoothing()\n\n  .theme-dark &\n    color lighten($link-color, 30%)\n\n  &:hover,\n  &:focus\n    color $link-hover-color\n    text-decoration $link-hover-decoration\n\n  .theme-dark &\n    &:hover,\n    &:focus\n      color lighten($link-hover-color, 30%)\n\n  &:focus\n    tab-focus()\n\n\n\n\n\n// Figures\n//\n// We reset this here because previously Normalize had no `figure` margins. This\n// ensures we don't break anyone's use of the element.\n\nfigure\n  margin 0\n\n\n// Images\n\nimg\n  vertical-align middle\n\n// Responsive images (ensure images don't scale beyond their parents)\n.img-responsive\n  img-responsive()\n\n// Rounded corners\n.img-rounded\n  border-radius $border-radius-large\n\n// Image thumbnails\n//\n// Heads up! This is mixin-ed into thumbnails for `.thumbnail`.\n.img-thumbnail\n  padding $thumbnail-padding\n  line-height $line-height-base\n  background-color $thumbnail-bg\n  border 1px solid $thumbnail-border\n  border-radius $thumbnail-border-radius\n  transition all .2s ease-in-out\n\n  // Keep them at most 100% wide\n  img-responsive(inline-block)\n\n// Perfect circle\n.img-circle\n  border-radius 50% // set radius in percents\n\n\n// Horizontal rules\n\nhr\n  margin-top $line-height-computed\n  margin-bottom $line-height-computed\n  border 0\n  border-top 1px solid $hr-border\n\n\n// Only display content to screen readers\n//\n// See http://a11yproject.com/posts/how-to-hide-content/\n\n.sr-only\n  position absolute\n  width 1px\n  height 1px\n  margin -1px\n  padding 0\n  overflow hidden\n  clip rect(0, 0, 0, 0)\n  border 0\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n// Useful for \"Skip to main content\" links see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n// Credit HTML5 Boilerplate\n\n.sr-only-focusable\n  &:active,\n  &:focus\n    position static\n    width auto\n    height auto\n    margin 0\n    overflow visible\n    clip auto\n\n\n// iOS \"clickable elements\" fix for role=\"button\"\n//\n// Fixes \"clickability\" issue (and more generally, the firing of events such as focus as well)\n// for traditionally non-focusable elements with role=\"button\"\n// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n[role=\"button\"]\n  cursor pointer\n"
  },
  {
    "path": "packages/core/src/typography/index.styl",
    "content": "//\n// Typography\n// --------------------------------------------------\n\n// Headings\n// -------------------------\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6\n  font-family $headings-font-family\n  font-weight $headings-font-weight\n  line-height $headings-line-height\n  color $headings-color\n\n  small,\n  .small\n    font-weight normal\n    line-height 1\n    color $headings-small-color\n\nh1, .h1,\nh2, .h2,\nh3, .h3\n  margin-top $line-height-computed\n  margin-bottom ($line-height-computed / 2)\n\n  small,\n  .small\n    font-size 65%\n\nh4, .h4,\nh5, .h5,\nh6, .h6\n  margin-top ($line-height-computed / 2)\n  margin-bottom ($line-height-computed / 2)\n  font-weight: $font-weight-bold\n\n  small,\n  .small\n    font-size 75%\n\nh1, .h1\n  font-size $font-size-h1\n\nh2, .h2\n  font-size $font-size-h2\n\nh3, .h3\n  font-size $font-size-h3\n\nh4, .h4\n  font-size $font-size-h4\n\nh5, .h5\n  font-size $font-size-h5\n\nh6, .h6\n  font-size $font-size-h6\n\n\n// Body text\n// -------------------------\n\np\n  margin 0 0 ($line-height-computed / 2)\n\n.lead\n  margin-bottom $line-height-computed\n  font-size floor($font-size-base * 1.15)\n  font-weight 300\n  line-height 1.4\n\n  @media (min-width $screen-sm-min)\n    font-size ($font-size-base * 1.5)\n\n\n// Emphasis & misc\n// -------------------------\n\nstrong\n  font-weight $font-weight-bold\n\n// Ex: (12px small font / 14px base font) * 100% = about 85%\nsmall,\n.small\n  font-size floor(100% * $font-size-small / $font-size-base)\n\nmark,\n.mark\n  background-color $state-warning-bg\n  padding .2em\n\n// Alignment\n.text-left\n  text-align left\n\n.text-right\n  text-align right\n\n.text-center\n  text-align center\n\n.text-justify\n  text-align justify\n\n.text-nowrap\n  white-space nowrap\n\n// Auto collapse text with ellipsis\n.text-truncate\n  white-space nowrap\n  overflow hidden\n  text-overflow ellipsis\n  max-width 100%\n\n// Transformation\n.text-lowercase\n  text-transform lowercase\n\n.text-uppercase\n  text-transform uppercase\n\n.text-capitalize\n  text-transform capitalize\n\n// Contextual colors\n.text-muted\n  color $text-muted\n\n.text-primary\n  text-emphasis-variant($brand-primary)\n\n.text-success\n  text-emphasis-variant($state-success-text)\n\n.text-info\n  text-emphasis-variant($state-info-text)\n\n.text-warning\n  text-emphasis-variant($state-warning-text)\n\n.text-danger\n  text-emphasis-variant($state-danger-text)\n\n// Contextual backgrounds\n// For now we'll leave these alongside the text classes until v4 when we can\n// safely shift things around (per SemVer rules).\n.bg-primary\n  // Given the contrast here, this is the only class to have its color inverted\n  // automatically.\n  color #fff\n  bg-variant($brand-primary)\n\n.bg-success\n  bg-variant($state-success-bg)\n\n.bg-info\n  bg-variant($state-info-bg)\n\n.bg-warning\n  bg-variant($state-warning-bg)\n\n.bg-danger\n  bg-variant($state-danger-bg)\n\n\n// Page header\n// -------------------------\n\n.page-header\n  padding-bottom (($line-height-computed / 2) - 1)\n  margin ($line-height-computed * 2) 0 $line-height-computed\n  border-bottom 1px solid $page-header-border-color\n\n\n// Lists\n// -------------------------\n\n// Unordered and Ordered lists\nul,\nol\n  margin-top 0\n  margin-bottom ($line-height-computed / 2)\n  ul,\n  ol\n    margin-bottom 0\n\n// List options\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n.list-inline,\n.list-unstyled\n  padding-left 0\n  list-style none\n\n// Inline turns list items into inline-block\n.list-inline\n  margin-left -5px\n\n  > li\n    display inline-block\n    padding-left 5px\n    padding-right 5px\n\n// Description Lists\ndl\n  margin-top 0 // Remove browser default\n  margin-bottom $line-height-computed\n\ndt,\ndd\n  line-height $line-height-base\n\ndt\n  font-weight bold\n\ndd\n  margin-left 0 // Undo browser default\n\n// Horizontal description lists\n//\n// Defaults to being stacked without any of the below styles applied, until the\n// grid breakpoint is reached (default of ~768px).\n\n.dl-horizontal\n  dd\n    clearfix() // Clear the floated `dt` if an empty `dd` is present\n\n  @media (min-width $dl-horizontal-breakpoint)\n    dt\n      float left\n      width ($dl-horizontal-offset - 20)\n      clear left\n      text-align right\n      text-overflow()\n\n    dd\n      margin-left $dl-horizontal-offset\n\n\n// Misc\n// -------------------------\n\n// Abbreviations and acronyms\nabbr[title],\n\n// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257\nabbr[data-original-title]\n  cursor help\n  border-bottom 1px dotted $abbr-border-color\n\n.initialism\n  font-size 90%\n  text-transform uppercase\n\n// Blockquotes\nblockquote\n  padding ($line-height-computed / 2) $line-height-computed\n  margin 0 0 $line-height-computed\n  font-size $blockquote-font-size\n  border-left 5px solid $blockquote-border-color\n  font-style italic;\n  p,\n  ul,\n  ol\n    &:last-child\n      margin-bottom 0\n\n  // Note Deprecated small and .small as of v3.1.0\n  // Context https://github.com/twbs/bootstrap/issues/11660\n  footer,\n  small,\n  .small\n    display block\n    font-size 80% // back to default font-size\n    line-height $line-height-base\n    color $blockquote-small-color\n    font-weight: $font-weight-bold\n    font-style normal\n\n    &:before\n      content '\\2014 \\00A0' // em dash, nbsp\n\n// Opposite alignment of blockquote\n//\n// Heads up `blockquote.pull-right` has been deprecated as of v3.1.0.\n.blockquote-reverse,\nblockquote.pull-right\n  padding-right 15px\n  padding-left 0\n  border-right 5px solid $blockquote-border-color\n  border-left 0\n  text-align right\n\n  // Account for citation\n  footer,\n  small,\n  .small\n    &:before\n      content ''\n    &:after\n      content '\\00A0 \\2014' // nbsp, em dash\n\n// Addresses\naddress\n  margin-bottom $line-height-computed\n  font-style normal\n  line-height $line-height-base\n"
  },
  {
    "path": "packages/core/src/utilities/colors.styl",
    "content": ".color-red\n  background-color: $color-red\n\n.color-blue\n  background-color: $color-blue\n\n.color-blue-light\n  background-color: $color-blue-light\n\n.color-yellow\n  background-color: $color-yellow\n\n.color-orange\n  background-color: $color-orange\n\n.color-oil\n  background-color: $color-oil\n\n.color-green\n  background-color: $color-green\n\n.color-gray\n  background-color: $color-gray\n\n.color-pink\n  background-color: $color-pink\n\n.bg-color-dark\n  background-color: $bg-color-dark\n\n.bg-color-black\n  background-color: $bg-color-black\n\n.bg-color-oil\n  background-color: $color-oil\n\n.bg-color-gray\n  background-color: $bg-color-gray\n\n.bg-color-gray-light\n  background-color: $bg-color-gray-light\n\n.bg-color-error\n  background-color: $bg-color-error\n\n.bg-color-alert\n  background-color: $bg-color-alert\n\n.bg-color-success\n  background-color: $bg-color-success\n\n.bg-color-info\n  background-color: $bg-color-info"
  },
  {
    "path": "packages/core/src/utilities/index.styl",
    "content": "@import './colors'\n\n//\n// Utility classes\n// --------------------------------------------------\n\n\n// Floats\n// -------------------------\n\n.clearfix\n  clearfix()\n\n.center-block\n  center-block()\n\n.pull-right\n  float right !important\n\n.pull-left\n  float left !important\n\n\n// Toggling content\n// -------------------------\n\n// Note Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\n.hide\n  display none !important\n\n.show\n  display block !important\n\n.invisible\n  visibility hidden\n\n.text-hide\n  text-hide()\n\n\n// Hide from screenreaders and browsers\n//\n// Credit HTML5 Boilerplate\n\n.hidden\n  display none !important\n\n\n// For Affix plugin\n// -------------------------\n\n.affix\n  position fixed\n"
  },
  {
    "path": "packages/core/src/vars/breakpoints.styl",
    "content": "//\n// Responsive\n//\nbreakpoint-mobile = 320px\nbreakpoint-mobile-landscape = 568px\nbreakpoint-tablet = 768px\nbreakpoint-desktop = 992px\nbreakpoint-desktop-hd = 1200px\n"
  },
  {
    "path": "packages/core/src/vars/colors.styl",
    "content": "//== Colors\n//\n//## Gray and brand colors for use across Bootstrap.\n\n$gray-base ?=           #000\n$gray-darker ?=         lighten($gray-base, 13.5) // #222\n$gray-dark ?=           lighten($gray-base, 20)   // #333\n$gray ?=                lighten($gray-base, 33.5) // #555\n$gray-light ?=          lighten($gray-base, 46.7) // #777\n$gray-lighter ?=        lighten($gray-base, 93.5) // #eee\n\n$brand-primary ?=       #44c7f4\n$brand-success ?=       #eb5424\n$brand-info ?=          #5bc0de\n$brand-warning ?=       #f0ad4e\n$brand-danger ?=        #d9534f\n\n//\n// Text colors\n//\n$color-text-black = rgba(#000, .86)\n$color-text-white = white\n\n$color-text = $color-text-black\n$color-text-light = rgba(#000, .54)\n$color-text-lighter = rgba(#000, .26)\n\n$color-text-contrast = $color-text-white\n$color-text-contrast-light = rgba(white, .70)\n$color-text-contrast-lighter = rgba(white, .30)\n\n$color-line-gray = #d0d2d3\n$color-line-contrast = rgba(white, .20)\n\n//\n// Primary Brand Colors\n//\n$color-blue = #16214d\n$color-red = #eb5424\n$color-gray = #d0d2d3\n$color-blue = #16214d\n$color-blue-light = #44c7f4\n$color-blue-medium = #0A86B1\n\n//\n// Secondary Colors\n//\n$color-orange = #ff9a57\n$color-yellow = #eaca2c\n$color-oil = #5c666f\n$color-green = #01b48f\n$color-pink = #c879b2\n$color-green = #01b48f\n\n//\n// Background Colors\n//\n$bg-color-black = #15181D\n$bg-color-dark = #222228\n$bg-color-gray = #e3e5e7\n$bg-color-gray-light = #f5f7f9\n$bg-color-error = #FF3E00\n$bg-color-success = #7ED321\n$bg-color-alert = #F0CC00\n$bg-color-info = $color-blue-light\n"
  },
  {
    "path": "packages/core/src/vars/grid.styl",
    "content": "//\n// Grid system\n// --------------------------------------------------\n\n//** Number of columns in the grid.\n$grid-columns ?=              12\n//** Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width ?=         30px\n// Navbar collapse\n//** Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint ?=     $screen-sm-min\n//** Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max ?= ($grid-float-breakpoint - 1)\n\n\n//== Container sizes\n//\n//## Define the maximum width of `.container` for different screen sizes.\n\n// Small screen / tablet\n$container-tablet ?=           (720px + $grid-gutter-width)\n//** For `$screen-sm-min` and up.\n$container-sm ?=               $container-tablet\n\n// Medium screen / desktop\n$container-desktop ?=          (940px + $grid-gutter-width)\n//** For `$screen-md-min` and up.\n$container-md ?=               $container-desktop\n\n// Large screen / wide desktop\n$container-large-desktop ?=    (1140px + $grid-gutter-width)\n//** For `$screen-lg-min` and up.\n$container-lg ?=               $container-large-desktop\n\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Extra small screen / phone\n//** Deprecated `$screen-xs` as of v3.0.1\n$screen-xs ?=                480px\n//** Deprecated `$screen-xs-min` as of v3.2.0\n$screen-xs-min ?=            $screen-xs\n//** Deprecated `$screen-phone` as of v3.0.1\n$screen-phone ?=             $screen-xs-min\n\n// Small screen / tablet\n//** Deprecated `$screen-sm` as of v3.0.1\n$screen-sm ?=                768px\n$screen-sm-min ?=            $screen-sm\n//** Deprecated `$screen-tablet` as of v3.0.1\n$screen-tablet ?=            $screen-sm-min\n\n// Medium screen / desktop\n//** Deprecated `$screen-md` as of v3.0.1\n$screen-md ?=                992px\n$screen-md-min ?=            $screen-md\n//** Deprecated `$screen-desktop` as of v3.0.1\n$screen-desktop ?=           $screen-md-min\n\n// Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-lg ?=                1200px\n$screen-lg-min ?=            $screen-lg\n//** Deprecated `$screen-lg-desktop` as of v3.0.1\n$screen-lg-desktop ?=        $screen-lg-min\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max ?=            ($screen-sm-min - 1)\n$screen-sm-max ?=            ($screen-md-min - 1)\n$screen-md-max ?=            ($screen-lg-min - 1)"
  },
  {
    "path": "packages/core/src/vars/index.styl",
    "content": "// Variables\n// --------------------------------------------------\n\n@import 'grid'\n@import 'colors'\n@import 'typography'\n@import 'layout'\n@import 'misc'\n@import 'breakpoints'\n"
  },
  {
    "path": "packages/core/src/vars/layout.styl",
    "content": "//== Components\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n$padding-base-vertical ?=    8px\n$padding-base-horizontal ?=  16px\n\n$padding-large-vertical ?=   16px\n$padding-large-horizontal ?= 30px\n\n$padding-small-vertical ?=   5px\n$padding-small-horizontal ?= 10px\n\n$padding-xs-vertical ?=      1px\n$padding-xs-horizontal ?=    5px\n\n$line-height-large ?=        1.3333333 // extra decimals for Win 8.1 Chrome\n$line-height-small ?=        1.5\n\n$border-radius-base ?=       3px\n$border-radius-large ?=      3px\n$border-radius-small ?=      3px\n\n//** Global color for active items (e.g., navs or dropdowns).\n$component-active-color ?=   #fff\n//** Global background color for active items (e.g., navs or dropdowns).\n$component-active-bg ?=      $brand-primary\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n$caret-width-base ?=         4px\n//** Carets increase slightly in size for larger components.\n$caret-width-large ?=        5px\n\n\n//-- Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n//\n// Note: These variables are not generated into the Customizer.\n\n$zindex-navbar ?=           1000\n$zindex-dropdown ?=         1000\n$zindex-popover ?=          1060\n$zindex-tooltip ?=          1070\n$zindex-navbar-fixed ?=     1030\n$zindex-modal-background ?= 1040\n$zindex-modal ?=            1050\n\n//\n// Spacing\n//\npadding-vertical = 40px\npadding-horizontal = 20px\n\npadding-vertical-large = padding-vertical * 2\npadding-horizontal-large = padding-horizontal * 2\n\npadding-vertical-small = padding-vertical / 2\npadding-horizontal-small = padding-horizontal\n"
  },
  {
    "path": "packages/core/src/vars/misc.styl",
    "content": "//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n$state-success-text ?=           #3c763d\n$state-success-bg ?=             #dff0d8\n$state-success-border ?=         darken(spin($state-success-bg, -10), 5)\n\n$state-info-text ?=              #31708f\n$state-info-bg ?=                #d9edf7\n$state-info-border ?=            darken(spin($state-info-bg, -10), 7)\n\n$state-warning-text ?=           #8a6d3b\n$state-warning-bg ?=             #fcf8e3\n$state-warning-border ?=         darken(spin($state-warning-bg, -10), 5)\n\n$state-danger-text ?=            #a94442\n$state-danger-bg ?=              #f2dede\n$state-danger-border ?=          darken(spin($state-danger-bg, -10), 5)\n\n\n//** Horizontal offset for forms and lists.\n$component-offset-horizontal ?= 180px\n//** Text muted color\n$text-muted ?=                $gray-light\n//** Abbreviations and acronyms border color\n$abbr-border-color ?=         $gray-light\n//** Headings small color\n$headings-small-color ?=      $gray-light\n//** Blockquote small color\n$blockquote-small-color ?=    $gray-light\n//** Blockquote font size\n$blockquote-font-size ?=      ($font-size-base * 1.25)\n//** Blockquote border color\n$blockquote-border-color ?=   $gray-lighter\n//** Page header border color\n$page-header-border-color ?=  $gray-lighter\n//** Width of horizontal description list titles\n$dl-horizontal-offset ?=      $component-offset-horizontal\n//** Point at which .dl-horizontal becomes horizontal\n$dl-horizontal-breakpoint ?=  $grid-float-breakpoint\n//** Horizontal line color.\n$hr-border ?=                 $gray-lighter\n\n//\n// Thumbnails\n// --------------------------------------------------\n\n//** Padding around the thumbnail image\n$thumbnail-padding ?=         4px\n//** Thumbnail background color\n$thumbnail-bg ?=              $body-bg\n//** Thumbnail border color\n$thumbnail-border ?=          #ddd\n//** Thumbnail border radius\n$thumbnail-border-radius ?=   $border-radius-base\n\n//** Custom text color for thumbnail captions\n$thumbnail-caption-color ?=   $text-color\n//** Padding around the thumbnail caption\n$thumbnail-caption-padding ?= 9px\n"
  },
  {
    "path": "packages/core/src/vars/typography.styl",
    "content": "$body-bg ?=               #fff\n$text-color ?=            $color-text-black\n$link-color ?=            darken($color-blue-light, 25)\n$link-hover-color ?=      darken($color-blue-light, 45)\n$link-hover-decoration ?= none\n\n//== Typography\n//## Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif ?= 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\n$font-family-serif ?=      Georgia, 'Times New Roman', Times, serif\n//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.\n$font-family-monospace ?=  \"Roboto Mono\", Menlo, Monaco, Consolas, 'Courier New', monospace // Must be included via Google Fonts\n$font-family-base ?=       $font-family-sans-serif\n\n$font-size-base ?=         14px\n$font-size-large ?=        18px\n$font-size-small ?=        13px\n$font-size-micro ?=        12px\n\n$font-size-h1 ?=           floor($font-size-base * 2.6) // ~36px\n$font-size-h2 ?=           floor($font-size-base * 2.15) // ~30px\n$font-size-h3 ?=           ceil($font-size-base * 1.7) // ~24px\n$font-size-h4 ?=           ceil($font-size-base * 1.25) // ~18px\n$font-size-h5 ?=           $font-size-base\n$font-size-h6 ?=           ceil($font-size-base * 0.85) // ~12px\n\n$font-weight-light ?=     300\n$font-weight-normal ?= 400\n$font-weight-bold ?=       500\n\n//** Unit-less `line-height` for use in components like buttons.\n$line-height-base ?=       2 // 20/14\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n$line-height-computed ?=   floor($font-size-base * $line-height-base) // ~20px\n\n//** By default, this inherits from the `<body>`.\n$headings-font-family ?=   inherit\n$headings-font-weight ?=   $font-weight-bold\n$headings-line-height ?=   1.1\n$headings-color ?=         $color-text\n\n\n//== Iconography\n//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n//** Load fonts from this directory.\n$icon-font-path ?=         \"../fonts/\"\n//** File name for all font files.\n$icon-font-name ?=         \"glyphicons-halflings-regular\"\n//** Element ID within SVG icon file.\n$icon-font-svg-id ?=       \"glyphicons_halflingsregular\"\n"
  },
  {
    "path": "packages/core/tools/scripts/release.sh",
    "content": "#!/bin/bash\n\nset -e\n\n# Release script\n\n# Export RELEASE env var\nexport RELEASE=1\n\n# Verifies that is running from the right directory\nif ! [ -e tools/scripts/release.sh ]; then\n  echo >&2 \"Please run tools/scripts/release.sh from the repo root\"\n  exit 1\nfi\n\n# git origin of destination\nGIT_ORIGIN_DEST=\"origin\"\n# git branch of destination\nGIT_BRANCH_DEST=\"master\"\n# Package name\nPACKAGE_NAME=$(node -p \"require('./package').name\")\n# Package version\nPACKAGE_VERSION=$(node -p \"require('./package').version\")\n\n# Test before start the release process\n\necho \"Testing $PACKAGE_VERSION\"\n\nnpm test\n\n# Publish to our CDN\n\necho \"Deploying $PACKAGE_VERSION to our CDN\"\n\n$(npm bin)/gulp cdn\n$(npm bin)/ccu\n\n# Publish to npm\n\necho \"Deploying $PACKAGE_VERSION to npm\"\n\nNPM_EXISTS=$(npm info $PACKAGE_NAME@$PACKAGE_VERSION)\n\nif [ \"$NPM_EXISTS\" == \"undefined\" ]; then\n  npm publish --access=public\nelse\n  echo \"There is already a version $PACKAGE_VERSION in npm. Skiping npm publish.\"\nfi\n\n# Publish git tag\n\necho \"Deploying $PACKAGE_VERSION git tag\"\n\nTAG_NAME=\"$PACKAGE_NAME-v$PACKAGE_VERSION\"\nTAG_EXISTS=$(git tag -l \"$TAG_NAME\")\n\nif [ ! -z \"$TAG_EXISTS\" ]; then\n  echo \"There is already a tag $TAG_EXISTS in git. Skiping git tag deploy.\"\nelse\n  git tag $TAG_NAME\n  git push $GIT_ORIGIN_DEST $TAG_NAME\nfi\n"
  },
  {
    "path": "packages/react-components/.babelrc",
    "content": "{\n  \"presets\": [\n    \"es2015\",\n    \"stage-0\",\n    \"react\"\n  ],\n  \"plugins\": [\"inline-json-import\"]\n}\n"
  },
  {
    "path": "packages/react-components/.editorconfig",
    "content": "\n# EditorConfig helps developers define and maintain\n# consistent coding styles between different editors and IDEs.\n\nroot = true\n\n[*]\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\nindent_style = space\nindent_size = 2\n\n[*.md]\ntrim_trailing_whitespace = false\n"
  },
  {
    "path": "packages/react-components/.eslintignore",
    "content": "build/*\nlib/*\nnode_modules/*\n**/node_modules/*\n"
  },
  {
    "path": "packages/react-components/.eslintrc",
    "content": "{\n  \"extends\": \"auth0/prettier\",\n  \"parser\": \"babel-eslint\",\n  \"rules\": {\n    \"import/no-extraneous-dependencies\": [\n      \"error\",\n      {\n        \"devDependencies\": [\n          \"gulpfile.js\",\n          \"tools/**/*.js\",\n          \"test/**/*.js\",\n          \"src/**/*.test.js\",\n          \"src/**/*.stories.js\",\n          \"src/**/examples.js\"\n        ]\n      }\n    ]\n  }\n}"
  },
  {
    "path": "packages/react-components/.gitignore",
    "content": "build\nlib\nnode_modules\n.DS_Store\nnpm-debug.log\n"
  },
  {
    "path": "packages/react-components/.storybook/config.js",
    "content": "import { configure } from '@kadira/storybook';\n\nconst req = require.context('../src', true, /.stories.js$/);\n\nfunction loadStories() {\n  req.keys().forEach(filename => req(filename));\n}\n\nconfigure(loadStories, module);\n"
  },
  {
    "path": "packages/react-components/.storybook/head.html",
    "content": "<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/core/development/core.min.css\">\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/components/development/components.min.css\">\n"
  },
  {
    "path": "packages/react-components/.storybook/webpack.config.js",
    "content": "const poststylus = require('poststylus');\nconst genDefaultConfig = require('@kadira/storybook/dist/server/config/defaults/webpack.config.js');\nconst path = require('path');\n\nconst DEBUG = process.env.NODE_ENV !== 'production';\n\nmodule.exports = (config, env) => {\n  const newConfig = genDefaultConfig(config, env);\n  newConfig.entry.preview.push(path.resolve(__dirname, '../src/index.styl'));\n  newConfig.module.loaders.push({\n    test: /\\.styl/,\n    loaders: [\n      'style-loader',\n      `css-loader?${JSON.stringify({\n        sourceMap: DEBUG,\n        minimize: !DEBUG\n      })}`,\n      `stylus-loader?${JSON.stringify({\n        'include css': true,\n        paths: [path.resolve(__dirname, '../node_modules')]\n      })}`\n    ]\n  });\n\n  newConfig.module.loaders.push({\n    test: /\\.css/,\n    loaders: [\n      'style-loader',\n      `css-loader?${JSON.stringify({\n        sourceMap: DEBUG,\n        minimize: !DEBUG\n      })}`\n    ]\n  });\n\n  newConfig.stylus = {\n    use: [poststylus(['autoprefixer'])]\n  };\n\n  return newConfig;\n};\n"
  },
  {
    "path": "packages/react-components/.stylelintrc",
    "content": "{\n  \"extends\": \"stylelint-config-standard\",\n  \"rules\": {\n    \"at-rule-empty-line-before\": null,\n    \"block-closing-brace-empty-line-before\": null,\n    \"block-closing-brace-newline-after\": null,\n    \"block-closing-brace-space-before\": null,\n    \"block-opening-brace-space-after\": null,\n    \"block-opening-brace-space-before\": null,\n    \"declaration-block-semicolon-space-after\": null,\n    \"declaration-block-single-line-max-declarations\": null,\n    \"declaration-block-trailing-semicolon\": null,\n    \"declaration-colon-space-after\": null,\n    \"function-comma-space-after\": null,\n    \"media-feature-colon-space-after\": null,\n    \"no-missing-end-of-source-newline\": null,\n    \"number-leading-zero\": null,\n    \"rule-nested-empty-line-before\": null,\n    \"rule-non-nested-empty-line-before\": null,\n    \"selector-combinator-space-after\": null,\n    \"selector-combinator-space-before\": null,\n    \"selector-list-comma-newline-after\": null,\n    \"selector-pseudo-element-colon-notation\": null,\n    \"shorthand-property-no-redundant-values\": null\n  }\n}\n"
  },
  {
    "path": "packages/react-components/README.md",
    "content": "# Auth0 Styleguide - React Components\n\nLibrary of Auth0 React components. All the [react-bootstrap](http://react-bootstrap.github.io/components.html) components are re-exported inside this lib.\n\nYou can find the API, see examples, and play with live editing of every component on the [React Components section of our styleguide](https://styleguide.auth0.com/#/react).\n\n## Installation 📦\n\nIf you are using npm you can do (react and react-bootstrap are peer dependencies):\n```\nnpm i --save react@15 react-bootstrap@0.30 @auth0/styleguide-react-components\n```\n\nAnd load the CSS from our CDN:\n\n```html\n<!-- Core and Components CSS bundles are peer dependencies of react-components -->\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/core/3.1.0/core.min.css\" />\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/components/3.1.0/components.min.css\" />\n\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/react-components/1.0.5/react-components.css\" />\n```\n\nThe CSS bundles are also included on the packages installed via npm, but we encourage you to use it via our CDN so we all benefit from sharing the same url of the package to improve load time.\n\n## Usage\n\nHere is a quick example to get you started:\n\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Button } from '@auth0/styleguide-react-components';\n\nconst App = () => (\n  <div>\n    <Button>+1</Button>\n  </div>\n);\n\nReactDOM.render(\n  <App />,\n  document.getElementById('app')\n);\n```\n\n## Development 🛠\n\n### Add a new component\n\n**Node.js v6.9.1 and npm v3.10.8 or newer is required.**\n\nYou can develop new components using [React StoryBook](https://github.com/kadirahq/react-storybook).\n\nThe `index.js` and `examples.js` files will be used to generate the React Styleguide page of the component, which will contain all the documentation for it (title, description, examples and table with properties information).\n\nTo create a new component run `npm start` and add your component inside the `/src` folder with the following files:\n\n#### **index.js**\nMain component file, it should export the component.\n\nWe use [react-docgen](https://github.com/reactjs/react-docgen) to extract information from this file to generate the documentation of our components. You should use the following structure:\n\n```javascript\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * Example component title: Example component description.\n */\nconst ExampleComponent = ({ prop1, prop2 }) => (\n\t<div>Example component</div>\n);\n\nExampleComponent.propTypes = {\n  /**\n   * prop1 description\n   */\n  prop1: PropTypes.array.isRequired,\n  /**\n   * prop2 description\n   */\n  prop2: PropTypes.number.isRequired\n};\n\nexport default ExampleComponent;\n```\n\nThis file will generate the following page in the React Styleguide website:\n\n<img src=\"https://cloud.githubusercontent.com/assets/6318057/19816973/efb35be8-9d1f-11e6-9aea-ba589a2ec111.png\" alt=\"Example component page\"/>\n\nThe comment on top of the component definition will match with the page title and description, while the comments on top of the propTypes definitions will match with the definitions of the properties table.\n\n\n#### **examples.js**\n\nExport an array of objects representing the different examples of the component to showcase them in the [Auth0 React Styleguide](https://styleguide.auth0.com/react).\n\nEach object of the array can have the following properties:\n\n| Property | Type | Description |\n|:---|:---|:---|\n|component|React element|React element|\n|code|string|Code of the component (should match the code of the component property)\n|center|boolean|Center the component in the middle of the playground\n|title|string|Example title\n|showTitle|boolean|Show the example title\n|url|string| Url for the component page\n\nExample file:\n\n```javascript\nimport React from 'react';\nimport ExampleComponent from './';\n\nconst examples = [\n  {\n    component: (\n      <ExampleComponent />\n    ),\n    code: `<ExampleComponent />`,\n    title: 'Example title',\n    center: true,\n    showTitle: true,\n    url: 'default'\n  }\n];\n\nexport default examples;\n```\n\n#### **index.test.js**\n\nTest your component using [mocha](https://github.com/mochajs/mocha), [chai](https://github.com/chaijs/chai) and [enzyme](https://github.com/airbnb/enzyme).\n\n#### **index.stories.js**\n\nAdd stories for your React component. You can check [React StoryBook - Writing Stories](https://getstorybook.io/docs/react-storybook/basics/writing-stories) for more information.\n\n### Components style\n\nFollow this conventions when you are developing components:\n\n- Your components should be [stateless functional components](https://medium.com/@joshblack/stateless-components-in-react-0-14-f9798f8b992d#.3bqak5qjt) (they shouldn't contain state or lifecycle methods so we can use them with state management libraries like Redux).\n- Add propTypes for all properties and add the proper comments so that information is shown in the Auth0 React Styleguide.\n- Prefix your component css classes with its name so it doesn't conflict with others existing classes.\n\n\n### Releasing a new version\n\nRun the command `bin/version <patch|minor|major|version-no>` inside the root of this package. This will commit a new version for you.\n\nExample\n```\nbin/version patch\n```\n\n## License\n\nAll the logos and branding are copyright Auth0 and may not be used or reproduced without explicit permission from Auth0 Inc.\n\nThe icons are licensed from [Budi Harto Tanrim](http://budicon.buditanrim.co/). All other third-party components are subject to their own licenses.\n"
  },
  {
    "path": "packages/react-components/bin/version",
    "content": "#!/usr/bin/env node\nconst path = require('path');\nconst bump = require('bump-version');\nconst exec = require('child_process').exec;\n\nfunction run(cmd, done) {\n  const proc = exec(cmd, done);\n  proc.stdout.pipe(process.stdout);\n  proc.stderr.pipe(process.stderr);\n}\n\ntry {\n  const res = bump(path.resolve(__dirname, '..'), process.argv.pop());\n\n  run(`git commit -am \"[react-components] Release: ${res.version}\"`, (err1) => {\n    if (!err1) return process.exit(0);\n\n    // restore original status\n    console.error(err1.message); // eslint-disable-line no-console\n    return run('git checkout .', (err) => {\n      if (err) console.error(err.message); // eslint-disable-line no-console\n      process.exit(1);\n    });\n  });\n} catch (err) {\n  console.error(err.message); // eslint-disable-line no-console\n  process.exit(1);\n}\n"
  },
  {
    "path": "packages/react-components/gulpfile.js",
    "content": "const gulp = require('gulp');\nconst $ = require('gulp-load-plugins')();\nconst path = require('path');\n\n/**\n * CSS bundle task\n */\ngulp.task('styles', () =>\n  gulp\n    .src('./src/index.styl')\n    .pipe(\n      $.stylus({\n        'include css': true,\n        paths: [path.resolve(__dirname, 'node_modules')]\n      })\n    )\n    .pipe(\n      $.autoprefixer({\n        browsers: ['last 2 versions'],\n        cascade: false\n      })\n    )\n    // Unminified CSS bundle\n    .pipe($.rename('react-components.css'))\n    .pipe(gulp.dest('./build/'))\n    // Minified CSS bundle\n    .pipe($.cssnano())\n    .pipe($.rename('react-components.min.css'))\n    .pipe(gulp.dest('./build/'))\n);\n\n/**\n * Build task\n */\ngulp.task('build', gulp.series('styles'));\n\n/**\n * Watch task\n */\ngulp.task(\n  'watch',\n  gulp.series(done => {\n    gulp.watch('./src/**/*.styl', gulp.series('build'));\n    done();\n  })\n);\n\n/**\n * Default task\n */\ngulp.task('default', gulp.series('watch'));\n"
  },
  {
    "path": "packages/react-components/package.json",
    "content": "{\n  \"name\": \"@auth0/styleguide-react-components\",\n  \"version\": \"1.0.5\",\n  \"description\": \"Library of Auth0 React components.\",\n  \"main\": \"lib/index.js\",\n  \"jsnext:main\": \"build/react-components.es.js\",\n  \"module\": \"build/react-components.es.js\",\n  \"style\": \"build/react-components.css\",\n  \"scripts\": {\n    \"prepublish\": \"NODE_ENV=production npm run build\",\n    \"build\": \"npm run build:docs && npm run build:js && npm run build:css\",\n    \"build:docs\": \"node ./tools/tasks/generate-docs.js\",\n    \"build:js\": \"npm run build:js:umd-es && npm run build:js:lib\",\n    \"build:js:umd-es\": \"rollup -c tools/rollup/rollup.config.js && rollup -c tools/rollup/rollup.config.js --environment PRODUCTION\",\n    \"build:js:lib\": \"babel src -d lib\",\n    \"build:css\": \"gulp styles\",\n    \"publish:cdn\": \"ccu\",\n    \"start\": \"start-storybook -p 9001 -c .storybook\",\n    \"lint\": \"npm run lint:js && npm run lint:css\",\n    \"lint:js\": \"eslint .\",\n    \"lint:css\": \"stylelint build/react-components.css\",\n    \"test\": \"npm run lint:js && mocha \\\"src/**/*.test.js\\\" --require test/setup.js --compilers js:babel-register\"\n  },\n  \"keywords\": [\n    \"auth0\",\n    \"styleguide\",\n    \"react\",\n    \"components\"\n  ],\n  \"author\": \"Auth0 (https://auth0.com)\",\n  \"homepage\": \"https://styleguide.auth0.com/#/react\",\n  \"repository\": \"https://github.com/auth0/styleguide/tree/master/packages/react-components\",\n  \"license\": \"UNLICENSED\",\n  \"files\": [\n    \"build\",\n    \"lib\"\n  ],\n  \"dependencies\": {\n    \"classnames\": \"^2.2.5\",\n    \"prop-types\": \"^15.5.10\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^15.0.0\",\n    \"react-bootstrap\": \"^0.30.6 || ^0.31.0\"\n  },\n  \"devDependencies\": {\n    \"@kadira/react-storybook-decorator-centered\": \"^1.0.0\",\n    \"@kadira/storybook\": \"^2.27.0\",\n    \"autoprefixer\": \"^6.5.0\",\n    \"babel-cli\": \"^6.18.0\",\n    \"babel-core\": \"^6.17.0\",\n    \"babel-eslint\": \"^7.1.1\",\n    \"babel-plugin-external-helpers\": \"^6.18.0\",\n    \"babel-plugin-inline-json-import\": \"^0.1.6\",\n    \"babel-preset-es2015\": \"^6.16.0\",\n    \"babel-preset-react\": \"^6.16.0\",\n    \"babel-preset-stage-0\": \"^6.16.0\",\n    \"babel-register\": \"^6.16.3\",\n    \"bump-version\": \"^0.5.0\",\n    \"@auth0/component-cdn-uploader\": \"^2.0.0\",\n    \"chai\": \"^3.5.0\",\n    \"conventional-changelog-cli\": \"^1.2.0\",\n    \"css-loader\": \"^0.25.0\",\n    \"enzyme\": \"^2.5.1\",\n    \"eslint\": \"^3.19.0\",\n    \"eslint-config-auth0\": \"^11.0.0\",\n    \"eslint-plugin-babel\": \"^3.3.0\",\n    \"eslint-plugin-import\": \"^2.3.0\",\n    \"eslint-plugin-jsx-a11y\": \"^5.0.3\",\n    \"eslint-plugin-react\": \"^7.0.1\",\n    \"extract-text-webpack-plugin\": \"^1.0.1\",\n    \"gulp\": \"^4.0.2\",\n    \"gulp-autoprefixer\": \"^3.1.1\",\n    \"gulp-cssnano\": \"^2.1.2\",\n    \"gulp-load-plugins\": \"^1.3.0\",\n    \"gulp-rename\": \"^1.2.2\",\n    \"gulp-stylus\": \"^2.5.0\",\n    \"lodash\": \"^4.16.4\",\n    \"mocha\": \"^3.1.2\",\n    \"poststylus\": \"^0.2.3\",\n    \"react\": \"^15.3.2\",\n    \"react-addons-test-utils\": \"^15.3.2\",\n    \"react-bootstrap\": \"^0.30.6\",\n    \"react-docgen\": \"^2.11.0\",\n    \"react-dom\": \"^15.3.2\",\n    \"rollup\": \"^0.36.3\",\n    \"rollup-plugin-babel\": \"^2.6.1\",\n    \"rollup-plugin-commonjs\": \"^5.0.5\",\n    \"rollup-plugin-json\": \"^2.0.2\",\n    \"rollup-plugin-node-resolve\": \"^2.0.0\",\n    \"rollup-plugin-replace\": \"^1.1.1\",\n    \"rollup-plugin-uglify\": \"^1.0.1\",\n    \"style-loader\": \"^0.13.1\",\n    \"stylelint\": \"^7.5.0\",\n    \"stylelint-config-standard\": \"^14.0.0\",\n    \"stylus\": \"^0.54.5\",\n    \"stylus-loader\": \"^2.3.1\"\n  },\n  \"ccu\": {\n    \"name\": \"react-components\",\n    \"cdn\": \"https://cdn.auth0.com\",\n    \"mainBundleFile\": \"react-components.js\",\n    \"remoteBasePath\": \"styleguide\",\n    \"bucket\": \"assets.us.auth0.com\",\n    \"localPath\": \"build\"\n  }\n}\n"
  },
  {
    "path": "packages/react-components/src/Button/doc.json",
    "content": "{\n  \"description\": \"Button: Styles are inherited from components CSS bundle.\",\n  \"react-bootstrap\": \"https://react-bootstrap.github.io/components.html#buttons\"\n}\n"
  },
  {
    "path": "packages/react-components/src/Button/examples.js",
    "content": "import React from 'react';\nimport { Button } from '../';\n\nconst codeExample1 = `<div>\n  {/* Standard button */}\n  <Button>Default</Button>\n\n  {/* Provides extra visual weight and identifies the primary action in a set of buttons */}\n  <Button bsStyle=\"primary\">Primary</Button>\n\n  {/* Indicates a successful or positive action */}\n  <Button bsStyle=\"success\">Success</Button>\n\n  {/* Contextual button for informational alert messages */}\n  <Button bsStyle=\"info\">Info</Button>\n\n  {/* Indicates caution should be taken with this action */}\n  <Button bsStyle=\"warning\">Warning</Button>\n\n  {/* Indicates a dangerous or potentially negative action */}\n  <Button bsStyle=\"danger\">Danger</Button>\n\n  {/* Deemphasize a button by making it look like a link while maintaining button behavior */}\n  <Button bsStyle=\"link\">Link</Button>\n</div>`;\n\nconst examples = [\n  {\n    component: (\n      <div>\n        {/* Standard button */}\n        <Button>Default</Button>&nbsp;&nbsp;\n\n        {/* Provides extra visual weight and identifies the primary action in a set of buttons */}\n        <Button bsStyle=\"primary\">Primary</Button>&nbsp;&nbsp;\n\n        {/* Indicates a successful or positive action */}\n        <Button bsStyle=\"success\">Success</Button>&nbsp;&nbsp;\n\n        {/* Contextual button for informational alert messages */}\n        <Button bsStyle=\"info\">Info</Button>&nbsp;&nbsp;\n\n        {/* Indicates caution should be taken with this action */}\n        <Button bsStyle=\"warning\">Warning</Button>&nbsp;&nbsp;\n\n        {/* Indicates a dangerous or potentially negative action */}\n        <Button bsStyle=\"danger\">Danger</Button>&nbsp;&nbsp;\n\n        {/* Deemphasize a button by making it look like a link while maintaining button behavior */}\n        <Button bsStyle=\"link\">Link</Button>&nbsp;&nbsp;\n      </div>\n    ),\n    code: codeExample1,\n    center: true,\n    title: 'Default',\n    showTitle: false,\n    url: 'default'\n  }\n];\n\nexport default examples;\n"
  },
  {
    "path": "packages/react-components/src/Button/index.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@kadira/storybook';\nimport centered from '@kadira/react-storybook-decorator-centered';\nimport { Button } from '../../src';\n\nstoriesOf('Button', module).addDecorator(centered).add('Button styles', () =>\n  <div>\n    {/* Standard button */}\n    <Button>Default</Button> &nbsp;&nbsp;\n\n    {/* Provides extra visual weight and identifies the primary action in a set of buttons */}\n    <Button bsStyle=\"primary\">Primary</Button> &nbsp;&nbsp;\n\n    {/* Indicates a successful or positive action */}\n    <Button bsStyle=\"success\">Success</Button> &nbsp;&nbsp;\n\n    {/* Contextual button for informational alert messages */}\n    <Button bsStyle=\"info\">Info</Button> &nbsp;&nbsp;\n\n    {/* Indicates caution should be taken with this action */}\n    <Button bsStyle=\"warning\">Warning</Button> &nbsp;&nbsp;\n\n    {/* Indicates a dangerous or potentially negative action */}\n    <Button bsStyle=\"danger\">Danger</Button> &nbsp;&nbsp;\n\n    {/* Deemphasize a button by making it look like a link while maintaining button behavior */}\n    <Button bsStyle=\"link\">Link</Button>\n  </div>\n);\n"
  },
  {
    "path": "packages/react-components/src/EmptyState/examples.js",
    "content": "/* eslint-disable jsx-a11y/href-no-hash */\nimport React from 'react';\nimport EmptyState from './';\n\n// Showcase component differents usecases\nconst examples = [\n  {\n    component: (\n      <EmptyState\n        title=\"Roles\"\n        description=\" Create and manage Roles (collection of permissions) for your applications which can then be added to groups.\"\n        iconCode=\"291\"\n      >\n        <a href=\"#\" className=\"btn btn-transparent\"> Read more </a>\n        <button className=\"btn btn-success\">\n          <i className=\"icon icon-budicon-473\" /> Create your first role\n        </button>\n      </EmptyState>\n    ),\n    code: `\n<EmptyState\n  title=\"Roles\"\n  description=\"\n    Create and manage Roles (collection of permissions)\n    for your applications which can then be added to groups.\"\n  iconCode=\"291\"\n>\n  <a href=\"#\" className=\"btn btn-transparent\"> Read more </a>\n  <button className=\"btn btn-success\">\n    <i className=\"icon icon-budicon-473\" /> Create your first role\n  </button>\n</EmptyState>`,\n    title: 'Default',\n    showTitle: false,\n    url: 'default'\n  }\n];\n\nexport default examples;\n"
  },
  {
    "path": "packages/react-components/src/EmptyState/index.js",
    "content": "import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * Empty state: Simple component for onboarding users to sections with no data.\n */\nconst EmptyState = ({ title, description, iconCode, image, children }) =>\n  <div className=\"a0r-empty-state\">\n    <h2 className=\"a0r-empty-state-title\">{title}</h2>\n    {image ||\n      <div className=\"a0r-empty-state-icon\">\n        <i className={`icon-budicon-${iconCode}`} />\n      </div>}\n    {description && <p className=\"a0r-empty-state-description\">{description}</p>}\n    <div className=\"a0r-empty-state-children\"> {children} </div>\n  </div>;\n\nEmptyState.defaultProps = {\n  iconCode: '750',\n  image: false,\n  children: undefined\n};\n\nEmptyState.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  iconCode: PropTypes.string,\n  image: PropTypes.node,\n  children: PropTypes.node\n};\n\nexport default EmptyState;\n"
  },
  {
    "path": "packages/react-components/src/EmptyState/index.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@kadira/storybook';\nimport { EmptyState } from '../../src';\n\nstoriesOf('EmptyState', module)\n  .add('default', () =>\n    <EmptyState\n      title=\"Roles\"\n      description={`Create and manage Roles (collection of permissions)\n        for your applications which can then be added to groups.`}\n      iconCode=\"300\"\n    />\n  )\n  .add('with children', () =>\n    <EmptyState\n      title=\"Roles\"\n      description={`Create and manage Roles (collection of permissions)\n        for your applications which can then be added to groups.`}\n      iconCode=\"291\"\n    >\n      <button href=\"#\" className=\"btn btn-transparent\"> Read more </button>\n      <button className=\"btn btn-success\">\n        <i className=\"icon icon-budicon-473\" /> Create your first role\n      </button>\n    </EmptyState>\n  );\n"
  },
  {
    "path": "packages/react-components/src/EmptyState/index.styl",
    "content": "// Variables\n$icon-size = 100px\n\n.a0r-empty-state\n  text-align center\n  padding 40px 0\n\n  .a0r-empty-state-title\n    font-weight 500\n    margin-top 0\n    margin-bottom 40px\n    font-size 32px\n\n  .a0r-empty-state-icon\n    color rgba(black, 0.75)\n    font-size 48px\n    display block\n    width $icon-size\n    height $icon-size\n    margin 0 auto 30px auto\n    background-color rgba(black, 0.1)\n    border-radius 50%\n    text-align center\n\n    > i:before\n      line-height $icon-size\n\n  .a0r-empty-state-description\n    display block\n    max-width 440px\n    margin 0 auto\n    margin-bottom 60px\n\n  .a0r-empty-state-children .btn + .btn\n    margin-left 20px\n"
  },
  {
    "path": "packages/react-components/src/Footer/examples.js",
    "content": "import React from 'react';\nimport Footer from './';\n\nconst examples = [\n  {\n    component: <Footer />,\n    code: '<Footer />',\n    center: false,\n    title: 'Default',\n    showTitle: false,\n    url: 'default'\n  }\n];\n\nexport default examples;\n"
  },
  {
    "path": "packages/react-components/src/Footer/index.js",
    "content": "import React from 'react';\n\n/**\n * Footer: Auth0's footer component. Styles are inherited from components CSS bundle.\n */\nconst Footer = () =>\n  <footer role=\"contentinfo\" className=\"sc-footer\">\n    <div className=\"container\">\n      <div className=\"sc-footer__logo\">\n        <img\n          src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.png\"\n          width={30}\n          className=\"sc-footer__logo-image\"\n          alt=\"\"\n        />\n      </div>\n      <div className=\"sc-footer__grid\">\n        <div className=\"sc-footer__column sc-footer__column--grid\">\n          <div className=\"sc-footer__item\">\n            <h6 className=\"sc-footer__title\">Product</h6>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/pricing\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              Pricing\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/why-auth0\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              Why Auth0\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/how-it-works\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              How It Works\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a href=\"https://auth0.com/lock\" className=\"sc-footer__link sc-footer__link--featured\">\n              Lock\n            </a>\n          </div>\n        </div>\n        <div className=\"sc-footer__column sc-footer__column--grid\">\n          <div className=\"sc-footer__item\">\n            <h6 className=\"sc-footer__title\">Company</h6>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a href=\"https://auth0.com/about\" className=\"sc-footer__link sc-footer__link--featured\">\n              About Us\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a href=\"https://auth0.com/blog\" className=\"sc-footer__link sc-footer__link--featured\">\n              Blog\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a href=\"https://auth0.com/jobs\" className=\"sc-footer__link sc-footer__link--featured\">\n              Jobs\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a href=\"https://auth0.com/press\" className=\"sc-footer__link sc-footer__link--featured\">\n              Press\n            </a>\n          </div>\n        </div>\n        <div className=\"sc-footer__column sc-footer__column--grid\">\n          <div className=\"sc-footer__item\">\n            <h6 className=\"sc-footer__title\">Learn</h6>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/availability-trust\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              Availability &amp; Trust\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/security\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              Security\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/whitehat\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              White Hat\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/docs/apiv2\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              API Explorer\n            </a>\n          </div>\n        </div>\n        <div className=\"sc-footer__column sc-footer__column--grid\">\n          <div className=\"sc-footer__item\">\n            <h6 className=\"sc-footer__title\">More</h6>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://support.auth0.com\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              Help &amp; Support\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a href=\"https://auth0.com/docs\" className=\"sc-footer__link sc-footer__link--featured\">\n              Documentation\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/opensource\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              Open Source\n            </a>\n          </div>\n          <div className=\"sc-footer__item\">\n            <a\n              href=\"https://auth0.com/wordpress\"\n              className=\"sc-footer__link sc-footer__link--featured\"\n            >\n              WordPress\n            </a>\n          </div>\n        </div>\n        <div className=\"sc-footer__column sc-footer__column--contact\">\n          <div className=\"sc-footer__contact-column sc-footer__contact-column--address\">\n            <div className=\"sc-footer__item\">\n              <h6 className=\"sc-footer__title\">Contact</h6>\n            </div>\n            <div className=\"sc-footer__item sc-footer__item--text\">\n              10800 NE 8th Street<br />Suite 600<br />Bellevue, WA 98004\n            </div>\n          </div>\n          <div className=\"sc-footer__contact-column sc-footer__contact-column--phone\">\n            <div className=\"sc-footer__item sc-footer__item--small\">\n              <a href=\"tel:+18882352699\" className=\"sc-footer__link sc-footer__phone\">\n                +1 (888) 235-2699\n              </a>\n            </div>\n            <div className=\"sc-footer__item sc-footer__item--small\">\n              <a href=\"tel:+14253126521\" className=\"sc-footer__link sc-footer__phone\">\n                +1 (425) 312-6521\n              </a>\n            </div>\n            <div className=\"sc-footer__item sc-footer__item--small\">\n              <a href=\"tel:+4403332341966\" className=\"sc-footer__link sc-footer__phone\">\n                +44 (0) 33-3234-1966\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"sc-footer__colophon\">\n        <div className=\"sc-footer__column\">\n          <ul className=\"list-inline sc-footer__list sc-footer__like-buttons-container\">\n            <li className=\"sc-footer__list-item\">\n              <a\n                href=\"https://twitter.com/auth0\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sc-footer__like-buttons__link sc-footer__like-buttons__link--twitter\"\n              >\n                <span className=\"sc-footer__like-buttons__icon-container\">\n                  <svg viewBox=\"0 0 72 72\" className=\"sc-footer__like-buttons__icon\">\n                    <path fill=\"none\" d=\"M0 0h72v72H0z\" />\n                    <path\n                      fill=\"#fff\"\n                      d=\"M68.812 15.14c-2.348 1.04-4.87 1.744-7.52 2.06 2.704-1.62 4.78-4.186 5.757-7.243-2.53 1.5-5.33 2.592-8.314 3.176C56.35 10.59 52.948 9 49.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396c-1.125 1.936-1.77 4.184-1.77 6.58 0 4.543 2.312 8.552 5.824 10.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09-4.482 3.51-10.13 5.605-16.26 5.605-1.055 0-2.096-.06-3.122-.184 5.794 3.717 12.676 5.882 20.067 5.882 24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693 2.558-1.847 4.778-4.15 6.532-6.774z\"\n                    />\n                  </svg>\n                </span>\n                <span className=\"sc-footer__like-buttons__action\">Follow</span>\n                <span className=\"sr-only\"> us on Twitter, along with </span>\n                <span className=\"sc-footer__like-buttons__counter sr-only\">many</span>\n                <span className=\"sr-only\"> followers!</span>\n              </a>\n            </li>\n            <li className=\"sc-footer__list-item\">\n              <a\n                href=\"https://www.linkedin.com/company/auth0\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sc-footer__like-buttons__link sc-footer__like-buttons__link--linkedin\"\n              >\n                <span className=\"sc-footer__like-buttons__icon-container\">\n                  <svg viewBox=\"0 50 512 512\" className=\"sc-footer__like-buttons__icon\">\n                    <path\n                      fill=\"#ffffff\"\n                      d=\"M150.65 100.682c0 27.992-22.508 50.683-50.273 50.683-27.765 0-50.273-22.69-50.273-50.683C50.104 72.692 72.612 50 100.377 50c27.766 0 50.273 22.69 50.273 50.682zm-7.356 86.65H58.277V462h85.017V187.333zm135.9 0h-81.54V462h81.54V317.82c0-38.625 17.78-61.616 51.808-61.616 31.268 0 46.29 22.07 46.29 61.615V462h84.604V288.085s-41.69-109.13-99.934-109.13-82.768 45.368-82.768 45.368v-36.99z\"\n                    />\n                  </svg>\n                </span>\n                <span className=\"sc-footer__like-buttons__action\">Follow</span>\n                <span className=\"sr-only\"> us on LinkedIn, along with </span>\n                <span className=\"sc-footer__like-buttons__counter sr-only\">many</span>\n                <span className=\"sr-only\"> followers!</span>\n              </a>\n            </li>\n            <li className=\"sc-footer__list-item\">\n              <a\n                href=\"https://www.facebook.com/getauth0\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sc-footer__like-buttons__link sc-footer__like-buttons__link--facebook\"\n              >\n                <span className=\"sc-footer__like-buttons__icon-container\">\n                  <svg viewBox=\"0 0 16 16\" className=\"sc-footer__like-buttons__icon\">\n                    <path\n                      fill=\"#fff\"\n                      fillRule=\"evenodd\"\n                      d=\"M4.55 7c.248 0 .45.234.45.522v5.956c0 .288-.202.522-.45.522h-2.1c-.248 0-.45-.234-.45-.522V7.522C2 7.234 2.202 7 2.45 7h2.1zm1.995 6.2c-.305-.036-.528-.302-.545-.626.017 0 .013-2.906 0-4.43.013-.525.108-1.458.398-1.87.708-1.008 1.205-1.666 1.494-2.048.29-.382.636-.755.646-1.04.013-.384 0-.39 0-.83 0-.44.208-.856.733-.856.257 0 .46.057.65.3.304.356.516.92.516 1.81S9.51 6.173 9.51 6.18h4.037c.618-.004.954.545.954 1.117 0 .536-.364.982-.844 1.057.29.14.5.47.5.852 0 .476-.325.872-.756.94.23.145.375.406.375.702 0 .398-.26.733-.615.813.21.14.346.396.346.685 0 .452-.334.823-.763.857H6.545z\"\n                    />\n                  </svg>\n                </span>\n                <span className=\"sc-footer__like-buttons__action\">Like</span>\n                <span className=\"sr-only\"> our Facebook page, along with </span>\n                <span className=\"sc-footer__like-buttons__counter sr-only\">many</span>\n                <span className=\"sr-only\"> people!</span>\n              </a>\n            </li>\n          </ul>\n        </div>\n        <div className=\"sc-footer__column\">\n          <ul className=\"list-inline text-right sc-footer__list\">\n            <li className=\"sc-footer__list-item\">\n              <a href=\"https://auth0.com/privacy\" className=\"sc-footer__link\">Privacy Policy</a>\n            </li>\n            <li className=\"sc-footer__list-item\">\n              <a href=\"https://auth0.com/terms\" className=\"sc-footer__link\">Terms of Service</a>\n            </li>\n            <li className=\"sc-footer__list-item\">\n              <span>© 2013-2017 Auth0® Inc. All Rights Reserved.</span>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </footer>;\n\nexport default Footer;\n"
  },
  {
    "path": "packages/react-components/src/Footer/index.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@kadira/storybook';\nimport { Footer } from '../../src';\n\nstoriesOf('Footer', module).add('default', () => <Footer />);\n"
  },
  {
    "path": "packages/react-components/src/Select/examples.js",
    "content": "/* eslint-disable no-console */\n\nimport React from 'react';\nimport Select from './';\n\nconst examples = [\n  {\n    component: (\n      <Select\n        options={[\n          { label: 'Zoey Andrews', value: 'Zoey Andrews' },\n          { label: 'Jerry Woods', value: 'Jerry Woods' },\n          { label: 'Marion Garza', value: 'Marion Garza' }\n        ]}\n        selected={2}\n        handleChange={e => {\n          console.log(e.target.value);\n        }}\n        label=\"Select user\"\n      />\n    ),\n    code: `<Select\n  options={[\n      { label: 'Zoey Andrews', value: 'Zoey Andrews' },\n      { label: 'Jerry Woods', value: 'Jerry Woods' },\n      { label: 'Marion Garza', value: 'Marion Garza' }\n    ]}\n  selected={2}\n  handleChange={(e) => { console.log(e.target.value); }}\n  label=\"Select user\"\n/>`,\n    center: true,\n    title: 'Default',\n    showTitle: false,\n    url: 'default'\n  }\n];\n\nexport default examples;\n"
  },
  {
    "path": "packages/react-components/src/Select/index.js",
    "content": "import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * Select: Drop-down list.\n */\nconst Select = ({ options, selected, label, color, handleChange }) =>\n  <div className=\"a0r-select\">\n    {label && <span>{label}</span>}\n    <span className=\"a0r-value text-truncate\" style={{ color }}>\n      {options[selected].label}\n    </span>\n    <i className=\"icon-budicon-460\" />\n    <select\n      // Pass event and selected option object to onChange handler\n      onChange={e => handleChange(e, options.filter(opt => opt.value === e.target.value)[0])}\n      value={options[selected].value}\n    >\n      {options.map(opt => <option key={opt.value} value={opt.value}>{opt.label}</option>)}\n    </select>\n  </div>;\n\nSelect.defaultProps = {\n  selected: 0,\n  label: '',\n  handleChange: () => {},\n  color: undefined\n};\n\nSelect.propTypes = {\n  /**\n   * List of options\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired\n    })\n  ).isRequired,\n  /**\n   * Index of default selected value\n   */\n  selected: PropTypes.number,\n  /**\n   * Handler for option change, it receives two parameters:\n   * the event and the selected option object.\n   */\n  handleChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  color: PropTypes.string\n};\n\nexport default Select;\n"
  },
  {
    "path": "packages/react-components/src/Select/index.stories.js",
    "content": "import React from 'react';\nimport { storiesOf, action } from '@kadira/storybook';\nimport centered from '@kadira/react-storybook-decorator-centered';\nimport { Select } from '../../src';\n\nstoriesOf('Select', module)\n  .addDecorator(centered)\n  .add('with text', () =>\n    <Select\n      options={[\n        { label: 'Zoey Andrews', value: 'Zoey Andrews' },\n        { label: 'Jerry Woods', value: 'Jerry Woods' },\n        { label: 'Marion Garza', value: 'Marion Garza' }\n      ]}\n      selected={0}\n      handleChange={(e, opt) => action('selected changed')(e.target.value, opt)}\n      label=\"Select user\"\n    />\n  );\n"
  },
  {
    "path": "packages/react-components/src/Select/index.styl",
    "content": ".a0r-select\n  display inline-block\n  vertical-align top\n  position relative\n  cursor pointer\n  height 35px\n  line-height 35px\n  padding 0 15px\n  padding-right 25px\n  background $bg-color-gray\n  border-radius $border-radius-base\n\n  > span\n    display inline-block\n    overflow hidden\n\n  .a0r-value\n    max-width 110px\n    margin-left 4px\n    color $color-blue-medium\n\n  i\n    position absolute\n    right 8px\n    top 4px\n    font-size 12px\n    opacity 0.7\n\n  select\n    position absolute\n    top 0\n    left 0\n    width 100%\n    height 100%\n    opacity 0\n    -webkit-appearance none\n"
  },
  {
    "path": "packages/react-components/src/Select/index.test.js",
    "content": "/* eslint-env mocha */\nimport React from 'react';\nimport { expect } from 'chai';\nimport { shallow } from 'enzyme';\nimport Select from './';\n\nconst options = [\n  'Gernot Linas',\n  'Butrus Aziz',\n  'Vladimir Gislin',\n  'Kassandros Ekwueme',\n  'Rashad Ariel'\n];\n\ndescribe('<Select />', () => {\n  it('it should render a select element', () => {\n    const wrapper = shallow(<Select options={options} />);\n    expect(wrapper.find('select')).to.have.length(1);\n  });\n  it(`should render ${options.length} options`, () => {\n    const wrapper = shallow(<Select options={options} />);\n    expect(wrapper.find('select').find('option')).to.have.length(options.length);\n  });\n});\n"
  },
  {
    "path": "packages/react-components/src/Sidebar/index.js",
    "content": "import React, { Children } from 'react';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\n\n/**\n * Sidebar: Styleguide sidebar with drop drown sections.\n */\nconst Sidebar = ({ children, header, mobileNavOpen, toggleNavOnClick }) => {\n  // TODO: 57px is the height of SidebarItem.\n  // Get the height from a json file generated with:\n  // https://github.com/nahody/postcss-export-vars\n  const heightMenu = Children.count(children) * 57;\n\n  return (\n    <div className=\"a0r-sidebar\">\n      <header className=\"a0r-sidebar-header\">\n        {header ||\n          <h1 className=\"default-title\">\n            <a className=\"default-link\" href=\"/\">\n              <img\n                src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.svg\"\n                alt=\"Auth0 logo\"\n                width=\"30\"\n              />\n            </a>\n          </h1>}\n        <button\n          type=\"button\"\n          className={cx('menu-toggle', { 'is-close': mobileNavOpen })}\n          onClick={toggleNavOnClick}\n        >\n          <span className=\"sr-only\">Toggle navigation</span>\n          <span className=\"icon-bar\" />\n          <span className=\"icon-bar\" />\n          <span className=\"icon-bar\" />\n          <span className=\"icon-bar\" />\n        </button>\n      </header>\n      <nav className=\"a0r-sidebar-menu\">\n        <ul\n          className={cx('menu-list', { 'is-opened': mobileNavOpen })}\n          style={{ height: `${heightMenu}px` }}\n        >\n          {children}\n        </ul>\n      </nav>\n    </div>\n  );\n};\n\nSidebar.defaultProps = {\n  header: undefined,\n  mobileNavOpen: false\n};\n\nSidebar.propTypes = {\n  /**\n   * Element to replace the default header content.\n   */\n  header: PropTypes.node,\n  /**\n   * The content of the menu. This is usually used to pass SidebarItem and SidebarSubitem elements.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Controls whether the navigation is opened or not, only used for mobile.\n   */\n  mobileNavOpen: PropTypes.bool,\n  /**\n   * Callback fired when on mobile the Toggle Navigation button is pressed.\n   */\n  toggleNavOnClick: PropTypes.func\n};\n\nSidebar.defaultProps = {\n  open: false,\n  toggleNavOnClick: () => {}\n};\n\nexport default Sidebar;\n"
  },
  {
    "path": "packages/react-components/src/Sidebar/index.stories.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport { storiesOf } from '@kadira/storybook';\nimport Sidebar from './';\nimport { SidebarItem, SidebarSubitem } from '../';\n\nclass SidebarState extends Component {\n  static propTypes = {\n    webtaskHeader: PropTypes.bool\n  };\n\n  static defaultProps = {\n    webtaskHeader: false\n  };\n\n  state = {\n    isOpen: false\n  };\n\n  toggleSidebarNav = () => {\n    this.setState(prevState => ({ isOpen: !prevState.isOpen }));\n  };\n\n  render() {\n    const WebtaskHeader = () =>\n      <img\n        src=\"https://webtask.io/images/symbol.svg\"\n        height=\"40\"\n        alt=\"Webtask logo\"\n        style={{ marginTop: '15px' }}\n      />;\n    return (\n      <Sidebar\n        isOpen={this.state.isOpen}\n        toggleNavOnClick={() => this.toggleSidebarNav()}\n        header={this.props.webtaskHeader ? <WebtaskHeader /> : null}\n      >\n        <SidebarItem text=\"Products\" icon={12}>\n          <SidebarSubitem\n            text=\"Lock\"\n            // eslint-disable-next-line jsx-a11y/anchor-has-content\n            wrapper={<a href=\"https://auth0.com/lock\" />}\n          />\n          <SidebarSubitem\n            text=\"Passwordless\"\n            // eslint-disable-next-line jsx-a11y/anchor-has-content\n            wrapper={<a href=\"https://auth0.com/passwordless\" />}\n          />\n          <SidebarSubitem\n            text=\"Breached Password\"\n            // eslint-disable-next-line jsx-a11y/anchor-has-content\n            wrapper={<a href=\"https://auth0.com/breached-passwords\" />}\n          />\n        </SidebarItem>\n        <SidebarItem\n          text=\"Pricing\"\n          icon={1}\n          // eslint-disable-next-line jsx-a11y/anchor-has-content\n          wrapper={<a href=\"https://auth0.com/pricing\" />}\n        />\n      </Sidebar>\n    );\n  }\n}\n\nstoriesOf('Sidebar', module)\n  .add('Sidebar with SidebarItem and SidebarSubitem childrens', () => <SidebarState />)\n  .add('Sidebar with SidebarItem and SidebarSubitem childrens and header prop', () =>\n    <SidebarState webtaskHeader />\n  );\n"
  },
  {
    "path": "packages/react-components/src/Sidebar/index.styl",
    "content": ".a0r-sidebar {\n  width: 100%;\n  background-color: rgba(black, 0.1);\n  z-index: 1;\n\n  +breakpoint(\"tablet\") {\n    overflow-y: auto;\n    width: 250px;\n    height: 100vh;\n  }\n}\n\n// Header\n// ------\n.a0r-sidebar .a0r-sidebar-header {\n  background-color: white;\n  text-align: center;\n  position: relative;\n  height: 70px;\n\n  +breakpoint(\"tablet\", \"max\") {\n    box-shadow: 0 2px 6px rgba(black, 0.1);\n  }\n\n  +breakpoint(\"tablet\") {\n    overflow: hidden;\n  }\n}\n\n// Default Logo\n// ------------\n.a0r-sidebar .default-title {\n  display: inline-block\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  line-height: 0;\n}\n\n.a0r-sidebar .default-link {\n  display: inline-block;\n\n  img {\n    display: block;\n  }\n}\n\n// Containers for the menu\n// -----------------------\n.a0r-sidebar .menu-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  z-index: 5;\n  position: relative;\n  background: #e3e5e7;\n  overflow: hidden;\n  transition: all .3s ease;\n\n  +breakpoint(\"tablet\") {\n    height: auto !important;\n  }\n\n  &:not(.is-opened) {\n    height: 0 !important;\n\n    +breakpoint(\"tablet\") {\n      height: auto !important;\n    }\n  }\n}\n\n// Burguer Icon Button\n// -------------------\n.a0r-sidebar .menu-toggle {\n  position: relative;\n  float: right;\n  margin-right: 25px;\n  padding: 7px;\n  width: 22px;\n  background-color: transparent;\n  border: 0;\n  margin-top: 28px;\n  margin-bottom: 28px;\n\n  // Hide at desktop view\n  +breakpoint(\"tablet\") {\n    display: none;\n  }\n\n  &:hover,\n  &:focus {\n    outline: 0;\n  }\n}\n\n// Burguer Icon Button: Bars\n.a0r-sidebar .menu-toggle .icon-bar {\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 2px;\n  left: 0;\n  right: 0;\n  background-color: #5c666f;\n  transition: .25s ease-in-out;\n  border-radius: 1px;\n\n  &:nth-of-type(2) {\n    top: 0;\n  }\n\n  &:nth-of-type(3) {\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &:nth-of-type(4) {\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &:nth-of-type(5) {\n    top: calc(100% - 2px);\n  }\n}\n\n// Burguer Icon Button: Bars for close state\n.a0r-sidebar .menu-toggle.is-close .icon-bar {\n  &:nth-of-type(2) {\n    top: 10px;\n    width: 0%;\n    left: 50%;\n    opacity: 0;\n  }\n\n  &:nth-of-type(3) {\n    transform: rotate(45deg);\n  }\n\n  &:nth-of-type(4) {\n    transform: rotate(-45deg);\n  }\n\n  &:nth-of-type(5) {\n    top: 10px;\n    width: 0%;\n    left: 50%;\n    opacity: 0;\n  }\n}\n"
  },
  {
    "path": "packages/react-components/src/SidebarItem/index.js",
    "content": "import React, { cloneElement, Children } from 'react';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst SidebarItem = ({ text, wrapper, arrow, icon, children, open }) => {\n  const heightMenu = Children.count(children) * 45 - 1;\n  const WrapperItemChildren = () =>\n    <span className=\"menu-item-link\">\n      {icon && <span className={`menu-item-icon icon-budicon-${icon}`} />}\n      <span className=\"text\">{text}</span>\n      {arrow && <i className=\"icon-budicon-519 pull-right\" />}\n    </span>;\n\n  return (\n    <li className={`a0r-sidebar-menu-item ${open ? 'active' : ''}`}>\n      {cloneElement(wrapper, { children: <WrapperItemChildren /> })}\n      {children\n        ? <ul\n            className={cx('menu-sublist', { 'is-opened': open })}\n            style={{ height: `${heightMenu}px` }}\n          >\n            {children}\n          </ul>\n        : null}\n    </li>\n  );\n};\n\nSidebarItem.defaultProps = {\n  arrow: false,\n  icon: undefined,\n  children: undefined,\n  open: false\n};\n\nSidebarItem.propTypes = {\n  /**\n   * Text of the item.\n   */\n  text: PropTypes.string.isRequired,\n  /**\n   * Wrapper element around the inner content of the item.\n   */\n  wrapper: PropTypes.node,\n  /**\n   * Enable arrow icon.\n   */\n  arrow: PropTypes.bool,\n  /**\n   * Show Item with an icon from Budicon.\n   */\n  icon: PropTypes.number,\n  /**\n   * The content of the menu. This is usually used to pass SidebarSubitem elements.\n   */\n  children: PropTypes.node,\n  /**\n   * Controls whether the subitems are showed or not.\n   */\n  open: PropTypes.bool\n};\n\nSidebarItem.defaultProps = {\n  wrapper: <span />\n};\n\nexport default SidebarItem;\n"
  },
  {
    "path": "packages/react-components/src/SidebarItem/index.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@kadira/storybook';\nimport SidebarItem from './';\nimport { SidebarSubitem } from '../';\n\nstoriesOf('SidebarItem', module)\n  .add('text prop', () => <SidebarItem text=\"Auth0\" />)\n  .add('text and icon prop', () => <SidebarItem text=\"Auth0\" icon={12} />)\n  .add('text, icon and arrow prop', () => <SidebarItem text=\"Auth0\" icon={12} arrow />)\n  .add('text, icon and arrow prop', () => <SidebarItem text=\"Auth0\" icon={12} arrow />)\n  .add('text, icon, arrow and wrapper prop', () =>\n    <SidebarItem text=\"Auth0\" icon={12} wrapper={<em />} arrow />\n  )\n  .add(\"text, icon and arrow prop with SidebarSubitem's as children closed\", () =>\n    <SidebarItem text=\"Auth0\" icon={12} arrow>\n      <SidebarSubitem text=\"Lock\" />\n      <SidebarSubitem text=\"Passwordless\" />\n      <SidebarSubitem text=\"Breached Password\" />\n    </SidebarItem>\n  )\n  .add(\"text, icon and arrow prop with SidebarSubitem's as children open\", () =>\n    <SidebarItem text=\"Auth0\" icon={12} url=\"https://auth0.com\" arrow open>\n      <SidebarSubitem text=\"Lock\" />\n      <SidebarSubitem text=\"Passwordless\" />\n      <SidebarSubitem text=\"Breached Password\" />\n    </SidebarItem>\n  );\n"
  },
  {
    "path": "packages/react-components/src/SidebarItem/index.styl",
    "content": ".a0r-sidebar-menu-item {\n  color: #5c666f;\n  font-size: $font-size-micro;\n  font-weight: $font-weight-bold;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  list-style: none;\n\n  &.active {\n    color: #333 !important;\n    background: darken(#e3e5e7, 4%);\n  }\n}\n\n.a0r-sidebar-menu-item .menu-item-link {\n  border-bottom: 1px solid rgba(0, 0, 0, .08);\n  color: #5c666f;\n  display: block;\n  padding: 20px 20px 20px 20px;\n  line-height: normal;\n  cursor: pointer;\n}\n\n.a0r-sidebar-menu-item .menu-item-icon {\n  margin-right: 10px;\n  position: relative;\n  min-width: 14px;\n  display: inline-block;\n  top: 0.2em;\n}\n\n// If link is not active, set height to 0\n.a0r-sidebar-menu-item .menu-sublist:not(.is-opened) {\n  height: 0 !important;\n}\n\n.a0r-sidebar-menu-item .menu-sublist {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: none;\n  overflow: hidden;\n  transition: all .3s ease;\n\n  +breakpoint(\"tablet\") {\n    display: inherit;\n  }\n}\n"
  },
  {
    "path": "packages/react-components/src/SidebarSubitem/index.js",
    "content": "import React, { cloneElement } from 'react';\nimport PropTypes from 'prop-types';\n\nconst SidebarSubitem = ({ text, wrapper }) => {\n  const WrapperSubitemChildren = () =>\n    <span className=\"menu-subitem-link\">\n      <span className=\"text\">{text}</span>\n    </span>;\n\n  return (\n    <li className=\"a0r-sidebar-menu-subitem\">\n      {cloneElement(wrapper, { children: <WrapperSubitemChildren /> })}\n    </li>\n  );\n};\n\nSidebarSubitem.propTypes = {\n  /**\n   * Text of the item.\n   */\n  text: PropTypes.string.isRequired,\n  /**\n   * Wrapper element around the inner content of the item.\n   */\n  wrapper: PropTypes.node\n};\n\nSidebarSubitem.defaultProps = {\n  wrapper: <span />\n};\n\nexport default SidebarSubitem;\n"
  },
  {
    "path": "packages/react-components/src/SidebarSubitem/index.stories.js",
    "content": "import React from 'react';\nimport { storiesOf } from '@kadira/storybook';\nimport SidebarSubitem from './';\n\nstoriesOf('SidebarSubitem', module)\n  .add('text prop', () => <SidebarSubitem text=\"React\" />)\n  .add('text and url prop', () => <SidebarSubitem text=\"React\" url=\"https://auth0.com\" />)\n  .add('text, url and wrapper prop', () =>\n    <SidebarSubitem text=\"React\" url=\"https://auth0.com\" wrapper={<em />} />\n  );\n"
  },
  {
    "path": "packages/react-components/src/SidebarSubitem/index.styl",
    "content": ".a0r-sidebar-menu-subitem {\n  background-color: rgba(255, 255, 255, .3);\n  margin: 1px 0 0 0;\n  list-style: none;\n\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\n.a0r-sidebar-menu-subitem .menu-subitem-link {\n  background-color: rgba(255, 255, 255, .3);\n  color: #333;\n  display: block;\n  padding: 10px 0 10px 40px;\n  text-transform: none;\n  letter-spacing: 0;\n  cursor: pointer;\n\n  &:hover,\n  &.active {\n    color: $gray-dark;\n  }\n\n  &.active {\n    background: rgba(black, 0.01);\n  }\n}\n"
  },
  {
    "path": "packages/react-components/src/TryBanner/examples.js",
    "content": "import React from 'react';\nimport TryBanner from './';\n\nconst examples = [\n  {\n    component: <TryBanner />,\n    code: '<TryBanner />',\n    title: 'Default',\n    showTitle: false,\n    url: 'default'\n  }\n];\n\nexport default examples;\n"
  },
  {
    "path": "packages/react-components/src/TryBanner/index.js",
    "content": "/* eslint max-len: [\"error\", 100, { \"ignoreComments\": true }] */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * Try Banner: The main call to action to signup.\n */\nfunction TryBanner({ title, button, buttonAction, dark, className, ...rest }) {\n  return (\n    <div className={`a0r-try-banner ${className} ${dark ? 'a0r-try-banner--dark' : ''}`} {...rest}>\n      <span className=\"a0r-try-banner__title\">{title}</span>\n      {toString.call(buttonAction) === '[object String]'\n        ? <a className=\"a0r-try-banner__button btn btn-success btn-lg\" href={buttonAction}>\n            {button}\n          </a>\n        : <button className=\"a0r-try-banner__button btn btn-success btn-lg\" onClick={buttonAction}>\n            {button}\n          </button>}\n    </div>\n  );\n}\n\nTryBanner.propTypes = {\n  /**\n   * Try Banner title.\n   */\n  title: PropTypes.string,\n  /**\n   * Text for the button.\n   */\n  button: PropTypes.string,\n  /**\n   * Action of the button when pressed, this can be a URL (the button will be an anchor tag) or a function (the button will be a button tag).\n   */\n  buttonAction: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),\n  /**\n   * Display in dark mode if true.\n   */\n  dark: PropTypes.bool,\n  /**\n   * Add CSS class selectors to the root element.\n   */\n  className: PropTypes.string\n};\n\nTryBanner.defaultProps = {\n  title: \"Don't have an account yet?\",\n  button: 'Try Auth0 for Free',\n  buttonAction: '#',\n  dark: false,\n  className: ''\n};\n\nexport default TryBanner;\n"
  },
  {
    "path": "packages/react-components/src/TryBanner/index.styl",
    "content": ".a0r-try-banner\n  text-align center\n  background $bg-color-gray-light\n  padding 90px 20px 70px 20px\n  border-radius 3px\n\n  +breakpoint('tablet', 'max')\n    padding 20px\n    margin-top 40px\n    text-align center\n    margin-bottom 20px\n\n.a0r-try-banner--dark\n  background darken($bg-color-dark, 20%)\n\n.a0r-try-banner__title\n  display inline-block\n  font-size 14px\n  letter-spacing 1px\n  position relative\n  text-transform uppercase\n  top -.5em\n\n  .a0r-try-banner--dark &\n    color #fff\n\n  +breakpoint('tablet', 'max')\n    display block\n    margin-bottom 20px\n    top auto\n\n.a0r-try-banner__button\n  margin-left 20px\n  margin-top -20px\n\n  +breakpoint('tablet', 'max')\n    display block\n    display inline-block\n    margin 0\n    white-space normal\n    width 100%\n\n.a0r-try-banner .copy\n  color #666\n  margin-top 30px\n"
  },
  {
    "path": "packages/react-components/src/examples.js",
    "content": "export Select from './Select/examples';\nexport EmptyState from './EmptyState/examples';\nexport TryBanner from './TryBanner/examples';\nexport Footer from './Footer/examples';\nexport Button from './Button/examples';\n"
  },
  {
    "path": "packages/react-components/src/index.js",
    "content": "// auth0 components\nexport EmptyState from './EmptyState';\nexport Footer from './Footer';\nexport Select from './Select';\nexport TryBanner from './TryBanner';\nexport Sidebar from './Sidebar';\nexport SidebarItem from './SidebarItem';\nexport SidebarSubitem from './SidebarSubitem';\nexport * from 'react-bootstrap';\n"
  },
  {
    "path": "packages/react-components/src/index.styl",
    "content": "// Core package (using local monorepo path - not npm)\n@import \"../../core/src/vars/index.styl\"\n@import \"../../core/src/mixins/index.styl\"\n\n@import \"./EmptyState/index.styl\"\n@import \"./Select/index.styl\"\n@import \"./TryBanner/index.styl\"\n@import \"./Sidebar/index.styl\"\n@import \"./SidebarItem/index.styl\"\n@import \"./SidebarSubitem/index.styl\"\n"
  },
  {
    "path": "packages/react-components/test/setup.js",
    "content": "/* Configure Mocha test runner, see package.json/scripts/test */\n\nprocess.env.NODE_ENV = 'test';\n\nfunction noop() {\n  return null;\n}\n\nrequire.extensions['.styl'] = noop;\n"
  },
  {
    "path": "packages/react-components/tools/rollup/rollup.config.js",
    "content": "/* eslint-disable no-console */\n\nimport nodeResolve from 'rollup-plugin-node-resolve';\nimport replace from 'rollup-plugin-replace';\nimport commonjs from 'rollup-plugin-commonjs';\nimport babel from 'rollup-plugin-babel';\nimport json from 'rollup-plugin-json';\nimport uglify from 'rollup-plugin-uglify'; // eslint-disable-line import/extensions\n\nconst prod = process.env.PRODUCTION;\nconst mode = prod ? 'production' : 'development';\n\nconsole.log(`Creating ${mode} bundle...`);\n\nconst targets = prod\n  ? [{ dest: 'build/react-components.min.js', format: 'umd' }]\n  : [\n      { dest: 'build/react-components.js', format: 'umd' },\n      { dest: 'build/react-components.es.js', format: 'es' }\n    ];\n\nconst plugins = [\n  nodeResolve(),\n  commonjs({\n    exclude: ['./node_modules/core-js/library/fn/array/from.js']\n  }),\n  replace({\n    'process.env.NODE_ENV': JSON.stringify(prod ? 'production' : 'development')\n  }),\n  babel({\n    babelrc: false,\n    presets: [['es2015', { modules: false }], 'stage-0', 'react'],\n    plugins: ['external-helpers']\n  }),\n  json()\n];\n\nif (prod) plugins.push(uglify());\n\nexport default {\n  entry: 'src/index.js',\n  moduleId: '@auth0/styleguide-react-components',\n  moduleName: 'auth0StyleguideReactComponents',\n  external: ['react', 'react-bootstrap'],\n  exports: 'named',\n  targets,\n  plugins,\n  globals: { react: 'React', 'react-bootstrap': 'ReactBootstrap' }\n};\n"
  },
  {
    "path": "packages/react-components/tools/scripts/release.sh",
    "content": "#!/bin/bash\n\nset -e\n\n# Release script\n\n# Export RELEASE env var\nexport RELEASE=1\n\n# Verifies that is running from the right directory\nif ! [ -e tools/scripts/release.sh ]; then\n  echo >&2 \"Please run tools/scripts/release.sh from the repo root\"\n  exit 1\nfi\n\n# git origin of destination\nGIT_ORIGIN_DEST=\"origin\"\n# git branch of destination\nGIT_BRANCH_DEST=\"master\"\n# Package name\nPACKAGE_NAME=$(node -p \"require('./package').name\")\n# Package version\nPACKAGE_VERSION=$(node -p \"require('./package').version\")\n\n# Test before start the release process\n\necho \"Testing $PACKAGE_VERSION\"\n\nnpm test\n\n# Publish to our CDN\n\necho \"Deploying $PACKAGE_VERSION to our CDN\"\n\n$(npm bin)/ccu\n\n# Publish to npm\n\necho \"Deploying $PACKAGE_VERSION to npm\"\n\nNPM_EXISTS=$(npm info $PACKAGE_NAME@$PACKAGE_VERSION)\n\nif [ \"$NPM_EXISTS\" == \"undefined\" ]; then\n  npm publish --access=public\nelse\n  echo \"There is already a version $PACKAGE_VERSION in npm. Skiping npm publish.\"\nfi\n\n# Publish git tag\n\necho \"Deploying $PACKAGE_VERSION git tag\"\n\nTAG_NAME=\"$PACKAGE_NAME-v$PACKAGE_VERSION\"\nTAG_EXISTS=$(git tag -l \"$TAG_NAME\")\n\nif [ ! -z \"$TAG_EXISTS\" ]; then\n  echo \"There is already a tag $TAG_EXISTS in git. Skiping git tag deploy.\"\nelse\n  git tag $TAG_NAME\n  git push $GIT_ORIGIN_DEST $TAG_NAME\nfi\n"
  },
  {
    "path": "packages/react-components/tools/tasks/generate-docs.js",
    "content": "const fs = require('fs');\nconst path = require('path');\nconst reactDocs = require('react-docgen');\n\nconst srcPath = path.resolve(__dirname, '../../src');\nconst buildPath = path.resolve(__dirname, '../../lib');\nconst finalJSON = {};\n\ngetComponentsDirectories(srcPath)\n  .map(filePath => ({\n    name: filePath,\n    fileComponentPath: path.join(srcPath, filePath)\n  }))\n  .forEach(item => {\n    const name = item.name;\n    const fileComponentPath = item.fileComponentPath;\n    const componentInfo = getComponentDoc(fileComponentPath);\n    finalJSON[name] = componentInfo;\n  });\n\nif (!fs.existsSync(buildPath)) fs.mkdirSync(buildPath);\n\nconst content = JSON.stringify(finalJSON, null, 2);\nfs.writeFileSync(path.join(buildPath, 'docs.json'), content, 'utf8');\n\nfunction getComponentsDirectories(srcpath) {\n  return fs\n    .readdirSync(srcpath)\n    .filter(file => fs.statSync(path.join(srcpath, file)).isDirectory());\n}\n\nfunction getComponentDoc(componentPath) {\n  const auth0ComponentPath = path.join(componentPath, 'index.js');\n  const reactBootstrapComponentPath = path.join(componentPath, 'doc.json');\n\n  if (fs.existsSync(auth0ComponentPath)) {\n    const componentSrcA = fs.readFileSync(auth0ComponentPath, 'utf8');\n    const componentInfoA = reactDocs.parse(componentSrcA);\n\n    return componentInfoA;\n  }\n\n  const componentSrcB = fs.readFileSync(reactBootstrapComponentPath, 'utf8');\n  const componentInfoB = JSON.parse(componentSrcB);\n\n  return componentInfoB;\n}\n"
  },
  {
    "path": "packages/website/.babelrc",
    "content": "{\n  \"presets\": [\"latest\", \"stage-0\", \"react\"],\n  \"env\": {\n    \"development\": {\n      \"plugins\": [\"react-hot-loader/babel\", \"transform-react-jsx-source\", \"transform-react-jsx-self\"]\n    }\n  }\n}\n"
  },
  {
    "path": "packages/website/.editorconfig",
    "content": "\n# EditorConfig helps developers define and maintain\n# consistent coding styles between different editors and IDEs.\n\nroot = true\n\n[*]\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\nindent_style = space\nindent_size = 2\n\n[*.md]\ntrim_trailing_whitespace = false\n"
  },
  {
    "path": "packages/website/.eslintignore",
    "content": "build/*\nnode_modules/*\n**/node_modules/*\n"
  },
  {
    "path": "packages/website/.eslintrc",
    "content": "{\n  \"extends\": \"auth0/prettier\",\n  \"parser\": \"babel-eslint\",\n  \"rules\": {\n    \"react/jsx-filename-extension\": \"off\",\n    \"import/no-extraneous-dependencies\": \"off\"\n  },\n  \"env\": {\n    \"browser\": true\n  },\n  \"settings\": {\n    \"import/resolver\": {\n      \"node\": {\n        \"moduleDirectory\": [\n          \"node_modules\",\n          \"src\"\n        ]\n      }\n    }\n  }\n}"
  },
  {
    "path": "packages/website/.gitignore",
    "content": "build\nnode_modules\n.DS_Store\nnpm-debug.log\n"
  },
  {
    "path": "packages/website/.stylelintrc",
    "content": "{\n  \"extends\": \"stylelint-config-standard\",\n  \"rules\": {\n    \"at-rule-empty-line-before\": null,\n    \"block-closing-brace-empty-line-before\": null,\n    \"block-closing-brace-newline-after\": null,\n    \"block-closing-brace-space-before\": null,\n    \"block-opening-brace-space-after\": null,\n    \"block-opening-brace-space-before\": null,\n    \"declaration-block-semicolon-space-after\": null,\n    \"declaration-block-single-line-max-declarations\": null,\n    \"declaration-block-trailing-semicolon\": null,\n    \"declaration-colon-space-after\": null,\n    \"function-comma-space-after\": null,\n    \"media-feature-colon-space-after\": null,\n    \"no-missing-end-of-source-newline\": null,\n    \"number-leading-zero\": null,\n    \"rule-nested-empty-line-before\": null,\n    \"rule-non-nested-empty-line-before\": null,\n    \"selector-combinator-space-after\": null,\n    \"selector-combinator-space-before\": null,\n    \"selector-list-comma-newline-after\": null,\n    \"selector-pseudo-element-colon-notation\": null\n  }\n}\n"
  },
  {
    "path": "packages/website/README.md",
    "content": "# Auth0 Styleguide - Website\n\nAuth0 Styleguide Website package ([styleguide.auth0.com](http://styleguide.auth0.com))\n\n<img src=\"https://cloud.githubusercontent.com/assets/6318057/21591144/2a1ca1a6-d0e0-11e6-9431-16c56b859b56.png\" />\n\nThe website contains:\n- Design patterns (typography, colors and other styles from [core](https://github.com/auth0/styleguide/tree/master/packages/core) package )\n- CSS components (from [components](https://github.com/auth0/styleguide/tree/master/packages/components) package)\n- Email templates\n- Resources\n- React components (from [react-bootstrap](https://github.com/auth0/styleguide/tree/master/packages/react-bootstrap) package)\n\n## Development 🛠\n\nRun this commands to start developing:\n\n```bash\nnpm install\nnpm start\n```\n"
  },
  {
    "path": "packages/website/package.json",
    "content": "{\n  \"name\": \"auth0-styleguide-website\",\n  \"version\": \"0.0.0\",\n  \"description\": \"\",\n  \"main\": \"build/server.js\",\n  \"scripts\": {\n    \"prepublish\": \"(in-publish && exit 1) || (not-in-publish && NODE_ENV=production npm run build -- --bail)\",\n    \"build\": \"webpack --config tools/webpack/webpack.browser.config.babel.js\",\n    \"start\": \"NODE_ENV=development babel-node tools/tasks/start.js\",\n    \"lint\": \"npm run lint:js && npm run lint:css\",\n    \"lint:js\": \"eslint .\",\n    \"lint:css\": \"stylelint build/website.css\",\n    \"test\": \"npm run lint\"\n  },\n  \"keywords\": [],\n  \"author\": \"Auth0 (https://auth0.com)\",\n  \"license\": \"UNLICENSED\",\n  \"private\": true,\n  \"engines\": {\n    \"node\": \"^6.9.1\",\n    \"npm\": \"^3.10.8\"\n  },\n  \"dependencies\": {\n    \"@auth0/styleguide-components\": \"^2.0.0\",\n    \"@auth0/styleguide-core\": \"^2.0.0\",\n    \"@auth0/styleguide-react-components\": \"^1.0.0\",\n    \"babel-polyfill\": \"^6.16.0\",\n    \"charming\": \"^1.0.1\",\n    \"codemirror\": \"^5.19.0\",\n    \"highlight.js\": \"^9.7.0\",\n    \"jump.js\": \"^1.0.1\",\n    \"react\": \"^15.3.2\",\n    \"react-bootstrap\": \"^0.30.6\",\n    \"react-copy-to-clipboard\": \"^4.2.3\",\n    \"react-docgen\": \"^2.11.0\",\n    \"react-dom\": \"^15.3.2\",\n    \"react-router\": \"4.1.0\",\n    \"react-router-dom\": \"^4.3.1\"\n  },\n  \"devDependencies\": {\n    \"autoprefixer\": \"^6.5.0\",\n    \"babel-cli\": \"^6.18.0\",\n    \"babel-core\": \"^6.17.0\",\n    \"babel-eslint\": \"^7.0.0\",\n    \"babel-loader\": \"^6.2.5\",\n    \"babel-plugin-transform-react-jsx-self\": \"^6.11.0\",\n    \"babel-plugin-transform-react-jsx-source\": \"^6.9.0\",\n    \"babel-preset-latest\": \"^6.16.0\",\n    \"babel-preset-react\": \"^6.16.0\",\n    \"babel-preset-stage-0\": \"^6.16.0\",\n    \"conventional-changelog-cli\": \"^1.2.0\",\n    \"css-loader\": \"^0.25.0\",\n    \"eslint\": \"^3.19.0\",\n    \"eslint-config-auth0\": \"^11.0.0\",\n    \"eslint-import-resolver-node\": \"^0.2.3\",\n    \"eslint-plugin-babel\": \"^3.3.0\",\n    \"eslint-plugin-import\": \"^2.3.0\",\n    \"eslint-plugin-jsx-a11y\": \"^5.0.3\",\n    \"eslint-plugin-react\": \"^7.0.1\",\n    \"express\": \"^4.14.0\",\n    \"extract-text-webpack-plugin\": \"2.0.0-beta.4\",\n    \"file-loader\": \"^0.9.0\",\n    \"html-webpack-plugin\": \"^2.22.0\",\n    \"in-publish\": \"^2.0.0\",\n    \"json-loader\": \"^0.5.4\",\n    \"lodash\": \"^4.16.4\",\n    \"mjml-loader\": \"1.0.0-beta.0\",\n    \"poststylus\": \"^0.2.3\",\n    \"pug\": \"2.0.0-beta6\",\n    \"pug-loader\": \"^2.3.0\",\n    \"raw-loader\": \"^0.5.1\",\n    \"react-hot-loader\": \"3.0.0-beta.5\",\n    \"style-loader\": \"^0.13.1\",\n    \"stylelint\": \"^7.5.0\",\n    \"stylelint-config-standard\": \"^15.0.1\",\n    \"stylus\": \"^0.54.5\",\n    \"stylus-loader\": \"^2.3.1\",\n    \"url-loader\": \"^0.5.7\",\n    \"webpack\": \"2.1.0-beta.25\",\n    \"webpack-dev-middleware\": \"^1.8.4\",\n    \"webpack-hot-middleware\": \"^2.13.1\"\n  }\n}\n"
  },
  {
    "path": "packages/website/src/client.js",
    "content": "import 'babel-polyfill';\nimport React from 'react';\nimport { render } from 'react-dom';\nimport { App } from 'containers';\nimport { AppContainer } from 'react-hot-loader';\n\nconst rootEl = document.getElementById('app');\n\nrender(\n  <AppContainer>\n    <App />\n  </AppContainer>,\n  rootEl\n);\n\nif (module.hot) {\n  module.hot.accept('containers', () => {\n    const NextApp = require('containers').App; // eslint-disable-line global-require\n\n    render(\n      <AppContainer>\n        <NextApp />\n      </AppContainer>,\n      rootEl\n    );\n  });\n}\n"
  },
  {
    "path": "packages/website/src/components/index.js",
    "content": ""
  },
  {
    "path": "packages/website/src/containers/App/index.js",
    "content": "import React from 'react';\nimport { Router, Route } from 'react-router';\nimport { createBrowserHistory } from 'history';\nimport { App as HtmlStyleguide } from 'html/containers';\nimport { App as ReactStyleguide } from 'react/containers';\n\nconst App = () => (\n  <Router history={createBrowserHistory()}>\n    <div>\n      {\n        // Render ReactStyleguide for routes that starts with '/react',\n        // for everything else render HtmlStyleguide.\n      }\n      <Route\n        path=\"/\"\n        render={({ location }) => {\n          if (location.pathname.startsWith('/react')) return <ReactStyleguide />;\n          return <HtmlStyleguide />;\n        }}\n      />\n    </div>\n  </Router>\n);\n\nexport default App;\n"
  },
  {
    "path": "packages/website/src/containers/NotFound/index.js",
    "content": "import React from 'react';\n\nconst NotFound = () => <section className=\"notfound-page\">Not found</section>;\n\nexport default NotFound;\n"
  },
  {
    "path": "packages/website/src/containers/index.js",
    "content": "export App from 'containers/App';\nexport NotFound from 'containers/NotFound';\n"
  },
  {
    "path": "packages/website/src/html/components/Badge/index.js",
    "content": "import React, { PropTypes } from 'react';\n\nconst Badge = ({ title, name }) =>\n  <div className=\"circle-logo\" data-name={name}>\n    <div className=\"logo\" />\n    <div className=\"title\">{title}</div>\n  </div>;\n\nBadge.propTypes = {\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired\n};\n\nexport default Badge;\n"
  },
  {
    "path": "packages/website/src/html/components/ColorBox/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport './index.styl';\n\nconst ColorBox = ({ variable, color }) =>\n  <div className=\"col-xs-12 col-sm-6 col-md-3\">\n    <div className=\"color-box\" style={{ backgroundColor: color }}>\n      <span className=\"color-info\">\n        <strong>{variable}</strong>\n        <span>{color}</span>\n      </span>\n    </div>\n  </div>;\n\nColorBox.propTypes = {\n  variable: PropTypes.string.isRequired,\n  color: PropTypes.string.isRequired\n};\n\nexport default ColorBox;\n"
  },
  {
    "path": "packages/website/src/html/components/ColorBox/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars';\n@import '@auth0/styleguide-core/src/mixins';\n\n.color-box\n  border-radius: $border-radius-base\n  padding: padding-horizontal\n  margin-bottom: padding-vertical\n  padding-top: 80%\n  position: relative\n  cursor: pointer\n\n  &:hover\n    opacity: 0.95\n\n  .color-info\n    background-color: rgba(black, .1)\n    border-bottom-right-radius: $border-radius-base\n    border-bottom-left-radius: $border-radius-base\n    color: $color-text-white\n    display: block\n    font-size: $font-size-small\n    line-height: 22px\n    margin: 0 -20px -20px -20px\n    padding: (padding-vertical / 2) padding-horizontal\n\n    strong\n      display: block\n\n    span\n      text-transform: uppercase;\n\n// Hue Palette\n// .hue-palette\n//   border-radius: $border-radius-base\n//   color: #fff\n//   font-size: $font-size-small\n//   line-height: padding-vertical\n//   list-style: none\n//   margin: 0 0 padding-vertical 0\n//   padding: 0\n//   overflow: hidden\n//   text-transform: uppercase;\n\n//   li\n//     display: block\n//     overflow: hidden\n//     margin: 0\n//     padding: (padding-vertical / 2)\n\n//     strong\n//       float: right\n\n//   .hex\n//     float: left\n\n//   &.color-red\n//     background-color: $color-red\n\n//   &.color-blue-light\n//     background-color: $color-blue-light\n\n//   &.color-blue\n//     background-color: $color-blue\n\n//   li:nth-child(1)\n//     background-color: rgba(white, .3)\n\n//   li:nth-child(2)\n//     background-color: rgba(white, .2)\n\n//   li:nth-child(3)\n//     background-color: rgba(white, .1)\n\n//   li:nth-child(5)\n//     background-color: rgba(black, .1)\n\n//   li:nth-child(6)\n//     background-color: rgba(black, .2)\n\n//   li:nth-child(7)\n//     background-color: rgba(black, .3)\n\n//   &.color-blue-light\n//     li:nth-child(1)\n//       background-color: lighten($color-blue-light, 30%)\n\n//     li:nth-child(2)\n//       background-color: lighten($color-blue-light, 20%)\n\n//     li:nth-child(3)\n//       background-color: lighten($color-blue-light, 10%)\n\n//     li:nth-child(5)\n//       background-color: darken($color-blue-light, 10%)\n\n//     li:nth-child(6)\n//       background-color: darken($color-blue-light, 20%)\n\n//     li:nth-child(7)\n//       background-color: darken($color-blue-light, 30%)\n"
  },
  {
    "path": "packages/website/src/html/components/ComponentExample/index.js",
    "content": "import React, { PropTypes, Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport hljs from 'highlight.js';\nimport './index.styl';\n\nclass ComponentExample extends Component {\n  constructor() {\n    super();\n    this.state = { activeSection: 'component' };\n\n    this.renderActions = this.renderActions.bind(this);\n    this.renderSectionButton = this.renderSectionButton.bind(this);\n  }\n\n  componentDidMount() {\n    // Highlight code snippets\n    hljs.configure({ classPrefix: '' });\n    hljs.initHighlighting.called = false;\n    hljs.highlightBlock(this.pugCode);\n    hljs.highlightBlock(this.htmlCode);\n  }\n\n  renderSectionButton(sectionID, sectionText) {\n    return (\n      <button\n        onClick={() => {\n          this.setState({ activeSection: sectionID });\n        }}\n        className={`btn btn-link ${this.state.activeSection === sectionID ? 'active' : ''}`}\n      >\n        {sectionText}\n      </button>\n    );\n  }\n\n  renderActions() {\n    return (\n      <ul className=\"html-example-actions\">\n        <li>{this.renderSectionButton('component', 'Component')}</li>\n        <li>{this.renderSectionButton('pug', 'Pug')}</li>\n        <li>{this.renderSectionButton('html', 'HTML')}</li>\n        <li>\n          <Link to={`/components/${this.props.id}/stage`} target=\"_blank\" rel=\"noopener noreferrer\">\n            <button className=\"btn btn-link open-in-stage-btn\">\n              Open in stage\n              <i className=\"icon-budicon-519\" />\n            </button>\n          </Link>\n        </li>\n      </ul>\n    );\n  }\n\n  render() {\n    /* eslint-disable react/no-danger */\n    const { title, description, pug, html, id } = this.props;\n    const { activeSection } = this.state;\n\n    return (\n      <section className=\"html-example\" id={id}>\n        <h2>{title}</h2>\n        <div\n          className=\"html-example-description\"\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n        {this.renderActions()}\n        <div className=\"html-example-playground\">\n          <div\n            style={activeSection !== 'component' ? { display: 'none' } : {}}\n            className=\"example-component\"\n            dangerouslySetInnerHTML={{ __html: html }}\n          />\n          <div style={activeSection !== 'pug' ? { display: 'none' } : {}} className=\"example-pug\">\n            <pre>\n              <code\n                ref={e => {\n                  this.pugCode = e;\n                }}\n                className=\"pug\"\n              >\n                {pug}\n              </code>\n            </pre>\n          </div>\n          <div style={activeSection !== 'html' ? { display: 'none' } : {}} className=\"example-html\">\n            <pre>\n              <code\n                ref={e => {\n                  this.htmlCode = e;\n                }}\n                className=\"html\"\n              >\n                {html}\n              </code>\n            </pre>\n          </div>\n        </div>\n      </section>\n    );\n  }\n}\n\nComponentExample.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  pug: PropTypes.string.isRequired,\n  html: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired\n};\n\nexport default ComponentExample;\n"
  },
  {
    "path": "packages/website/src/html/components/ComponentExample/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.html-example\n\n  .html-example-actions\n    margin: 30px 0 10px;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n\n    li\n      display: inline-block;\n\n      .btn\n        letter-spacing: 0;\n        text-transform: none;\n\n        &.active\n          color $gray-darker\n\n      &:first-child .btn\n        padding-left: 0;\n\n      &:last-child\n        margin-left: auto;\n\n        .btn\n          padding-right: 0;\n\n      .open-in-stage-btn\n        overflow: visible;\n\n        i\n          margin-left: 10px;\n          position: relative;\n          top: 2px;\n          left: 0;\n          transition: left 0.1s ease-in-out;\n\n        &:hover i\n          left: 5px;\n\n  .html-example-playground\n\n    .example-component\n      padding: 30px;\n      overflow: hidden;\n      border-radius: 3px;\n      box-shadow: 0 0 20px rgba(0,0,0,0.1);\n"
  },
  {
    "path": "packages/website/src/html/components/EmailExample/index.js",
    "content": "import React, { PropTypes, Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport hljs from 'highlight.js';\nimport './index.styl';\n\nclass EmailExample extends Component {\n  constructor() {\n    super();\n    this.state = { activeSection: 'email' };\n\n    this.renderActions = this.renderActions.bind(this);\n    this.renderSectionButton = this.renderSectionButton.bind(this);\n    this.resizeIframe = this.resizeIframe.bind(this);\n  }\n\n  componentDidMount() {\n    // Highlight code snippets\n    hljs.configure({ classPrefix: '' });\n    hljs.initHighlighting.called = false;\n    hljs.highlightBlock(this.mjmlCode);\n    hljs.highlightBlock(this.htmlCode);\n  }\n\n  resizeIframe() {\n    this.iframe.style.height = `${this.iframe.contentWindow.document.body.scrollHeight}px`;\n  }\n\n  renderSectionButton(sectionID, sectionText) {\n    return (\n      <button\n        onClick={() => {\n          this.setState({ activeSection: sectionID });\n        }}\n        className={`btn btn-link ${this.state.activeSection === sectionID ? 'active' : ''}`}\n      >\n        {sectionText}\n      </button>\n    );\n  }\n\n  renderActions() {\n    return (\n      <ul className=\"html-example-actions\">\n        <li>{this.renderSectionButton('email', 'Email')}</li>\n        <li>{this.renderSectionButton('mjml', 'MJML')}</li>\n        <li>{this.renderSectionButton('html', 'HTML')}</li>\n        <li>\n          <Link\n            to={`/email-templates/${this.props.id}/stage`}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <button className=\"btn btn-link open-in-stage-btn\">\n              Open in stage\n              <i className=\"icon-budicon-519\" />\n            </button>\n          </Link>\n        </li>\n      </ul>\n    );\n  }\n\n  render() {\n    /* eslint-disable react/no-danger */\n    const { title, description, mjml, html, id } = this.props;\n    const { activeSection } = this.state;\n\n    return (\n      <section className=\"html-example email-component\" id={id}>\n        <h2>{title}</h2>\n        {description && <div dangerouslySetInnerHTML={{ __html: description }} />}\n        {this.renderActions()}\n        <div className=\"html-example-playground\">\n          <div\n            style={activeSection !== 'email' ? { display: 'none' } : {}}\n            className=\"example-component\"\n          >\n            <iframe\n              title=\"email-frame\"\n              className=\"email-iframe\"\n              srcDoc={html}\n              ref={e => {\n                this.iframe = e;\n              }}\n              onLoad={this.resizeIframe}\n            />\n          </div>\n          <div style={activeSection !== 'mjml' ? { display: 'none' } : {}} className=\"example-mjml\">\n            <pre>\n              <code\n                ref={e => {\n                  this.mjmlCode = e;\n                }}\n                className=\"mjml\"\n              >\n                {mjml}\n              </code>\n            </pre>\n          </div>\n          <div style={activeSection !== 'html' ? { display: 'none' } : {}} className=\"example-html\">\n            <pre>\n              <code\n                ref={e => {\n                  this.htmlCode = e;\n                }}\n                className=\"html\"\n              >\n                {html}\n              </code>\n            </pre>\n          </div>\n        </div>\n      </section>\n    );\n  }\n}\n\nEmailExample.defaultProps = {\n  description: undefined\n};\n\nEmailExample.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  mjml: PropTypes.string.isRequired,\n  html: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired\n};\n\nexport default EmailExample;\n"
  },
  {
    "path": "packages/website/src/html/components/EmailExample/index.styl",
    "content": ".html-example.email-component {\n  .example-component {\n    padding: 0;\n\n    .email-iframe {\n      width: 100%;\n      border: none;\n      display: block;\n    }\n  }\n}"
  },
  {
    "path": "packages/website/src/html/components/Icon/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport './index.styl';\n\nconst Icon = ({ cssClass, name }) =>\n  <div className=\"icon-showcase\">\n    <i className={`${cssClass} icon`} aria-hidden=\"true\" />\n    <div className=\"icon-content\">\n      {name && <span className=\"name\">{name}</span>}\n      <span className=\"css-class\">{cssClass}</span>\n    </div>\n  </div>;\n\nIcon.propTypes = {\n  cssClass: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired\n};\n\nexport default Icon;\n"
  },
  {
    "path": "packages/website/src/html/components/Icon/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars';\n@import '@auth0/styleguide-core/src/mixins';\n\n.icon-showcase\n  background: $bg-color-gray\n  padding: 10px;\n  border-radius: $border-radius-base;\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  height: 72px;\n\n  .icon\n    font-size: 24px;\n    padding: 0 13px;\n    margin-right: 4px;\n\n    &:before\n      vertical-align: middle;\n      line-height: inherit;\n\n  .icon-content\n    color: rgba(0,0,0,0.5);\n\n    .name,\n    .css-class\n      display: block;\n      line-height: 1.5em;\n\n    .name\n      font-weight: $font-weight-bold;\n"
  },
  {
    "path": "packages/website/src/html/components/LogoBox/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport './index.styl';\n\nconst LogoBox = ({ title, children, logoClass, downloadLink }) =>\n  <div className=\"col-xs-12 col-md-6\">\n    <div className={`logo-branding ${logoClass}`}>\n      <h5>{title}</h5>\n      {children}\n      <a href={downloadLink} target=\"_blank\" rel=\"noopener noreferrer\">\n        Download\n      </a>\n    </div>\n  </div>;\n\nLogoBox.defaultProps = {\n  logoClass: ''\n};\n\nLogoBox.propTypes = {\n  title: PropTypes.string.isRequired,\n  children: PropTypes.node.isRequired,\n  logoClass: PropTypes.string,\n  downloadLink: PropTypes.string.isRequired\n};\n\nexport default LogoBox;\n"
  },
  {
    "path": "packages/website/src/html/components/LogoBox/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars';\n@import '@auth0/styleguide-core/src/mixins';\n\n.logo-branding\n  text-align: center\n  border: 1px solid #eee;\n  padding: 20px;\n  border-radius: 3px;\n  margin-bottom: 20px;\n  background-image: url('img/transparent.png')\n\n  h5\n    text-transform: uppercase\n    letter-spacing: 1px;\n    color: #999;\n    margin-top: 0;\n\n  img, svg\n    max-width: 100%;\n    display: block\n    max-height: 140px;\n    margin: auto;\n    margin-bottom: 20px;\n\n\n  &.logo-dark\n    background-image: url('img/transparent-dark.png')\n\n  a\n    font-weight: $font-weight-bold\n    border: 1px solid $color-blue-light;\n    padding: 4px 10px;\n    text-transform: uppercase\n    border-radius: 3px;\n    font-size: $font-size-small;\n    letter-spacing: 1px;\n    color: $color-blue-light;\n    &:hover\n      color: white\n      background: $color-blue-light;\n"
  },
  {
    "path": "packages/website/src/html/components/SVG/index.js",
    "content": "import React, { PropTypes } from 'react';\n\n/* eslint-disable react/no-danger */\nconst SVG = ({ content }) => <div dangerouslySetInnerHTML={{ __html: content }} />;\n\nSVG.propTypes = {\n  content: PropTypes.node.isRequired\n};\n\nexport default SVG;\n"
  },
  {
    "path": "packages/website/src/html/components/Sidebar/index.js",
    "content": "import React, { Component } from 'react';\nimport {\n  Sidebar as SidebarRC,\n  SidebarItem,\n  SidebarSubitem\n} from '@auth0/styleguide-react-components';\nimport { Link } from 'react-router-dom';\nimport { kebabCase } from 'lodash';\nimport sidebarConfig from './sidebar-config.json';\nimport componentsConfig from '../../containers/Components/components-config.json';\nimport emailsConfig from '../../containers/Email/emails-config.json';\n\n// Add components and email items to Sidebar based on config files of those sections\nconst completeSidebarConfig = config =>\n  config.reduce((acc, item) => {\n    const newItem = Object.assign({}, item);\n\n    if (item.text === 'Components') {\n      newItem.children = componentsConfig.map(i => ({\n        text: i.title,\n        url: i.folder\n      }));\n    }\n\n    if (item.text === 'Email templates') {\n      newItem.children = emailsConfig.map(i => ({\n        text: i.title,\n        url: i.folder\n      }));\n    }\n\n    return acc.concat(newItem);\n  }, []);\n\nconst dinamicSidebarConfig = completeSidebarConfig(sidebarConfig);\n\nclass Sidebar extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      mobileNavOpen: false\n    };\n\n    dinamicSidebarConfig.forEach((_, i) => {\n      this.state[`item-${i}`] = false;\n    });\n  }\n\n  toggleState = stateProp => {\n    // First close all.\n    dinamicSidebarConfig.forEach((_, i) => {\n      const nameState = `item-${i}`;\n      if (nameState === stateProp) return;\n      this.setState({ [nameState]: false });\n    });\n    // Then toggle the Item.\n    this.setState(prevState => ({ [stateProp]: !prevState[stateProp] }));\n  };\n\n  render() {\n    /* eslint-disable jsx-a11y/anchor-has-content, jsx-a11y/no-static-element-interactions */\n    const { mobileNavOpen } = this.state;\n    return (\n      <SidebarRC\n        mobileNavOpen={mobileNavOpen}\n        toggleNavOnClick={() => this.toggleState('mobileNavOpen')}\n        header={\n          <h1 className=\"default-title\">\n            <Link className=\"default-link\" to=\"/\">\n              <img\n                src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.svg\"\n                alt=\"Auth0 logo\"\n                width=\"30\"\n              />\n            </Link>\n          </h1>\n        }\n      >\n        {dinamicSidebarConfig.map((fatherItem, i) => {\n          const realWrapper = fatherItem.url ? (\n            <Link to={fatherItem.url} onClick={() => this.toggleState(`item-${i}`)} />\n          ) : (\n            <div onClick={() => this.toggleState(`item-${i}`)} />\n          );\n\n          return (\n            <SidebarItem\n              text={fatherItem.text}\n              icon={fatherItem.icon}\n              wrapper={realWrapper}\n              open={this.state[`item-${i}`]}\n              arrow={fatherItem.arrow}\n              key={`father-item-${kebabCase(fatherItem.text)}`}\n            >\n              {fatherItem.children &&\n                fatherItem.children.map(childItem => {\n                  const subItemURL = `${toURL(fatherItem.text)}/${childItem.url ||\n                    toDashCase(childItem.text)}`;\n\n                  return (\n                    <SidebarSubitem\n                      text={childItem.text}\n                      wrapper={<Link to={subItemURL} />}\n                      key={`children-item-${kebabCase(childItem.text)}`}\n                    />\n                  );\n                })}\n            </SidebarItem>\n          );\n        })}\n      </SidebarRC>\n    );\n  }\n}\n\nfunction toURL(text) {\n  return `/${toDashCase(text)}`;\n}\n\nfunction toDashCase(text) {\n  const phase1 = text.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase();\n  const phase2 = phase1.replace(' ', '-');\n  return phase2;\n}\n\nexport default Sidebar;\n"
  },
  {
    "path": "packages/website/src/html/components/Sidebar/sidebar-config.json",
    "content": "[\n  {\n    \"text\": \"Getting started\",\n    \"icon\": 464,\n    \"url\": \"/getting-started\",\n    \"children\": [\n      { \"text\": \"Installing from CDN\", \"url\": \"installing-from-cdn\" },\n      { \"text\": \"Installing from NPM\", \"url\": \"installing-from-npm\" }\n    ]\n  },\n  {\n    \"text\": \"Design\",\n    \"icon\": 258,\n    \"url\": \"/design\",\n    \"children\": [\n      { \"text\": \"Typography\" },\n      { \"text\": \"Primary Colors\" },\n      { \"text\": \"Secondary Colors\" },\n      { \"text\": \"Background Colors\" },\n      { \"text\": \"Status Colors\" }\n    ]\n  },\n  {\n    \"text\": \"Components\",\n    \"icon\": 690,\n    \"url\": \"/components\",\n    \"children\": []\n  },\n  {\n    \"text\": \"Email templates\",\n    \"icon\": 778,\n    \"url\": \"/email-templates\",\n    \"children\": []\n  },\n  {\n    \"text\": \"Resources\",\n    \"icon\": 733,\n    \"url\": \"/resources\",\n    \"children\": [\n      { \"text\": \"Logos\" },\n      { \"text\": \"Badges\" },\n      { \"text\": \"Icons\" }\n    ]\n  },\n  {\n    \"text\": \"React Components\",\n    \"url\": \"/react\",\n    \"icon\": 450,\n    \"arrow\": true\n  }\n]\n"
  },
  {
    "path": "packages/website/src/html/components/TypeBox/index.js",
    "content": "import React, { PropTypes } from 'react';\n\nconst TypeBox = ({ themeDark }) =>\n  <div className={`column ${themeDark ? 'theme-dark' : ''}`}>\n    <div className=\"type-box\">\n      {themeDark\n        ? <h5>\n            Theme Dark: add the class <code>.theme-dark</code> to the parent\n            container.\n          </h5>\n        : <h5>Theme Light</h5>}\n      <h1>Headline 1</h1>\n      <h2>Headline 2</h2>\n      <h3>Headline 3</h3>\n      <h4>Title</h4>\n      <h5>Subheader</h5>\n      <p className=\"body-2\">Body 2 / Menu</p>\n      <p className=\"body-1\">Body 1</p>\n      <p className=\"caption\">Caption</p>\n      <a href=\"http://styleguide.auth0.com/\">Link</a>\n    </div>\n  </div>;\n\nTypeBox.defaultProps = {\n  themeDark: false\n};\n\nTypeBox.propTypes = {\n  themeDark: PropTypes.bool\n};\n\nexport default TypeBox;\n"
  },
  {
    "path": "packages/website/src/html/components/index.js",
    "content": "export ComponentExample from './ComponentExample';\nexport EmailExample from './EmailExample';\nexport LogoBox from './LogoBox';\nexport Badge from './Badge';\nexport Icon from './Icon';\nexport SVG from './SVG';\nexport Sidebar from './Sidebar';\nexport TypeBox from './TypeBox';\nexport ColorBox from './ColorBox';\n"
  },
  {
    "path": "packages/website/src/html/containers/App/index.js",
    "content": "import React from 'react';\nimport { Switch, Route } from 'react-router';\nimport { Home, GettingStarted, Design, Components, Stage, Email, Resources } from 'html/containers';\nimport { Sidebar } from 'html/components';\n// import { NotFound } from 'containers';\nimport jump from 'jump.js';\nimport './index.styl';\n\nconst ScrollToSection = ({ params }) => {\n  scrollTo(params.section);\n\n  return null;\n};\n\nconst ScrollToTop = () => {\n  scrollTo('app');\n\n  return null;\n};\n\nfunction scrollTo(element) {\n  if (!document) return false;\n  if (element && !document.getElementById(element)) return false;\n\n  jump.default(`#${element}`, { duration: 500 });\n\n  return true;\n}\n\nconst App = () => (\n  <div className=\"auth0-html-styleguide\">\n    <Route\n      path=\"/\"\n      render={({ location }) => {\n        if (location.pathname.endsWith('/stage')) return null;\n\n        return <Sidebar />;\n      }}\n    />\n    <div className=\"styleguide-content\">\n      <Switch>\n        <Route path=\"/\" exact component={Home} />\n\n        <Route path=\"/getting-started\" exact component={ScrollToTop} />\n        <Route path=\"/getting-started\" component={GettingStarted} />\n        <Route path=\"/getting-started/:section\" component={ScrollToSection} />\n\n        <Route path=\"/design\" exact component={ScrollToTop} />\n        <Route path=\"/design\" component={Design} />\n        <Route path=\"/design/:section\" component={ScrollToSection} />\n\n        <Route path=\"/components\" exact component={ScrollToTop} />\n        <Route\n          path=\"/components\"\n          render={({ location }) => {\n            // Don't render Components when Routes \"/components/:section/stage\".\n            if (location.pathname.endsWith('/stage')) return null;\n            return <Components />;\n          }}\n        />\n        <Route path=\"/components/:section\" exact component={ScrollToSection} />\n\n        <Route path=\"/email-templates\" exact component={ScrollToTop} />\n        <Route\n          path=\"/email-templates\"\n          render={({ location }) => {\n            // Don't render Emails when Routes \"/components/:section/stage\".\n            if (location.pathname.endsWith('/stage')) return null;\n            return <Email />;\n          }}\n        />\n        <Route path=\"/email-templates/:section\" component={ScrollToSection} />\n\n        <Route path=\"/resources\" exact component={ScrollToTop} />\n        <Route path=\"/resources\" component={Resources} />\n        <Route path=\"/resources/:section\" component={ScrollToSection} />\n      </Switch>\n      {/* <Miss component={NotFound} /> */}\n    </div>\n\n    <Route path=\"/components/:section/stage\" exact component={Stage} />\n    <Route\n      path=\"/email-templates/:section/stage\"\n      exact\n      render={props => <Stage isEmail {...props} />}\n    />\n  </div>\n);\n\nexport default App;\n"
  },
  {
    "path": "packages/website/src/html/containers/App/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.auth0-html-styleguide\n\n  .a0r-sidebar\n    position: fixed;\n\n    +breakpoint(\"tablet\", \"max\")\n      top: 0;\n\n  .styleguide-content\n    overflow-y: auto;\n    margin-top: 70px;\n\n    +breakpoint(\"tablet\")\n      margin-top: 0;\n      margin-left: 250px;\n\n    .jumbotron\n      margin-bottom 0\n\n      +breakpoint(\"tablet\", \"max\")\n        padding-top: 40px;\n        padding-bottom: 40px;\n\n      h2 img\n        max-width: 48px;\n\n      p\n        font-size: $font-size-large;\n\n    .section-content\n      > section\n        padding: 32px;\n        border-bottom: 1px solid #e3e5e7;\n\n        > p\n          font-size: 16px;\n\n        +breakpoint(\"tablet\")\n          padding: 32px 90px 64px;\n\n        > h2\n          margin-top: 0;\n          padding-top: 32px;\n\n        .html-example-description p\n          font-size: 16px;\n"
  },
  {
    "path": "packages/website/src/html/containers/Components/components-config.json",
    "content": "[\n  {\n    \"folder\": \"alerts\",\n    \"title\": \"Alerts\",\n    \"description\": \"<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>\"\n  },\n  {\n    \"folder\": \"notifications\",\n    \"title\": \"Notifications\",\n    \"description\": \"\"\n  },\n  {\n    \"folder\": \"buttons\",\n    \"title\": \"Buttons\",\n    \"description\": \"<p>Use the button classes on an <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, or <code>&lt;input&gt;</code> element.</p>\"\n  },\n  {\n    \"folder\": \"forms\",\n    \"title\": \"Forms\",\n    \"description\": \"<p>We designed them to show clearly the form state through the user flow.</p>\"\n  },\n  {\n    \"folder\": \"try-banner\",\n    \"title\": \"Try Banner\",\n    \"description\": \"<p>The main call to action to signup.</p>\"\n  },\n  {\n    \"folder\": \"jumbotron\",\n    \"title\": \"Jumbotron\",\n    \"description\": \"<p>Use the <code>.has-header</code> modifier when used with the transparent header over it.</p>\"\n  },\n  {\n    \"folder\": \"header\",\n    \"title\": \"Header\",\n    \"description\": \"<p>We try to keep the header in all apps and websites that we do.</p>\"\n  },\n  {\n    \"folder\": \"footer\",\n    \"title\": \"Footer\",\n    \"description\": \"<p>We try to keep the footer in all apps and websites that we do.</p>\"\n  },\n  {\n    \"folder\": \"modals\",\n    \"title\": \"Modals\",\n    \"description\": \"<p>Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.</p>\"\n  },\n  {\n    \"folder\": \"tables\",\n    \"title\": \"Tables\",\n    \"description\": \"<p>Use tables to represent tabulated data.</p>\"\n  },\n  {\n    \"folder\": \"labels\",\n    \"title\": \"Labels\",\n    \"description\": \"<p>Labels are used to provide additional information about something.</p>\"\n  },\n  {\n    \"folder\": \"badges\",\n    \"title\": \"Badges\",\n    \"description\": \"<p>Badges are used to provide additional information about something.</p>\"\n  },\n  {\n    \"folder\": \"navs\",\n    \"title\": \"Navs\",\n    \"description\": \"<p>Use the <code>.nav-center</code> modifier to center the elements in the list.</p>\"\n  },\n  {\n    \"folder\": \"showcase-tabs\",\n    \"title\": \"Showcase Tabs\",\n    \"description\": \"<p>Used mostly on landing pages to showcase products or features.</p>\"\n  },\n  {\n    \"folder\": \"spinner\",\n    \"title\": \"Spinner\",\n    \"description\": \"<p>We use spinner after apply opacity to the main container between .3s and .7s. After that we show the spinner.</p>\"\n  },\n  {\n    \"folder\": \"breadcrumb\",\n    \"title\": \"Breadcrumb\",\n    \"description\": \"<p>Used for showing where is the user inside the application.</p> <p>Use the <code>.has-homepage</code> modifier to show the home icon before the first element.</p>\"\n  },\n  {\n    \"folder\": \"cards\",\n    \"title\": \"Cards\",\n    \"description\": \"<p>A card is a flexible and extensible content container.</p>\"\n  },\n  {\n    \"folder\": \"code-picker\",\n    \"title\": \"Code Picker\",\n    \"description\": \"<p>Used for showing code examples in different languages.</p>\"\n  },\n  {\n    \"folder\": \"ui-switch\",\n    \"title\": \"UI Switch\",\n    \"description\": \"<p>We designed it to quickly turn in/off features on Dashboard.</p>\"\n  },\n  {\n    \"folder\": \"scope\",\n    \"title\": \"Scope\",\n    \"description\": \"<p>We designed it to easily show scope toggling.</p>\"\n  },\n  {\n    \"folder\": \"switchboard\",\n    \"title\": \"Switchboard\",\n    \"description\": \"<p>In order to enable and disable feature we suggest to use swichboard.</p><p>Use the <code>.switchboard-responsive</code> modifier for the responsive version.</p>\"\n  },\n  {\n    \"folder\": \"phone-mockup\",\n    \"title\": \"Phone Mockup\",\n    \"description\": \"<p>We use this mockup for wrapping mobile screenshots.</p>\"\n  }\n]"
  },
  {
    "path": "packages/website/src/html/containers/Components/components.js",
    "content": "// Import all components pug and html files\n// The export should be named in PascalCase\nexport AlertsPug from '@auth0/styleguide-components/src/alerts/demo.pug';\nexport AlertsHtml from '@auth0/styleguide-components/build/components/alerts/demo.html';\n\nexport NotificationsPug from '@auth0/styleguide-components/src/notifications/demo.pug';\nexport NotificationsHtml from '@auth0/styleguide-components/build/components/notifications/demo.html';\n\nexport ButtonsPug from '@auth0/styleguide-components/src/buttons/demo.pug';\nexport ButtonsHtml from '@auth0/styleguide-components/build/components/buttons/demo.html';\n\nexport FormsPug from '@auth0/styleguide-components/src/forms/demo.pug';\nexport FormsHtml from '@auth0/styleguide-components/build/components/forms/demo.html';\n\nexport TryBannerPug from '@auth0/styleguide-components/src/try-banner/demo.pug';\nexport TryBannerHtml from '@auth0/styleguide-components/build/components/try-banner/demo.html';\n\nexport JumbotronPug from '@auth0/styleguide-components/src/jumbotron/demo.pug';\nexport JumbotronHtml from '@auth0/styleguide-components/build/components/jumbotron/demo.html';\n\nexport HeaderPug from '@auth0/styleguide-components/src/header/demo.pug';\nexport HeaderHtml from '@auth0/styleguide-components/build/components/header/demo.html';\n\nexport FooterPug from '@auth0/styleguide-components/src/footer/demo.pug';\nexport FooterHtml from '@auth0/styleguide-components/build/components/footer/demo.html';\n\nexport ModalsPug from '@auth0/styleguide-components/src/modals/demo.pug';\nexport ModalsHtml from '@auth0/styleguide-components/build/components/modals/demo.html';\n\nexport TablesPug from '@auth0/styleguide-components/src/tables/demo.pug';\nexport TablesHtml from '@auth0/styleguide-components/build/components/tables/demo.html';\n\nexport LabelsPug from '@auth0/styleguide-components/src/labels/demo.pug';\nexport LabelsHtml from '@auth0/styleguide-components/build/components/labels/demo.html';\n\nexport BadgesPug from '@auth0/styleguide-components/src/badges/demo.pug';\nexport BadgesHtml from '@auth0/styleguide-components/build/components/badges/demo.html';\n\nexport NavsPug from '@auth0/styleguide-components/src/navs/demo.pug';\nexport NavsHtml from '@auth0/styleguide-components/build/components/navs/demo.html';\n\nexport ShowcaseTabsPug from '@auth0/styleguide-components/src/showcase-tabs/demo.pug';\nexport ShowcaseTabsHtml from '@auth0/styleguide-components/build/components/showcase-tabs/demo.html';\n\nexport SpinnerPug from '@auth0/styleguide-components/src/spinner/demo.pug';\nexport SpinnerHtml from '@auth0/styleguide-components/build/components/spinner/demo.html';\n\nexport BreadcrumbPug from '@auth0/styleguide-components/src/breadcrumb/demo.pug';\nexport BreadcrumbHtml from '@auth0/styleguide-components/build/components/breadcrumb/demo.html';\n\nexport CardsPug from '@auth0/styleguide-components/src/cards/demo.pug';\nexport CardsHtml from '@auth0/styleguide-components/build/components/cards/demo.html';\n\nexport CodePickerPug from '@auth0/styleguide-components/src/code-picker/demo.pug';\nexport CodePickerHtml from '@auth0/styleguide-components/build/components/code-picker/demo.html';\n\nexport UiSwitchPug from '@auth0/styleguide-components/src/ui-switch/demo.pug';\nexport UiSwitchHtml from '@auth0/styleguide-components/build/components/ui-switch/demo.html';\n\nexport ScopePug from '@auth0/styleguide-components/src/scope/demo.pug';\nexport ScopeHtml from '@auth0/styleguide-components/build/components/scope/demo.html';\n\nexport SwitchboardPug from '@auth0/styleguide-components/src/switchboard/demo.pug';\nexport SwitchboardHtml from '@auth0/styleguide-components/build/components/switchboard/demo.html';\n\nexport PhoneMockupPug from '@auth0/styleguide-components/src/phone-mockup/demo.pug';\nexport PhoneMockupHtml from '@auth0/styleguide-components/build/components/phone-mockup/demo.html';\n"
  },
  {
    "path": "packages/website/src/html/containers/Components/index.js",
    "content": "import React, { Component } from 'react';\nimport hljs from 'highlight.js';\nimport { upperFirst, camelCase } from 'lodash';\nimport { ComponentExample } from 'html/components';\nimport * as ComponentsFiles from './components';\nimport componentsConfig from './components-config.json';\n\nconst componentsExamples = componentsConfig.reduce(\n  (acc, component) =>\n    acc.concat({\n      title: component.title,\n      description: component.description,\n      pug: ComponentsFiles[`${upperFirst(camelCase(component.title))}Pug`],\n      html: ComponentsFiles[`${upperFirst(camelCase(component.title))}Html`],\n      id: component.folder\n    }),\n  []\n);\n\nclass Components extends Component {\n  componentDidMount() {\n    hljs.configure({ classPrefix: '' });\n    hljs.initHighlighting();\n    document.querySelectorAll('pre.hl code').forEach(block => hljs.highlightBlock(block));\n  }\n  render() {\n    return (\n      <div className=\"styleguide-section\">\n        <section className=\"jumbotron\">\n          <h2>\n            <img\n              src=\"https://cdn.auth0.com/website/styleguide/components-icon.svg\"\n              alt=\"Components\"\n            />\n          </h2>\n          <h1>Components</h1>\n          <p>Set of components used across our website and apps.</p>\n        </section>\n        <section className=\"section-content\">\n          {componentsExamples.map(example => <ComponentExample key={example.title} {...example} />)}\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default Components;\n"
  },
  {
    "path": "packages/website/src/html/containers/Design/index.js",
    "content": "import React from 'react';\nimport { TypeBox, ColorBox } from '../../components';\nimport './index.styl';\n\nconst renderTypography = () =>\n  <section>\n    <h2 id=\"typography\">Typography</h2>\n    <p>The body font is set to Fakt, font size is 14px and line height is 2.</p>\n    <div className=\"row type-box-container\">\n      <TypeBox />\n      <TypeBox themeDark />\n    </div>\n    <div className=\"type-box box-table\">\n      <table className=\"typography-table\">\n        <tr>\n          <td>Light theme default type color</td>\n          <td className=\"big opacity-87 variable\">$color-text</td>\n          <td className=\"big opacity-87 name\">Primary</td>\n          <td className=\"big opacity-87 color\">#00000</td>\n          <td className=\"big opacity-87 opacity\">87%</td>\n        </tr>\n        <tr>\n          <td rowSpan=\"2\" className=\"rowspan opacity-54\">\n            Default light bg:<br />Auth0 Grey, #e3e5e7\n          </td>\n          <td className=\"big opacity-54 variable\">$color-text-light</td>\n          <td className=\"big opacity-54 name\">Secondary</td>\n          <td className=\"big opacity-54 color\">#00000</td>\n          <td className=\"big opacity-54 opacity\">54%</td>\n        </tr>\n        <tr>\n          <td className=\"big opacity-26 variable\">$color-text-lighter</td>\n          <td className=\"big opacity-26 name\">Disabled</td>\n          <td className=\"big opacity-26 color\">#00000</td>\n          <td className=\"big opacity-26 opacity\">26%</td>\n        </tr>\n      </table>\n    </div>\n    <div className=\"theme-dark\">\n      <div className=\"type-box box-table\">\n        <table className=\"typography-table\">\n          <tr>\n            <td>Light theme default type color</td>\n            <td className=\"big opacity-100 variable\">$color-text-contrast</td>\n            <td className=\"big opacity-100 name\">Primary</td>\n            <td className=\"big opacity-100 color\">#ffffff</td>\n            <td className=\"big opacity-100 opacity\">100%</td>\n          </tr>\n          <tr>\n            <td rowSpan=\"2\" className=\"rowspan opacity-70\">\n              Default light bg:<br />Auth0 Grey, #e3e5e7\n            </td>\n            <td className=\"big opacity-70 variable\">\n              $color-text-contrast-light\n            </td>\n            <td className=\"big opacity-70 name\">Secondary</td>\n            <td className=\"big opacity-70 color\">#ffffff</td>\n            <td className=\"big opacity-70 opacity\">70%</td>\n          </tr>\n          <tr>\n            <td className=\"big opacity-30 variable\">\n              $color-text-contrast-lighter\n            </td>\n            <td className=\"big opacity-30 name\">Disabled</td>\n            <td className=\"big opacity-30 color\">#ffffff</td>\n            <td className=\"big opacity-30 opacity\">30%</td>\n          </tr>\n        </table>\n      </div>\n    </div>\n    <hr />\n    <h3>Text utilities</h3>\n    <p className=\"text-left\">\n      {' '}<code>.text-left</code> Einstein&apos;s Letter to Freud\n    </p>\n    <p className=\"text-center\">\n      {' '}<code>.text-center</code> Einstein&apos;s Letter to Freud\n    </p>\n    <p className=\"text-right\">\n      {' '}<code>.text-right</code> Einstein&apos;s Letter to Freud\n    </p>\n    <p className=\"text-justify\">\n      {' '}<code>.text-justify</code> Einstein&apos;s Letter to Freud\n    </p>\n    <p className=\"text-nowrap\">\n      {' '}<code>.text-nowrap</code> Einstein&apos;s Letter to Freud\n    </p>\n    <p>\n      <code>.text-lowercase</code>\n      <span className=\"text-lowercase\"> Einstein&apos;s Letter to Freud</span>\n    </p>\n    <p>\n      <code>.text-uppercase</code>\n      <span className=\"text-uppercase\"> Einstein&apos;s Letter to Freud</span>\n    </p>\n    <p>\n      <code>.text-capitalize</code>\n      <span className=\"text-capitalize\"> Einstein&apos;s Letter to Freud</span>\n    </p>\n  </section>;\n\nconst renderPrimaryColors = () =>\n  <section>\n    <h2 id=\"primary-colors\">Primary colors</h2>\n    <p>These are the colors that define our brand.</p>\n    <div className=\"row\">\n      <ColorBox variable=\"$color-red\" color=\"#eb5424\" />\n      <ColorBox variable=\"$color-blue-light\" color=\"#44c7f4\" />\n      <ColorBox variable=\"$color-blue\" color=\"#16214d\" />\n      <ColorBox variable=\"$color-yellow\" color=\"#eaca2c\" />\n    </div>\n  </section>;\n\nconst renderSecondaryColors = () =>\n  <section>\n    <h2 id=\"secondary-colors\">Secondary colors</h2>\n    <p>These colors are support to accompany the primary colors.</p>\n    <div className=\"row\">\n      <ColorBox variable=\"$color-orange\" color=\"#ff9a57\" />\n      <ColorBox variable=\"$color-oil\" color=\"#5c666f\" />\n      <ColorBox variable=\"$color-green\" color=\"#01b48f\" />\n      <ColorBox variable=\"$color-gray\" color=\"#d0d2d3\" />\n      <ColorBox variable=\"$color-pink\" color=\"#c879b2\" />\n    </div>\n  </section>;\n\nconst renderBackgroundColors = () =>\n  <section>\n    <h2 id=\"background-colors\">Background colors</h2>\n    <p>\n      We recommend to use this set of background colors in order to\n      complement the primary and secondary colors.\n    </p>\n    <div className=\"row\">\n      <ColorBox variable=\"$bg-color-dark\" color=\"#222228\" />\n      <ColorBox variable=\"$bg-color-oil\" color=\"#5c666f\" />\n      <ColorBox variable=\"$bg-color-gray\" color=\"#e3e5e7\" />\n      <ColorBox variable=\"$bg-color-light\" color=\"#f5f7f9\" />\n    </div>\n  </section>;\n\nconst renderStatusColors = () =>\n  <section>\n    <h2 id=\"status-colors\">Status colors</h2>\n    <p>\n      These colors are used in every alert message: info, error, success and\n      warning.\n    </p>\n    <div className=\"row\">\n      <ColorBox variable=\"$bg-color-success\" color=\"#7ed321\" />\n      <ColorBox variable=\"$bg-color-error\" color=\"#ff3e00\" />\n      <ColorBox variable=\"$bg-color-info\" color=\"#44c7f4\" />\n      <ColorBox variable=\"$bg-color-alert\" color=\"#f0cc00\" />\n    </div>\n  </section>;\n\nconst Design = () =>\n  <div className=\"styleguide-section design-section\">\n    <section className=\"jumbotron\">\n      <h2>\n        <img src=\"https://cdn.auth0.com/website/styleguide/design-icon.svg\" alt=\"Design\" />\n      </h2>\n      <h1>Design</h1>\n      <p>\n        “The only important thing about design is how it relates to people.”\n      </p>\n    </section>\n    <section className=\"section-content\">\n      {renderTypography()}\n      {renderPrimaryColors()}\n      {renderSecondaryColors()}\n      {renderBackgroundColors()}\n      {renderStatusColors()}\n    </section>\n  </div>;\n\nexport default Design;\n"
  },
  {
    "path": "packages/website/src/html/containers/Design/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars';\n@import '@auth0/styleguide-core/src/mixins'\n\n.typography-section\n\n  .font-family\n    font-size: 60px;\n    font-weight: normal;\n    line-height: 82px;\n    margin: 40px 0;\n\n// box\n.type-box-container\n  display: flex;\n  flex-wrap: wrap;\n\n  +breakpoint(\"desktop\")\n    flex-wrap: nowrap;\n\n  .column\n    flex-basis: 100%\n    margin: 0 15px;\n    display: flex;\n\n    .type-box\n      flex-basis: 100%;\n\n    +breakpoint(\"desktop\")\n      flex-basis: 50%;\n\n.type-box\n  padding: 10px 40px;\n  background-color: #e3e5e7;\n  margin-bottom: 30px;\n  overflow: hidden;\n\n  &.box-table\n    padding: 20px 40px;\n\n  a\n    display: block;\n    margin: 20px 0;\n\n  h5\n    line-height: 1.8\n\n  .theme-dark &\n    background-color: #222228;\n\n    h1, h2, h3, h4, h5,\n    .body-2, .body-1\n      color: #fff;\n\n    p.caption\n      color: $color-text-lighter;\n\n// typography table box black\n.theme-dark\n  .type-box\n    background-color: $bg-color-dark;\n\n  .typography-table\n    td\n      color: $color-text-contrast\n\n    .opacity-100\n      color: $color-text-contrast\n\n    .opacity-70\n      color: $color-text-contrast-light\n\n    .opacity-30\n      color: $color-text-contrast-lighter\n\n\n// typography table\n.box-table\n  overflow-x: scroll;\n  max-width: 100%;\n\n.typography-table\n  min-width: 600px;\n  width: 100%;\n  overflow: scroll;\n\n  +breakpoint(\"desktop\")\n    min-width: none;\n\n  .variable\n    width: 35%;\n\n  .opacity\n    width: 5%;\n    text-align: right;\n\n  .color\n    width: 8%;\n\n\n  td\n    color: $color-text;\n    font-size: $font-size-small;\n    padding: 15px 0;\n\n  .big\n    font-size: $font-size-base;\n\n  .opacity-87\n    color: $color-text;\n\n  .opacity-54\n    color: $color-text-light;\n\n  .opacity-26\n    color: $color-text-lighter;\n\n  .rowspan\n    line-height: 20px;\n    vertical-align: bottom;\n"
  },
  {
    "path": "packages/website/src/html/containers/Email/emails-config.json",
    "content": "[\n  {\n    \"folder\": \"auth0-newsletter\",\n    \"title\": \"Newsletter\",\n    \"description\": \"<p>Standard company newsletter</p>\"\n  },\n  {\n    \"folder\": \"notifications\",\n    \"title\": \"Notifications\",\n    \"description\": \"<p>Notifications to auth0 users</p>\"\n  },\n  {\n    \"folder\": \"notices\",\n    \"title\": \"Notices\",\n    \"description\": \"<p>Standard company notices</p>\"\n  },\n  {\n    \"folder\": \"zero-to-launch\",\n    \"title\": \"Zero to launch\",\n    \"description\": \"<p>Zero to launch beta tester program</p>\"\n  },\n  {\n    \"folder\": \"ad-compromised\",\n    \"title\": \"AD: Compromised\",\n    \"description\": \"<p>Anomaly detection email template</p>\"\n  },\n  {\n    \"folder\": \"ad-stolen\",\n    \"title\": \"AD: Stolen\",\n    \"description\": \"<p>Anomaly detection email template</p>\"\n  },\n  {\n    \"folder\": \"product-verify-email\",\n    \"title\": \"Product: Verify email\"\n  },\n  {\n    \"folder\": \"product-verification-code\",\n    \"title\": \"Product: Verification code\"\n  },\n  {\n    \"folder\": \"product-welcome\",\n    \"title\": \"Product: Welcome\"\n  },\n  {\n    \"folder\": \"product-blocked-account\",\n    \"title\": \"Product: Blocked account\"\n  },\n  {\n    \"folder\": \"product-invitation\",\n    \"title\": \"Product: Invitation\"\n  },\n  {\n    \"folder\": \"product-provider-configuration\",\n    \"title\": \"Product: Provider configuration\"\n  },\n  {\n    \"folder\": \"product-reset\",\n    \"title\": \"Product: Reset\"\n  }\n]"
  },
  {
    "path": "packages/website/src/html/containers/Email/emails.js",
    "content": "// Import all emails files mjml and html files\n// The export should be named in PascalCase\n\nexport NewsletterMjml from '@auth0/styleguide-components/src/emails/auth0-newsletter/demo.ejs';\nexport NewsletterHtml from '@auth0/styleguide-components/build/emails/auth0-newsletter/demo.html';\n\nexport NotificationsMjml from '@auth0/styleguide-components/src/emails/notifications/demo.ejs';\nexport NotificationsHtml from '@auth0/styleguide-components/build/emails/notifications/demo.html';\n\nexport NoticesMjml from '@auth0/styleguide-components/src/emails/notices/demo.ejs';\nexport NoticesHtml from '@auth0/styleguide-components/build/emails/notices/demo.html';\n\nexport ZeroToLaunchMjml from '@auth0/styleguide-components/src/emails/zero-to-launch/demo.ejs';\nexport ZeroToLaunchHtml from '@auth0/styleguide-components/build/emails/zero-to-launch/demo.html';\n\nexport AdCompromisedMjml from '@auth0/styleguide-components/src/emails/ad-compromised/demo.ejs';\nexport AdCompromisedHtml from '@auth0/styleguide-components/build/emails/ad-compromised/demo.html';\n\nexport AdStolenMjml from '@auth0/styleguide-components/src/emails/ad-stolen/demo.ejs';\nexport AdStolenHtml from '@auth0/styleguide-components/build/emails/ad-stolen/demo.html';\n\nexport ProductVerifyEmailMjml from '@auth0/styleguide-components/src/emails/product-verify-email/demo.ejs';\nexport ProductVerifyEmailHtml from '@auth0/styleguide-components/build/emails/product-verify-email/demo.html';\n\nexport ProductVerificationCodeMjml from '@auth0/styleguide-components/src/emails/product-verification-code/demo.ejs';\nexport ProductVerificationCodeHtml from '@auth0/styleguide-components/build/emails/product-verification-code/demo.html';\n\nexport ProductWelcomeMjml from '@auth0/styleguide-components/src/emails/product-welcome/demo.ejs';\nexport ProductWelcomeHtml from '@auth0/styleguide-components/build/emails/product-welcome/demo.html';\n\nexport ProductBlockedAccountMjml from '@auth0/styleguide-components/src/emails/product-blocked-account/demo.ejs';\nexport ProductBlockedAccountHtml from '@auth0/styleguide-components/build/emails/product-blocked-account/demo.html';\n\nexport ProductInvitationMjml from '@auth0/styleguide-components/src/emails/product-invitation/demo.ejs';\nexport ProductInvitationHtml from '@auth0/styleguide-components/build/emails/product-invitation/demo.html';\n\nexport ProductProviderConfigurationMjml from '@auth0/styleguide-components/src/emails/product-provider-configuration/demo.ejs';\nexport ProductProviderConfigurationHtml from '@auth0/styleguide-components/build/emails/product-provider-configuration/demo.html';\n\nexport ProductResetMjml from '@auth0/styleguide-components/src/emails/product-reset/demo.ejs';\nexport ProductResetHtml from '@auth0/styleguide-components/build/emails/product-reset/demo.html';\n"
  },
  {
    "path": "packages/website/src/html/containers/Email/index.js",
    "content": "import React from 'react';\nimport { upperFirst, camelCase } from 'lodash';\nimport { EmailExample } from '../../components';\nimport * as EmailsFiles from './emails';\nimport emailsConfig from './emails-config.json';\n\nconst emailsExamples = emailsConfig.reduce(\n  (acc, email) =>\n    acc.concat({\n      title: email.title,\n      description: email.description,\n      mjml: EmailsFiles[`${upperFirst(camelCase(email.title))}Mjml`],\n      html: EmailsFiles[`${upperFirst(camelCase(email.title))}Html`],\n      id: email.folder\n    }),\n  []\n);\n\nconst Email = () =>\n  <div className=\"styleguide-section\">\n    <section className=\"jumbotron\">\n      <h2>\n        <img\n          src=\"https://cdn.auth0.com/website/styleguide/email-templates-icon.svg\"\n          alt=\"Email templates icon\"\n        />\n      </h2>\n      <h1>Email Templates</h1>\n      <p>Build and send emails with style.</p>\n    </section>\n    <section className=\"section-content\">\n      {emailsExamples.map(example => <EmailExample key={example.title} {...example} />)}\n    </section>\n  </div>;\n\nexport default Email;\n"
  },
  {
    "path": "packages/website/src/html/containers/GettingStarted/index.js",
    "content": "import React, { Component } from 'react';\nimport hljs from 'highlight.js';\nimport $ from 'jquery';\n\nconst cdnExample = `<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/core/2.0.5/core.min.css\" />\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/components/2.0.0/components.min.css\" />`;\nconst npmExample = `npm install --save @auth0/styleguide-core\nnpm install --save @auth0/styleguide-components`;\n\nconst highlightSnippets = () => {\n  hljs.configure({\n    tabReplace: '  ', // 4 spaces\n    classPrefix: '' // don't append class prefix\n  });\n\n  hljs.initHighlighting();\n\n  $('pre.hl code').each((i, block) => hljs.highlightBlock(block));\n};\n\nclass GettingStarted extends Component {\n  componentDidMount() {\n    highlightSnippets();\n  }\n\n  render() {\n    /* eslint-disable max-len */\n    return (\n      <div className=\"styleguide-section getting-started-section\">\n        <section className=\"jumbotron\">\n          <h2>\n            <img\n              src=\"https://cdn.auth0.com/website/styleguide/getting-started-icon.svg\"\n              alt=\"Getting started icon\"\n            />\n          </h2>\n          <h1>Getting Started</h1>\n          <p>There are few ways to initialize depending on the use case.</p>\n        </section>\n        <div className=\"section-content\">\n          <section>\n            <h2 id=\"installing-from-cdn\">Installing from CDN</h2>\n            <p>\n              Using our CDN is the prefered solution.\n              Just add the following lines in your projects HTML head and you\n              are done.\n            </p>\n            <pre className=\"hl\">\n              <code className=\"html\">{cdnExample}</code>\n            </pre>\n          </section>\n          <section>\n            <h2 id=\"installing-from-npm\">Installing from NPM</h2>\n            <p>\n              Download the packages from NPM if you need to access to the stylus\n              mixins or variables.\n              You can see more information in the\n              {' '}\n              <a\n                href=\"https://github.com/auth0/styleguide\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                project README.\n              </a>\n            </p>\n            <pre className=\"hl\">\n              <code className=\"bash\">\n                {npmExample}\n              </code>\n            </pre>\n          </section>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default GettingStarted;\n"
  },
  {
    "path": "packages/website/src/html/containers/Home/index.js",
    "content": "import React, { Component } from 'react';\nimport charming from 'charming';\nimport './index.styl';\n\nclass Home extends Component {\n  componentDidMount() {\n    document.querySelectorAll('.lettering-js').forEach(e => charming(e));\n  }\n  render() {\n    return (\n      <div className=\"styleguide-section home-section theme-dark\">\n        <div className=\"splash-intro\">\n          <div className=\"lines\">\n            <span className=\"red\" />\n            <span className=\"blue\" />\n            <span className=\"blue-light\" />\n            <span className=\"gray\" />\n          </div>\n          <h1 className=\"section-title lettering-js\">Styleguide</h1>\n          <p className=\"section-description lettering-js\">\n            Conjunction of design patterns, components and resources used across\n            our products.\n          </p>\n          <a\n            href=\"http://github.com/auth0/styleguide\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            className=\"btn btn-success btn-lg\"\n          >\n            <span className=\"btn-icon btn-icon-custom\">\n              <svg\n                viewBox=\"0 0 121 119\"\n                version=\"1.1\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n              >\n                <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n                  <g\n                    id=\"GitHub-Mark\"\n                    transform=\"translate(-290.000000, -282.000000)\"\n                    fill=\"#FFFFFF\"\n                  >\n                    <path\n                      id=\"Fill-51\"\n                      d=\"M350.609,282.446 C317.262,282.446 290.221,309.481 290.221,342.833 C290.221,369.514 307.524,392.15 331.518,400.135 C334.536,400.694 335.644,398.825 335.644,397.23 C335.644,395.79 335.588,391.033 335.562,385.987 C318.762,389.64 315.217,378.862 315.217,378.862 C312.47,371.882 308.512,370.026 308.512,370.026 C303.033,366.278 308.925,366.355 308.925,366.355 C314.989,366.78 318.182,372.578 318.182,372.578 C323.568,381.81 332.309,379.141 335.755,377.598 C336.297,373.696 337.862,371.03 339.589,369.523 C326.176,367.996 312.076,362.818 312.076,339.679 C312.076,333.086 314.435,327.699 318.298,323.47 C317.671,321.948 315.604,315.807 318.883,307.489 C318.883,307.489 323.954,305.866 335.494,313.679 C340.311,312.341 345.477,311.67 350.609,311.647 C355.741,311.67 360.911,312.341 365.737,313.679 C377.263,305.866 382.327,307.489 382.327,307.489 C385.614,315.807 383.546,321.948 382.919,323.47 C386.791,327.699 389.134,333.086 389.134,339.679 C389.134,362.873 375.007,367.98 361.56,369.475 C363.726,371.349 365.656,375.024 365.656,380.658 C365.656,388.737 365.586,395.24 365.586,397.23 C365.586,398.837 366.673,400.72 369.734,400.127 C393.715,392.133 410.996,369.505 410.996,342.833 C410.996,309.481 383.959,282.446 350.609,282.446\"\n                    />\n                  </g>\n                </g>\n              </svg>\n            </span>\n            Fork from github\n          </a>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Home;\n"
  },
  {
    "path": "packages/website/src/html/containers/Home/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.auth0-html-styleguide .home-section\n  background: $bg-color-black\n  height:100vh;\n  display: flex;\n  align-items: center;\n  flex:1;\n  padding: 20px;\n\n  +breakpoint(\"tablet\")\n    padding-left: 100px;\n\n  .splash-intro\n\n    .section-title\n      font-size: 40px;\n      margin: 30px 0;\n\n      span\n        animation-name: title\n        animation-duration: .4s\n\n      for i in (1..100)\n        span:nth-child({i})\n          animation-delay: .1s * i\n\n      @keyframes title\n        0%\n          -webkit-filter: blur(30px);\n          -webkit-transform: scale(2);\n          opacity: 0\n        100%\n          opacity: 1\n          -webkit-transform: scale(1);\n          -webkit-filter: blur(0);\n\n    .section-description\n      font-size: $font-size-large;\n      color: $color-text-contrast-light;\n      margin-bottom: 50px;\n\n      span\n        animation-name: tagline\n        min-width: 3px;\n        animation-duration: .2s\n\n      span:nth-child(1)\n        animation-delay: 1.2s\n\n      for i in (2..100)\n        span:nth-child({i})\n          animation-delay: 1.2s + (i * 0.025)\n\n      @keyframes tagline\n        0%\n          -webkit-filter: blur(10px);\n          opacity: 0\n          transform: translate(0,0);\n\n        100%\n          transform: scale(1);\n          opacity: 1\n          -webkit-filter: blur(0);\n\n    .lettering-js span\n      animation-fill-mode: forwards;\n      opacity: 0;\n      display: inline-block;\n\n    .btn\n      margin-right: 30px;\n      margin-bottom: $padding-large-horizontal;\n      display: block\n      animation-name: btns\n      animation-duration: .4s\n      animation-delay: 3.5s\n      animation-play-state: running;\n      animation-fill-mode: forwards;\n      opacity: 0;\n\n      &.btn-default\n        background: white;\n        animation-delay: 3.6s\n\n      +breakpoint('tablet')\n        display: inline-block;\n\n      @keyframes btns\n        from\n          transform: scale(.8)\n          opacity: 0\n        to\n          transform: scale(1);\n          opacity: 1\n          -webkit-filter: blur(0);\n\n    .lines\n        margin-bottom: $padding-base-horizontal * 2;\n\n        span\n          height: 4px;\n          background: $color-red;\n          display: inline-block;\n          width: 47px;\n          margin-right: 2px;\n          animation-name: lines\n          animation-duration: .8s\n          animation-play-state: running;\n          animation-fill-mode: forwards;\n          opacity: 0;\n          &.blue\n            background-color: $color-blue;\n            animation-delay .2s\n          &.blue-light\n            background-color: $color-blue-light;\n            animation-delay .4s\n          &.gray\n            background-color: $color-gray\n            animation-delay .6s\n\n        @keyframes lines\n          from\n            transform: scale(4)\n            -webkit-filter: blur(10px);\n            opacity: 0\n          to\n            transform: scale(1);\n            opacity: 1\n            -webkit-filter: blur(0);\n"
  },
  {
    "path": "packages/website/src/html/containers/Resources/badges.json",
    "content": "[\n  { \"title\": \"Electron\" },\n  { \"title\": \"Vue.js\", \"name\": \"vuejs\" },\n  { \"title\": \"Aurelia\" },\n  { \"title\": \"Ember 2\", \"name\": \"ember2js\" },\n  { \"title\": \"Meteor.js\", \"name\": \"meteor\" },\n  { \"title\": \"Auth0\" },\n  { \"title\": \"Angular 1\", \"name\": \"angular\" },\n  { \"title\": \"Angular 2\", \"name\": \"angular2\" },\n  { \"title\": \"React Native\", \"name\": \"react-native\" },\n  { \"title\": \"Ember\" },\n  { \"title\": \"Relay\" },\n  { \"title\": \"NGINX\" },\n  { \"title\": \"Falcor\" },\n  { \"title\": \"Node\" },\n  { \"title\": \"Next.js\", \"name\": \"nextjs\" },\n  { \"title\": \"Ruby\" },\n  { \"title\": \"Apple\" },\n  { \"title\": \"PHP\" },\n  { \"title\": \"Symfony\" },\n  { \"title\": \"Laravel\" },\n  { \"title\": \"Cordova\" },\n  { \"title\": \"Ionic\" },\n  { \"title\": \"Java\" },\n  { \"title\": \"Jquery\" },\n  { \"title\": \"Phonegap\" },\n  { \"title\": \"Nancyfx\" },\n  { \"title\": \".NET\", \"name\": \"net\" },\n  { \"title\": \".NET (legacy)\", \"name\": \"netclassic\" },\n  { \"title\": \"ASP Classic\", \"name\": \"asp-classic\" },\n  { \"title\": \"Python\" },\n  { \"title\": \"Django\" },\n  { \"title\": \"Scala\" },\n  { \"title\": \"Android\" },\n  { \"title\": \"Rails\" },\n  { \"title\": \"Firebase\" },\n  { \"title\": \"AWS\" },\n  { \"title\": \"Salesforce\" },\n  { \"title\": \"Apache\" },\n  { \"title\": \"Xamarin\" },\n  { \"title\": \"Windows\" },\n  { \"title\": \"ServiceStack\" },\n  { \"title\": \"Go\" },\n  { \"title\": \"Javascript\", \"name\": \"vanillajs\" },\n  { \"title\": \"Socket.io\", \"name\": \"socketio\" },\n  { \"title\": \"React\" },\n  { \"title\": \"SAP\" },\n  { \"title\": \"Spring\" },\n  { \"title\": \"Hapi\" },\n  { \"title\": \"Cycle.js\", \"name\": \"cyclejs\" },\n  { \"title\": \"Chrome\" }\n]\n"
  },
  {
    "path": "packages/website/src/html/containers/Resources/icons.json",
    "content": "[\n  {\n    \"name\": \"Interface & Layout\",\n    \"icons\": [\n      {\"code\":379},\n      {\"code\":380},\n      {\"code\":381},\n      {\"code\":382},\n      {\"code\":383},\n      {\"code\":384},\n      {\"code\":385},\n      {\"code\":386},\n      {\"code\":387},\n      {\"code\":388},\n      {\"code\":389},\n      {\"code\":390},\n      {\"code\":391, \"name\": \"minus\"},\n      {\"code\":392, \"name\": \"plus\"},\n      {\"code\":393},\n      {\"code\":394},\n      {\"code\":395},\n      {\"code\":396},\n      {\"code\":397},\n      {\"code\":398},\n      {\"code\":399},\n      {\"code\":400},\n      {\"code\":401},\n      {\"code\":402},\n      {\"code\":403},\n      {\"code\":404},\n      {\"code\":405},\n      {\"code\":406},\n      {\"code\":407},\n      {\"code\":408},\n      {\"code\":409},\n      {\"code\":410},\n      {\"code\":411},\n      {\"code\":412},\n      {\"code\":413},\n      {\"code\":414},\n      {\"code\":415},\n      {\"code\":416},\n      {\"code\":417},\n      {\"code\":418},\n      {\"code\":419},\n      {\"code\":420},\n      {\"code\":421},\n      {\"code\":422},\n      {\"code\":423},\n      {\"code\":424},\n      {\"code\":425},\n      {\"code\":426},\n      {\"code\":427},\n      {\"code\":428},\n      {\"code\":429},\n      {\"code\":430},\n      {\"code\":431},\n      {\"code\":432},\n      {\"code\":433},\n      {\"code\":434},\n      {\"code\":435},\n      {\"code\":436},\n      {\"code\":437},\n      {\"code\":438},\n      {\"code\":439},\n      {\"code\":440},\n      {\"code\":441},\n      {\"code\":442},\n      {\"code\":443},\n      {\"code\":444},\n      {\"code\":445},\n      {\"code\":446},\n      {\"code\":447},\n      {\"code\":448},\n      {\"code\":449},\n      {\"code\":450},\n      {\"code\":451},\n      {\"code\":452},\n      {\"code\":453},\n      {\"code\":454},\n      {\"code\":455},\n      {\"code\":456},\n      {\"code\":457},\n      {\"code\":458},\n      {\"code\":459},\n      {\"code\":460, \"name\": \"arrow bottom\"},\n      {\"code\":461, \"name\": \"arrow right\"},\n      {\"code\":462, \"name\": \"arrow top\"},\n      {\"code\":463, \"name\": \"arrow left\"},\n      {\"code\":464},\n      {\"code\":465},\n      {\"code\":466},\n      {\"code\":467},\n      {\"code\":468, \"name\": \"heart\"},\n      {\"code\":469},\n      {\"code\":470},\n      {\"code\":471},\n      {\"code\":472, \"name\": \"minus\"},\n      {\"code\":473, \"name\": \"plus\"},\n      {\"code\":474, \"name\": \"cursor\"},\n      {\"code\":475, \"name\": \"cursor\"},\n      {\"code\":476, \"name\": \"cursor\"},\n      {\"code\":477, \"name\": \"cursor\"},\n      {\"code\":478, \"name\": \"cursor\"},\n      {\"code\":479, \"name\": \"cursor\"},\n      {\"code\":480, \"name\": \"cursor\"},\n      {\"code\":481, \"name\": \"cursor\"},\n      {\"code\":482},\n      {\"code\":483},\n      {\"code\":484},\n      {\"code\":485},\n      {\"code\":486},\n      {\"code\":487},\n      {\"code\":488},\n      {\"code\":489},\n      {\"code\":490},\n      {\"code\":491},\n      {\"code\":492},\n      {\"code\":493},\n      {\"code\":494},\n      {\"code\":495},\n      {\"code\":496},\n      {\"code\":497},\n      {\"code\":498},\n      {\"code\":499},\n      {\"code\":500},\n      {\"code\":501},\n      {\"code\":502},\n      {\"code\":503},\n      {\"code\":504, \"name\": \"arrow\"},\n      {\"code\":505, \"name\": \"arrow\"},\n      {\"code\":506},\n      {\"code\":507},\n      {\"code\":508},\n      {\"code\":509},\n      {\"code\":510},\n      {\"code\":511},\n      {\"code\":512},\n      {\"code\":513},\n      {\"code\":514, \"name\": \"arrow\"},\n      {\"code\":515, \"name\": \"arrow\"},\n      {\"code\":516, \"name\": \"arrow\"},\n      {\"code\":517, \"name\": \"arrow\"},\n      {\"code\":518, \"name\": \"arrow\"},\n      {\"code\":519, \"name\": \"arrow\"},\n      {\"code\":520, \"name\": \"arrow\"},\n      {\"code\":521, \"name\": \"arrow\"},\n      {\"code\":522},\n      {\"code\":523}\n    ]\n  },\n  {\n    \"name\": \"Users\",\n    \"icons\": [\n      {\"code\":279},{\"code\":280},{\"code\":281},{\"code\":282},{\"code\":283},{\"code\":284},{\"code\":285},{\"code\":286},{\"code\":287},{\"code\":288},{\"code\":289},{\"code\":290},{\"code\":291},{\"code\":292},{\"code\":293},{\"code\":294},{\"code\":295},{\"code\":296},{\"code\":297},{\"code\":298},{\"code\":299},{\"code\":300},{\"code\":301},{\"code\":302},{\"code\":303},{\"code\":304},{\"code\":305},{\"code\":306},{\"code\":307},{\"code\":308},{\"code\":309},{\"code\":310},{\"code\":311},{\"code\":312},{\"code\":313},{\"code\":314},{\"code\":315},{\"code\":316},{\"code\":317},{\"code\":318},{\"code\":319},{\"code\":320}\n    ]\n  },\n  {\n    \"name\": \"Settings\",\n    \"icons\": [\n      {\"code\":321},{\"code\":322},{\"code\":323},{\"code\":324},{\"code\":325},{\"code\":326},{\"code\":327},{\"code\":328},{\"code\":329},{\"code\":330},{\"code\":331},{\"code\":332},{\"code\":333}\n    ]\n  },\n  {\n    \"name\": \"Web\",\n    \"icons\": [\n      {\"code\":334},{\"code\":335},{\"code\":336},{\"code\":337},{\"code\":338},{\"code\":339},{\"code\":340},{\"code\":341},{\"code\":342},{\"code\":343},{\"code\":344},{\"code\":345},{\"code\":346},{\"code\":347},{\"code\":348},{\"code\":349},{\"code\":350},{\"code\":351},{\"code\":352},{\"code\":353},{\"code\":354},{\"code\":355},{\"code\":356},{\"code\":357},{\"code\":358},{\"code\":359},{\"code\":360},{\"code\":361},{\"code\":362},{\"code\":363},{\"code\":364},{\"code\":365},{\"code\":366},{\"code\":367},{\"code\":368},{\"code\":369},{\"code\":370},{\"code\":371},{\"code\":372},{\"code\":373},{\"code\":374},{\"code\":375},{\"code\":376},{\"code\":377},{\"code\":378}\n    ]\n  },\n  {\n    \"name\": \"Document & Media\",\n    \"icons\": [\n      {\"code\":662},{\"code\":663},{\"code\":664},{\"code\":665},{\"code\":666},{\"code\":667},{\"code\":668},{\"code\":669},{\"code\":670},{\"code\":671},{\"code\":672},{\"code\":673},{\"code\":674},{\"code\":675},{\"code\":676},{\"code\":677},{\"code\":678},{\"code\":679},{\"code\":680},{\"code\":681},{\"code\":682},{\"code\":683},{\"code\":684},{\"code\":685},{\"code\":686},{\"code\":687},{\"code\":688},{\"code\":689},{\"code\":690},{\"code\":691},{\"code\":692},{\"code\":693},{\"code\":694},{\"code\":695},{\"code\":696},{\"code\":697},{\"code\":698},{\"code\":699},{\"code\":700},{\"code\":701},{\"code\":702},{\"code\":703},{\"code\":704},{\"code\":705},{\"code\":706},{\"code\":707},{\"code\":708},{\"code\":709},{\"code\":710},{\"code\":711},{\"code\":712},{\"code\":713},{\"code\":714},{\"code\":715},{\"code\":716},{\"code\":717},{\"code\":718},{\"code\":719},{\"code\":720},{\"code\":721},{\"code\":722},{\"code\":723},{\"code\":724},{\"code\":725},{\"code\":726},{\"code\":727},{\"code\":728},{\"code\":729},{\"code\":730},{\"code\":731},{\"code\":732},{\"code\":733},{\"code\":734},{\"code\":735},{\"code\":736},{\"code\":737},{\"code\":738},{\"code\":739},{\"code\":740},{\"code\":741},{\"code\":742},{\"code\":743},{\"code\":744},{\"code\":745},{\"code\":746},{\"code\":747},{\"code\":748},{\"code\":749},{\"code\":750},{\"code\":751},{\"code\":752},{\"code\":753},{\"code\":754},{\"code\":755},{\"code\":756},{\"code\":757},{\"code\":758},{\"code\":759},{\"code\":760},{\"code\":761},{\"code\":762},{\"code\":763}\n    ]\n  },\n  {\n    \"name\": \"Editorial\",\n    \"icons\": [\n      {\"code\":256},{\"code\":257},{\"code\":258},{\"code\":259},{\"code\":260},{\"code\":261},{\"code\":262},{\"code\":263},{\"code\":264},{\"code\":265},{\"code\":266},{\"code\":267},{\"code\":268},{\"code\":269},{\"code\":270},{\"code\":271},{\"code\":272},{\"code\":273},{\"code\":274},{\"code\":275},{\"code\":276},{\"code\":277},{\"code\":278}\n    ]\n  },\n  {\n    \"name\": \"Communication\",\n    \"icons\": [\n      {\"code\":764},{\"code\":765},{\"code\":766},{\"code\":767},{\"code\":768},{\"code\":769},{\"code\":770},{\"code\":771},{\"code\":772},{\"code\":773},{\"code\":774},{\"code\":775},{\"code\":776},{\"code\":777},{\"code\":778},{\"code\":779},{\"code\":780},{\"code\":781},{\"code\":782},{\"code\":783},{\"code\":784},{\"code\":785},{\"code\":786},{\"code\":787},{\"code\":788},{\"code\":789},{\"code\":790},{\"code\":791},{\"code\":792},{\"code\":793},{\"code\":794},{\"code\":795},{\"code\":796},{\"code\":797},{\"code\":798},{\"code\":799},{\"code\":800},{\"code\":801},{\"code\":802},{\"code\":803}\n    ]\n  },\n  {\n    \"name\": \"Tool\",\n    \"icons\": [\n      {\"code\":208},{\"code\":209},{\"code\":210},{\"code\":211},{\"code\":212},{\"code\":213},{\"code\":214},{\"code\":215},{\"code\":216},{\"code\":217},{\"code\":218},{\"code\":219},{\"code\":220},{\"code\":221},{\"code\":222},{\"code\":223},{\"code\":224},{\"code\":225},{\"code\":226},{\"code\":227},{\"code\":228},{\"code\":229},{\"code\":230},{\"code\":231},{\"code\":232},{\"code\":233},{\"code\":234},{\"code\":235},{\"code\":236},{\"code\":237},{\"code\":238},{\"code\":239},{\"code\":240},{\"code\":241},{\"code\":242},{\"code\":243},{\"code\":244},{\"code\":245},{\"code\":246},{\"code\":247},{\"code\":248},{\"code\":249},{\"code\":250},{\"code\":251},{\"code\":252},{\"code\":253},{\"code\":254},{\"code\":255}\n    ]\n  },\n  {\n    \"name\": \"Ecommerce\",\n    \"icons\": [\n      {\"code\":71},{\"code\":72},{\"code\":73},{\"code\":74},{\"code\":75},{\"code\":76},{\"code\":77},{\"code\":78},{\"code\":79},{\"code\":80},{\"code\":81},{\"code\":82},{\"code\":83},{\"code\":84},{\"code\":85},{\"code\":86},{\"code\":87},{\"code\":88},{\"code\":89},{\"code\":90},{\"code\":91},{\"code\":92},{\"code\":93},{\"code\":94},{\"code\":95},{\"code\":96},{\"code\":97},{\"code\":98},{\"code\":99},{\"code\":100},{\"code\":101},{\"code\":102},{\"code\":103},{\"code\":104},{\"code\":105},{\"code\":106},{\"code\":107},{\"code\":108},{\"code\":109},{\"code\":110},{\"code\":111},{\"code\":112},{\"code\":113},{\"code\":114},{\"code\":115},{\"code\":116},{\"code\":117},{\"code\":118},{\"code\":119},{\"code\":120},{\"code\":121},{\"code\":122},{\"code\":123},{\"code\":124},{\"code\":125},{\"code\":126},{\"code\":127},{\"code\":128},{\"code\":129},{\"code\":130},{\"code\":131},{\"code\":132},{\"code\":133},{\"code\":134},{\"code\":135}, {\"code\":136}\n    ]\n  },\n  {\n    \"name\": \"Logos\",\n    \"icons\": [\n      {\"code\":825},{\"code\":826},{\"code\":827},{\"code\":828},{\"code\":829},{\"code\":830},{\"code\":831},{\"code\":832},{\"code\":833},{\"code\":834},{\"code\":835},{\"code\":836},{\"code\":837},{\"code\":838},{\"code\":839},{\"code\":840},{\"code\":841},{\"code\":842},{\"code\":843},{\"code\":844}\n    ]\n  },\n  {\n    \"name\": \"Misc\",\n    \"icons\": [\n      {\"code\":642},{\"code\":643},{\"code\":644},{\"code\":645},{\"code\":646},{\"code\":647},{\"code\":648},{\"code\":649},{\"code\":650},{\"code\":651},{\"code\":652},{\"code\":653},{\"code\":654},{\"code\":655},{\"code\":656},{\"code\":657},{\"code\":658},{\"code\":659},{\"code\":660},{\"code\":661}\n    ]\n  },\n  {\n    \"name\": \"Time & Location\",\n    \"icons\": [\n      {\"code\":609},{\"code\":610},{\"code\":611},{\"code\":612},{\"code\":613},{\"code\":614},{\"code\":615},{\"code\":616},{\"code\":617},{\"code\":618},{\"code\":619},{\"code\":620},{\"code\":621},{\"code\":622},{\"code\":623},{\"code\":624},{\"code\":625},{\"code\":626},{\"code\":627},{\"code\":628},{\"code\":629},{\"code\":630},{\"code\":631},{\"code\":632},{\"code\":633},{\"code\":634},{\"code\":635},{\"code\":636},{\"code\":637},{\"code\":638},{\"code\":639},{\"code\":640},{\"code\":641}\n    ]\n  },\n  {\n    \"name\": \"Environment & Building\",\n    \"icons\": [\n      {\"code\":571},{\"code\":572},{\"code\":573},{\"code\":574},{\"code\":575},{\"code\":576},{\"code\":577},{\"code\":578},{\"code\":579},{\"code\":580},{\"code\":581},{\"code\":582},{\"code\":583},{\"code\":584},{\"code\":585},{\"code\":586},{\"code\":587},{\"code\":588},{\"code\":589},{\"code\":590},{\"code\":591},{\"code\":592},{\"code\":593},{\"code\":594},{\"code\":595},{\"code\":596},{\"code\":597},{\"code\":598},{\"code\":599},{\"code\":600},{\"code\":601},{\"code\":602},{\"code\":603},{\"code\":604},{\"code\":605},{\"code\":606},{\"code\":607},{\"code\":608}\n    ]\n  },\n  {\n    \"name\": \"Transportation\",\n    \"icons\": [\n      {\"code\":557},{\"code\":558},{\"code\":559},{\"code\":560},{\"code\":561},{\"code\":562},{\"code\":563},{\"code\":564},{\"code\":565},{\"code\":566},{\"code\":567},{\"code\":568},{\"code\":569},{\"code\":570}\n    ]\n  },\n  {\n    \"name\": \"Sport & Health\",\n    \"icons\": [\n      {\"code\":524},{\"code\":525},{\"code\":526},{\"code\":527},{\"code\":528},{\"code\":529},{\"code\":530},{\"code\":531},{\"code\":532},{\"code\":533},{\"code\":534},{\"code\":535},{\"code\":536},{\"code\":537},{\"code\":538},{\"code\":539},{\"code\":540},{\"code\":541},{\"code\":542},{\"code\":543},{\"code\":544},{\"code\":545},{\"code\":546},{\"code\":547},{\"code\":548},{\"code\":549},{\"code\":550},{\"code\":551},{\"code\":552},{\"code\":553},{\"code\":554},{\"code\":555},{\"code\":556}\n    ]\n  },\n  {\n    \"name\": \"Music\",\n    \"icons\": [\n      {\"code\":158},{\"code\":159},{\"code\":160},{\"code\":161},{\"code\":162},{\"code\":163},{\"code\":164},{\"code\":165},{\"code\":166},{\"code\":167},{\"code\":168},{\"code\":169},{\"code\":170},{\"code\":171},{\"code\":172},{\"code\":173},{\"code\":174},{\"code\":175},{\"code\":176},{\"code\":177},{\"code\":178},{\"code\":179},{\"code\":180},{\"code\":181},{\"code\":182},{\"code\":183},{\"code\":184},{\"code\":185},{\"code\":186},{\"code\":187},{\"code\":188},{\"code\":189},{\"code\":190},{\"code\":191},{\"code\":192},{\"code\":193},{\"code\":194},{\"code\":195},{\"code\":196},{\"code\":197},{\"code\":198},{\"code\":199},{\"code\":200},{\"code\":201},{\"code\":202},{\"code\":203},{\"code\":204},{\"code\":205},{\"code\":206},{\"code\":207}\n    ]\n  },\n  {\n    \"name\": \"Weather\",\n    \"icons\": [\n      {\"code\":137},{\"code\":138},{\"code\":139},{\"code\":140},{\"code\":141},{\"code\":142},{\"code\":143},{\"code\":144},{\"code\":145},{\"code\":146},{\"code\":147},{\"code\":148},{\"code\":149},{\"code\":150},{\"code\":151},{\"code\":152},{\"code\":153},{\"code\":154},{\"code\":155},{\"code\":156},{\"code\":157}\n    ]\n  },\n  {\n    \"name\": \"Animal\",\n    \"icons\": [\n      {\"code\":804},{\"code\":805},{\"code\":806},{\"code\":807},{\"code\":808},{\"code\":809},{\"code\":810},{\"code\":811},{\"code\":812},{\"code\":813},{\"code\":814},{\"code\":815},{\"code\":816},{\"code\":817},{\"code\":818},{\"code\":819},{\"code\":820},{\"code\":821},{\"code\":822},{\"code\":824}\n    ]\n  },\n  {\n    \"name\": \"Kitchen (Food and Beverage)\",\n    \"icons\": [\n      {\"code\":0},{\"code\":1},{\"code\":2},{\"code\":3},{\"code\":4},{\"code\":5},{\"code\":6},{\"code\":7},{\"code\":8},{\"code\":9},{\"code\":10},{\"code\":11},{\"code\":12},{\"code\":13},{\"code\":14},{\"code\":15},{\"code\":16},{\"code\":17},{\"code\":18},{\"code\":19},{\"code\":20},{\"code\":21},{\"code\":22},{\"code\":23},{\"code\":24},{\"code\":25},{\"code\":26},{\"code\":27},{\"code\":28},{\"code\":29},{\"code\":30},{\"code\":31},{\"code\":32},{\"code\":33},{\"code\":34},{\"code\":35},{\"code\":36},{\"code\":37},{\"code\":38},{\"code\":39},{\"code\":40},{\"code\":41},{\"code\":42},{\"code\":43},{\"code\":44},{\"code\":45},{\"code\":46},{\"code\":47},{\"code\":48},{\"code\":49},{\"code\":50},{\"code\":51},{\"code\":52},{\"code\":53},{\"code\":54},{\"code\":55},{\"code\":56},{\"code\":57},{\"code\":58},{\"code\":59},{\"code\":60},{\"code\":61},{\"code\":62},{\"code\":63},{\"code\":64},{\"code\":65},{\"code\":66},{\"code\":67},{\"code\":68},{\"code\":69},{\"code\":70}\n    ]\n  }\n]"
  },
  {
    "path": "packages/website/src/html/containers/Resources/index.js",
    "content": "import React, { Component } from 'react';\nimport { Badge, Icon, LogoBox, SVG } from 'html/components';\nimport Auth0LogoBlue from '@auth0/styleguide-components/src/logos/img/logo-blue.svg';\nimport Auth0LogoGrey from '@auth0/styleguide-components/src/logos/img/logo-grey.svg';\nimport Auth0Badge from '@auth0/styleguide-components/src/logos/img/badge.svg';\nimport badgesConfiguration from './badges.json';\nimport iconsConfiguration from './icons.json';\nimport './index.styl';\n\nconst renderIconList = () =>\n  iconsConfiguration.map(category =>\n    <div className=\"icon-category\" key={category.name}>\n      <h4 className=\"icon-category-title\">{category.name}</h4>\n      <ul className=\"list-unstyled row\">\n        {category.icons.map(icon =>\n          <li className=\"col-xs-12 col-sm-6 col-md-4 col-lg-3\" key={icon.code}>\n            <Icon\n              cssClass={icon.code ? `icon-budicon-${icon.code}` : 'icon-budicon'}\n              name={icon.name || ''}\n            />\n          </li>\n        )}\n      </ul>\n    </div>\n  );\n\nclass Resources extends Component {\n  constructor() {\n    super();\n\n    this.state = {\n      iconSearchValue: ''\n    };\n\n    this.renderFilteredIcons = this.renderFilteredIcons.bind(this);\n    this.handleIconSearchChange = this.handleIconSearchChange.bind(this);\n  }\n  handleIconSearchChange(e) {\n    this.setState({ iconSearchValue: e.target.value });\n  }\n\n  renderFilteredIcons() {\n    const filteredIcons = iconsConfiguration.reduce(\n      (acc, current) =>\n        acc.concat(\n          current.icons.filter(icon => icon.name && icon.name.includes(this.state.iconSearchValue))\n        ),\n      []\n    );\n\n    if (!filteredIcons.length) {\n      return (\n        <h4 className=\"icons-not-found\">\n          We couldn&apos;t find any icon with that name.\n        </h4>\n      );\n    }\n\n    return (\n      <ul className=\"filtered-icons list-unstyled row\">\n        {filteredIcons.map(icon =>\n          <li className=\"col-xs-12 col-sm-6 col-md-4 col-lg-3\" key={icon.code}>\n            <Icon\n              cssClass={icon.code ? `icon-budicon-${icon.code}` : 'icon-budicon'}\n              name={icon.name || ''}\n            />\n          </li>\n        )}\n      </ul>\n    );\n  }\n  render() {\n    return (\n      <div className=\"styleguide-section resources-section\">\n        <section className=\"jumbotron\">\n          <h2>\n            <img\n              src=\"https://cdn.auth0.com/website/styleguide/resources-icon.svg\"\n              alt=\"Resources icon\"\n            />\n          </h2>\n          <h1>Resources</h1>\n          <p>Logo, Icons and badges.</p>\n        </section>\n        <section className=\"section-content\">\n          <section>\n            <h2 id=\"logos\">Logos</h2>\n            <p>The available file formats include JPG, PNG, SVG and AI.</p>\n            <div className=\"row\">\n              <LogoBox title=\"Blue version\" downloadLink=\"https://cloudup.com/cmshMvKt2bD\">\n                <SVG content={Auth0LogoBlue} />\n              </LogoBox>\n              <LogoBox\n                title=\"Grey version\"\n                logoClass=\"logo-dark\"\n                downloadLink=\"https://cloudup.com/cfievfeiyjb\"\n              >\n                <SVG content={Auth0LogoGrey} />\n              </LogoBox>\n              <LogoBox title=\"Badge\" downloadLink=\"https://cloudup.com/cHfNwqCZae0\">\n                <SVG content={Auth0Badge} />\n              </LogoBox>\n            </div>\n          </section>\n          <section>\n            <h2 id=\"badges\">Badges</h2>\n            <p>Tipically used to reference SDKs or programming languages.</p>\n            <div className=\"row\">\n              <div className=\"col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center\">\n                <Badge title=\"Sample\" name=\"\" />\n              </div>\n              {badgesConfiguration\n                // eslint-disable-next-line no-confusing-arrow\n                .sort((a, b) => (a.title < b.title ? -1 : 1))\n                .map(badge =>\n                  <div\n                    className=\"col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center\"\n                    key={badge.name || badge.title.toLowerCase()}\n                  >\n                    <Badge title={badge.title} name={badge.name || badge.title.toLowerCase()} />\n                  </div>\n                )}\n            </div>\n          </section>\n          <section>\n            <h2 id=\"icons\">Icons</h2>\n            <p>\n              Iconography is another language to communicate visually. Built by\n              &nbsp;\n              <a href=\"http://budicon.buditanrim.co/preview\">Budi</a>.\n            </p>\n            <input\n              className=\"form-control\"\n              type=\"text\"\n              placeholder=\"Search for icons\"\n              onChange={this.handleIconSearchChange}\n              value={this.state.iconSearchValue}\n            />\n            {this.state.iconSearchValue === '' ? renderIconList() : this.renderFilteredIcons()}\n          </section>\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default Resources;\n"
  },
  {
    "path": "packages/website/src/html/containers/Resources/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars';\n@import '@auth0/styleguide-core/src/mixins';\n\n.styleguide-section.resources-section\n\n  .filtered-icons\n    margin-top: 24px\n\n  .icons-not-found\n    text-align: center;\n    margin-top: 60px;\n    color: $gray-light;\n\n  .icon-category\n    margin-top: 36px;\n\n  .icon-category-title\n    margin-top: 0;\n    margin-bottom: 24px;\n"
  },
  {
    "path": "packages/website/src/html/containers/Stage/index.js",
    "content": "import React, { Component, PropTypes } from 'react';\n\n/* eslint-disable global-require, import/no-dynamic-require */\n\nclass Stage extends Component {\n  constructor(props) {\n    super();\n\n    this.html = props.isEmail\n      ? require(`!raw-loader!@auth0/styleguide-components/build/emails/${props.params\n          .section}/demo.html`) // eslint-disable-line\n      : require(`@auth0/styleguide-components/src/${props.params.section}/demo.pug`)(); // eslint-disable-line\n  }\n  render() {\n    return (\n      <div dangerouslySetInnerHTML={{ __html: this.html }} /> // eslint-disable-line react/no-danger\n    );\n  }\n}\n\nStage.defaultProps = {\n  isEmail: false\n};\n\nStage.propTypes = {\n  params: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types\n  isEmail: PropTypes.bool\n};\n\nexport default Stage;\n"
  },
  {
    "path": "packages/website/src/html/containers/index.js",
    "content": "export Home from 'html/containers/Home';\nexport App from 'html/containers/App';\nexport GettingStarted from 'html/containers/GettingStarted';\nexport Design from 'html/containers/Design';\nexport Components from 'html/containers/Components';\nexport Stage from 'html/containers/Stage';\nexport Email from 'html/containers/Email';\nexport Resources from 'html/containers/Resources';\n"
  },
  {
    "path": "packages/website/src/react/components/CodepenPlayground/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport './index.styl';\n\nconst editorCSSFiles = [\n  'https://cdn.auth0.com/styleguide/core/development/core.min.css',\n  'https://cdn.auth0.com/styleguide/components/development/components.min.css',\n  'https://cdn.auth0.com/styleguide/react-components/development/react-components.min.css'\n];\n\nconst editorJSFiles = [\n  'https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react.min.js',\n  'https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-dom.min.js',\n  'https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.30.7/react-bootstrap.min.js',\n  'https://cdn.auth0.com/styleguide/react-components/development/react-components.min.js'\n];\n\nconst htmlTemplate = '<div id=\"app\" />';\n\nconst jsTemplate = (name, code) =>\n  `const ${name} = auth0StyleguideReactComponents.${name};\n\nconst App = () => ${code};\n\nReactDOM.render(\n  <App />,\n  document.getElementById('app')\n)`;\n\nconst codepenConfig = (name, code) => ({\n  title: `Auth0 React Components - ${name}`,\n  editors: '001',\n  html: htmlTemplate,\n  js: jsTemplate(name, code),\n  js_pre_processor: 'babel',\n  head: '',\n  css_external: `${editorCSSFiles.join(';')}`,\n  js_external: `${editorJSFiles.join(';')}`\n});\n\nconst CodepenPlayground = ({ componentName, exampleCode }) =>\n  <form action=\"http://codepen.io/pen/define\" method=\"POST\" target=\"_blank\">\n    <input\n      type=\"hidden\"\n      name=\"data\"\n      value={JSON.stringify(codepenConfig(componentName, exampleCode))}\n    />\n    <input className=\"open-in-codepen-btn btn btn-link\" type=\"submit\" value=\"Open in Codepen\" />\n  </form>;\n\nCodepenPlayground.propTypes = {\n  componentName: PropTypes.string.isRequired,\n  exampleCode: PropTypes.string.isRequired\n};\n\nexport default CodepenPlayground;\n"
  },
  {
    "path": "packages/website/src/react/components/CodepenPlayground/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.open-in-codepen-btn\n  letter-spacing 0\n  text-transform none\n  font-size 14px\n  font-weight $font-weight-normal\n  padding-right 0\n"
  },
  {
    "path": "packages/website/src/react/components/Example/index.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport hljs from 'highlight.js';\nimport { CodepenPlayground } from '../';\nimport './index.styl';\n\nclass Example extends Component {\n  componentDidMount() {\n    hljs.configure({ classPrefix: '' });\n    hljs.highlightBlock(this.codeBlock);\n  }\n\n  componentDidUpdate() {\n    hljs.configure({ classPrefix: '' });\n    hljs.initHighlighting.called = false;\n    hljs.highlightBlock(this.codeBlock);\n  }\n\n  render() {\n    const { component, code, title, componentName, showTitle, center } = this.props;\n    return (\n      <div className=\"react-playground\">\n        {title && showTitle && <h3 className=\"react-playground-title\">{title}</h3>}\n        <div className={`react-playground-component ${center ? 'center' : ''}`}>\n          <div className=\"component-links\">\n            <CodepenPlayground componentName={componentName} exampleCode={code} />\n          </div>\n          <div className=\"react-playground-component-iframe\">{component}</div>\n        </div>\n        <div className=\"react-playground-code\">\n          <CopyToClipboard text={code.trim()}>\n            <button className=\"copy-code-btn btn btn-sm btn-success\">\n              Copy code\n            </button>\n          </CopyToClipboard>\n          <pre>\n            <code\n              className=\"javascript\"\n              ref={node => {\n                this.codeBlock = node;\n              }}\n            >\n              {code.trim()}\n            </code>\n          </pre>\n        </div>\n      </div>\n    );\n  }\n}\n\nExample.propTypes = {\n  component: PropTypes.element.isRequired,\n  code: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  componentName: PropTypes.string.isRequired,\n  showTitle: PropTypes.bool,\n  center: PropTypes.bool\n};\n\nExample.defaultProps = {\n  showTitle: true,\n  center: false\n};\n\nexport default Example;\n"
  },
  {
    "path": "packages/website/src/react/components/Example/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.react-playground\n  margin-bottom 60px\n\n  .react-playground-title\n    font-size 22px\n\n  .react-playground-component\n    width 100%\n    min-height 140px\n    position relative\n    background-color white\n    border 1px solid #EDEDED\n    border-bottom 0\n    border-top-left-radius 3px\n    border-top-right-radius 3px\n\n    &.center\n      display flex\n      justify-content center\n      align-items center\n\n    .component-links\n      position absolute\n      top -50px\n      right 0\n\n  .react-playground-component-iframe\n    overflow hidden\n\n  .react-playground-code\n    position relative\n\n    .copy-code-btn\n      position absolute\n      top 20px\n      right 20px\n      z-index 1\n\n    code\n      padding 24px\n      border-radius 0\n      border-bottom-left-radius 3px\n      border-bottom-right-radius 3px\n\n    pre\n      margin-bottom 0\n      overflow-x auto\n"
  },
  {
    "path": "packages/website/src/react/components/PropertiesTable/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport cx from 'classnames';\nimport './index.styl';\n\nconst PropertiesTable = ({ props }) => {\n  let thereAreIsRequiredProp = false;\n  return (\n    <div className=\"component-properties\">\n      <div className=\"table-responsive component-properties-table-container\">\n        <table className=\"component-properties-table table\">\n          <thead>\n            <tr>\n              <th width=\"20%\">Property</th>\n              <th width=\"20%\">Type</th>\n              <th width=\"40%\">Description</th>\n              <th width=\"20%\">Default value</th>\n            </tr>\n          </thead>\n          <tbody>\n            {Object.keys(props).map(prop => {\n              const requiredProp = props[prop].required;\n              if (requiredProp) thereAreIsRequiredProp = true;\n              return (\n                <tr key={prop}>\n                  <td className={cx({ required: requiredProp })}>{prop}</td>\n                  <td>\n                    {props[prop].type.name}\n                    {props[prop].type.name === 'arrayOf' && ` ${props[prop].type.value.name}`}\n                  </td>\n                  <td>{props[prop].description}</td>\n                  <td>\n                    {props[prop].defaultValue ? <code>{props[prop].defaultValue.value}</code> : ''}\n                  </td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n      {thereAreIsRequiredProp && <p className=\"required-message\">Required property</p>}\n    </div>\n  );\n};\n\nPropertiesTable.propTypes = {\n  props: PropTypes.object.isRequired // eslint-disable-line react/forbid-prop-types\n};\n\nexport default PropertiesTable;\n"
  },
  {
    "path": "packages/website/src/react/components/PropertiesTable/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.component-properties-table-container {\n  background: #fff;\n  border-radius: 3px;\n  border: 1px solid #eee;\n}\n\n.component-properties-table {\n  table-layout: fixed;\n}\n\n.component-properties-table.table > thead > tr > th {\n  padding: 24px;\n  color: #222;\n  font-size: 15px;\n  font-weight: 500;\n  border-bottom: 0;\n}\n\n.component-properties-table.table > tbody > tr > td {\n  padding: 12px 24px;\n  color: #444;\n}\n\n.component-properties-table.table > tbody > tr > td.required::after {\n  content: ' *';\n  color: #eb5424;\n}\n\n.component-properties .required-message {\n  color: #7f7f7f;\n  margin-top: 5px;\n\n  &::before {\n    content: '*';\n    color: #eb5424;\n    margin-right: 5px;\n  }\n}\n"
  },
  {
    "path": "packages/website/src/react/components/Sidebar/index.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport {\n  Sidebar as SidebarRC,\n  SidebarItem,\n  SidebarSubitem\n} from '@auth0/styleguide-react-components';\nimport { Link } from 'react-router-dom';\nimport './index.styl';\n\nclass Sidebar extends Component {\n  static propTypes = {\n    components: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        url: PropTypes.string.isRequired\n      }).isRequired\n    ).isRequired\n  };\n\n  state = {\n    mobileNavOpen: false,\n    rCItemOpen: false\n  };\n\n  toggleState = stateProp => {\n    this.setState(prevState => ({ [stateProp]: !prevState[stateProp] }));\n  };\n\n  render() {\n    /* eslint-disable jsx-a11y/anchor-has-content */\n    const { components } = this.props;\n    const { mobileNavOpen, rCItemOpen } = this.state;\n    return (\n      <SidebarRC\n        mobileNavOpen={mobileNavOpen}\n        toggleNavOnClick={() => this.toggleState('mobileNavOpen')}\n        header={\n          <h1 className=\"default-title\">\n            <Link className=\"default-link\" to=\"/react\">\n              <img\n                src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.svg\"\n                alt=\"Auth0 logo\"\n                width=\"30\"\n              />\n              <img\n                src=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/circle-logo/img/react.svg\"\n                alt=\"React logo\"\n                width=\"36\"\n              />\n            </Link>\n          </h1>\n        }\n      >\n        <SidebarItem text=\"Getting started\" icon={464} wrapper={<Link to=\"/react\" />} />\n        <SidebarItem\n          text=\"React components\"\n          icon={450}\n          open={rCItemOpen}\n          wrapper={<div onClick={() => this.toggleState('rCItemOpen')} />} // eslint-disable-line jsx-a11y/no-static-element-interactions\n        >\n          {components.map(({ title, url }) => (\n            <SidebarSubitem text={title} wrapper={<Link to={url} />} key={title} />\n          ))}\n        </SidebarItem>\n        <SidebarItem text=\"CSS components\" icon={258} wrapper={<Link to=\"/\" />} arrow />\n      </SidebarRC>\n    );\n  }\n}\n\nexport default Sidebar;\n"
  },
  {
    "path": "packages/website/src/react/components/Sidebar/index.styl",
    "content": ".auth0-react-styleguide{\n  .a0r-sidebar > .a0r-sidebar-header img{\n    display: inline-block;\n\n    & + img{\n      margin-left: 10px;\n    }\n  }\n}"
  },
  {
    "path": "packages/website/src/react/components/index.js",
    "content": "export Example from 'react/components/Example';\nexport PropertiesTable from 'react/components/PropertiesTable';\nexport Sidebar from 'react/components/Sidebar';\nexport CodepenPlayground from 'react/components/CodepenPlayground';\n"
  },
  {
    "path": "packages/website/src/react/containers/App/index.js",
    "content": "import React from 'react';\nimport { Route, Switch } from 'react-router';\nimport { ComponentPage, Splash } from 'react/containers';\n// import { NotFound } from 'containers';\nimport { Sidebar } from 'react/components';\nimport * as StyleguideComponents from '@auth0/styleguide-react-components';\nimport * as StyleguideComponentsExamples from '@auth0/styleguide-react-components/lib/examples';\nimport StyleguideComponentsDocs from '@auth0/styleguide-react-components/lib/docs.json';\nimport { version } from '@auth0/styleguide-react-components/package.json';\nimport './index.styl';\n\nconst componentsCollection = generateComponentsCollection(StyleguideComponents);\n\nconst App = () => (\n  <div className=\"auth0-react-styleguide\">\n    <Sidebar components={componentsCollection} />\n    <main className=\"styleguide-content\">\n      <Switch>\n        <Route path=\"/react\" exact render={() => <Splash version={version} />} />\n        {componentsCollection.map(component => (\n          <Route\n            key={component.title}\n            path={component.url}\n            render={() => <ComponentPage {...component} />}\n          />\n        ))}\n        {/* <Route component={NotFound} /> */}\n      </Switch>\n    </main>\n  </div>\n);\n\nexport default App;\n\nfunction generateComponentsCollection(listOfComponents) {\n  return Object.keys(listOfComponents)\n    .map(component => {\n      const doc = StyleguideComponentsDocs[component];\n      const examples = StyleguideComponentsExamples[component];\n      if (!doc || !examples) return null;\n      const [title, descriptionRaw] = doc.description.split(':');\n      const description = descriptionRaw.slice(1);\n\n      return {\n        title,\n        description,\n        url: toURL(title),\n        component: listOfComponents[component],\n        props: doc.props,\n        name: component,\n        examples,\n        reactBootstrap: doc['react-bootstrap']\n      };\n    })\n    .filter(component => !!component);\n}\n\nfunction toURL(text) {\n  return `/react/${toDashCase(text)}`;\n}\n\nfunction toDashCase(text) {\n  const phase1 = text.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase();\n  const phase2 = phase1.replace(' ', '-');\n  return phase2;\n}\n"
  },
  {
    "path": "packages/website/src/react/containers/App/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.auth0-react-styleguide .a0r-sidebar {\n  position: fixed;\n\n  +breakpoint(\"tablet\", \"max\") {\n    top: 0;\n  }\n}\n\n.auth0-react-styleguide .styleguide-content {\n  overflow-y: auto;\n  margin-top: 70px;\n  background: #fafafa;\n\n  +breakpoint(\"tablet\") {\n    margin-top: 0;\n    margin-left: 250px;\n  }\n}\n"
  },
  {
    "path": "packages/website/src/react/containers/ComponentPage/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport { Example, PropertiesTable } from 'react/components';\nimport './index.styl';\n\nconst ComponentPage = ({ title, name, description, props, url, examples, reactBootstrap }) =>\n  <section className=\"react-component-page\">\n    <div className=\"component-information\">\n      <h1 className=\"component-title\">{title}</h1>\n      <p className=\"component-description\">{description}</p>\n    </div>\n    {reactBootstrap &&\n      <div>\n        <p>\n          This component is from\n          {' '}<a href=\"https://react-bootstrap.github.io/\">React-Bootstrap</a>,\n          find more info about this component <a href={reactBootstrap}>here</a>.\n          License:\n          {' '}\n          <a href=\"https://github.com/react-bootstrap/react-bootstrap/blob/master/LICENSE\">\n            MIT\n          </a>.\n        </p>\n      </div>}\n    {examples.map((example, index) =>\n      <Example\n        key={index} // eslint-disable-line react/no-array-index-key\n        url={url}\n        component={example.component}\n        code={example.code}\n        title={example.title}\n        componentName={name}\n        showTitle={example.showTitle}\n        exampleUrl={example.url}\n        center={example.center}\n      />\n    )}\n    {props && <PropertiesTable props={props} />}\n  </section>;\n\nComponentPage.defaultProps = {\n  props: undefined,\n  reactBootstrap: ''\n};\n\nComponentPage.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  props: PropTypes.object, // eslint-disable-line react/forbid-prop-types\n  examples: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types\n  reactBootstrap: PropTypes.string\n};\n\nexport default ComponentPage;\n"
  },
  {
    "path": "packages/website/src/react/containers/ComponentPage/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.react-component-page\n  padding 20px\n\n  +breakpoint(\"desktop\")\n    padding 60px\n\n  .component-information\n    margin-bottom 30px\n\n  .component-title\n    font-size 28px\n\n  .component-description\n    color $gray-light\n    font-size 16px\n    margin-bottom 0\n"
  },
  {
    "path": "packages/website/src/react/containers/Splash/index.js",
    "content": "import React, { PropTypes } from 'react';\nimport hljs from 'highlight.js';\nimport './index.styl';\n\nconst example = `import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Button } from '@auth0/styleguide-react-components';\n\nconst App = () => (\n  <div>\n    <Button>+1</Button>\n  </div>\n);\n\nReactDOM.render(\n  <App />,\n  document.getElementById('app')\n);`;\n\nconst installationStylesheet = () =>\n  `<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/react-components/1.0.2/react-components.css\" />\n<!-- It has two CSS peer dependencies, the core & components CSS bundles -->\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/core/2.0.5/core.min.css\" />\n<link rel=\"stylesheet\" href=\"https://cdn.auth0.com/styleguide/components/2.0.0/components.min.css\" />`;\n\nclass Splash extends React.Component {\n  componentDidMount() {\n    this.codeExamples = [].slice.call(document.querySelectorAll('.splash-page code'));\n    hljs.configure({ classPrefix: '' });\n    this.codeExamples.forEach(block => {\n      hljs.highlightBlock(block);\n    });\n  }\n\n  componentDidUpdate() {\n    hljs.configure({ classPrefix: '' });\n    hljs.initHighlighting.called = false;\n    this.codeExamples.forEach(block => {\n      hljs.highlightBlock(block);\n    });\n  }\n\n  render() {\n    return (\n      <section className=\"splash-page\">\n        <h1 className=\"splash-title\">Getting started</h1>\n\n        <div className=\"splash-section\">\n          <h2 className=\"splash-subtitle\">Installation</h2>\n\n          <div className=\"example-box\">\n            <p>To install the latest version:</p>\n            <pre>\n              <code className=\"bash\">\n                {'npm i --save react@15 react-bootstrap@0.30 @auth0/styleguide-react-components'}\n              </code>\n            </pre>\n\n            <p>Stylesheets:</p>\n            <div className=\"example-box\">\n              <pre>\n                <code className=\"html\">\n                  {installationStylesheet(this.props.version)}\n                </code>\n              </pre>\n            </div>\n          </div>\n\n          <div className=\"example-box\">\n            <h2 className=\"splash-subtitle\">Example</h2>\n\n            <p>Here is a quick example to get you started:</p>\n            <pre>\n              <code className=\"javascript\">{example}</code>\n            </pre>\n          </div>\n        </div>\n\n      </section>\n    );\n  }\n}\n\nSplash.propTypes = {\n  version: PropTypes.string.isRequired\n};\n\nexport default Splash;\n"
  },
  {
    "path": "packages/website/src/react/containers/Splash/index.styl",
    "content": "@import '@auth0/styleguide-core/src/vars'\n@import '@auth0/styleguide-core/src/mixins'\n\n.splash-page\n  padding 20px\n\n  +breakpoint(\"desktop\")\n    padding 60px\n\n  .splash-title\n    font-size 30px\n    margin-bottom 50px\n\n  .splash-section\n    margin-bottom 80px\n\n    &:last-child\n      margin-bottom 0\n\n    .splash-subtitle\n      font-size 22px\n      margin-bottom 20px\n\n  .example-box\n    margin-bottom 30px\n\n    > p\n      color $gray-light\n      font-size 16px\n      margin-bottom 10px\n"
  },
  {
    "path": "packages/website/src/react/containers/index.js",
    "content": "export App from 'react/containers/App';\nexport ComponentPage from 'react/containers/ComponentPage';\nexport Splash from 'react/containers/Splash';\n"
  },
  {
    "path": "packages/website/src/views/index.pug",
    "content": "doctype html\nhtml\n  head\n    title= htmlWebpackPlugin.options.title\n    meta(name=\"viewport\", content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\")\n    link(href=\"https://cdn.auth0.com/styleguide/core/development/core.min.css\", rel=\"stylesheet\")\n    link(href=\"https://cdn.auth0.com/styleguide/components/development/components.min.css\", rel=\"stylesheet\")\n    link(href=\"https://cdn.auth0.com/styleguide/react-components/development/react-components.min.css\", rel=\"stylesheet\")\n    link(href=\"//cdnjs.cloudflare.com/ajax/libs/codemirror/5.0.0/codemirror.min.css\", rel=\"stylesheet\")\n    link(rel=\"shortcut icon\", href=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/favicon.png\")\n    script(src=\"https://code.jquery.com/jquery-3.1.1.min.js\", integrity=\"sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=\", crossorigin=\"anonymous\")\n    script(src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js\")\n  body\n    #app\n"
  },
  {
    "path": "packages/website/tools/tasks/open-browser.js",
    "content": "import { execSync } from 'child_process';\n\nfunction openBrowser(url) {\n  if (process.platform === 'darwin') {\n    try {\n      // http://superuser.com/a/640718\n      execSync(`open ${url}`);\n      return true;\n    } catch (err) {\n      // Ignore errors.\n      return false;\n    }\n  }\n\n  return false;\n}\n\nexport default openBrowser;\n"
  },
  {
    "path": "packages/website/tools/tasks/start.js",
    "content": "import path from 'path';\nimport express from 'express';\nimport webpack from 'webpack';\nimport devMiddleware from 'webpack-dev-middleware';\nimport hotMiddleware from 'webpack-hot-middleware';\nimport config from '../webpack/webpack.browser.config.babel';\nimport openBrowser from './open-browser';\n\n// eslint-disable-next-line no-console\nconsole.log('Time to go and get a coffee ☕️.');\n\nconst app = express();\nconst port = 9000;\nconst url = `http://localhost:${port}/`;\n\nconst compiler = webpack(config);\n\napp.use(\n  devMiddleware(compiler, {\n    publicPath: config.output.publicPath,\n    stats: config.stats\n  })\n);\n\napp.use(hotMiddleware(compiler));\n\napp.use('*', (req, res, next) => {\n  // Use as view the index.html file generated in memory by html-webpack-plugin.\n  // https://github.com/ampedandwired/html-webpack-plugin/issues/145#issuecomment-170554832\n  const filename = path.join(compiler.outputPath, 'index.html');\n  compiler.outputFileSystem.readFile(filename, (err, result) => {\n    if (err) return next(err);\n\n    return res.set('content-type', 'text/html').send(result).end();\n  });\n});\n\napp.listen(port, () => {\n  // eslint-disable-next-line no-console\n  console.log(`Listening on ${url}. But awaiting for webpack to finish the first compilation.`);\n});\n\n// Open app on the default browser just after the first compilation.\nlet firstRun = false;\ncompiler.plugin('done', () => {\n  if (!firstRun) {\n    firstRun = true;\n    openBrowser(url);\n  }\n});\n"
  },
  {
    "path": "packages/website/tools/webpack/development-view.pug",
    "content": "doctype html\nhtml\n  head\n    title= htmlWebpackPlugin.options.title\n    meta(name=\"viewport\", content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\")\n    link(href=\"//cdnjs.cloudflare.com/ajax/libs/codemirror/5.0.0/codemirror.min.css\", rel=\"stylesheet\")\n    link(rel=\"shortcut icon\", href=\"https://cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/favicon.png\")\n    script(src=\"https://code.jquery.com/jquery-3.1.1.min.js\", integrity=\"sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=\", crossorigin=\"anonymous\")\n    script(src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js\")\n  body\n    #app\n"
  },
  {
    "path": "packages/website/tools/webpack/webpack.browser.config.babel.js",
    "content": "import path from 'path';\nimport webpack from 'webpack';\nimport poststylus from 'poststylus';\nimport ExtractTextPlugin from 'extract-text-webpack-plugin';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\n\nif (!process.env.NODE_ENV) {\n  throw new Error('Define a NODE_ENV env var, it can be development or production.');\n}\n\nconst DEBUG = process.env.NODE_ENV === 'development';\n// If `USE_PKGS_CDN` it's true it will use core, components and react-components from the CDN,\n// otherwsie it will use those packages from the repo.\nconst USE_PKGS_CDN = process.env.USE_PKGS_CDN === 'true' || process.env.USE_PKGS_CDN === true;\n\nconst config = {\n  entry: [\n    ...(DEBUG ? ['react-hot-loader/patch', 'webpack-hot-middleware/client'] : []),\n\n    ...(USE_PKGS_CDN\n      ? []\n      : [\n          '@auth0/styleguide-core/src/main.styl',\n          '@auth0/styleguide-components/src/main.styl',\n          '@auth0/styleguide-react-components/src/index.styl'\n        ]),\n\n    path.join(__dirname, '../../src/client.js')\n  ],\n\n  output: {\n    path: path.join(__dirname, '../../build'),\n    filename: 'website.js',\n    publicPath: ''\n  },\n\n  module: {\n    rules: [\n      {\n        test: /\\.js$/,\n        use: 'babel-loader',\n        include: [path.join(__dirname, '../../src')]\n      },\n      {\n        test: /\\.json$/,\n        use: 'json-loader'\n      },\n      {\n        test: /\\.(jpg|png)$/,\n        use: 'url-loader?limit=25000'\n      },\n      {\n        test: /\\.styl/,\n        loader: ExtractTextPlugin.extract({\n          fallbackLoader: 'style-loader',\n          loader: [\n            {\n              loader: 'css-loader',\n              query: {\n                sourceMap: DEBUG,\n                minimize: !DEBUG\n              }\n            },\n            {\n              loader: 'stylus-loader',\n              query: {\n                'include css': true,\n                paths: [path.resolve(__dirname, '../../node_modules')]\n              }\n            }\n          ]\n        })\n      },\n      {\n        test: /\\.css/,\n        loader: ExtractTextPlugin.extract({\n          fallbackLoader: 'style',\n          loader: {\n            loader: 'css-loader',\n            query: {\n              sourceMap: DEBUG,\n              minimize: !DEBUG\n            }\n          }\n        })\n      },\n      {\n        test: /\\.(html)$/,\n        use: 'raw-loader'\n      },\n      {\n        test: /\\.(pug|jade)$/,\n        oneOf: [\n          {\n            issuer: path.join(__dirname, '../../src/html/containers/Components/components.js'),\n            loader: 'raw-loader'\n          },\n          {\n            loader: 'pug-loader',\n            options: {\n              pretty: true\n            }\n          }\n        ]\n      },\n      {\n        test: /\\.svg$/,\n        use: 'raw-loader'\n      },\n      {\n        test: /\\.ejs$/,\n        use: 'raw-loader'\n      }\n    ]\n  },\n\n  plugins: [\n    new webpack.LoaderOptionsPlugin({\n      debug: DEBUG,\n      minimize: true,\n      options: {\n        context: __dirname,\n        stylus: {\n          use: [poststylus(['autoprefixer'])]\n        }\n      }\n    }),\n    // Name of the CSS bundle\n    // https://github.com/webpack/extract-text-webpack-plugin/blob/webpack-1/README.md\n    new ExtractTextPlugin({\n      filename: 'website.css',\n      disable: DEBUG\n    }),\n    // Define free variables\n    // https://webpack.github.io/docs/list-of-plugins.html#defineplugin\n    new webpack.DefinePlugin({\n      'process.env.NODE_ENV': DEBUG ? '\"development\"' : '\"production\"'\n    }),\n\n    ...(DEBUG\n      ? [new webpack.HotModuleReplacementPlugin()]\n      : [\n          // Minimize all JavaScript output of chunks\n          // https://github.com/mishoo/UglifyJS2#compressor-options\n          new webpack.optimize.UglifyJsPlugin({\n            compress: {\n              screw_ie8: true, // React doesn't support IE8\n              warnings: false\n            },\n            mangle: {\n              screw_ie8: true\n            },\n            output: {\n              comments: false,\n              screw_ie8: true\n            }\n          }),\n\n          // A plugin for a more aggressive chunk merging strategy\n          // https://webpack.github.io/docs/list-of-plugins.html#aggressivemergingplugin\n          new webpack.optimize.AggressiveMergingPlugin()\n        ]),\n    new webpack.NoErrorsPlugin(),\n\n    //\n    new HtmlWebpackPlugin({\n      title: 'Auth0 Styleguide',\n      template: USE_PKGS_CDN ? './src/views/index.pug' : './tools/webpack/development-view.pug',\n      inject: 'body'\n    })\n  ],\n\n  externals: {\n    jquery: 'jQuery'\n  },\n\n  resolve: {\n    modules: [path.join(__dirname, '../../src'), 'node_modules']\n  },\n\n  cache: DEBUG,\n\n  stats: {\n    colors: true,\n    timings: true\n  },\n\n  devtool: DEBUG ? 'eval-source-map' : false\n};\n\nexport default config;\n"
  },
  {
    "path": "static.json",
    "content": "{\n  \"root\": \"packages/website/build/\"\n}\n"
  }
]