First Commit

3b0321c2 · Luiz Moura · 6ef025c3 · 3b0321c2 · 3b0321c2 · 3b0321c2
Commit 3b0321c2 authored Sep 06, 2019 by Luiz Moura
28 changed files
--- a/.editorconfig
+++ b/.editorconfig
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.sass]
+end_of_line = lf
+indent_size = 2
+indent_style = tab
+
+[*.marko]
+end_of_line = lf
+indent_size = 2
+indent_style = tab
--- a/.eslintrc.yml
+++ b/.eslintrc.yml
+env:
+  browser: true
+  es6: true
+  mocha: true
+  jest: true
+extends: airbnb-base
+globals:
+  Atomics: readonly
+  SharedArrayBuffer: readonly
+  expect: true
+parserOptions:
+  ecmaVersion: 2018
+plugins:
+  - jest
+rules:
+  class-methods-use-this: 0
+  arrow-body-style: 0
+  max-statements: [1, 12]
+  max-nested-callbacks: [1, 3]
+  max-depth: [1, 4]
+  complexity: [1, 7]
+  object-curly-newline: 0
+  no-underscore-dangle: 0
--- a/.gitignore
+++ b/.gitignore
+
+# Created by https://www.gitignore.io/api/node,osx,linux,windows,webpack
+# Edit at https://www.gitignore.io/?templates=node,osx,linux,windows,webpack
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+### OSX ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+#!! ERROR: webpack is undefined. Use list command to see defined gitignore types !!#
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# End of https://www.gitignore.io/api/node,osx,linux,windows,webpack
+
+coverage
--- a/.huskyrc
+++ b/.huskyrc
+{
+  "hooks": {
+    "pre-push": "npm run prepush"
+  }
+}
--- a/.nvmrc
+++ b/.nvmrc
+8.9.0
\ No newline at end of file
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
+{
+}
\ No newline at end of file
--- a/README.md
+++ b/README.md
 # Guideline Base Project

+## Developing
+After cloning the repository, install dependencies:
+
+    $ npm install
+    $ nvm use
+
+Run WDS:
+
+    $ npm run dev
+
+## After updating Guidelines
+    $ cp ./node_modules/@kenlo/guidelines/dist/css/theme-imob.css ./dist
+
+## Tests & Coverage
+    $ npm run test
+    $ npm run coverage
--- a/dist/bundle.js
+++ b/dist/bundle.js
--- a/dist/index.html
+++ b/dist/index.html
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Guideline Base Project</title>
+        <link rel="stylesheet" href="./theme-imob.css" />
+        <link rel="stylesheet" href="./style.css" />
+        <meta name="viewport" content="width=device-width, user-scalable=no">
+    </head>
+    <body>
+
+    </body>
+    <script src="./bundle.js"></script>
+    <script>
+      window.klStartupRender(document.body);
+    </script>
+</html>
--- a/dist/style.css
+++ b/dist/style.css
+.listing-history .when {
+  font-size: 12px;
+  color: #6A6E76;
+  text-transform: uppercase;
+  padding: 0 0 6px 10px; }
+  .listing-history .when:not(:first-child) {
+    margin-top: 30px; }
+
+.listing-history .load-more {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center; }
+.kl-button {
+  display: inline; }
+  .kl-button .kl-btn {
+    position: relative;
+    border: 2px solid;
+    margin: 0;
+    padding: 0.375rem 4rem;
+    border-radius: 200px;
+    text-transform: uppercase;
+    cursor: pointer;
+    background: none;
+    line-height: 2;
+    display: inline-flex;
+    font-weight: 400;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    user-select: none;
+    font-size: 1rem;
+    justify-content: center;
+    align-items: center; }
+    .kl-button .kl-btn.icon-only {
+      width: 30px; }
+    .kl-button .kl-btn:active, .kl-button .kl-btn:focus {
+      outline: 0;
+      box-shadow: 0 0 0 0.2rem rgba(248, 46, 82, 0.5); }
+    .kl-button .kl-btn.loading {
+      color: rgba(255, 255, 255, 0);
+      pointer-events: none; }
+      .kl-button .kl-btn.loading .kl-loader {
+        position: absolute;
+        top: 0;
+        left: 0; }
+        .kl-button .kl-btn.loading .kl-loader .move {
+          width: 24px;
+          height: 24px; }
+          .kl-button .kl-btn.loading .kl-loader .move svg {
+            margin: 0; }
+    .kl-button .kl-btn:disabled {
+      opacity: .3;
+      pointer-events: none; }
+    .kl-button .kl-btn.full {
+      width: 100%;
+      padding-left: 0;
+      padding-right: 0; }
+    .kl-button .kl-btn .label {
+      display: inline-block; }
+      .kl-button .kl-btn .label.hide {
+        opacity: 0; }
+    .kl-button .kl-btn.with-label svg {
+      margin-right: 10px; }
+    .kl-button .kl-btn svg {
+      stroke-width: 1.5; }
+  .kl-button .kl-btn-text {
+    text-transform: initial;
+    padding: 0;
+    border-radius: 0;
+    border: 0;
+    background-color: transparent;
+    color: #3A4455;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex; }
+    .kl-button .kl-btn-text svg {
+      stroke: #3A4455; }
+    .kl-button .kl-btn-text:hover {
+      opacity: .5; }
+    .kl-button .kl-btn-text:active, .kl-button .kl-btn-text:focus {
+      opacity: 1; }
+    .kl-button .kl-btn-text:hover, .kl-button .kl-btn-text:focus, .kl-button .kl-btn-text:active, .kl-button .kl-btn-text:not([disabled]):not(.disabled):active {
+      box-shadow: none; }
+    .kl-button .kl-btn-text.kl-btn-lg, .kl-button .kl-btn-text.kl-btn-sm {
+      padding: 0; }
+    .kl-button .kl-btn-text.dark {
+      color: #FBFCFF; }
+      .kl-button .kl-btn-text.dark svg {
+        stroke: #FBFCFF; }
+  .kl-button .kl-btn-lg {
+    border-width: 2px;
+    font-size: 1.875rem;
+    padding: 0.8rem 4rem;
+    line-height: 1.5; }
+    .kl-button .kl-btn-lg svg {
+      width: 32px;
+      height: auto; }
+    .kl-button .kl-btn-lg.loading .kl-loader .move {
+      width: 34px;
+      height: 34px; }
+  .kl-button .kl-btn-sm {
+    border-width: 1px;
+    font-size: .8rem;
+    padding: 0.2rem 1rem;
+    line-height: 1.5; }
+    .kl-button .kl-btn-sm svg {
+      width: 16px;
+      height: 20px; }
+    .kl-button .kl-btn-sm.loading {
+      padding: 0.2rem 1rem; }
+      .kl-button .kl-btn-sm.loading .kl-loader .move {
+        width: 20px;
+        height: 20px; }
+  .kl-button .kl-btn-default {
+    background: #7E8899;
+    border-color: #7E8899;
+    color: #FBFCFF; }
+    .kl-button .kl-btn-default:hover {
+      background: #3A4455;
+      border-color: #3A4455;
+      color: #7E8899; }
+      .kl-button .kl-btn-default:hover svg {
+        stroke: #7E8899; }
+    .kl-button .kl-btn-default:active, .kl-button .kl-btn-default:focus {
+      box-shadow: 0 0 0 0.2rem rgba(126, 136, 153, 0.5); }
+  .kl-button .kl-btn-outline-default {
+    border-color: #7E8899;
+    color: #7E8899; }
+    .kl-button .kl-btn-outline-default:hover {
+      border-color: #3A4455;
+      color: #3A4455; }
+      .kl-button .kl-btn-outline-default:hover svg {
+        stroke: #3A4455; }
+    .kl-button .kl-btn-outline-default:active, .kl-button .kl-btn-outline-default:focus {
+      box-shadow: none; }
+    .kl-button .kl-btn-outline-default svg {
+      stroke: #7E8899; }
+    .kl-button .kl-btn-outline-default.dark {
+      color: #FBFCFF;
+      border-color: #FBFCFF; }
+      .kl-button .kl-btn-outline-default.dark:hover {
+        color: rgba(251, 252, 255, 0.6);
+        border-color: rgba(251, 252, 255, 0.6); }
+        .kl-button .kl-btn-outline-default.dark:hover svg {
+          stroke: rgba(251, 252, 255, 0.6); }
+      .kl-button .kl-btn-outline-default.dark svg {
+        stroke: #FBFCFF; }
+  .kl-button .kl-btn-primary {
+    background: #F82E52;
+    border-color: #F82E52;
+    color: #FBFCFF; }
+    .kl-button .kl-btn-primary:hover {
+      background: #C32642;
+      border-color: #C32642;
+      color: rgba(255, 195, 198, 0.6); }
+      .kl-button .kl-btn-primary:hover svg {
+        stroke: rgba(255, 195, 198, 0.6); }
+    .kl-button .kl-btn-primary:active, .kl-button .kl-btn-primary:focus {
+      box-shadow: 0 0 0 0.2rem rgba(248, 46, 82, 0.5); }
+  .kl-button .kl-btn-outline-primary {
+    border-color: #F82E52;
+    color: #F82E52; }
+    .kl-button .kl-btn-outline-primary:hover {
+      border-color: #C32642;
+      color: #C32642; }
+      .kl-button .kl-btn-outline-primary:hover svg {
+        stroke: #C32642; }
+    .kl-button .kl-btn-outline-primary:active, .kl-button .kl-btn-outline-primary:focus {
+      box-shadow: none; }
+    .kl-button .kl-btn-outline-primary svg {
+      stroke: #F82E52; }
+  .kl-button .kl-btn-secondary {
+    background: #FA6871;
+    border-color: #FA6871;
+    color: #FBFCFF; }
+    .kl-button .kl-btn-secondary:hover {
+      background: rgba(248, 46, 82, 0.8);
+      color: rgba(255, 195, 198, 0.8);
+      border-color: rgba(248, 46, 82, 0.1); }
+      .kl-button .kl-btn-secondary:hover svg {
+        stroke: rgba(255, 195, 198, 0.8); }
+  .kl-button .kl-btn-outline-secondary {
+    border-color: #FA6871;
+    color: #FA6871; }
+    .kl-button .kl-btn-outline-secondary:hover {
+      border-color: rgba(248, 46, 82, 0.8);
+      color: rgba(248, 46, 82, 0.8); }
+      .kl-button .kl-btn-outline-secondary:hover svg {
+        stroke: rgba(248, 46, 82, 0.8); }
+    .kl-button .kl-btn-outline-secondary:active, .kl-button .kl-btn-outline-secondary:focus {
+      box-shadow: none; }
+    .kl-button .kl-btn-outline-secondary svg {
+      stroke: #FA6871; }
+
+.mobile .kl-button .kl-btn-default:hover {
+  background: #7E8899;
+  border-color: #7E8899;
+  color: #FBFCFF; }
+
+.mobile .kl-button .kl-btn-outline-default:hover {
+  border-color: #7E8899;
+  color: #7E8899; }
+
+.mobile .kl-button .kl-btn-primary:hover {
+  background: #F82E52;
+  border-color: #F82E52;
+  color: #FBFCFF; }
+
+.mobile .kl-button .kl-btn-outline-primary:hover {
+  border-color: #F82E52;
+  color: #F82E52; }
+
+.mobile .kl-button .kl-btn-secondary:hover {
+  background: #FA6871;
+  border-color: #FA6871;
+  color: #FBFCFF; }
+
+.mobile .kl-button .kl-btn-outline-secondary:hover {
+  border-color: #FA6871;
+  color: #FA6871; }
+
+.mobile .kl-button .kl-btn-text:hover {
+  opacity: 1; }
+.kl-icon {
+  width: 24px;
+  height: 24px; }
+.kl-loader {
+  position: relative;
+  width: 100%;
+  height: 100%; }
+  .kl-loader .move {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 3.5s infinite linear; }
+    .kl-loader .move svg circle {
+      stroke-width: 4;
+      stroke-linecap: round;
+      fill: none;
+      stroke: #7E8899;
+      stroke-dasharray: 195;
+      stroke-dashoffset: 195;
+      animation: grow 3.5s infinite linear; }
+  .kl-loader.default .move svg circle {
+    stroke: #7E8899; }
+  .kl-loader.primary .move svg circle {
+    stroke: #F82E52; }
+  .kl-loader.secondary .move svg circle {
+    stroke: #FA6871; }
+  .kl-loader.dark .move svg circle {
+    stroke: #FBFCFF; }
+  .kl-loader.dark.default .move svg circle {
+    stroke: #7E8899; }
+  .kl-loader.dark.primary .move svg circle {
+    stroke: #F82E52; }
+  .kl-loader.dark.secondary .move svg circle {
+    stroke: #FA6871; }
+
+@keyframes grow {
+  0% {
+    stroke-dashoffset: 195; }
+  50% {
+    stroke-dashoffset: 0; }
+  100% {
+    stroke-dashoffset: 195; } }
+
+@keyframes spin {
+  0% {
+    transform: translate(-50%, -50%) scale(1) rotate(0deg); }
+  50% {
+    transform: translate(-50%, -50%) scale(1) rotate(720deg); }
+  100% {
+    transform: translate(-50%, -50%) scale(1) rotate(1800deg); } }
+.history {
+  border-top: 1px solid #DCD9DC;
+  border-bottom: 1px solid #DCD9DC;
+  margin-top: -1px; }
+  .history p {
+    color: #4F5D75;
+    font-weight: 300;
+    margin-bottom: 0;
+    font-size: 14px; }
+  .history b {
+    font-weight: 500; }
+  .history .avatar {
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+    margin-right: 10px;
+    flex-shrink: 0;
+    background-size: cover;
+    background-color: #DCD9DC; }
+  .history .icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+    margin-right: 10px;
+    flex-shrink: 0;
+    background-color: #FBFCFF;
+    border: 2px solid #F2F1F2; }
+    .history .icon svg {
+      stroke: #333A44; }
+  .history .content {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    pointer-events: none; }
+    .history .content.clickable {
+      pointer-events: auto;
+      cursor: pointer; }
+  .history .description {
+    width: 100%; }
+  .history .content-maximized {
+    overflow: hidden;
+    height: 0; }
+  .history .actions {
+    display: inline-block;
+    width: calc(100% - 60px);
+    margin-left: 30px;
+    margin-right: 30px; }
+    .history .actions .action:last-child {
+      margin-bottom: 0; }
+  .history .action {
+    margin-bottom: 15px; }
+  .history .media {
+    position: relative;
+    display: inline-block;
+    width: 126px;
+    height: 74px;
+    background-position: center;
+    background-size: cover;
+    border-radius: 10px; }
+    .history .media:not(:last-child) {
+      margin: 5px 15px 0 0; }
+    .history .media.show-icons i {
+      display: flex; }
+    .history .media i {
+      position: absolute;
+      top: calc(50% - 15px);
+      left: calc(50% - 15px);
+      display: none;
+      justify-content: center;
+      align-items: center;
+      background: #FBFCFF;
+      border-radius: 50%;
+      width: 30px;
+      height: 30px; }
+.kl-card-title {
+  border: solid 1px #CFD2D9;
+  border-radius: 10px;
+  position: relative;
+  padding: 25px 20px;
+  margin: 30px 0; }
+  .kl-card-title .card-title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: #FBFCFF;
+    left: 15px;
+    transform: translateY(-50%);
+    padding: 0 5px;
+    font-size: 14px;
+    font-weight: 100;
+    color: #7E8899; }
+.kl-structure-container {
+  width: 100%;
+  height: 100%;
+  padding: 20px; }
+  .kl-structure-container .placeholder {
+    background-color: #FFC3C6;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-style: italic;
+    color: #FA6871;
+    user-select: none; }
+
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50cy9rbGMtaGlzdG9yeS9zdHlsZS5zYXNzIiwid2VicGFjazovLy8uL25vZGVfbW9kdWxlcy9Aa2VubG8vZ3VpZGVsaW5lcy9zcmMvc2Fzcy9fa2VubG9jb2xvcnMuc2FzcyIsIndlYnBhY2s6Ly8vLi9ub2RlX21vZHVsZXMvQGtlbmxvL2d1aWRlbGluZXMvc3JjL2tlbmxvLWNvbXBvbmVudHMva2wtYnV0dG9uL3N0eWxlLnNhc3MiLCJ3ZWJwYWNrOi8vLy4vbm9kZV9tb2R1bGVzL0BrZW5sby9ndWlkZWxpbmVzL3NyYy9rZW5sby1jb21wb25lbnRzL2tsLWljb24vc3R5bGUuc2FzcyIsIndlYnBhY2s6Ly8vLi9ub2RlX21vZHVsZXMvQGtlbmxvL2d1aWRlbGluZXMvc3JjL2tlbmxvLWNvbXBvbmVudHMva2wtbG9hZGVyL3N0eWxlLnNhc3MiLCJ3ZWJwYWNrOi8vLy4vc3JjL2NvbXBvbmVudHMva2xjLWhpc3RvcnkvY29tcG9uZW50cy9oaXN0b3J5L3N0eWxlLnNhc3MiLCJ3ZWJwYWNrOi8vLy4vbm9kZV9tb2R1bGVzL0BrZW5sby9ndWlkZWxpbmVzL3NyYy9rZW5sby1jb21wb25lbnRzL2tsLWNhcmQtdGl0bGUvc3R5bGUuc2FzcyIsIndlYnBhY2s6Ly8vLi9ub2RlX21vZHVsZXMvQGtlbmxvL2d1aWRlbGluZXMvc3JjL2tlbmxvLWNvbXBvbmVudHMva2wtc3RydWN0dXJlLWNvbnRhaW5lci9zdHlsZS5zYXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBRUksZUFBZTtFQUNmLGNDa0IwQjtFRGpCMUIseUJBQXlCO0VBQ3pCLHFCQUFxQjtFQUx6QjtJQU9NLGdCQUFnQjs7QUFQdEI7RUFTTSxnQkFBZ0I7RUFDaEIsYUFBYTtFQUNiLHVCQUF1QjtBRVQ3QjtFQUNDLGVBQWU7RUFEaEI7SUFHRSxrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxzQkFBc0I7SUFDdEIsb0JBQW9CO0lBQ3BCLHlCQUF5QjtJQUN6QixlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLGNBQWM7SUFDZCxvQkFBb0I7SUFDcEIsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsc0JBQXNCO0lBQ3RCLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsdUJBQXVCO0lBQ3ZCLG1CQUFtQjtJQXBCckI7TUFzQkcsV0FBVztJQXRCZDtNQXdCRyxVQUFVO01BQ1YsK0NEMUIyQjtJQ0M5QjtNQTJCRyw2QkFBMEI7TUFDMUIsb0JBQW9CO01BNUJ2QjtRQThCSSxrQkFBa0I7UUFDbEIsTUFBTTtRQUNOLE9BQU87UUFoQ1g7VUFrQ0ssV0FBVztVQUNYLFlBQVk7VUFuQ2pCO1lBcUNNLFNBQVM7SUFyQ2Y7TUF1Q0csV0FBVztNQUNYLG9CQUFvQjtJQXhDdkI7TUEwQ0csV0FBVztNQUNYLGVBQWU7TUFDZixnQkFBZ0I7SUE1Q25CO01BK0NHLHFCQUFxQjtNQS9DeEI7UUFpREksVUFBVTtJQWpEZDtNQW9ESSxrQkFBa0I7SUFwRHRCO01Bc0RHLGlCQUFpQjtFQXREcEI7SUF3REUsdUJBQXVCO0lBQ3ZCLFVBQVU7SUFDVixnQkFBZ0I7SUFDaEIsU0FBUztJQUNULDZCQUE2QjtJQUM3QixjRHBDNEI7SUNxQzVCLHVCQUF1QjtJQUN2QixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBaEV0QjtNQWtFRyxlRHpDMkI7SUN6QjlCO01Bb0VHLFdBQVc7SUFwRWQ7TUFzRUcsVUFBVTtJQXRFYjtNQXdFRyxnQkFBZ0I7SUF4RW5CO01BMEVHLFVBQVU7SUExRWI7TUE2RUcsY0RoRjJCO01DRzlCO1FBK0VJLGVEbEYwQjtFQ0c5QjtJQWlGRSxpQkFBaUI7SUFDakIsbUJBQW1CO0lBQ25CLG9CQUFvQjtJQUNwQixnQkFBZ0I7SUFwRmxCO01Bc0ZHLFdBQVc7TUFDWCxZQUFZO0lBdkZmO01BMkZLLFdBQVc7TUFDWCxZQUFZO0VBNUZqQjtJQThGRSxpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtJQUNwQixnQkFBZ0I7SUFqR2xCO01BbUdHLFdBQVc7TUFDWCxZQUFZO0lBcEdmO01Bc0dHLG9CQUFvQjtNQXRHdkI7UUF5R0ssV0FBVztRQUNYLFlBQVk7RUExR2pCO0lBNEdFLG1CRHBGNEI7SUNxRjVCLHFCRHJGNEI7SUNzRjVCLGNEakg0QjtJQ0c5QjtNQWdIRyxtQkR2RjJCO01Dd0YzQixxQkR4RjJCO01DeUYzQixjRDFGMkI7TUN4QjlCO1FBb0hJLGVENUYwQjtJQ3hCOUI7TUFzSEcsaUREOUYyQjtFQ3hCOUI7SUF3SEUscUJEaEc0QjtJQ2lHNUIsY0RqRzRCO0lDeEI5QjtNQTJIRyxxQkRsRzJCO01DbUczQixjRG5HMkI7TUN6QjlCO1FBOEhJLGVEckcwQjtJQ3pCOUI7TUFnSUcsZ0JBQWdCO0lBaEluQjtNQWtJRyxlRDFHMkI7SUN4QjlCO01BcUlHLGNEeEkyQjtNQ3lJM0IscUJEekkyQjtNQ0c5QjtRQXdJSSwrQkQzSTBCO1FDNEkxQixzQ0Q1STBCO1FDRzlCO1VBMklLLGdDRDlJeUI7TUNHOUI7UUE2SUksZURoSjBCO0VDRzlCO0lBK0lFLG1CRGhKNEI7SUNpSjVCLHFCRGpKNEI7SUNrSjVCLGNEcEo0QjtJQ0c5QjtNQW1KRyxtQkRqSjJCO01Da0ozQixxQkRsSjJCO01DbUozQiwrQkRySjJCO01DQTlCO1FBdUpJLGdDRHZKMEI7SUNBOUI7TUF5SkcsK0NEMUoyQjtFQ0M5QjtJQTJKRSxxQkQ1SjRCO0lDNko1QixjRDdKNEI7SUNDOUI7TUE4SkcscUJENUoyQjtNQzZKM0IsY0Q3SjJCO01DRjlCO1FBaUtJLGVEL0owQjtJQ0Y5QjtNQW1LRyxnQkFBZ0I7SUFuS25CO01BcUtHLGVEdEsyQjtFQ0M5QjtJQXVLRSxtQkR0SzRCO0lDdUs1QixxQkR2SzRCO0lDd0s1QixjRDVLNEI7SUNHOUI7TUEyS0csa0NENUsyQjtNQzZLM0IsK0JENUsyQjtNQzZLM0Isb0NEOUsyQjtNQ0M5QjtRQStLSSxnQ0QvSzBCO0VDQTlCO0lBaUxFLHFCRGhMNEI7SUNpTDVCLGNEakw0QjtJQ0Q5QjtNQW9MRyxvQ0RyTDJCO01Dc0wzQiw2QkR0TDJCO01DQzlCO1FBdUxJLDhCRHhMMEI7SUNDOUI7TUF5TEcsZ0JBQWdCO0lBekxuQjtNQTJMRyxlRDFMMkI7O0FDaU05QjtFQUlJLG1CRDlLMEI7RUMrSzFCLHFCRC9LMEI7RUNnTDFCLGNEM00wQjs7QUNxTTlCO0VBU0kscUJEbkwwQjtFQ29MMUIsY0RwTDBCOztBQzBLOUI7RUFhSSxtQkRoTjBCO0VDaU4xQixxQkRqTjBCO0VDa04xQixjRHBOMEI7O0FDcU05QjtFQWtCSSxxQkRyTjBCO0VDc04xQixjRHROMEI7O0FDbU05QjtFQXNCSSxtQkR2TjBCO0VDd04xQixxQkR4TjBCO0VDeU4xQixjRDdOMEI7O0FDcU05QjtFQTJCSSxxQkQ1TjBCO0VDNk4xQixjRDdOMEI7O0FDaU05QjtFQStCSSxVQUFVO0FDbk9kO0VBQ0MsV0FBVztFQUNYLFlBQVk7QUNEYjtFQUNDLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsWUFBWTtFQUhiO0lBS0Usa0JBQWtCO0lBQ2xCLFFBQVE7SUFDUixTQUFTO0lBQ1QsV0FBVztJQUNYLFlBQVk7SUFDWixvQ0FBb0M7SUFWdEM7TUFZRyxlQUFlO01BQ2YscUJBQXFCO01BQ3JCLFVBQVU7TUFDVixlSFUyQjtNR1QzQixxQkFBcUI7TUFDckIsc0JBQXNCO01BQ3RCLG9DQUFvQztFQWxCdkM7SUFzQkksZUhHMEI7RUd6QjlCO0lBMEJJLGVIMUIwQjtFR0E5QjtJQThCSSxlSDVCMEI7RUdGOUI7SUFtQ0ksZUhyQzBCO0VHRTlCO0lBdUNLLGVIZHlCO0VHekI5QjtJQTJDSyxlSDNDeUI7RUdBOUI7SUErQ0ssZUg3Q3lCOztBRytDN0I7RUFDQztJQUNDLHNCQUFzQjtFQUN2QjtJQUNDLG9CQUFvQjtFQUNyQjtJQUNDLHNCQUFzQjs7QUFFeEI7RUFDQztJQUNDLHNEQUFzRDtFQUN2RDtJQUNDLHdEQUF3RDtFQUN6RDtJQUNDLHlEQUF5RDtBQ2hFNUQ7RUFDRSw2Qko4QjRCO0VJN0I1QixnQ0o2QjRCO0VJNUI1QixnQkFBZ0I7RUFIbEI7SUFLSSxjSm1CMEI7SUlsQjFCLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsZUFBZTtFQVJuQjtJQVVJLGdCQUFnQjtFQVZwQjtJQVlJLFdBQVc7SUFDWCxZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLGtCQUFrQjtJQUNsQixjQUFjO0lBQ2Qsc0JBQXNCO0lBQ3RCLHlCSmEwQjtFSS9COUI7SUFvQkksYUFBYTtJQUNiLHVCQUF1QjtJQUN2QixtQkFBbUI7SUFDbkIsV0FBVztJQUNYLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsa0JBQWtCO0lBQ2xCLGNBQWM7SUFDZCx5Qko3QjBCO0lJOEIxQix5QkpDMEI7SUk5QjlCO01BK0JNLGVKWndCO0VJbkI5QjtJQWlDSSxhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLGFBQWE7SUFDYixvQkFBb0I7SUFwQ3hCO01Bc0NNLG9CQUFvQjtNQUNwQixlQUFlO0VBdkNyQjtJQXlDSSxXQUFXO0VBekNmO0lBMkNJLGdCQUFnQjtJQUNoQixTQUFTO0VBNUNiO0lBOENJLHFCQUFxQjtJQUNyQix3QkFBd0I7SUFDeEIsaUJBQWlCO0lBQ2pCLGtCQUFrQjtJQWpEdEI7TUFtRE0sZ0JBQWdCO0VBbkR0QjtJQXFESSxtQkFBbUI7RUFyRHZCO0lBdURJLGtCQUFrQjtJQUNsQixxQkFBcUI7SUFDckIsWUFBWTtJQUNaLFlBQVk7SUFDWiwyQkFBMkI7SUFDM0Isc0JBQXNCO0lBQ3RCLG1CQUFtQjtJQTdEdkI7TUErRE0sb0JBQW9CO0lBL0QxQjtNQWtFUSxhQUFhO0lBbEVyQjtNQW9FTSxrQkFBa0I7TUFDbEIscUJBQXFCO01BQ3JCLHNCQUFzQjtNQUN0QixhQUFhO01BQ2IsdUJBQXVCO01BQ3ZCLG1CQUFtQjtNQUNuQixtQkozRXdCO01JNEV4QixrQkFBa0I7TUFDbEIsV0FBVztNQUNYLFlBQVk7QUM3RWxCO0VBQ0MseUJMd0I2QjtFS3ZCN0IsbUJBQW1CO0VBQ25CLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsY0FBYztFQUxmO0lBT0Usa0JBQWtCO0lBQ2xCLE1BQU07SUFDTixPQUFPO0lBQ1AseUJMWDRCO0lLWTVCLFVBQVU7SUFDViwyQkFBMkI7SUFDM0IsY0FBYztJQUNkLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsY0xVNEI7QU0xQjlCO0VBQ0MsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBSGQ7SUFLRSx5Qk5INEI7SU1JNUIsV0FBVztJQUNYLFlBQVk7SUFDWixhQUFhO0lBQ2IsdUJBQXVCO0lBQ3ZCLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIsY05UNEI7SU1VNUIsaUJBQWlCIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgXCJrZW5sb2NvbG9yc1wiO1xuLmxpc3RpbmctaGlzdG9yeSB7XG4gIC53aGVuIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgY29sb3I6ICRzcGFjZWdyZXktbWVkaXVtO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgcGFkZGluZzogMCAwIDZweCAxMHB4O1xuICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgbWFyZ2luLXRvcDogMzBweDsgfSB9XG4gIC5sb2FkLW1vcmUge1xuICAgICAgbWFyZ2luLXRvcDogMjBweDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsgfSB9XG4iLCIkd2hpdGU6ICAgICAgICAgICAgICAgICNGQkZDRkYgIWRlZmF1bHQ7XG5cbiRtYWluOiAgICAgICAgICAgICAgICAgI0Y4MkU1MiAhZGVmYXVsdDtcbiRtYWluLWxpZ2h0OiAgICAgICAgICAgI0ZGQzNDNiAhZGVmYXVsdDtcbiRtYWluLW1lZGl1bTogICAgICAgICAgI0ZBNjg3MSAhZGVmYXVsdDtcbiRtYWluLWRhcms6ICAgICAgICAgICAgI0MzMjY0MiAhZGVmYXVsdDtcblxuJHNlY29uZGFyeTogICAgICAgICAgICAjMkJCN0I3ICFkZWZhdWx0O1xuXG4vLyAkbWFpbjogICAgICAgICAgICAgICAgICM3RjQyQjEgIWRlZmF1bHRcbi8vICRtYWluLWxpZ2h0OiAgICAgICAgICAgI0MxQTdENiAhZGVmYXVsdFxuLy8gJG1haW4tbWVkaXVtOiAgICAgICAgICAjQUE4NENBICFkZWZhdWx0XG4vLyAkbWFpbi1kYXJrOiAgICAgICAgICAgICM1OTI5ODAgIWRlZmF1bHRcblxuXG4vLyAkbWFpbjogICAgICAgICAgICAgICAgICNGODNGMkUgIWRlZmF1bHRcbi8vICRtYWluLWxpZ2h0OiAgICAgICAgICAgI0ZFQ0FDNyAhZGVmYXVsdFxuLy8gJG1haW4tbWVkaXVtOiAgICAgICAgICAjRkE3MjY4ICFkZWZhdWx0XG4vLyAkbWFpbi1kYXJrOiAgICAgICAgICAgICNCNjJEMjQgIWRlZmF1bHRcblxuJHNwYWNlZ3JleTogICAgICAgICAgICAjMzMzQTQ0ICFkZWZhdWx0O1xuJHNwYWNlZ3JleS1saWdodDogICAgICAjQzdDOUNDICFkZWZhdWx0O1xuJHNwYWNlZ3JleS1tZWRpdW06ICAgICAjNkE2RTc2ICFkZWZhdWx0O1xuJHNwYWNlZ3JleS1kYXJrOiAgICAgICAjMjYyQjMyICFkZWZhdWx0O1xuXG4kZGVlcGJsdWU6ICAgICAgICAgICAgICM0RjVENzUgIWRlZmF1bHQ7XG4kZGVlcGJsdWUtbGlnaHQ6ICAgICAgICNDRkQyRDkgIWRlZmF1bHQ7XG4kZGVlcGJsdWUtbWVkaXVtOiAgICAgICM3RTg4OTkgIWRlZmF1bHQ7XG4kZGVlcGJsdWUtZGFyazogICAgICAgICMzQTQ0NTUgIWRlZmF1bHQ7XG5cbiRncmV5OiAgICAgICAgICAgICAgICAgI0QwQ0NEMCAhZGVmYXVsdDtcbiRncmV5LWxpZ2h0OiAgICAgICAgICAgI0YyRjFGMiAhZGVmYXVsdDtcbiRncmV5LW1lZGl1bTogICAgICAgICAgI0RDRDlEQyAhZGVmYXVsdDtcbiRncmV5LWRhcms6ICAgICAgICAgICAgIzk4OTU5OCAhZGVmYXVsdDtcblxuJGdyZWVuOlx0XHRcdFx0XHRcdFx0XHQgIzg3RTAyRCAhZGVmYXVsdDtcbiRncmVlbi1saWdodDpcdFx0XHRcdFx0ICNEQUY0QkQgIWRlZmF1bHQ7XG4kZ3JlZW4tbWVkaXVtOlx0XHRcdFx0ICNCM0VENzAgIWRlZmF1bHQ7XG4kZ3JlZW4tZGFyazpcdFx0XHRcdFx0ICM1RjlCMUIgIWRlZmF1bHQ7XG5cbiRvcmFuZ2U6XHRcdFx0XHRcdFx0XHQgI0ZGQUYxOCAhZGVmYXVsdDtcbiRvcmFuZ2UtbGlnaHQ6XHRcdFx0XHQgI0ZGRTVDMCAhZGVmYXVsdDtcbiRvcmFuZ2UtbWVkaXVtOlx0XHRcdFx0ICNFREJENzcgIWRlZmF1bHQ7XG4kb3JhbmdlLWRhcms6XHRcdFx0XHRcdCAjQjE2RDBCICFkZWZhdWx0O1xuXG4kc3RhdHVzLXJlZDpcdFx0XHRcdFx0XHQjRkE3MjY4ICFkZWZhdWx0O1xuJHN0YXR1cy15ZWxsb3c6XHRcdFx0XHRcdCNGNTlCMzEgIWRlZmF1bHQ7XG4kc3RhdHVzLWdyZWVuOlx0XHRcdFx0XHQjMjVDQzlBICFkZWZhdWx0O1xuJHN0YXR1cy12aW9sZXQ6XHRcdFx0XHRcdCM3RjQyQjEgIWRlZmF1bHQ7XG5cbiRyZWQ6XHRcdFx0XHRcdFx0XHRcdFx0XHQjRkE3MjY4ICFkZWZhdWx0O1xuJHllbGxvdzpcdFx0XHRcdFx0XHRcdFx0I0Y1OUIzMSAhZGVmYXVsdDtcbiIsIkBpbXBvcnQgXCJrZW5sb2NvbG9yc1wiO1xuXG5cbi5rbC1idXR0b24ge1xuXHRkaXNwbGF5OiBpbmxpbmU7XG5cdC5rbC1idG4ge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRib3JkZXI6IDJweCBzb2xpZDtcblx0XHRtYXJnaW46IDA7XG5cdFx0cGFkZGluZzogMC4zNzVyZW0gNHJlbTtcblx0XHRib3JkZXItcmFkaXVzOiAyMDBweDtcblx0XHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdGxpbmUtaGVpZ2h0OiAyO1xuXHRcdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRcdGZvbnQtd2VpZ2h0OiA0MDA7XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcblx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRmb250LXNpemU6IDFyZW07XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHQmLmljb24tb25seSB7XG5cdFx0XHR3aWR0aDogMzBweDsgfVxuXHRcdCY6YWN0aXZlLCAmOmZvY3VzIHtcblx0XHRcdG91dGxpbmU6IDA7XG5cdFx0XHRib3gtc2hhZG93OiAwIDAgMCAwLjJyZW0gcmdiYSgkbWFpbiwgMC41KTsgfVxuXHRcdCYubG9hZGluZyB7XG5cdFx0XHRjb2xvcjogcmdiYSgyNTUsMjU1LDI1NSwwKTtcblx0XHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdFx0LmtsLWxvYWRlciB7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHQubW92ZSB7XG5cdFx0XHRcdFx0d2lkdGg6IDI0cHg7XG5cdFx0XHRcdFx0aGVpZ2h0OiAyNHB4O1xuXHRcdFx0XHRcdHN2ZyB7XG5cdFx0XHRcdFx0XHRtYXJnaW46IDA7IH0gfSB9IH1cblx0XHQmOmRpc2FibGVkIHtcblx0XHRcdG9wYWNpdHk6IC4zO1xuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7IH1cblx0XHQmLmZ1bGwge1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdFx0XHRwYWRkaW5nLXJpZ2h0OiAwOyB9XG5cdFx0LmxhYmVsIHtcblx0XHRcdC8vIHZlcnRpY2FsLWFsaWduOiBtaWRkbGVcblx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdCYuaGlkZSB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7IH0gfVxuXHRcdCYud2l0aC1sYWJlbCB7XG5cdFx0XHRzdmcge1xuXHRcdFx0XHRtYXJnaW4tcmlnaHQ6IDEwcHg7IH0gfVxuXHRcdHN2ZyB7XG5cdFx0XHRzdHJva2Utd2lkdGg6IDEuNTsgfSB9XG5cdC5rbC1idG4tdGV4dCB7XG5cdFx0dGV4dC10cmFuc2Zvcm06IGluaXRpYWw7XG5cdFx0cGFkZGluZzogMDtcblx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdGJvcmRlcjogMDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRjb2xvcjogJGRlZXBibHVlLWRhcms7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0XHRzdmcge1xuXHRcdFx0c3Ryb2tlOiAkZGVlcGJsdWUtZGFyazsgfVxuXHRcdCY6aG92ZXIge1xuXHRcdFx0b3BhY2l0eTogLjU7IH1cblx0XHQmOmFjdGl2ZSwgJjpmb2N1cyB7XG5cdFx0XHRvcGFjaXR5OiAxOyB9XG5cdFx0Jjpob3ZlciwgJjpmb2N1cywgJjphY3RpdmUsICY6bm90KFtkaXNhYmxlZF0pOm5vdCguZGlzYWJsZWQpOmFjdGl2ZSB7XG5cdFx0XHRib3gtc2hhZG93OiBub25lOyB9XG5cdFx0Ji5rbC1idG4tbGcsICYua2wtYnRuLXNtLCB7XG5cdFx0XHRwYWRkaW5nOiAwOyB9XG5cdFx0Ly8gVEhFTUUgREFSS1xuXHRcdCYuZGFyayB7XG5cdFx0XHRjb2xvcjogJHdoaXRlO1xuXHRcdFx0c3ZnIHtcblx0XHRcdFx0c3Ryb2tlOiAkd2hpdGU7IH0gfSB9XG5cdC5rbC1idG4tbGcge1xuXHRcdGJvcmRlci13aWR0aDogMnB4O1xuXHRcdGZvbnQtc2l6ZTogMS44NzVyZW07XG5cdFx0cGFkZGluZzogMC44cmVtIDRyZW07XG5cdFx0bGluZS1oZWlnaHQ6IDEuNTtcblx0XHRzdmcge1xuXHRcdFx0d2lkdGg6IDMycHg7XG5cdFx0XHRoZWlnaHQ6IGF1dG87IH1cblx0XHQmLmxvYWRpbmcge1xuXHRcdFx0LmtsLWxvYWRlciB7XG5cdFx0XHRcdC5tb3ZlIHtcblx0XHRcdFx0XHR3aWR0aDogMzRweDtcblx0XHRcdFx0XHRoZWlnaHQ6IDM0cHg7IH0gfSB9IH1cblx0LmtsLWJ0bi1zbSB7XG5cdFx0Ym9yZGVyLXdpZHRoOiAxcHg7XG5cdFx0Zm9udC1zaXplOiAuOHJlbTtcblx0XHRwYWRkaW5nOiAwLjJyZW0gMXJlbTtcblx0XHRsaW5lLWhlaWdodDogMS41O1xuXHRcdHN2ZyB7XG5cdFx0XHR3aWR0aDogMTZweDtcblx0XHRcdGhlaWdodDogMjBweDsgfVxuXHRcdCYubG9hZGluZyB7XG5cdFx0XHRwYWRkaW5nOiAwLjJyZW0gMXJlbTtcblx0XHRcdC5rbC1sb2FkZXIge1xuXHRcdFx0XHQubW92ZSB7XG5cdFx0XHRcdFx0d2lkdGg6IDIwcHg7XG5cdFx0XHRcdFx0aGVpZ2h0OiAyMHB4OyB9IH0gfSB9XG5cdC5rbC1idG4tZGVmYXVsdCB7XG5cdFx0YmFja2dyb3VuZDogJGRlZXBibHVlLW1lZGl1bTtcblx0XHRib3JkZXItY29sb3I6ICRkZWVwYmx1ZS1tZWRpdW07XG5cdFx0Y29sb3I6ICR3aGl0ZTtcblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQ6ICRkZWVwYmx1ZS1kYXJrO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAkZGVlcGJsdWUtZGFyaztcblx0XHRcdGNvbG9yOiAkZGVlcGJsdWUtbWVkaXVtO1xuXHRcdFx0c3ZnIHtcblx0XHRcdFx0c3Ryb2tlOiAkZGVlcGJsdWUtbWVkaXVtOyB9IH1cblx0XHQmOmFjdGl2ZSwgJjpmb2N1cyB7XG5cdFx0XHRib3gtc2hhZG93OiAwIDAgMCAwLjJyZW0gcmdiYSgkZGVlcGJsdWUtbWVkaXVtLCAwLjUpOyB9IH1cblx0LmtsLWJ0bi1vdXRsaW5lLWRlZmF1bHQge1xuXHRcdGJvcmRlci1jb2xvcjogJGRlZXBibHVlLW1lZGl1bTtcblx0XHRjb2xvcjogJGRlZXBibHVlLW1lZGl1bTtcblx0XHQmOmhvdmVyIHtcblx0XHRcdGJvcmRlci1jb2xvcjogJGRlZXBibHVlLWRhcms7XG5cdFx0XHRjb2xvcjogJGRlZXBibHVlLWRhcms7XG5cdFx0XHRzdmcge1xuXHRcdFx0XHRzdHJva2U6ICRkZWVwYmx1ZS1kYXJrOyB9IH1cblx0XHQmOmFjdGl2ZSwgJjpmb2N1cyB7XG5cdFx0XHRib3gtc2hhZG93OiBub25lOyB9XG5cdFx0c3ZnIHtcblx0XHRcdHN0cm9rZTogJGRlZXBibHVlLW1lZGl1bTsgfVxuXHRcdC8vIFRIRU1FIERBUktcblx0XHQmLmRhcmsge1xuXHRcdFx0Y29sb3I6ICR3aGl0ZTtcblx0XHRcdGJvcmRlci1jb2xvcjogJHdoaXRlO1xuXHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdGNvbG9yOiByZ2JhKCR3aGl0ZSwgMC42KTtcblx0XHRcdFx0Ym9yZGVyLWNvbG9yOiByZ2JhKCR3aGl0ZSwgMC42KTtcblx0XHRcdFx0c3ZnIHtcblx0XHRcdFx0XHRzdHJva2U6IHJnYmEoJHdoaXRlLCAwLjYpOyB9IH1cblx0XHRcdHN2ZyB7XG5cdFx0XHRcdHN0cm9rZTogJHdoaXRlOyB9IH0gfVxuXHQua2wtYnRuLXByaW1hcnkge1xuXHRcdGJhY2tncm91bmQ6ICRtYWluO1xuXHRcdGJvcmRlci1jb2xvcjogJG1haW47XG5cdFx0Y29sb3I6ICR3aGl0ZTtcblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQ6ICRtYWluLWRhcms7XG5cdFx0XHRib3JkZXItY29sb3I6ICRtYWluLWRhcms7XG5cdFx0XHRjb2xvcjogcmdiYSgkbWFpbi1saWdodCwgMC42KTtcblx0XHRcdHN2ZyB7XG5cdFx0XHRcdHN0cm9rZTogcmdiYSgkbWFpbi1saWdodCwgMC42KTsgfSB9XG5cdFx0JjphY3RpdmUsICY6Zm9jdXMge1xuXHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMC4ycmVtIHJnYmEoJG1haW4sIDAuNSk7IH0gfVxuXHQua2wtYnRuLW91dGxpbmUtcHJpbWFyeSB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkbWFpbjtcblx0XHRjb2xvcjogJG1haW47XG5cdFx0Jjpob3ZlciB7XG5cdFx0XHRib3JkZXItY29sb3I6ICRtYWluLWRhcms7XG5cdFx0XHRjb2xvcjogJG1haW4tZGFyaztcblx0XHRcdHN2ZyB7XG5cdFx0XHRcdHN0cm9rZTogJG1haW4tZGFyazsgfSB9XG5cdFx0JjphY3RpdmUsICY6Zm9jdXMge1xuXHRcdFx0Ym94LXNoYWRvdzogbm9uZTsgfVxuXHRcdHN2ZyB7XG5cdFx0XHRzdHJva2U6ICRtYWluOyB9IH1cblx0LmtsLWJ0bi1zZWNvbmRhcnkge1xuXHRcdGJhY2tncm91bmQ6ICRtYWluLW1lZGl1bTtcblx0XHRib3JkZXItY29sb3I6ICRtYWluLW1lZGl1bTtcblx0XHRjb2xvcjogJHdoaXRlO1xuXHRcdCY6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZDogcmdiYSgkbWFpbiwgMC44KTtcblx0XHRcdGNvbG9yOiByZ2JhKCRtYWluLWxpZ2h0LCAwLjgpO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiByZ2JhKCRtYWluLCAwLjEpO1xuXHRcdFx0c3ZnIHtcblx0XHRcdFx0c3Ryb2tlOiByZ2JhKCRtYWluLWxpZ2h0LCAwLjgpOyB9IH0gfVxuXHQua2wtYnRuLW91dGxpbmUtc2Vjb25kYXJ5IHtcblx0XHRib3JkZXItY29sb3I6ICRtYWluLW1lZGl1bTtcblx0XHRjb2xvcjogJG1haW4tbWVkaXVtO1xuXHRcdCY6aG92ZXIge1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiByZ2JhKCRtYWluLCAwLjgpO1xuXHRcdFx0Y29sb3I6IHJnYmEoJG1haW4sIDAuOCk7XG5cdFx0XHRzdmcge1xuXHRcdFx0XHRzdHJva2U6IHJnYmEoJG1haW4sIDAuOCk7IH0gfVxuXHRcdCY6YWN0aXZlLCAmOmZvY3VzIHtcblx0XHRcdGJveC1zaGFkb3c6IG5vbmU7IH1cblx0XHRzdmcge1xuXHRcdFx0c3Ryb2tlOiAkbWFpbi1tZWRpdW07IH0gfSB9XG5cbi8vIERFU0tUT1Bcbi5kZXNrdG9wIHtcblx0LmtsLWJ1dHRvbiB7XG5cdFx0LmtsLWJ0bi1kZWZhdWx0IHt9IH0gfVxuLy8gTU9CSUxFXG4ubW9iaWxlIHtcblx0LmtsLWJ1dHRvbiB7XG5cdFx0LmtsLWJ0bi1kZWZhdWx0IHtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAkZGVlcGJsdWUtbWVkaXVtO1xuXHRcdFx0XHRib3JkZXItY29sb3I6ICRkZWVwYmx1ZS1tZWRpdW07XG5cdFx0XHRcdGNvbG9yOiAkd2hpdGU7IH0gfVxuXHRcdC5rbC1idG4tb3V0bGluZS1kZWZhdWx0IHtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRib3JkZXItY29sb3I6ICRkZWVwYmx1ZS1tZWRpdW07XG5cdFx0XHRcdGNvbG9yOiAkZGVlcGJsdWUtbWVkaXVtOyB9IH1cblx0XHQua2wtYnRuLXByaW1hcnkge1xuXHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdGJhY2tncm91bmQ6ICRtYWluO1xuXHRcdFx0XHRib3JkZXItY29sb3I6ICRtYWluO1xuXHRcdFx0XHRjb2xvcjogJHdoaXRlOyB9IH1cblx0XHQua2wtYnRuLW91dGxpbmUtcHJpbWFyeSB7XG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAkbWFpbjtcblx0XHRcdFx0Y29sb3I6ICRtYWluOyB9IH1cblx0XHQua2wtYnRuLXNlY29uZGFyeSB7XG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0YmFja2dyb3VuZDogJG1haW4tbWVkaXVtO1xuXHRcdFx0XHRib3JkZXItY29sb3I6ICRtYWluLW1lZGl1bTtcblx0XHRcdFx0Y29sb3I6ICR3aGl0ZTsgfSB9XG5cdFx0LmtsLWJ0bi1vdXRsaW5lLXNlY29uZGFyeSB7XG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAkbWFpbi1tZWRpdW07XG5cdFx0XHRcdGNvbG9yOiAkbWFpbi1tZWRpdW07IH0gfVxuXHRcdC5rbC1idG4tdGV4dCB7XG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0b3BhY2l0eTogMTsgfSB9IH0gfVxuIiwiQGltcG9ydCBcImtlbmxvY29sb3JzXCI7XG4ua2wtaWNvbiB7XG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7IH1cbiIsIkBpbXBvcnQgXCJrZW5sb2NvbG9yc1wiO1xuXG4ua2wtbG9hZGVyIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQubW92ZSB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTAlO1xuXHRcdGxlZnQ6IDUwJTtcblx0XHR3aWR0aDogNTBweDtcblx0XHRoZWlnaHQ6IDUwcHg7XG5cdFx0YW5pbWF0aW9uOiBzcGluIDMuNXMgaW5maW5pdGUgbGluZWFyO1xuXHRcdHN2ZyBjaXJjbGUge1xuXHRcdFx0c3Ryb2tlLXdpZHRoOiA0O1xuXHRcdFx0c3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuXHRcdFx0ZmlsbDogbm9uZTtcblx0XHRcdHN0cm9rZTogJGRlZXBibHVlLW1lZGl1bTtcblx0XHRcdHN0cm9rZS1kYXNoYXJyYXk6IDE5NTtcblx0XHRcdHN0cm9rZS1kYXNob2Zmc2V0OiAxOTU7XG5cdFx0XHRhbmltYXRpb246IGdyb3cgMy41cyBpbmZpbml0ZSBsaW5lYXI7IH0gfVxuXHQmLmRlZmF1bHQge1xuXHRcdC5tb3ZlIHtcblx0XHRcdHN2ZyBjaXJjbGUge1xuXHRcdFx0XHRzdHJva2U6ICRkZWVwYmx1ZS1tZWRpdW07IH0gfSB9XG5cdCYucHJpbWFyeSB7XG5cdFx0Lm1vdmUge1xuXHRcdFx0c3ZnIGNpcmNsZSB7XG5cdFx0XHRcdHN0cm9rZTogJG1haW47IH0gfSB9XG5cdCYuc2Vjb25kYXJ5IHtcblx0XHQubW92ZSB7XG5cdFx0XHRzdmcgY2lyY2xlIHtcblx0XHRcdFx0c3Ryb2tlOiAkbWFpbi1tZWRpdW07IH0gfSB9XG5cdC8vIFRIRU1FIERBUktcblx0Ji5kYXJrIHtcblx0XHQubW92ZSB7XG5cdFx0XHRzdmcgY2lyY2xlIHtcblx0XHRcdFx0c3Ryb2tlOiAkd2hpdGU7IH0gfVxuXHRcdCYuZGVmYXVsdCB7XG5cdFx0XHQubW92ZSB7XG5cdFx0XHRcdHN2ZyBjaXJjbGUge1xuXHRcdFx0XHRcdHN0cm9rZTogJGRlZXBibHVlLW1lZGl1bTsgfSB9IH1cblx0XHQmLnByaW1hcnkge1xuXHRcdFx0Lm1vdmUge1xuXHRcdFx0XHRzdmcgY2lyY2xlIHtcblx0XHRcdFx0XHRzdHJva2U6ICRtYWluOyB9IH0gfVxuXHRcdCYuc2Vjb25kYXJ5IHtcblx0XHRcdC5tb3ZlIHtcblx0XHRcdFx0c3ZnIGNpcmNsZSB7XG5cdFx0XHRcdFx0c3Ryb2tlOiAkbWFpbi1tZWRpdW07IH0gfSB9IH1cblxuXHRAa2V5ZnJhbWVzIGdyb3cge1xuXHRcdDAlIHtcblx0XHRcdHN0cm9rZS1kYXNob2Zmc2V0OiAxOTU7IH1cblx0XHQ1MCUge1xuXHRcdFx0c3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IH1cblx0XHQxMDAlIHtcblx0XHRcdHN0cm9rZS1kYXNob2Zmc2V0OiAxOTU7IH0gfVxuXG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSkgc2NhbGUoMSkgcm90YXRlKDBkZWcpOyB9XG5cdFx0NTAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpIHNjYWxlKDEpIHJvdGF0ZSg3MjBkZWcpOyB9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKSBzY2FsZSgxKSByb3RhdGUoMTgwMGRlZyk7IH0gfSB9XG4iLCJAaW1wb3J0IFwia2VubG9jb2xvcnNcIjtcbi5oaXN0b3J5IHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICRncmV5LW1lZGl1bTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICRncmV5LW1lZGl1bTtcbiAgbWFyZ2luLXRvcDogLTFweDtcbiAgcCB7XG4gICAgY29sb3I6ICRkZWVwYmx1ZTtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgZm9udC1zaXplOiAxNHB4OyB9XG4gIGIge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7IH1cbiAgLmF2YXRhciB7XG4gICAgd2lkdGg6IDM4cHg7XG4gICAgaGVpZ2h0OiAzOHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkZ3JleS1tZWRpdW07IH1cbiAgLmljb24ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB3aWR0aDogMzhweDtcbiAgICBoZWlnaHQ6IDM4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkd2hpdGU7XG4gICAgYm9yZGVyOiAycHggc29saWQgJGdyZXktbGlnaHQ7XG4gICAgc3ZnIHtcbiAgICAgIHN0cm9rZTogJHNwYWNlZ3JleTsgfSB9XG4gIC5jb250ZW50IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAmLmNsaWNrYWJsZSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICAgIGN1cnNvcjogcG9pbnRlcjsgfSB9XG4gIC5kZXNjcmlwdGlvbiB7XG4gICAgd2lkdGg6IDEwMCU7IH1cbiAgLmNvbnRlbnQtbWF4aW1pemVkIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGhlaWdodDogMDsgfVxuICAuYWN0aW9ucyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA2MHB4KTtcbiAgICBtYXJnaW4tbGVmdDogMzBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDMwcHg7XG4gICAgLmFjdGlvbjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7IH0gfVxuICAuYWN0aW9uIHtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4OyB9XG4gIC5tZWRpYSB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogMTI2cHg7XG4gICAgaGVpZ2h0OiA3NHB4O1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIG1hcmdpbjogNXB4IDE1cHggMCAwOyB9XG4gICAgJi5zaG93LWljb25zIHtcbiAgICAgIGkge1xuICAgICAgICBkaXNwbGF5OiBmbGV4OyB9IH1cbiAgICBpIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogY2FsYyg1MCUgLSAxNXB4KTtcbiAgICAgIGxlZnQ6IGNhbGMoNTAlIC0gMTVweCk7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYmFja2dyb3VuZDogJHdoaXRlO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgd2lkdGg6IDMwcHg7XG4gICAgICBoZWlnaHQ6IDMwcHg7IH0gfSB9XG4iLCJAaW1wb3J0IFwia2VubG9jb2xvcnNcIjtcbi5rbC1jYXJkLXRpdGxlIHtcblx0Ym9yZGVyOiBzb2xpZCAxcHggJGRlZXBibHVlLWxpZ2h0O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHBhZGRpbmc6IDI1cHggMjBweDtcblx0bWFyZ2luOiAzMHB4IDA7XG5cdC5jYXJkLXRpdGxlIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiAwO1xuXHRcdGxlZnQ6IDA7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHdoaXRlO1xuXHRcdGxlZnQ6IDE1cHg7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXHRcdHBhZGRpbmc6IDAgNXB4O1xuXHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRmb250LXdlaWdodDogMTAwO1xuXHRcdGNvbG9yOiAkZGVlcGJsdWUtbWVkaXVtOyB9IH1cbiIsIkBpbXBvcnQgXCJrZW5sb2NvbG9yc1wiO1xuLmtsLXN0cnVjdHVyZS1jb250YWluZXIge1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRwYWRkaW5nOiAyMHB4O1xuXHQucGxhY2Vob2xkZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICRtYWluLWxpZ2h0O1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdGhlaWdodDogMTAwJTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Zm9udC1zdHlsZTogaXRhbGljO1xuXHRcdGNvbG9yOiAkbWFpbi1tZWRpdW07XG5cdFx0dXNlci1zZWxlY3Q6IG5vbmU7IH0gfVxuIl0sInNvdXJjZVJvb3QiOiIifQ==*/
\ No newline at end of file
--- a/dist/theme-imob.css
+++ b/dist/theme-imob.css
+@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);* {
+  box-sizing: border-box;
+  outline: 0 !important; }
+  *::before, *::after {
+    box-sizing: border-box; }
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: greyscale;
+  width: 100%;
+  height: 100%; }
+
+@-ms-viewport {
+  width: device-width; }
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block; }
+
+body {
+  margin: 0;
+  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  color: #333A44;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: greyscale;
+  width: 100%;
+  height: 100%;
+  background-color: #000000;
+  overscroll-behavior: contain; }
+
+.router5-placeholder {
+  width: 100%;
+  height: 100%; }
+
+[tabindex="-1"]:focus {
+  outline: 0 !important; }
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible; }
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  font-weight: 200; }
+
+h1 {
+  font-size: 3rem;
+  margin-bottom: 1.5rem; }
+
+h2 {
+  font-size: 2.5rem;
+  margin-bottom: 1.75rem; }
+
+h3 {
+  font-size: 2rem;
+  margin-bottom: 1rem; }
+
+h4 {
+  font-size: 1.75rem;
+  margin-bottom: .85rem; }
+
+h5 {
+  font-size: 1.5rem;
+  margin-bottom: .75rem; }
+
+h6 {
+  font-size: 1.25rem;
+  margin-bottom: .6rem; }
+
+p {
+  margin-top: 0;
+  font-size: 1rem;
+  margin-bottom: .5rem; }
+
+abbr[title], abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0; }
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit; }
+
+ol, ul, dl {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+ol ol, ul ul, ol ul, ul ol {
+  margin-bottom: 0; }
+
+dt {
+  font-weight: 700; }
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0; }
+
+blockquote {
+  margin: 0 0 1rem; }
+
+dfn {
+  font-style: italic; }
+
+b, strong {
+  font-weight: bolder; }
+
+small {
+  font-size: 80%; }
+
+sub, sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -.25em; }
+
+sup {
+  top: -.5em; }
+
+a {
+  color: #3FCAE0;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects; }
+  a:hover {
+    color: #00B2CE;
+    text-decoration: underline; }
+  a:not([href]):not([tabindex]) {
+    color: inherit;
+    text-decoration: none; }
+    a:not([href]):not([tabindex]):hover {
+      color: inherit;
+      text-decoration: none; }
+    a:not([href]):not([tabindex]):focus {
+      color: inherit;
+      text-decoration: none;
+      outline: 0; }
+
+pre, code, kbd, samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+figure {
+  margin: 0 0 1rem; }
+
+img {
+  vertical-align: middle;
+  border-style: none; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+table {
+  border-collapse: collapse; }
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom; }
+
+th {
+  text-align: inherit; }
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem; }
+
+button {
+  border-radius: 0; }
+  button:focus {
+    outline: 1px dotted;
+    outline: 5px auto -webkit-focus-ring-color; }
+
+input, button, select, optgroup, textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit; }
+
+button, input {
+  overflow: visible; }
+
+button, select {
+  text-transform: none; }
+
+button, html [type="button"], [type="reset"], [type="submit"] {
+  -webkit-appearance: button; }
+
+button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none; }
+
+input[type="radio"], input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
+  -webkit-appearance: listbox; }
+
+textarea {
+  overflow: auto;
+  resize: vertical; }
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal; }
+
+progress {
+  vertical-align: baseline; }
+
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none; }
+  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button; }
+
+output {
+  display: inline-block; }
+
+summary {
+  display: list-item;
+  cursor: pointer; }
+
+template {
+  display: none; }
+
+[hidden] {
+  display: none !important; }
+
+.guideline-placeholder {
+  background-color: #92F0FF;
+  width: 100%;
+  height: 100%;
+  min-width: 50px;
+  min-height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-style: italic;
+  color: #3FCAE0;
+  user-select: none; }
+
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.no-select {
+  user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none; }
+
+.kli {
+  font-size: 22px;
+  display: inline-block;
+  line-height: 1; }
+
+.view-content {
+  width: 100%;
+  height: 100%; }
+
+.simple-scroll {
+  height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; }
+  .simple-scroll::-webkit-scrollbar {
+    width: 10px;
+    height: 10px; }
+  .simple-scroll::-webkit-scrollbar-thumb {
+    border-left: 2px solid rgba(255, 255, 255, 0); }
+  .simple-scroll:hover::-webkit-scrollbar-thumb {
+    border-left: 2px solid #7E8899; }
+  .simple-scroll.primary:hover::-webkit-scrollbar-thumb {
+    border-left: 2px solid #00B2CE; }
+  .simple-scroll.secondary:hover::-webkit-scrollbar-thumb {
+    border-left: 2px solid #3FCAE0; }
+
+.dark .simple-scroll:hover::-webkit-scrollbar-thumb {
+  border-left: 2px solid #FBFCFF; }
+
+.mobile .simple-scroll {
+  overflow: auto;
+  height: 100%;
+  -webkit-overflow-scrolling: touch; }
+  .mobile .simple-scroll::-webkit-scrollbar {
+    width: 0;
+    height: 0; }
+
+.maxi-scroll {
+  height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; }
+  .maxi-scroll::-webkit-scrollbar {
+    width: 8px;
+    height: 8px; }
+  .maxi-scroll:hover::-webkit-scrollbar-thumb {
+    background: rgba(126, 136, 153, 0.8); }
+  .maxi-scroll.primary:hover::-webkit-scrollbar-thumb {
+    background: rgba(0, 178, 206, 0.8); }
+  .maxi-scroll.secondary:hover::-webkit-scrollbar-thumb {
+    background: rgba(63, 202, 224, 0.8); }
+
+.dark .maxi-scroll:hover::-webkit-scrollbar-thumb {
+  background: rgba(251, 252, 255, 0.8); }
+
+.mobile .maxi-scroll {
+  overflow: auto;
+  height: 100%;
+  -webkit-overflow-scrolling: touch; }
+  .mobile .maxi-scroll::-webkit-scrollbar {
+    width: 0;
+    height: 0; }
+
+.invisible-scroll {
+  overflow: auto;
+  height: 100%;
+  -webkit-overflow-scrolling: touch; }
+  .invisible-scroll::-webkit-scrollbar {
+    width: 0;
+    height: 0; }
+
+.kl-listing {
+  display: flex;
+  height: 100vh; }
+  .kl-listing .box-listing {
+    width: 950px;
+    display: flex;
+    flex-flow: column nowrap; }
+    .kl-listing .box-listing .bar-top {
+      background-color: #fff;
+      width: 100%;
+      height: 50px;
+      padding: 15px 25px; }
+    .kl-listing .box-listing .box-listing-card {
+      padding: 25px 15px;
+      overflow: auto;
+      flex: 1;
+      display: flex;
+      flex-wrap: wrap; }
+      .kl-listing .box-listing .box-listing-card .card {
+        width: 274px;
+        margin: 15px;
+        border-radius: 15px;
+        position: relative;
+        border: none;
+        box-shadow: 1px 1px 4px rgba(79, 93, 117, 0.2); }
+        .kl-listing .box-listing .box-listing-card .card .card-img-top {
+          width: 100%;
+          border-radius: 15px 15px 0 0;
+          padding-top: 66.6%;
+          background-size: cover;
+          background-position: center;
+          position: relative; }
+          .kl-listing .box-listing .box-listing-card .card .card-img-top .bar-info {
+            position: absolute;
+            background-color: rgba(51, 58, 68, 0.8);
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 6px 0 6px 15px; }
+            .kl-listing .box-listing .box-listing-card .card .card-img-top .bar-info p {
+              display: inline-block;
+              margin: 0;
+              color: #ffffff;
+              font-size: 12px;
+              line-height: 30px; }
+            .kl-listing .box-listing .box-listing-card .card .card-img-top .bar-info .btn {
+              float: right;
+              padding: 0;
+              cursor: pointer; }
+              .kl-listing .box-listing .box-listing-card .card .card-img-top .bar-info .btn i {
+                color: #ffffff;
+                font-size: 30px; }
+        .kl-listing .box-listing .box-listing-card .card .card-block {
+          padding: 15px;
+          display: flex;
+          flex-flow: column nowrap;
+          min-height: 195px; }
+          .kl-listing .box-listing .box-listing-card .card .card-block p {
+            margin: 0; }
+            .kl-listing .box-listing .box-listing-card .card .card-block p.reference {
+              font-size: 10px;
+              font-weight: bold; }
+            .kl-listing .box-listing .box-listing-card .card .card-block p.address {
+              font-size: 12px;
+              flex: 1; }
+              .kl-listing .box-listing .box-listing-card .card .card-block p.address span {
+                font-size: 18px; }
+            .kl-listing .box-listing .box-listing-card .card .card-block p.price {
+              font-size: 18px;
+              font-weight: 300; }
+          .kl-listing .box-listing .box-listing-card .card .card-block .btn {
+            position: absolute;
+            border-radius: 50%;
+            right: -10px;
+            bottom: -10px;
+            background-color: #F83F2E;
+            color: #ffffff;
+            line-height: 30px;
+            text-align: center;
+            padding: 0;
+            width: 30px;
+            height: 30px;
+            cursor: pointer; }
+  .kl-listing .box-map {
+    flex: 1; }
+    .kl-listing .box-map iframe {
+      width: 100%;
+      height: 100%; }
+
+.transition {
+  transition-duration: 0.6s;
+  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
+  .transition:before {
+    transition-duration: 0.6s;
+    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
+  .transition:after {
+    transition-duration: 0.6s;
+    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
+
+.transition-ui {
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
+  .transition-ui:before {
+    transition-duration: 0.2s;
+    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
+  .transition-ui:after {
+    transition-duration: 0.6s;
+    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
+
+.badge-button {
+  padding: 9px 9px 9px 15px;
+  margin: 0 5px 5px 0;
+  font-size: 14px;
+  font-weight: 300; }
+  .badge-button .btn {
+    padding: 0; }
+    .badge-button .btn svg {
+      width: 14px;
+      height: 14px;
+      stroke: #FBFCFF; }
+
+.result-typeahead {
+  margin: 0 0 .95rem 0; }
+
+@media (min-width: 1200px) and (max-width: 1600px) {
+  .kl-listing .box-listing {
+    width: 654px; } }
+
+@media (min-width: 768px) and (max-width: 1199px) {
+  .kl-listing .box-listing {
+    width: 350px; } }
+
+.fill-white {
+  fill: #FBFCFF; }
+
+.fill-main {
+  fill: #00B2CE; }
+
+.fill-main-light {
+  fill: #92F0FF; }
+
+.fill-main-medium {
+  fill: #3FCAE0; }
+
+.fill-main-dark {
+  fill: #0092A9; }
+
+.fill-secondary {
+  fill: #2ECC71; }
+
+.fill-secondary-light {
+  fill: #82EBAF; }
+
+.fill-secondary-medium {
+  fill: #21E574; }
+
+.fill-secondary-dark {
+  fill: #2BB867; }
+
+.fill-spacegrey {
+  fill: #333A44; }
+
+.fill-spacegrey-light {
+  fill: #C7C9CC; }
+
+.fill-spacegrey-medium {
+  fill: #6A6E76; }
+
+.fill-spacegrey-dark {
+  fill: #262B32; }
+
+.fill-deepblue {
+  fill: #4F5D75; }
+
+.fill-deepblue-light {
+  fill: #CFD2D9; }
+
+.fill-deepblue-medium {
+  fill: #7E8899; }
+
+.fill-deepblue-dark {
+  fill: #3A4455; }
+
+.fill-grey {
+  fill: #D0CCD0; }
+
+.fill-grey-light {
+  fill: #F2F1F2; }
+
+.fill-grey-medium {
+  fill: #DCD9DC; }
+
+.fill-grey-dark {
+  fill: #989598; }
+
+.stroke-white {
+  stroke: #FBFCFF; }
+
+.stroke-main {
+  stroke: #00B2CE; }
+
+.stroke-main-light {
+  stroke: #92F0FF; }
+
+.stroke-main-medium {
+  stroke: #3FCAE0; }
+
+.stroke-main-dark {
+  stroke: #0092A9; }
+
+.stroke-secondary {
+  stroke: #2ECC71; }
+
+.stroke-secondary-light {
+  stroke: #82EBAF; }
+
+.stroke-secondary-medium {
+  stroke: #21E574; }
+
+.stroke-secondary-dark {
+  stroke: #2BB867; }
+
+.stroke-spacegrey {
+  stroke: #333A44; }
+
+.stroke-spacegrey-light {
+  stroke: #C7C9CC; }
+
+.stroke-spacegrey-medium {
+  stroke: #6A6E76; }
+
+.stroke-spacegrey-dark {
+  stroke: #262B32; }
+
+.stroke-deepblue {
+  stroke: #4F5D75; }
+
+.stroke-deepblue-light {
+  stroke: #CFD2D9; }
+
+.stroke-deepblue-medium {
+  stroke: #7E8899; }
+
+.stroke-deepblue-dark {
+  stroke: #3A4455; }
+
+.stroke-grey {
+  stroke: #D0CCD0; }
+
+.stroke-grey-light {
+  stroke: #F2F1F2; }
+
+.stroke-grey-medium {
+  stroke: #DCD9DC; }
+
+.stroke-grey-dark {
+  stroke: #989598; }
+
+.color-white {
+  color: #FBFCFF; }
+
+.color-main {
+  color: #00B2CE; }
+
+.color-main-light {
+  color: #92F0FF; }
+
+.color-main-medium {
+  color: #3FCAE0; }
+
+.color-main-dark {
+  color: #0092A9; }
+
+.color-secondary {
+  color: #2ECC71; }
+
+.color-secondary-light {
+  color: #82EBAF; }
+
+.color-secondary-medium {
+  color: #21E574; }
+
+.color-secondary-dark {
+  color: #2BB867; }
+
+.color-spacegrey {
+  color: #333A44; }
+
+.color-spacegrey-light {
+  color: #C7C9CC; }
+
+.color-spacegrey-medium {
+  color: #6A6E76; }
+
+.color-spacegrey-dark {
+  color: #262B32; }
+
+.color-deepblue {
+  color: #4F5D75; }
+
+.color-deepblue-light {
+  color: #CFD2D9; }
+
+.color-deepblue-medium {
+  color: #7E8899; }
+
+.color-deepblue-dark {
+  color: #3A4455; }
+
+.color-grey {
+  color: #D0CCD0; }
+
+.color-grey-light {
+  color: #F2F1F2; }
+
+.color-grey-medium {
+  color: #DCD9DC; }
+
+.color-grey-dark {
+  color: #989598; }
+
+.bg-white {
+  background-color: #FBFCFF; }
+
+.bg-main {
+  background-color: #00B2CE; }
+
+.bg-main-light {
+  background-color: #92F0FF; }
+
+.bg-main-medium {
+  background-color: #3FCAE0; }
+
+.bg-main-dark {
+  background-color: #0092A9; }
+
+.bg-secondary {
+  background-color: #2ECC71; }
+
+.bg-secondary-light {
+  background-color: #82EBAF; }
+
+.bg-secondary-medium {
+  background-color: #21E574; }
+
+.bg-secondary-dark {
+  background-color: #2BB867; }
+
+.bg-spacegrey {
+  background-color: #333A44; }
+
+.bg-spacegrey-light {
+  background-color: #C7C9CC; }
+
+.bg-spacegrey-medium {
+  background-color: #6A6E76; }
+
+.bg-spacegrey-dark {
+  background-color: #262B32; }
+
+.bg-deepblue {
+  background-color: #4F5D75; }
+
+.bg-deepblue-light {
+  background-color: #CFD2D9; }
+
+.bg-deepblue-medium {
+  background-color: #7E8899; }
+
+.bg-deepblue-dark {
+  background-color: #3A4455; }
+
+.bg-grey {
+  background-color: #D0CCD0; }
+
+.bg-grey-light {
+  background-color: #F2F1F2; }
+
+.bg-grey-medium {
+  background-color: #DCD9DC; }
+
+.bg-grey-dark {
+  background-color: #989598; }
+
+.border-white {
+  background-color: #FBFCFF; }
+
+.border-main {
+  border-color: #00B2CE; }
+
+.border-main-light {
+  border-color: #92F0FF; }
+
+.border-main-medium {
+  border-color: #3FCAE0; }
+
+.border-main-dark {
+  border-color: #0092A9; }
+
+.border-spacegrey {
+  border-color: #333A44; }
+
+.border-spacegrey-light {
+  border-color: #C7C9CC; }
+
+.border-spacegrey-medium {
+  border-color: #6A6E76; }
+
+.border-spacegrey-dark {
+  border-color: #262B32; }
+
+.border-deepblue {
+  border-color: #4F5D75; }
+
+.border-deepblue-light {
+  border-color: #CFD2D9; }
+
+.border-deepblue-medium {
+  border-color: #7E8899; }
+
+.border-deepblue-dark {
+  border-color: #3A4455; }
+
+.border-grey {
+  border-color: #D0CCD0; }
+
+.border-grey-light {
+  border-color: #F2F1F2; }
+
+.border-grey-medium {
+  border-color: #DCD9DC; }
+
+.border-grey-dark {
+  border-color: #989598; }
+
+.kl-dialog {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  z-index: 103;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center; }
+  .kl-dialog .kl-dialog-bg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: rgba(51, 58, 68, 0.9);
+    opacity: 0; }
+  .kl-dialog .kl-dialog-modal {
+    position: relative;
+    min-width: 300px;
+    opacity: 0;
+    overflow: hidden;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    box-shadow: 4px 4px 20px rgba(38, 43, 50, 0.5); }
+    .kl-dialog .kl-dialog-modal .kl-dialog-modal-side {
+      width: 0px;
+      overflow: hidden;
+      background-color: #333A44;
+      text-align: center;
+      padding-top: 20px; }
+      .kl-dialog .kl-dialog-modal .kl-dialog-modal-side > svg {
+        stroke: #6A6E76;
+        stroke-width: 2; }
+    .kl-dialog .kl-dialog-modal .kl-dialog-modal-main {
+      padding: 0 40px;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-around;
+      background-color: #262B32;
+      overflow: hidden; }
+    .kl-dialog .kl-dialog-modal .kl-dialog-message {
+      display: flex;
+      align-items: center;
+      margin: 40px 0 20px 0;
+      opacity: 0; }
+      .kl-dialog .kl-dialog-modal .kl-dialog-message .text {
+        color: #FBFCFF;
+        font-size: 1.2rem;
+        max-width: 300px; }
+    .kl-dialog .kl-dialog-modal .kl-dialog-buttons {
+      display: flex;
+      align-items: center;
+      opacity: 0;
+      margin: 20px 0 40px 0; }
+      .kl-dialog .kl-dialog-modal .kl-dialog-buttons .kl-button {
+        margin-right: 20px; }
+        .kl-dialog .kl-dialog-modal .kl-dialog-buttons .kl-button button {
+          min-width: 100px;
+          padding-left: 20px;
+          padding-right: 20px; }
+        .kl-dialog .kl-dialog-modal .kl-dialog-buttons .kl-button:last-child {
+          margin-right: 0px; }
+  .kl-dialog.mobile {
+    justify-content: flex-end;
+    align-items: flex-end;
+    overflow: hidden;
+    border-radius: 7px; }
+    .kl-dialog.mobile .kl-dialog-modal {
+      min-width: auto;
+      width: 100%;
+      border-radius: 0;
+      display: flex;
+      flex-direction: column;
+      transform: translateY(100%);
+      opacity: 1;
+      overflow: visible; }
+      .kl-dialog.mobile .kl-dialog-modal .kl-dialog-modal-side {
+        width: 100%;
+        height: 60px;
+        overflow: visible;
+        background-color: #333A44;
+        padding-top: 20px;
+        position: absolute;
+        top: 0; }
+        .kl-dialog.mobile .kl-dialog-modal .kl-dialog-modal-side:after {
+          content: '';
+          background: -moz-linear-gradient(top, rgba(38, 43, 50, 0) 0%, rgba(38, 43, 50, 0.2) 100%);
+          background: -webkit-linear-gradient(top, rgba(38, 43, 50, 0) 0%, rgba(38, 43, 50, 0.2) 100%);
+          background: linear-gradient(to bottom, rgba(38, 43, 50, 0) 0%, rgba(38, 43, 50, 0.2) 100%);
+          width: 100%;
+          height: 10px;
+          position: absolute;
+          top: -10px;
+          left: 0; }
+      .kl-dialog.mobile .kl-dialog-modal .kl-dialog-message .text {
+        text-align: center; }
+      .kl-dialog.mobile .kl-dialog-modal .kl-dialog-buttons {
+        justify-content: center; }
+  .kl-dialog.opened .kl-dialog-modal {
+    transform: translateY(0%); }
+    .kl-dialog.opened .kl-dialog-modal .kl-dialog-modal-side {
+      top: -60px; }
+
+.toaster {
+  position: fixed;
+  bottom: 20px;
+  z-index: 101; }
+  .toaster > .toast {
+    display: flex;
+    background-color: rgba(38, 43, 50, 0.98);
+    padding: 15px 17px 10px 14px;
+    color: #FBFCFF;
+    border-radius: 7px;
+    border: 1px solid rgba(126, 136, 153, 0.1);
+    box-shadow: 1px 1px 5px rgba(38, 43, 50, 0.2);
+    margin-bottom: 1px;
+    width: 100%; }
+    .toaster > .toast .text {
+      font-size: 14px;
+      width: 100%; }
+    .toaster > .toast .icon {
+      margin-right: 10px; }
+      .toaster > .toast .icon > svg {
+        stroke: #6A6E76;
+        width: 18px;
+        stroke-width: 2;
+        line-height: 22px; }
+    .toaster > .toast.error .icon > svg {
+      stroke: #3FCAE0; }
+    .toaster > .toast.alert .icon > svg {
+      stroke: #FFAF18; }
+    .toaster > .toast.success .icon > svg {
+      stroke: #87E02D; }
+    .toaster > .toast.help {
+      background-color: rgba(58, 68, 85, 0.98); }
+      .toaster > .toast.help .icon > svg {
+        stroke: #7E8899; }
+
+.mobile .toaster {
+  left: 20px;
+  padding-right: 20px; }
+
+.desktop .toaster {
+  left: 100px;
+  max-width: 370px; }
+
+.cropper-container {
+  direction: ltr;
+  font-size: 0;
+  line-height: 0;
+  position: relative;
+  -ms-touch-action: none;
+  touch-action: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+  .cropper-container img {
+    display: block;
+    height: 100%;
+    image-orientation: 0deg;
+    max-height: none !important;
+    max-width: none !important;
+    min-height: 0 !important;
+    min-width: 0 !important;
+    width: 100%; }
+
+.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.cropper-wrap-box, .cropper-canvas {
+  overflow: hidden; }
+
+.cropper-drag-box {
+  background-color: #fff;
+  opacity: 0; }
+
+.cropper-modal {
+  background-color: #000;
+  opacity: .5; }
+
+.cropper-view-box {
+  display: block;
+  height: 100%;
+  outline-color: rgba(51, 153, 255, 0.75);
+  outline: 1px solid #39f;
+  overflow: hidden;
+  width: 100%; }
+
+.cropper-dashed {
+  border: 0 dashed #eee;
+  display: block;
+  opacity: .5;
+  position: absolute; }
+  .cropper-dashed.dashed-h {
+    border-bottom-width: 1px;
+    border-top-width: 1px;
+    height: 33.33333%;
+    left: 0;
+    top: 33.33333%;
+    width: 100%; }
+  .cropper-dashed.dashed-v {
+    border-left-width: 1px;
+    border-right-width: 1px;
+    height: 100%;
+    left: 33.33333%;
+    top: 0;
+    width: 33.33333%; }
+
+.cropper-center {
+  display: block;
+  height: 0;
+  left: 50%;
+  opacity: .75;
+  position: absolute;
+  top: 50%;
+  width: 0; }
+  .cropper-center:before, .cropper-center:after {
+    background-color: #eee;
+    content: ' ';
+    display: block;
+    position: absolute; }
+  .cropper-center:before {
+    height: 1px;
+    left: -3px;
+    top: 0;
+    width: 7px; }
+  .cropper-center:after {
+    height: 7px;
+    left: 0;
+    top: -3px;
+    width: 1px; }
+
+.cropper-face, .cropper-line, .cropper-point {
+  display: block;
+  height: 100%;
+  opacity: .1;
+  position: absolute;
+  width: 100%; }
+
+.cropper-face {
+  background-color: #fff;
+  left: 0;
+  top: 0; }
+
+.cropper-line {
+  background-color: #39f; }
+  .cropper-line.line-e {
+    cursor: ew-resize;
+    right: -3px;
+    top: 0;
+    width: 5px; }
+  .cropper-line.line-n {
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+    top: -3px; }
+  .cropper-line.line-w {
+    cursor: ew-resize;
+    left: -3px;
+    top: 0;
+    width: 5px; }
+  .cropper-line.line-s {
+    bottom: -3px;
+    cursor: ns-resize;
+    height: 5px;
+    left: 0; }
+
+.cropper-point {
+  background-color: #39f;
+  height: 5px;
+  opacity: .75;
+  width: 5px; }
+  .cropper-point.point-e {
+    cursor: ew-resize;
+    margin-top: -3px;
+    right: -3px;
+    top: 50%; }
+  .cropper-point.point-n {
+    cursor: ns-resize;
+    left: 50%;
+    margin-left: -3px;
+    top: -3px; }
+  .cropper-point.point-w {
+    cursor: ew-resize;
+    left: -3px;
+    margin-top: -3px;
+    top: 50%; }
+  .cropper-point.point-s {
+    bottom: -3px;
+    cursor: s-resize;
+    left: 50%;
+    margin-left: -3px; }
+  .cropper-point.point-ne {
+    cursor: nesw-resize;
+    right: -3px;
+    top: -3px; }
+  .cropper-point.point-nw {
+    cursor: nwse-resize;
+    left: -3px;
+    top: -3px; }
+  .cropper-point.point-sw {
+    bottom: -3px;
+    cursor: nesw-resize;
+    left: -3px; }
+  .cropper-point.point-se {
+    bottom: -3px;
+    cursor: nwse-resize;
+    height: 20px;
+    opacity: 1;
+    right: -3px;
+    width: 20px; }
+    .cropper-point.point-se:before {
+      background-color: #39f;
+      bottom: -50%;
+      content: ' ';
+      display: block;
+      height: 200%;
+      opacity: 0;
+      position: absolute;
+      right: -50%;
+      width: 200%; }
+
+@media (min-width: 768px) {
+  .cropper-point.point-se {
+    height: 15px;
+    width: 15px; } }
+
+@media (min-width: 992px) {
+  .cropper-point.point-se {
+    height: 10px;
+    width: 10px; } }
+
+@media (min-width: 1200px) {
+  .cropper-point.point-se {
+    height: 5px;
+    opacity: .75;
+    width: 5px; } }
+
+.cropper-invisible {
+  opacity: 0; }
+
+.cropper-bg {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }
+
+.cropper-hide {
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0; }
+
+.cropper-hidden {
+  display: none !important; }
+
+.cropper-move {
+  cursor: move; }
+
+.cropper-crop {
+  cursor: crosshair; }
+
+.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
+  cursor: not-allowed; }
+
+.auth0-lock-container .auth0-lock {
+  font-family: Roboto !important; }
+  .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane {
+    min-height: calc(100% - 30px);
+    height: auto !important;
+    padding-bottom: 30px !important;
+    background-color: #FBFCFF; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-header {
+      display: block;
+      background-color: #FFFFFF;
+      padding: 50px 10px !important;
+      height: 170px !important; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-header .auth0-lock-name {
+        font-size: 18px !important;
+        color: #333A44 !important;
+        letter-spacing: -1px;
+        font-weight: 300; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-header .auth0-lock-header-bg-solid {
+        background-color: transparent !important; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-header .auth0-lock-header-bg {
+        opacity: 0; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-tabs {
+      box-shadow: none;
+      text-transform: uppercase;
+      color: #333A44;
+      background-color: #FFFFFF;
+      font-size: 14px !important;
+      letter-spacing: 0 !important; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-tabs li {
+        box-shadow: 0 2px 0 0 #92F0FF !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-tabs li a {
+          color: #CFD2D9 !important;
+          font-weight: 400 !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-tabs li.auth0-lock-tabs-current {
+          box-shadow: 0 2px 0 0 #3FCAE0 !important; }
+          .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-tabs li.auth0-lock-tabs-current a {
+            color: #7E8899 !important; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-form p {
+      color: #7E8899 !important; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-alternative-link {
+      color: #7E8899 !important; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-input-wrap {
+      border-radius: 0 !important;
+      border-right: 0;
+      border-top: 0;
+      border-left: 0;
+      background-color: transparent; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-input-wrap input {
+        background-color: transparent; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-input-wrap-with-icon {
+      padding-left: 0 !important; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-input-wrap-with-icon span {
+        display: none; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane {
+      padding: 10px; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button {
+        display: flex !important;
+        flex-direction: row !important;
+        justify-content: center !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button .auth0-lock-social-button-icon {
+          position: relative !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button .auth0-lock-social-button-text {
+          width: auto !important;
+          padding-left: 0 !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button:hover:not([disabled]) .auth0-lock-social-button-text, .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button:focus:not([disabled]) .auth0-lock-social-button-text {
+          background-color: transparent !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="facebook"] .auth0-lock-social-button-icon {
+          background-color: transparent !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="facebook"] .auth0-lock-social-button-text {
+          font-weight: normal !important;
+          font-size: 14px !important;
+          letter-spacing: 0 !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="facebook"]:hover:not([disabled]), .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="facebook"]:focus:not([disabled]) {
+          background-color: #213e7b !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="google-oauth2"] {
+          background-color: white !important;
+          box-shadow: 0px 0px 8px rgba(38, 43, 50, 0.2); }
+          .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="google-oauth2"] .auth0-lock-social-button-icon {
+            background-color: transparent !important;
+            width: 40px !important;
+            height: 40px !important;
+            border: none !important; }
+          .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="google-oauth2"] .auth0-lock-social-button-text {
+            font-weight: normal !important;
+            font-size: 14px !important;
+            letter-spacing: 0 !important;
+            color: #6A6E76 !important; }
+          .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="google-oauth2"]:hover:not([disabled]), .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="google-oauth2"]:focus:not([disabled]) {
+            background-color: rgba(199, 201, 204, 0.2) !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth-lock-social-buttons-pane .auth0-lock-social-button[data-provider="google"] .auth0-lock-social-button-icon {
+          border: none !important;
+          background-size: 50% !important;
+          height: 40px !important;
+          width: 40px !important; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane button {
+      border-radius: 100px !important; }
+    .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-submit {
+      width: calc(100% - 60px) !important;
+      height: 40px !important;
+      margin: 0 auto;
+      padding: 0 !important; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-submit .auth0-label-submit {
+        height: 40px !important;
+        line-height: 40px !important; }
+        .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-submit .auth0-label-submit svg {
+          margin: -2px 0 0 10px !important; }
+      .auth0-lock-container .auth0-lock .auth0-lock-widget-container .auth0-lock-cred-pane .auth0-lock-submit .auth0-loading-container .auth0-loading {
+        border-color: rgba(251, 252, 255, 0.4) rgba(251, 252, 255, 0.4) #fbfcff rgba(251, 252, 255, 0.4) !important;
+        width: 20px  !important;
+        height: 20px !important;
+        top: 8px !important;
+        left: calc(50% - 10px) !important; }
+
+@media screen and (max-width: 480px) {
+  .auth0-lock.auth0-lock.auth0-lock-opened .auth0-lock-body-content {
+    height: calc(100vh - 170px); }
+  .auth0-lock.auth0-lock.auth0-lock-opened .auth0-lock-content {
+    display: table-cell; } }
--- a/jest.config.js
+++ b/jest.config.js
+module.exports = {
+  preset: '@marko/jest',
+  browser: true,
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'src/**/*.{js,marko}',
+    '!src/bundle.js',
+    '!src/*.*',
+  ],
+  transformIgnorePatterns: [],
+  coverageThreshold: {
+    global: {
+      branches: 95,
+      functions: 95,
+      lines: 95,
+    },
+  },
+  modulePaths: ['src'],
+};
--- a/marko.json
+++ b/marko.json
+{
+  "tags-dir": [
+    "./src/components"
+  ]
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "guideline-base-project",
+  "version": "0.0.1",
+  "description": "Guideline Base Project",
+  "main": "./src/index.js",
+  "scripts": {
+    "build": "webpack --mode=production",
+    "dev": "webpack-dev-server",
+    "lint": "eslint src/**/*.js --fix",
+    "prepush": "npm run lint && npm run test",
+    "test": "jest --coverage",
+    "test:watch": "jest --watch",
+    "coverage": "jest --coverage"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://gitlab.ingaia.com.br/luiz.moura/guideline-base-project.git"
+  },
+  "author": "Luiz Moura",
+  "license": "ISC",
+  "dependencies": {
+    "@kenlo/guidelines": "^1.6.1",
+    "@marko/jest": "^1.0.1",
+    "@marko/webpack": "^1.2.0",
+    "css-loader": "^2.1.1",
+    "eslint-plugin-jest": "^22.3.2",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "husky": "^1.3.1",
+    "lodash": "^4.17.11",
+    "marko": "4.14.25",
+    "marko-jest": "^6.0.1",
+    "net": "^1.0.2",
+    "node-sass": "^4.11.0",
+    "redux-simple-event": "^1.0.5",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.2.3",
+    "webpack-dev-server": "^3.2.1"
+  },
+  "devDependencies": {
+    "@types/jest": "^24.0.15",
+    "eslint": "^5.15.1",
+    "eslint-config-airbnb-base": "^13.1.0",
+    "eslint-plugin-import": "^2.16.0",
+    "jest": "^24.8.0"
+  }
+}
--- a/src/bundle.js
+++ b/src/bundle.js
+// eslint-disable-next-line import/no-unresolved
+import klStartup from './index.marko';
+
+const klStartupRender = (element, input = {}) => klStartup
+  .renderSync(input).appendTo(element);
+
+window.klStartupRender = klStartupRender;
+
+export default {
+  klStartupRender,
+};
--- a/src/component.js
+++ b/src/component.js
+class Component {
+  onCreate() {
+    this.state = {
+      mobile: false,
+    };
+  }
+
+  onMount() {
+    this.checkForMobile();
+    this.subscribeTo(window).on('resize', () => {
+      this.checkForMobile();
+    });
+  }
+
+  checkForMobile() {
+    this.setState('mobile', window.innerWidth < 1024);
+  }
+}
+
+module.exports = Component;
--- a/src/components/first-component/component.js
+++ b/src/components/first-component/component.js
+const { BasicComponent, Anime } = require('@kenlo/guidelines');
+const { cloneDeep } = require('lodash');
+
+class Component {
+  onCreate() {
+    this.state = {
+      nameList: [],
+    };
+  }
+
+  addNameToList(name) {
+    const nameList = cloneDeep(this.state.nameList);
+    nameList.push(name);
+    this.setState({ nameList });
+    this.setStateDirty('nameList');
+  }
+
+  removeNameFromList(index) {
+    const nameList = cloneDeep(this.state.nameList);
+    nameList.splice(index, 1);
+    this.setState({ nameList: [] });
+    setTimeout(() => {
+      this.setState({ nameList });
+    }, 100);
+    this.setStateDirty('nameList');
+    console.log(this.state.nameList);
+  }
+
+  removeName(index) {
+    Anime({
+      targets: this.getEl(`item-${index}`),
+      translateX: 100,
+      opacity: 0,
+      complete: () => {
+        this.removeNameFromList(index);
+      },
+    });
+  }
+
+}
+
+module.exports = BasicComponent(Component);
--- a/src/components/first-component/components/sub-component/component.js
+++ b/src/components/first-component/components/sub-component/component.js
+const { BasicComponent } = require('@kenlo/guidelines');
+
+class Component {
+  onCreate() {
+    this.state = {
+      value: null,
+    };
+  }
+
+  changeValue(ev) {
+    this.setState('value', ev.target.value);
+  }
+
+  addNewName() {
+    console.log('teste')
+    this.emit('new-name', this.state.value);
+    this.setState('value', null);
+  }
+
+}
+
+module.exports = BasicComponent(Component);
--- a/src/components/first-component/components/sub-component/index.marko
+++ b/src/components/first-component/components/sub-component/index.marko
+div.sub-component
+	h6 -- Add new name
+	kl-input-text label="Name" value=state.value on-input('changeValue')
+	kl-button.secondary label="Action" on-click('addNewName')
--- a/src/components/first-component/components/sub-component/style.sass
+++ b/src/components/first-component/components/sub-component/style.sass
+.sub-component
+	max-width: 400px
+	border-top: 1px solid $grey-light
+	padding-top: 20px
+
+// Desktop
+.desktop
+	.sub-component
+
+// Mobile
+.mobile
+	.sub-component
+
--- a/src/components/first-component/components/sub-component/test.js
+++ b/src/components/first-component/components/sub-component/test.js
+const template = require('./index.marko');
+
+describe('sub-component', () => {
+  let component;
+
+  afterEach(() => component.destroy());
+
+  it('expect to exist without invites as owner', async () => {
+    component = template.renderSync({ ...inputs, userRole: 'owner' }).appendTo(document.body).getComponent();
+    await component.onMount();
+    component.update();
+    expect(component).toBeTruthy();
+  });
+});
--- a/src/components/first-component/index.marko
+++ b/src/components/first-component/index.marko
+div.first-component
+	kl-structure-container padding="80"
+		@content
+			div.first-component-wrapper
+				h3 -- My first component
+				div.list
+					if(state.nameList)
+						for(index, name in state.nameList)
+							div.item key=`item-${index}` on-attach('animeIn', 'enterBottom', { easing: 'easeOutCirc' }, 0)
+								div.name -- ${`${index} | ${name}`}
+								div.action
+									kl-button icon="x" on-click('removeName', index)
+				sub-component mobile=input.mobile on-new-name('addNameToList')
--- a/src/components/first-component/style.sass
+++ b/src/components/first-component/style.sass
+.first-component
+	.first-component-wrapper
+		> .list
+			.item
+				display: flex
+
+// Desktop
+.desktop
+	.first-component
+		.first-component-wrapper
+
+// Mobile
+.mobile
+	.first-component
+		.first-component-wrapper
+
--- a/src/components/first-component/test.js
+++ b/src/components/first-component/test.js
+const template = require('./index.marko');
+
+describe('first-component', () => {
+  let component;
+
+  afterEach(() => component.destroy());
+
+  it('expect to exist without invites as owner', async () => {
+    component = template.renderSync({ ...inputs, userRole: 'owner' }).appendTo(document.body).getComponent();
+    await component.onMount();
+    component.update();
+    expect(component).toBeTruthy();
+  });
+});
--- a/src/index.js
+++ b/src/index.js
+module.exports = { };
--- a/src/index.marko
+++ b/src/index.marko
+kl-startup theme="light" is-phone=state.mobile screen=1500 logout-label="Logout" account-label="Account"
+	@content
+		first-component mobile=state.mobile
--- a/webpack.config.js
+++ b/webpack.config.js
+const path = require('path');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+module.exports = {
+  entry: path.resolve(__dirname, './src/bundle.js'),
+  resolve: {
+    extensions: ['.marko', '.js'],
+  },
+  devtool: '#inline-source-map',
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+  },
+  devServer: {
+    disableHostCheck: true,
+    contentBase: path.join(__dirname, 'dist'),
+    port: 2666,
+  },
+  module: {
+    rules: [
+      { test: /\.marko$/, use: [{ loader: '@marko/webpack/loader' }] },
+      {
+        test: /\.(sass|css)$/,
+        use: ExtractTextPlugin.extract({
+          fallback: 'style-loader',
+          use: [
+            {
+              loader: 'css-loader?-autoprefixer?browsers=last 4 versions',
+              options: {
+                sourceMap: true,
+              },
+            },
+            {
+              loader: 'sass-loader',
+              options: {
+                data: '@import "imobcolors";',
+                includePaths: [
+                  path.join(
+                    __dirname,
+                    './node_modules/@kenlo/guidelines/src/sass/',
+                  ),
+                ],
+                sourceMap: true,
+              },
+            },
+          ],
+        }),
+      },
+    ],
+  },
+  plugins: [
+    new ExtractTextPlugin({ filename: 'style.css', allChunks: true }),
+  ],
+};