diff --git a/__tests__/builder/config.test.ts b/__tests__/builder/config.test.ts
new file mode 100644
index 0000000..c3e48f1
--- /dev/null
+++ b/__tests__/builder/config.test.ts
@@ -0,0 +1,32 @@
+import * as assert from "assert";
+
+import { promises as fsAsync } from "fs";
+import path from "path";
+
+import { clear, height } from "../../src/modules/sampleConfig";
+
+describe("Config builder", () => {
+  it("should build clear module config", async () => {
+    const output = clear();
+
+    const expected = await fsAsync.readFile(
+      path.join(__dirname, "./fixtures/clear.ts"),
+      "utf-8"
+    );
+
+    /** Check the transformed file with the expected file */
+    assert.strictEqual(expected, output);
+  });
+
+  it("should build clear module config", async () => {
+    const output = height();
+
+    const expected = await fsAsync.readFile(
+      path.join(__dirname, "./fixtures/height.ts"),
+      "utf-8"
+    );
+
+    /** Check the transformed file with the expected file */
+    assert.strictEqual(expected, output);
+  });
+});
diff --git a/__tests__/builder/fixtures/clear.ts b/__tests__/builder/fixtures/clear.ts
new file mode 100644
index 0000000..2153939
--- /dev/null
+++ b/__tests__/builder/fixtures/clear.ts
@@ -0,0 +1,83 @@
+/**
+ * =========
+ * CSS "clear" module definitions.
+ * =========
+ * */
+const clearConfig = {
+  /**
+   * Supported CSS definitions
+   *
+   * Define identifiers for each declaration based on your preference.
+   * Defaults to https://docs.emmet.io/cheat-sheet/
+   * **/
+  names: {
+    /** clear:none; **/
+    "cl:n": "cl:n",
+    /** clear:left; **/
+    "cl:l": "cl:l",
+    /** clear:right; **/
+    "cl:r": "cl:r",
+    /** clear:both; **/
+    "cl:b": "cl:b",
+  },
+
+  /**
+   * List of definitions to include.
+   * Remove items from this list if you do not
+   * want it to be included in the output
+   * **/
+  whitelist: [
+    /** clear:none; **/
+    "cl:n",
+    /** clear:left; **/
+    "cl:l",
+    /** clear:right; **/
+    "cl:r",
+    /** clear:both; **/
+    "cl:b",
+  ],
+  /**
+   * List of definitions to exclude.
+   * If the number of exclusions is very minimal
+   * use this config instead of "whitelist"
+   * **/
+  blacklist: [],
+  /**
+   * Flag to enable definitions with responsive
+   * breakpoints
+   * **/
+  isResponsive: false,
+  /**
+   * List of responsive definitions to include
+   * Remove items from this list if you do not
+   * want it to be included in the output
+   * **/
+  responsiveWhiteList: [
+    /** clear:none; **/
+    "cl:n",
+    /** clear:left; **/
+    "cl:l",
+    /** clear:right; **/
+    "cl:r",
+    /** clear:both; **/
+    "cl:b",
+  ],
+  /**
+   * List of responsive definitions to exclude.
+   * If the number of exclusions is very minimal
+   * use this config instead of "responsiveWhiteList"
+   * **/
+  responsiveBlackList: [],
+  pseudoClasses: {
+    /** clear:none; **/
+    "cl:n": [":hover", ":focus", ":active"],
+    /** clear:left; **/
+    "cl:l": [":hover", ":focus", ":active"],
+    /** clear:right; **/
+    "cl:r": [":hover", ":focus", ":active"],
+    /** clear:both; **/
+    "cl:b": [":hover", ":focus", ":active"],
+  },
+};
+
+module.exports = clearConfig;
diff --git a/__tests__/builder/fixtures/height.ts b/__tests__/builder/fixtures/height.ts
new file mode 100644
index 0000000..2956328
--- /dev/null
+++ b/__tests__/builder/fixtures/height.ts
@@ -0,0 +1,115 @@
+/**
+ * =========
+ * CSS "height" module definitions.
+ * =========
+ * */
+const heightConfig = {
+  /**
+   * Supported CSS definitions
+   *
+   * Define identifiers for each declaration based on your preference.
+   * Defaults to https://docs.emmet.io/cheat-sheet/
+   * **/
+  names: {
+    /** height:; **/
+    h: "h",
+    /** height:auto; **/
+    "h:a": "h:a",
+    /** max-height:; **/
+    mah: "mah",
+    /** max-height:none; **/
+    "mah:n": "mah:n",
+    /** min-height:; **/
+    mih: "mih",
+  },
+
+  /**
+   * Variables for height:;
+   *
+   * eg., {
+   *  [key]: [value];
+   * }
+   * */
+  heightValues: {},
+  /**
+   * Variables for max-height:;
+   *
+   * eg., {
+   *  [key]: [value];
+   * }
+   * */
+  maxHeightValues: {},
+  /**
+   * Variables for min-height:;
+   *
+   * eg., {
+   *  [key]: [value];
+   * }
+   * */
+  minHeightValues: {},
+  /**
+   * List of definitions to include.
+   * Remove items from this list if you do not
+   * want it to be included in the output
+   * **/
+  whitelist: [
+    /** height:; **/
+    "h",
+    /** height:auto; **/
+    "h:a",
+    /** max-height:; **/
+    "mah",
+    /** max-height:none; **/
+    "mah:n",
+    /** min-height:; **/
+    "mih",
+  ],
+  /**
+   * List of definitions to exclude.
+   * If the number of exclusions is very minimal
+   * use this config instead of "whitelist"
+   * **/
+  blacklist: [],
+  /**
+   * Flag to enable definitions with responsive
+   * breakpoints
+   * **/
+  isResponsive: false,
+  /**
+   * List of responsive definitions to include
+   * Remove items from this list if you do not
+   * want it to be included in the output
+   * **/
+  responsiveWhiteList: [
+    /** height:; **/
+    "h",
+    /** height:auto; **/
+    "h:a",
+    /** max-height:; **/
+    "mah",
+    /** max-height:none; **/
+    "mah:n",
+    /** min-height:; **/
+    "mih",
+  ],
+  /**
+   * List of responsive definitions to exclude.
+   * If the number of exclusions is very minimal
+   * use this config instead of "responsiveWhiteList"
+   * **/
+  responsiveBlackList: [],
+  pseudoClasses: {
+    /** height:; **/
+    h: [":hover", ":focus", ":active"],
+    /** height:auto; **/
+    "h:a": [":hover", ":focus", ":active"],
+    /** max-height:; **/
+    mah: [":hover", ":focus", ":active"],
+    /** max-height:none; **/
+    "mah:n": [":hover", ":focus", ":active"],
+    /** min-height:; **/
+    mih: [":hover", ":focus", ":active"],
+  },
+};
+
+module.exports = heightConfig;
diff --git a/package.json b/package.json
index 6e97aa1..9c6917b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@utilitycss/utility",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Generator for Utility CSS frameworks",
   "author": "Andrea Moretti (@axyz) <axyzxp@gmail.com>",
   "repository": "utilitycss/utility",
@@ -18,18 +18,19 @@
     "utility": "dist/cli.js"
   },
   "dependencies": {
+    "@utilitycss/electron-doc": "^0.0.2",
+    "chalk": "^4.1.0",
     "commander": "7.0.0",
     "cssstats": "^4.0.0",
     "deepmerge": "^4.2.2",
-    "open": "^7.4.0",
-    "chalk": "^4.1.0",
     "lodash": "^4.17.20",
     "mocha": "^8.3.0",
+    "open": "^7.4.0",
     "postcss": "8.2.6"
   },
   "devDependencies": {
-    "@types/mocha": "^8.2.0",
     "@types/lodash": "^4.14.168",
+    "@types/mocha": "^8.2.0",
     "@types/node": "^14.14.27",
     "@types/prettier": "^2.2.1",
     "@typescript-eslint/eslint-plugin": "^4.15.0",
diff --git a/src/builder/config.ts b/src/builder/config.ts
new file mode 100644
index 0000000..3c3f554
--- /dev/null
+++ b/src/builder/config.ts
@@ -0,0 +1,147 @@
+import {
+  UtilityConfig,
+  PseudoClass,
+  PSEUDO_CLASS,
+  GenericObject,
+  BuilderConfigVariable,
+} from "../types";
+import prettier from "prettier";
+import { camelCase } from "lodash";
+
+import emmetConfig from "./emmetConfig.json";
+
+type Output = UtilityConfig<Record<string, unknown>>;
+type ObjectType = {
+  [key: string]: string;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const stringify = (input: any): string => JSON.stringify(input, null, 2);
+
+interface Input {
+  moduleName: string;
+  names: GenericObject;
+  configVariables?: BuilderConfigVariable[];
+}
+type ConfigBuild = (input: Input) => string;
+
+const configBuild: ConfigBuild = ({
+  moduleName,
+  names,
+  configVariables = [],
+}) => {
+  const mainConfig: Output = {
+    names: Object.keys(names).reduce((acc, curr) => {
+      acc[curr] = curr;
+      return acc;
+    }, {} as Record<string, string>),
+    whitelist: Object.keys(names),
+    blacklist: [],
+    isResponsive: false,
+    responsiveWhiteList: Object.keys(names),
+    responsiveBlackList: [],
+    pseudoClasses: Object.keys(names).reduce((acc, curr) => {
+      acc[curr] = Object.values(PSEUDO_CLASS);
+      return acc;
+    }, {} as Record<string, PseudoClass[]>),
+  };
+
+  const configName = camelCase(`${moduleName}-config`);
+
+  function arrayPrint(values: string[]): string {
+    return `[
+      ${values
+        .map(
+          (key) => `
+          /** ${(emmetConfig as ObjectType)[key]} **/
+          "${key}",`
+        )
+        .join("")}
+    ]`;
+  }
+
+  function objectPrint(values: { [key: string]: any }): string {
+    return `{
+      ${Object.keys(values)
+        .map((key) => {
+          return `
+  /** ${(emmetConfig as ObjectType)[key]} **/
+              "${key}": ${
+            Array.isArray(values[key])
+              ? stringify(values[key])
+              : `"${values[key]}"`
+          },`;
+        })
+        .join("")}
+    }`;
+  }
+
+  return prettier.format(
+    `
+/**
+ * =========
+ * CSS "${moduleName}" module definitions.
+ * =========
+ * */
+const ${configName} = {
+    /** 
+     * Supported CSS definitions
+     * 
+     * Define identifiers for each declaration based on your preference.
+     * Defaults to https://docs.emmet.io/cheat-sheet/
+     * **/
+    names: ${objectPrint(mainConfig.names)},
+    ${configVariables
+      .map(
+        ({ name, variable }) => `
+      /**
+       * Variables for ${(emmetConfig as ObjectType)[name]}
+       * 
+       * eg., {
+       *  [key]: [value];
+       * }
+       * */
+      ${variable}: {},`
+      )
+      .join("")}
+    /** 
+     * List of definitions to include.
+     * Remove items from this list if you do not 
+     * want it to be included in the output
+     * **/
+    whitelist: ${arrayPrint(mainConfig.whitelist)},
+    /** 
+     * List of definitions to exclude.
+     * If the number of exclusions is very minimal 
+     * use this config instead of "whitelist"
+     * **/
+    blacklist: ${stringify(mainConfig.blacklist)},
+    /** 
+     * Flag to enable definitions with responsive 
+     * breakpoints
+     * **/
+    isResponsive: ${stringify(mainConfig.isResponsive)},
+    /** 
+     * List of responsive definitions to include 
+     * Remove items from this list if you do not 
+     * want it to be included in the output
+     * **/
+    responsiveWhiteList: ${arrayPrint(mainConfig.responsiveWhiteList)},
+    /** 
+     * List of responsive definitions to exclude.
+     * If the number of exclusions is very minimal 
+     * use this config instead of "responsiveWhiteList"
+     * **/
+    responsiveBlackList: ${stringify(mainConfig.responsiveBlackList)},
+    pseudoClasses: ${objectPrint(mainConfig.pseudoClasses)}
+}
+
+module.exports = ${configName};
+`,
+    {
+      parser: "typescript",
+    }
+  );
+};
+
+export default configBuild;
diff --git a/src/builder/emmetConfig.json b/src/builder/emmetConfig.json
new file mode 100644
index 0000000..55d85f5
--- /dev/null
+++ b/src/builder/emmetConfig.json
@@ -0,0 +1,641 @@
+{
+  "pos": "position:relative;",
+  "pos:s": "position:static;",
+  "pos:a": "position:absolute;",
+  "pos:r": "position:relative;",
+  "pos:f": "position:fixed;",
+  "t": "top:;",
+  "t:a": "top:auto;",
+  "r": "right:;",
+  "r:a": "right:auto;",
+  "b": "bottom:;",
+  "b:a": "bottom:auto;",
+  "l": "left:;",
+  "l:a": "left:auto;",
+  "z": "z-index:;",
+  "z:a": "z-index:auto;",
+  "fl": "float:left;",
+  "fl:n": "float:none;",
+  "fl:l": "float:left;",
+  "fl:r": "float:right;",
+  "cl": "clear:both;",
+  "cl:n": "clear:none;",
+  "cl:l": "clear:left;",
+  "cl:r": "clear:right;",
+  "cl:b": "clear:both;",
+  "d": "display:block;",
+  "d:n": "display:none;",
+  "d:b": "display:block;",
+  "d:f": "display:flex;",
+  "d:g": "display:grid;",
+  "d:if": "display:inline-flex;",
+  "d:i": "display:inline;",
+  "d:ib": "display:inline-block;",
+  "d:li": "display:list-item;",
+  "d:ri": "display:run-in;",
+  "d:cp": "display:compact;",
+  "d:tb": "display:table;",
+  "d:itb": "display:inline-table;",
+  "d:tbcp": "display:table-caption;",
+  "d:tbcl": "display:table-column;",
+  "d:tbclg": "display:table-column-group;",
+  "d:tbhg": "display:table-header-group;",
+  "d:tbfg": "display:table-footer-group;",
+  "d:tbr": "display:table-row;",
+  "d:tbrg": "display:table-row-group;",
+  "d:tbc": "display:table-cell;",
+  "d:rb": "display:ruby;",
+  "d:rbb": "display:ruby-base;",
+  "d:rbbg": "display:ruby-base-group;",
+  "d:rbt": "display:ruby-text;",
+  "d:rbtg": "display:ruby-text-group;",
+  "v": "visibility:hidden;",
+  "v:v": "visibility:visible;",
+  "v:h": "visibility:hidden;",
+  "v:c": "visibility:collapse;",
+  "ov": "overflow:hidden;",
+  "ov:v": "overflow:visible;",
+  "ov:h": "overflow:hidden;",
+  "ov:s": "overflow:scroll;",
+  "ov:a": "overflow:auto;",
+  "ovx": "overflow-x:hidden;",
+  "ovx:v": "overflow-x:visible;",
+  "ovx:h": "overflow-x:hidden;",
+  "ovx:s": "overflow-x:scroll;",
+  "ovx:a": "overflow-x:auto;",
+  "ovy": "overflow-y:hidden;",
+  "ovy:v": "overflow-y:visible;",
+  "ovy:h": "overflow-y:hidden;",
+  "ovy:s": "overflow-y:scroll;",
+  "ovy:a": "overflow-y:auto;",
+  "ovs": "overflow-style:scrollbar;",
+  "ovs:a": "overflow-style:auto;",
+  "ovs:s": "overflow-style:scrollbar;",
+  "ovs:p": "overflow-style:panner;",
+  "ovs:m": "overflow-style:move;",
+  "ovs:mq": "overflow-style:marquee;",
+  "zoo, zm": "zoom:1;",
+  "cp": "clip:;",
+  "cp:a": "clip:auto;",
+  "cp:r": "clip:rect(top right bottom left);",
+  "rsz": "resize:;",
+  "rsz:n": "resize:none;",
+  "rsz:b": "resize:both;",
+  "rsz:h": "resize:horizontal;",
+  "rsz:v": "resize:vertical;",
+  "cur": "cursor:${pointer};",
+  "cur:a": "cursor:auto;",
+  "cur:d": "cursor:default;",
+  "cur:c": "cursor:crosshair;",
+  "cur:ha": "cursor:hand;",
+  "cur:he": "cursor:help;",
+  "cur:m": "cursor:move;",
+  "cur:p": "cursor:pointer;",
+  "cur:t": "cursor:text;",
+  "m": "margin:;",
+  "m:a": "margin:auto;",
+  "mt": "margin-top:;",
+  "mt:a": "margin-top:auto;",
+  "mr": "margin-right:;",
+  "mr:a": "margin-right:auto;",
+  "mb": "margin-bottom:;",
+  "mb:a": "margin-bottom:auto;",
+  "ml": "margin-left:;",
+  "ml:a": "margin-left:auto;",
+  "p": "padding:;",
+  "pt": "padding-top:;",
+  "pr": "padding-right:;",
+  "pb": "padding-bottom:;",
+  "pl": "padding-left:;",
+  "bxz": "box-sizing:border-box;",
+  "bxz:cb": "box-sizing:content-box;",
+  "bxz:bb": "box-sizing:border-box;",
+  "bxsh": "box-shadow:inset hoff voff blur color;",
+  "bxsh:r": "box-shadow:inset hoff voff blur spread rgb(0, 0, 0);",
+  "bxsh:ra": "box-shadow:inset h v blur spread rgba(0, 0, 0, .5);",
+  "bxsh:n": "box-shadow:none;",
+  "w": "width:;",
+  "w:a": "width:auto;",
+  "h": "height:;",
+  "h:a": "height:auto;",
+  "maw": "max-width:;",
+  "maw:n": "max-width:none;",
+  "mah": "max-height:;",
+  "mah:n": "max-height:none;",
+  "miw": "min-width:;",
+  "mih": "min-height:;",
+  "f": "font:;",
+  "f+": "font:1em Arial,sans-serif;",
+  "fw": "font-weight:;",
+  "fw:n": "font-weight:normal;",
+  "fw:b": "font-weight:bold;",
+  "fw:br": "font-weight:bolder;",
+  "fw:lr": "font-weight:lighter;",
+  "fs": "font-style:${italic};",
+  "fs:n": "font-style:normal;",
+  "fs:i": "font-style:italic;",
+  "fs:o": "font-style:oblique;",
+  "fv": "font-variant:;",
+  "fv:n": "font-variant:normal;",
+  "fv:sc": "font-variant:small-caps;",
+  "fz": "font-size:;",
+  "fza": "font-size-adjust:;",
+  "fza:n": "font-size-adjust:none;",
+  "ff": "font-family:;",
+  "ff:s": "font-family:serif;",
+  "ff:ss": "font-family:sans-serif;",
+  "ff:c": "font-family:cursive;",
+  "ff:f": "font-family:fantasy;",
+  "ff:m": "font-family:monospace;",
+  "ff:a": "font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif;",
+  "ff:t": "font-family: \"Times New Roman\", Times, Baskerville, Georgia, serif;",
+  "ff:v": "font-family: Verdana, Geneva, sans-serif;",
+  "fef": "font-effect:;",
+  "fef:n": "font-effect:none;",
+  "fef:eg": "font-effect:engrave;",
+  "fef:eb": "font-effect:emboss;",
+  "fef:o": "font-effect:outline;",
+  "fem": "font-emphasize:;",
+  "femp": "font-emphasize-position:;",
+  "femp:b": "font-emphasize-position:before;",
+  "femp:a": "font-emphasize-position:after;",
+  "fems": "font-emphasize-style:;",
+  "fems:n": "font-emphasize-style:none;",
+  "fems:ac": "font-emphasize-style:accent;",
+  "fems:dt": "font-emphasize-style:dot;",
+  "fems:c": "font-emphasize-style:circle;",
+  "fems:ds": "font-emphasize-style:disc;",
+  "fsm": "font-smooth:;",
+  "fsm:a": "font-smooth:auto;",
+  "fsm:n": "font-smooth:never;",
+  "fsm:aw": "font-smooth:always;",
+  "fst": "font-stretch:;",
+  "fst:n": "font-stretch:normal;",
+  "fst:uc": "font-stretch:ultra-condensed;",
+  "fst:ec": "font-stretch:extra-condensed;",
+  "fst:c": "font-stretch:condensed;",
+  "fst:sc": "font-stretch:semi-condensed;",
+  "fst:se": "font-stretch:semi-expanded;",
+  "fst:e": "font-stretch:expanded;",
+  "fst:ee": "font-stretch:extra-expanded;",
+  "fst:ue": "font-stretch:ultra-expanded;",
+  "va": "vertical-align:top;",
+  "va:sup": "vertical-align:super;",
+  "va:t": "vertical-align:top;",
+  "va:tt": "vertical-align:text-top;",
+  "va:m": "vertical-align:middle;",
+  "va:bl": "vertical-align:baseline;",
+  "va:b": "vertical-align:bottom;",
+  "va:tb": "vertical-align:text-bottom;",
+  "va:sub": "vertical-align:sub;",
+  "ta": "text-align:left;",
+  "ta:l": "text-align:left;",
+  "ta:c": "text-align:center;",
+  "ta:r": "text-align:right;",
+  "ta:j": "text-align:justify;",
+  "ta-lst": "text-align-last:;",
+  "tal:a": "text-align-last:auto;",
+  "tal:l": "text-align-last:left;",
+  "tal:c": "text-align-last:center;",
+  "tal:r": "text-align-last:right;",
+  "td": "text-decoration:none;",
+  "td:n": "text-decoration:none;",
+  "td:u": "text-decoration:underline;",
+  "td:o": "text-decoration:overline;",
+  "td:l": "text-decoration:line-through;",
+  "te": "text-emphasis:;",
+  "te:n": "text-emphasis:none;",
+  "te:ac": "text-emphasis:accent;",
+  "te:dt": "text-emphasis:dot;",
+  "te:c": "text-emphasis:circle;",
+  "te:ds": "text-emphasis:disc;",
+  "te:b": "text-emphasis:before;",
+  "te:a": "text-emphasis:after;",
+  "th": "text-height:;",
+  "th:a": "text-height:auto;",
+  "th:f": "text-height:font-size;",
+  "th:t": "text-height:text-size;",
+  "th:m": "text-height:max-size;",
+  "ti": "text-indent:;",
+  "ti:-": "text-indent:-9999px;",
+  "tj": "text-justify:;",
+  "tj:a": "text-justify:auto;",
+  "tj:iw": "text-justify:inter-word;",
+  "tj:ii": "text-justify:inter-ideograph;",
+  "tj:ic": "text-justify:inter-cluster;",
+  "tj:d": "text-justify:distribute;",
+  "tj:k": "text-justify:kashida;",
+  "tj:t": "text-justify:tibetan;",
+  "to": "text-outline:;",
+  "to+": "text-outline:0 0 #000;",
+  "to:n": "text-outline:none;",
+  "tr": "text-replace:;",
+  "tr:n": "text-replace:none;",
+  "tt": "text-transform:uppercase;",
+  "tt:n": "text-transform:none;",
+  "tt:c": "text-transform:capitalize;",
+  "tt:u": "text-transform:uppercase;",
+  "tt:l": "text-transform:lowercase;",
+  "tw": "text-wrap:;",
+  "tw:n": "text-wrap:normal;",
+  "tw:no": "text-wrap:none;",
+  "tw:u": "text-wrap:unrestricted;",
+  "tw:s": "text-wrap:suppress;",
+  "tsh": "text-shadow:hoff voff blur #000;",
+  "tsh:r": "text-shadow:h v blur rgb(0, 0, 0);",
+  "tsh:ra": "text-shadow:h v blur rgba(0, 0, 0, .5);",
+  "tsh+": "text-shadow:0 0 0 #000;",
+  "tsh:n": "text-shadow:none;",
+  "lh": "line-height:;",
+  "lts": "letter-spacing:;",
+  "lts-n": "letter-spacing:normal;",
+  "whs": "white-space:;",
+  "whs:n": "white-space:normal;",
+  "whs:p": "white-space:pre;",
+  "whs:nw": "white-space:nowrap;",
+  "whs:pw": "white-space:pre-wrap;",
+  "whs:pl": "white-space:pre-line;",
+  "whsc": "white-space-collapse:;",
+  "whsc:n": "white-space-collapse:normal;",
+  "whsc:k": "white-space-collapse:keep-all;",
+  "whsc:l": "white-space-collapse:loose;",
+  "whsc:bs": "white-space-collapse:break-strict;",
+  "whsc:ba": "white-space-collapse:break-all;",
+  "wob": "word-break:;",
+  "wob:n": "word-break:normal;",
+  "wob:k": "word-break:keep-all;",
+  "wob:ba": "word-break:break-all;",
+  "wos": "word-spacing:;",
+  "wow": "word-wrap:;",
+  "wow:nm": "word-wrap:normal;",
+  "wow:n": "word-wrap:none;",
+  "wow:u": "word-wrap:unrestricted;",
+  "wow:s": "word-wrap:suppress;",
+  "wow:b": "word-wrap:break-word;",
+  "bg": "background:#000;",
+  "bg+": "background:#fff url() 0 0 no-repeat;",
+  "bg:n": "background:none;",
+  "bgc": "background-color:#fff;",
+  "bgc:t": "background-color:transparent;",
+  "bgi": "background-image:url();",
+  "bgi:n": "background-image:none;",
+  "bgr": "background-repeat:;",
+  "bgr:n": "background-repeat:no-repeat;",
+  "bgr:x": "background-repeat:repeat-x;",
+  "bgr:y": "background-repeat:repeat-y;",
+  "bgr:sp": "background-repeat:space;",
+  "bgr:rd": "background-repeat:round;",
+  "bga": "background-attachment:;",
+  "bga:f": "background-attachment:fixed;",
+  "bga:s": "background-attachment:scroll;",
+  "bgp": "background-position:0 0;",
+  "bgpx": "background-position-x:;",
+  "bgpy": "background-position-y:;",
+  "bgbk": "background-break:;",
+  "bgbk:bb": "background-break:bounding-box;",
+  "bgbk:eb": "background-break:each-box;",
+  "bgbk:c": "background-break:continuous;",
+  "bgcp": "background-clip:padding-box;",
+  "bgcp:bb": "background-clip:border-box;",
+  "bgcp:pb": "background-clip:padding-box;",
+  "bgcp:cb": "background-clip:content-box;",
+  "bgcp:nc": "background-clip:no-clip;",
+  "bgo": "background-origin:;",
+  "bgo:pb": "background-origin:padding-box;",
+  "bgo:bb": "background-origin:border-box;",
+  "bgo:cb": "background-origin:content-box;",
+  "bgsz": "background-size:;",
+  "bgsz:a": "background-size:auto;",
+  "bgsz:ct": "background-size:contain;",
+  "bgsz:cv": "background-size:cover;",
+  "c": "color:#000;",
+  "c:r": "color:rgb(0, 0, 0);",
+  "c:ra": "color:rgba(0, 0, 0, .5);",
+  "op": "opacity:;",
+  "cnt": "content:'';",
+  "cnt:n, ct:n": "content:normal;",
+  "cnt:oq, ct:oq": "content:open-quote;",
+  "cnt:noq, ct:noq": "content:no-open-quote;",
+  "cnt:cq, ct:cq": "content:close-quote;",
+  "cnt:ncq, ct:ncq": "content:no-close-quote;",
+  "cnt:a, ct:a": "content:attr();",
+  "cnt:c, ct:c": "content:counter();",
+  "cnt:cs, ct:cs": "content:counters();",
+  "ct": "content:;",
+  "q": "quotes:;",
+  "q:n": "quotes:none;",
+  "q:ru": "quotes:'\\00AB' '\\00BB' '\\201E' '\\201C';",
+  "q:en": "quotes:'\\201C' '\\201D' '\\2018' '\\2019';",
+  "coi": "counter-increment:;",
+  "cor": "counter-reset:;",
+  "ol": "outline:;",
+  "ol:n": "outline:none;",
+  "olo": "outline-offset:;",
+  "olw": "outline-width:;",
+  "olw:tn": "outline-width:thin;",
+  "olw:m": "outline-width:medium;",
+  "olw:tc": "outline-width:thick;",
+  "ols": "outline-style:;",
+  "ols:n": "outline-style:none;",
+  "ols:dt": "outline-style:dotted;",
+  "ols:ds": "outline-style:dashed;",
+  "ols:s": "outline-style:solid;",
+  "ols:db": "outline-style:double;",
+  "ols:g": "outline-style:groove;",
+  "ols:r": "outline-style:ridge;",
+  "ols:i": "outline-style:inset;",
+  "ols:o": "outline-style:outset;",
+  "olc": "outline-color:#000;",
+  "olc:i": "outline-color:invert;",
+  "tbl": "table-layout:;",
+  "tbl:a": "table-layout:auto;",
+  "tbl:f": "table-layout:fixed;",
+  "cps": "caption-side:;",
+  "cps:t": "caption-side:top;",
+  "cps:b": "caption-side:bottom;",
+  "ec": "empty-cells:;",
+  "ec:s": "empty-cells:show;",
+  "ec:h": "empty-cells:hide;",
+  "bd": "border:;",
+  "bd+": "border:1px solid #000;",
+  "bd:n": "border:none;",
+  "bd:w": "border-with:;",
+  "bd:s": "border-style:;",
+  "bdt": "border-top:;",
+  "bdt:w": "border-top-width:;",
+  "bdt:s": "border-top-stylex:;",
+  "bdbk": "border-break:close;",
+  "bdbk:c": "border-break:close;",
+  "bdcl": "border-collapse:;",
+  "bdcl:c": "border-collapse:collapse;",
+  "bdcl:s": "border-collapse:separate;",
+  "bdc": "border-color:#000;",
+  "bdc:t": "border-color:transparent;",
+  "bdi": "border-image:url();",
+  "bdi:n": "border-image:none;",
+  "bdti": "border-top-image:url();",
+  "bdti:n": "border-top-image:none;",
+  "bdri": "border-right-image:url();",
+  "bdri:n": "border-right-image:none;",
+  "bdbi": "border-bottom-image:url();",
+  "bdbi:n": "border-bottom-image:none;",
+  "bdli": "border-left-image:url();",
+  "bdli:n": "border-left-image:none;",
+  "bdci": "border-corner-image:url();",
+  "bdci:n": "border-corner-image:none;",
+  "bdci:c": "border-corner-image:continue;",
+  "bdtli": "border-top-left-image:url();",
+  "bdtli:n": "border-top-left-image:none;",
+  "bdtli:c": "border-top-left-image:continue;",
+  "bdtri": "border-top-right-image:url();",
+  "bdtri:n": "border-top-right-image:none;",
+  "bdtri:c": "border-top-right-image:continue;",
+  "bdbri": "border-bottom-right-image:url();",
+  "bdbri:n": "border-bottom-right-image:none;",
+  "bdbri:c": "border-bottom-right-image:continue;",
+  "bdbli": "border-bottom-left-image:url();",
+  "bdbli:n": "border-bottom-left-image:none;",
+  "bdbli:c": "border-bottom-left-image:continue;",
+  "bdf": "border-fit:repeat;",
+  "bdf:c": "border-fit:clip;",
+  "bdf:r": "border-fit:repeat;",
+  "bdf:sc": "border-fit:scale;",
+  "bdf:st": "border-fit:stretch;",
+  "bdf:ow": "border-fit:overwrite;",
+  "bdf:of": "border-fit:overflow;",
+  "bdf:sp": "border-fit:space;",
+  "bdlen": "border-length:;",
+  "bdlen:a": "border-length:auto;",
+  "bdsp": "border-spacing:;",
+  "bds": "border-style:;",
+  "bds:n": "border-style:none;",
+  "bds:h": "border-style:hidden;",
+  "bds:dt": "border-style:dotted;",
+  "bds:ds": "border-style:dashed;",
+  "bds:s": "border-style:solid;",
+  "bds:db": "border-style:double;",
+  "bds:dtds": "border-style:dot-dash;",
+  "bds:dtdtds": "border-style:dot-dot-dash;",
+  "bds:w": "border-style:wave;",
+  "bds:g": "border-style:groove;",
+  "bds:r": "border-style:ridge;",
+  "bds:i": "border-style:inset;",
+  "bds:o": "border-style:outset;",
+  "bdw": "border-width:;",
+  "bdt, bt": "border-top:;",
+  "bdt+": "border-top:1px solid #000;",
+  "bdt:n": "border-top:none;",
+  "bdt:w": "border-top-width:;",
+  "bdt:s": "border-top-style:;",
+  "bdts:n": "border-top-style:none;",
+  "bdtc": "border-top-color:#000;",
+  "bdtc:t": "border-top-color:transparent;",
+  "bdr": "border-right:;",
+  "bdr+": "border-right:1px solid #000;",
+  "bdr:n": "border-right:none;",
+  "bdr:w": "border-right-width:;",
+  "bdr:s": "border-right-style:;",
+  "bdrst:n": "border-right-style:none;",
+  "bdrc": "border-right-color:#000;",
+  "bdrc:t": "border-right-color:transparent;",
+  "bdb": "border-bottom:;",
+  "bdb+": "border-bottom:1px solid #000;",
+  "bdb:n": "border-bottom:none;",
+  "bdb:w": "border-bottom-width:;",
+  "bdb:s": "border-bottom-style:;",
+  "bdbs:n": "border-bottom-style:none;",
+  "bdbc": "border-bottom-color:#000;",
+  "bdbc:t": "border-bottom-color:transparent;",
+  "bdl": "border-left:;",
+  "bdl+": "border-left:1px solid #000;",
+  "bdl:n": "border-left:none;",
+  "bdl:w": "border-left-width:;",
+  "bdl:s": "border-left-style:;",
+  "bdls:n": "border-left-style:none;",
+  "bdlc": "border-left-color:#000;",
+  "bdlc:t": "border-left-color:transparent;",
+  "bdrs": "border-radius:;",
+  "bdtrrs": "border-top-right-radius:;",
+  "bdtlrs": "border-top-left-radius:;",
+  "bdbrrs": "border-bottom-right-radius:;",
+  "bdblrs": "border-bottom-left-radius:;",
+  "lis": "list-style:;",
+  "lis:n": "list-style:none;",
+  "lisp": "list-style-position:;",
+  "lisp:i": "list-style-position:inside;",
+  "lisp:o": "list-style-position:outside;",
+  "list": "list-style-type:;",
+  "list:n": "list-style-type:none;",
+  "list:d": "list-style-type:disc;",
+  "list:c": "list-style-type:circle;",
+  "list:s": "list-style-type:square;",
+  "list:dc": "list-style-type:decimal;",
+  "list:dclz": "list-style-type:decimal-leading-zero;",
+  "list:lr": "list-style-type:lower-roman;",
+  "list:ur": "list-style-type:upper-roman;",
+  "lisi": "list-style-image:;",
+  "lisi:n": "list-style-image:none;",
+  "pgbb": "page-break-before:;",
+  "pgbb:au": "page-break-before:auto;",
+  "pgbb:al": "page-break-before:always;",
+  "pgbb:l": "page-break-before:left;",
+  "pgbb:r": "page-break-before:right;",
+  "pgbi": "page-break-inside:;",
+  "pgbi:au": "page-break-inside:auto;",
+  "pgbi:av": "page-break-inside:avoid;",
+  "pgba": "page-break-after:;",
+  "pgba:au": "page-break-after:auto;",
+  "pgba:al": "page-break-after:always;",
+  "pgba:l": "page-break-after:left;",
+  "pgba:r": "page-break-after:right;",
+  "orp": "orphans:;",
+  "wid": "widows:;",
+  "!": "!important",
+  "@f": "@font-face {\n    font-family:;\n    src:url(|);\n}",
+  "@f+": "@font-face {\n    font-family: 'FontName';\n    src: url('FileName.eot');\n    src: url('FileName.eot?#iefix') format('embedded-opentype'),\n         url('FileName.woff') format('woff'),\n         url('FileName.ttf') format('truetype'),\n         url('FileName.svg#FontName') format('svg');\n    font-style: normal;\n    font-weight: normal;\n}",
+  "@i, @import": "@import url();",
+  "@kf": "@-webkit-keyframes identifier {\n    from {  }\n    to {  }\n}\n@-o-keyframes identifier {\n    from {  }\n    to {  }\n}\n@-moz-keyframes identifier {\n    from {  }\n    to {  }\n}\n@keyframes identifier {\n    from {  }\n    to {  }\n}",
+  "@m, @media": "@media screen {\n    \n}",
+  "ac": "align-content:;",
+  "ac:c": "align-content:center;",
+  "ac:fe": "align-content:flex-end;",
+  "ac:fs": "align-content:flex-start;",
+  "ac:s": "align-content:stretch;",
+  "ac:sa": "align-content:space-around;",
+  "ac:sb": "align-content:space-between;",
+  "ac:se": "align-content:space-evenly;",
+  "ai": "align-items:;",
+  "ai:b": "align-items:baseline;",
+  "ai:c": "align-items:center;",
+  "ai:fe": "align-items:flex-end;",
+  "ai:fs": "align-items:flex-start;",
+  "ai:s": "align-items:stretch;",
+  "anim": "animation:;",
+  "anim-": "animation:name duration timing-function delay iteration-count direction fill-mode;",
+  "animdel": "animation-delay:time;",
+  "animdir": "animation-direction:normal;",
+  "animdir:a": "animation-direction:alternate;",
+  "animdir:ar": "animation-direction:alternate-reverse;",
+  "animdir:n": "animation-direction:normal;",
+  "animdir:r": "animation-direction:reverse;",
+  "animdur": "animation-duration:0s;",
+  "animfm": "animation-fill-mode:both;",
+  "animfm:b": "animation-fill-mode:backwards;",
+  "animfm:bt, animfm:bh": "animation-fill-mode:both;",
+  "animfm:f": "animation-fill-mode:forwards;",
+  "animic": "animation-iteration-count:1;",
+  "animic:i": "animation-iteration-count:infinite;",
+  "animn": "animation-name:none;",
+  "animps": "animation-play-state:running;",
+  "animps:p": "animation-play-state:paused;",
+  "animps:r": "animation-play-state:running;",
+  "animtf": "animation-timing-function:linear;",
+  "animtf:cb": "animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);",
+  "animtf:e": "animation-timing-function:ease;",
+  "animtf:ei": "animation-timing-function:ease-in;",
+  "animtf:eio": "animation-timing-function:ease-in-out;",
+  "animtf:eo": "animation-timing-function:ease-out;",
+  "animtf:l": "animation-timing-function:linear;",
+  "ap": "appearance:${none};",
+  "as": "align-self:;",
+  "as:a": "align-self:auto;",
+  "as:b": "align-self:baseline;",
+  "as:c": "align-self:center;",
+  "as:fe": "align-self:flex-end;",
+  "as:fs": "align-self:flex-start;",
+  "as:s": "align-self:stretch;",
+  "bfv": "backface-visibility:;",
+  "bfv:h": "backface-visibility:hidden;",
+  "bfv:v": "backface-visibility:visible;",
+  "bg:ie": "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop');",
+  "cm": "/* ${child} */",
+  "colm": "columns:;",
+  "colmc": "column-count:;",
+  "colmf": "column-fill:;",
+  "colmg": "column-gap:;",
+  "colmr": "column-rule:;",
+  "colmrc": "column-rule-color:;",
+  "colmrs": "column-rule-style:;",
+  "colmrw": "column-rule-width:;",
+  "colms": "column-span:;",
+  "colmw": "column-width:;",
+  "d:ib+": "display: inline-block;\n*display: inline;\n*zoom: 1;",
+  "fx": "flex:;",
+  "fx:r": "flex: 0 0 auto;",
+  "fx:a": "flex: 1 1 auto;",
+  "fx:n": "flex: none;",
+  "fxb": "flex-basis:;",
+  "fxd": "flex-direction:;",
+  "fxd:c": "flex-direction:column;",
+  "fxd:cr": "flex-direction:column-reverse;",
+  "fxd:r": "flex-direction:row;",
+  "fxd:rr": "flex-direction:row-reverse;",
+  "fxg:0": "flex-grow: 0;",
+  "fxg:1": "flex-grow: 1;",
+  "fxs:0": "flex-shrink: 0;",
+  "fxs:1": "flex-shrink: 1;",
+  "fxf": "flex-flow:;",
+  "fxg": "flex-grow:;",
+  "fxsh": "flex-shrink:;",
+  "fxw": "flex-wrap: ;",
+  "fxw:n": "flex-wrap:nowrap;",
+  "fxw:w": "flex-wrap:wrap;",
+  "fxw:wr": "flex-wrap:wrap-reverse;",
+  "jc": "justify-content:;",
+  "jc:c": "justify-content:center;",
+  "jc:fe": "justify-content:flex-end;",
+  "jc:fs": "justify-content:flex-start;",
+  "jc:sa": "justify-content:space-around;",
+  "jc:sb": "justify-content:space-between;",
+  "jc:se": "justify-content:space-evenly;",
+  "mar": "max-resolution:res;",
+  "mir": "min-resolution:res;",
+  "op+": "opacity: ;\nfilter: alpha(opacity=);",
+  "op:ie": "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);",
+  "op:ms": "-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';",
+  "ord": "order:;",
+  "ori": "orientation:;",
+  "ori:l": "orientation:landscape;",
+  "ori:p": "orientation:portrait;",
+  "tov": "text-overflow:${ellipsis};",
+  "tov:c": "text-overflow:clip;",
+  "tov:e": "text-overflow:ellipsis;",
+  "trf": "transform:;",
+  "trf:r": "transform: rotate(angle);",
+  "trf:rx": "transform: rotateX(angle);",
+  "trf:ry": "transform: rotateY(angle);",
+  "trf:rz": "transform: rotateZ(angle);",
+  "trf:sc": "transform: scale(x, y);",
+  "trf:sc3": "transform: scale3d(x, y, z);",
+  "trf:scx": "transform: scaleX(x);",
+  "trf:scy": "transform: scaleY(y);",
+  "trf:scz": "transform: scaleZ(z);",
+  "trf:skx": "transform: skewX(angle);",
+  "trf:sky": "transform: skewY(angle);",
+  "trf:t": "transform: translate(x, y);",
+  "trf:t3": "transform: translate3d(tx, ty, tz);",
+  "trf:tx": "transform: translateX(x);",
+  "trf:ty": "transform: translateY(y);",
+  "trf:tz": "transform: translateZ(z);",
+  "trfo": "transform-origin:;",
+  "trfs": "transform-style:preserve-3d;",
+  "trs": "transition:prop time;",
+  "trsde": "transition-delay:time;",
+  "trsdu": "transition-duration:time;",
+  "trsp": "transition-property:prop;",
+  "trstf": "transition-timing-function:tfunc;",
+  "us": "user-select:${none};",
+  "wfsm": "-webkit-font-smoothing:${antialiased};",
+  "wfsm:a": "-webkit-font-smoothing:antialiased;",
+  "wfsm:n": "-webkit-font-smoothing:none;",
+  "wfsm:s, wfsm:sa": "-webkit-font-smoothing:subpixel-antialiased;",
+  "wm": "writing-mode:lr-tb;",
+  "wm:btl": "writing-mode:bt-lr;",
+  "wm:btr": "writing-mode:bt-rl;",
+  "wm:lrb": "writing-mode:lr-bt;",
+  "wm:lrt": "writing-mode:lr-tb;",
+  "wm:rlb": "writing-mode:rl-bt;",
+  "wm:rlt": "writing-mode:rl-tb;",
+  "wm:tbl": "writing-mode:tb-lr;",
+  "wm:tbr": "writing-mode:tb-rl;"
+}
diff --git a/src/helpers/build-css.ts b/src/helpers/build-css.ts
deleted file mode 100644
index 0f41348..0000000
--- a/src/helpers/build-css.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import path from "path";
-import { promises as fsAsync } from "fs";
-import _ from "lodash";
-
-interface BuildCSS {
-  packageName: string;
-  atomCss: string;
-}
-
-export default async function ({
-  packageName,
-  atomCss,
-}: BuildCSS): Promise<string> {
-  const cssFile = await fsAsync.readFile(
-    path.join(__dirname, "templates", "theme.css"),
-    "utf-8"
-  );
-  const headTemplate = _.template(
-    await fsAsync.readFile(
-      path.join(__dirname, "templates", "head.html"),
-      "utf-8"
-    )
-  );
-  const headHtml = headTemplate({
-    packageName,
-    cssFile,
-    atomCss,
-  });
-
-  return headHtml;
-}
diff --git a/src/helpers/build-doc-partials.ts b/src/helpers/build-doc-partials.ts
deleted file mode 100644
index 23ddcb9..0000000
--- a/src/helpers/build-doc-partials.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import buildCss from "./build-css";
-import buildNav from "./build-nav";
-import buildSidebar from "./build-sidebar";
-import buildSections from "./build-sections";
-import buildStats from "./build-stats";
-
-import { Module } from "../plugins/docs";
-
-/* Function which build all parts of the document */
-export default async function buildDocPartials({
-  packageName,
-  modules,
-  atomCss,
-}: {
-  packageName: string;
-  modules: Module;
-  atomCss: string;
-}): Promise<{
-  headHtml: string;
-  navHtml: string;
-  sidebarHtml: string;
-  sectionsHtml: string[];
-  statsHtml: string;
-}> {
-  // Build the <head>
-  const headHtml = await buildCss({
-    packageName,
-    atomCss,
-  });
-  // Build the <TopNav>
-  const navHtml = await buildNav({
-    packageName,
-  });
-  // Build the <Sidebar>
-  const sidebarHtml = await buildSidebar({
-    modules,
-  });
-  // Build the <Sections>
-  const sectionsHtml = await buildSections({
-    modules,
-  });
-  // Build the <>
-  const statsHtml = await buildStats({
-    atomCss,
-  });
-
-  return {
-    headHtml,
-    navHtml,
-    sidebarHtml,
-    sectionsHtml,
-    statsHtml,
-  };
-}
diff --git a/src/helpers/build-index.ts b/src/helpers/build-index.ts
deleted file mode 100644
index 303945b..0000000
--- a/src/helpers/build-index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import path from "path";
-import _ from "lodash";
-import { promises as fsAsync } from "fs";
-
-interface BuildIndex {
-  headHtml: string;
-  navHtml: string;
-  sidebarHtml: string;
-  sectionsHtml: string[];
-  statsHtml: string;
-  packageName: string;
-}
-
-export default async function ({
-  headHtml,
-  navHtml,
-  sidebarHtml,
-  sectionsHtml,
-  statsHtml,
-  packageName,
-}: BuildIndex): Promise<string> {
-  const indexTemplate = _.template(
-    await fsAsync.readFile(
-      path.join(__dirname, "templates", "index.html"),
-      "utf-8"
-    )
-  );
-  const indexHtml = indexTemplate({
-    packageName,
-    head: headHtml,
-    nav: navHtml,
-    sidebar: sidebarHtml,
-    sections: sectionsHtml,
-    stats: statsHtml,
-  });
-
-  return indexHtml;
-}
diff --git a/src/helpers/build-nav.ts b/src/helpers/build-nav.ts
deleted file mode 100644
index 1295979..0000000
--- a/src/helpers/build-nav.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import path from "path";
-import { promises as fsAsync } from "fs";
-import _ from "lodash";
-
-export default async function buildNav({
-  packageName,
-}: {
-  packageName: string;
-}): Promise<string> {
-  const navTemplate = _.template(
-    await fsAsync.readFile(
-      path.join(__dirname, "templates", "nav.html"),
-      "utf8"
-    )
-  );
-  const navHtml = navTemplate({
-    packageName,
-  });
-
-  return navHtml;
-}
diff --git a/src/helpers/build-sections.ts b/src/helpers/build-sections.ts
deleted file mode 100644
index 9aca0e3..0000000
--- a/src/helpers/build-sections.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import path from "path";
-import _ from "lodash";
-import { promises as fsAsync } from "fs";
-
-import { CreatedNode } from "../util/traverse";
-import { Module } from "../plugins/docs";
-
-const selectorReplace = (selector: string) => {
-  return selector.replace(".", "").replace(":active", "").replace(":hover", "");
-};
-
-interface Rule {
-  selector: string;
-  nodes: CreatedNode["nodes"];
-  media: string;
-  class: string;
-}
-
-export default async function buildSections({
-  modules,
-}: {
-  modules: Module;
-}): Promise<string[]> {
-  const sectionTemplate = _.template(
-    await fsAsync.readFile(
-      path.join(__dirname, "templates", "section.html"),
-      "utf8"
-    )
-  );
-  const sectionsHtml: string[] = [];
-  Object.keys(modules).forEach((module) => {
-    const moduleName = module[0].toUpperCase() + module.slice(1);
-    const rules: Rule[] = [];
-    modules[module].forEach((rule) => {
-      const { nodes, selector, media } = rule;
-      if (/^\.[A-Za-z0-9\-\:\_]+$/.test(selector)) {
-        rules.push({
-          selector,
-          nodes,
-          media,
-          class: selectorReplace(selector),
-        });
-      }
-    });
-    const sectionHtml = sectionTemplate({
-      module: moduleName,
-      rules,
-    });
-    sectionsHtml.push(sectionHtml);
-  });
-
-  return sectionsHtml;
-}
diff --git a/src/helpers/build-sidebar.ts b/src/helpers/build-sidebar.ts
deleted file mode 100644
index af08fab..0000000
--- a/src/helpers/build-sidebar.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import path from "path";
-import _ from "lodash";
-import { promises as fsAsync } from "fs";
-
-import { Module } from "../plugins/docs";
-
-export default async function buildSidebar({
-  modules,
-}: {
-  modules: Module;
-}): Promise<string> {
-  const sidebarTemplate = _.template(
-    await fsAsync.readFile(
-      path.join(__dirname, "templates", "sidebar.html"),
-      "utf-8"
-    )
-  );
-  const sidebarHtml = sidebarTemplate({
-    links: Object.keys(modules).map((module) => _.capitalize(module)),
-  });
-  return sidebarHtml;
-}
diff --git a/src/helpers/build-stats.ts b/src/helpers/build-stats.ts
deleted file mode 100644
index 119c1a4..0000000
--- a/src/helpers/build-stats.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import path from "path";
-import { promises as fsAsync } from "fs";
-import _ from "lodash";
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const cssstats = require("cssstats");
-
-interface BuildStats {
-  atomCss: string;
-}
-
-export default async function buildStats({
-  atomCss,
-}: BuildStats): Promise<string> {
-  const {
-    humanizedSize: size,
-    humanizedGzipSize: gzippedSize,
-    rules: { total: totalRules } = {} as any,
-    selectors: {
-      total: totalSelectors,
-      class: selectorsClass,
-      id: selectorsId,
-      pseudoClass: selectorsPseudoClass,
-      pseudoElement: selectorsPseudoElement,
-      specificity: { average: selectorsSpecificity } = {} as any,
-    } = {} as any,
-    declarations: { total: totalDecls, unique: uniqueDecls } = {} as any,
-    mediaQueries: { total: totalMedia } = {} as any,
-  } = cssstats(atomCss) as any;
-
-  const statsTemplate = _.template(
-    await fsAsync.readFile(
-      path.join(__dirname, "templates", "stats.html"),
-      "utf8"
-    )
-  );
-  const statsHtml = statsTemplate({
-    overview: {
-      size,
-      gzippedSize,
-      totalRules,
-      totalDecls,
-      totalMedia,
-    },
-    selectors: {
-      total: totalSelectors,
-      class: selectorsClass,
-      id: selectorsId,
-      pClass: selectorsPseudoClass,
-      pElement: selectorsPseudoElement,
-      specificity: Math.round(selectorsSpecificity),
-    },
-    declarations: {
-      total: totalDecls,
-      unique: uniqueDecls,
-    },
-  });
-  return statsHtml;
-}
diff --git a/src/helpers/templates/head.html b/src/helpers/templates/head.html
deleted file mode 100644
index 0f2183a..0000000
--- a/src/helpers/templates/head.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<head>
-  <meta charset="utf-8">
-  <title>
-    <%= packageName %>
-  </title>
-  <meta name="description" content="documentation" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <style>
-    <%=cssFile %>
-  </style>
-  <style>
-    <%=atomCss %>
-  </style>
-</head>
diff --git a/src/helpers/templates/index.html b/src/helpers/templates/index.html
deleted file mode 100644
index 3da413a..0000000
--- a/src/helpers/templates/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html>
-<%= head %>
-
-  <body>
-    <div class="uk-offcanvas-content">
-      <%= nav %>
-        <%= sidebar %>
-          <div class="uk-section uk-section-default">
-            <div class="uk-container uk-container-small uk-position-relative">
-              <%= stats %>
-                <%= sections %>
-            </div>
-          </div>
-    </div>
-  </body>
-
-</html>
diff --git a/src/helpers/templates/nav.html b/src/helpers/templates/nav.html
deleted file mode 100644
index c2cd87c..0000000
--- a/src/helpers/templates/nav.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<div class="uk-navbar-container uk-sticky uk-sticky-fixed uk-sticky-below" style="position: fixed; top: 0; width: 100vw">
-  <div class="uk-container uk-container-expand" uk-navbar>
-    <nav class="uk-navbar">
-      <div class="uk-navbar-left">
-        <a class="uk-navbar-item uk-logo" href="#">
-          <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor">
-            <path d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"
-            />
-          </svg>&nbsp;
-          <%= packageName %>
-        </a>
-      </div>
-      <!--div class="uk-navbar-right">
-        <ul class="uk-navbar-nav">
-          <li>
-            <a href="#">
-              <span class="uk-icon uk-margin-small-right" uk-icon="icon: star"></span>
-              Features
-            </a>
-          </li>
-        </ul>
-      </div-->
-    </nav>
-  </div>
-</div>
-<div class="uk-sticky-placeholder" style="height: 80px; margin: 0px;"></div>
diff --git a/src/helpers/templates/section.html b/src/helpers/templates/section.html
deleted file mode 100644
index bd1e790..0000000
--- a/src/helpers/templates/section.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<a name="<%= module %>"></a>
-<h1 class="uk-heading-bullet">
-  <%= module %>
-</h1>
-<h2 class="uk-h3">
-  Usage
-</h2>
-<div class="uk-overflow-auto">
-  <table class="uk-table uk-table-divider">
-    <thead>
-      <tr>
-        <th style="text-align:left">Class</th>
-        <th style="text-align:left">Description</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% _.forEach(rules, function(rule) { %>
-        <tr>
-          <td style="text-align:left">
-            <code>
-              <%= rule.selector %>
-            </code>
-          </td>
-          <td style="text-align:left">
-            <div class="<%= rule.class %>">
-              Lorem Ipsum
-            </div>
-            <% if (typeof(rule.media) !== "undefined") { %>
-              <p>
-                <span class="uk-text-small uk-label">
-                  Breakpoint
-                </span>
-                <%= rule.media %>
-              </p>
-              <% } %>
-                <code>
-                <%= rule.nodes %>
-              </code>
-          </td>
-        </tr>
-        <% }); %>
-    </tbody>
-  </table>
-</div>
diff --git a/src/helpers/templates/sidebar.html b/src/helpers/templates/sidebar.html
deleted file mode 100644
index 4ec1149..0000000
--- a/src/helpers/templates/sidebar.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div
-  class="uk-visible@m"
-  style="
-    position: fixed;
-    top: 80px;
-    bottom: 0;
-    box-sizing: border-box;
-    width: 240px !important;
-    padding: 40px 40px 60px 40px;
-    border-right: 1px #e5e5e5 solid;
-    overflow: auto;
-  "
->
-  <h3>Overview</h3>
-  <ul class="uk-nav uk-nav-default">
-    <li class="uk-nav-header">
-      <a href="#Stats"> Stats </a>
-    </li>
-  </ul>
-  <h3>Documentation</h3>
-  <ul class="uk-nav uk-nav-default">
-    Atoms <% _.forEach(links, function(link) { %>
-    <li class="uk-nav-header">
-      <a href="#<%= link %>"> <%- link %> </a>
-    </li>
-    <% }); %>
-  </ul>
-</div>
diff --git a/src/helpers/templates/stats.html b/src/helpers/templates/stats.html
deleted file mode 100644
index a8192c8..0000000
--- a/src/helpers/templates/stats.html
+++ /dev/null
@@ -1,129 +0,0 @@
-<a name="Stats"></a>
-<h1 class="uk-heading-bullet">
-  Stats
-</h1>
-<h2 class="uk-h3">
-  Overview
-</h2>
-<div class="uk-overflow-auto">
-  <table class="uk-table uk-table-divider">
-    <thead>
-      <tr>
-        <th style="text-align:left">Size</th>
-        <th style="text-align:left">Gzipped Size</th>
-        <th style="text-align:left">Rules</th>
-        <th style="text-align:left">Declarations</th>
-        <th style="text-align:left">Media queries</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          <p class="uk-text-lead">
-            <%= overview.size %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= overview.gzippedSize %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= overview.totalRules %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= overview.totalDecls %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= overview.totalMedia %>
-          </p>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-
-<h2 class="uk-h3">
-  Selectors
-</h2>
-<div class="uk-overflow-auto">
-  <table class="uk-table uk-table-divider">
-    <thead>
-      <tr>
-        <th style="text-align:left">Total</th>
-        <th style="text-align:left">Class</th>
-        <th style="text-align:left">id</th>
-        <th style="text-align:left">Pseudo Class</th>
-        <th style="text-align:left">Pseudo Element</th>
-        <th style="text-align:left">Specificity</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          <p class="uk-text-lead">
-            <%= selectors.total %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= selectors.class %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= selectors.id %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= selectors.pClass %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= selectors.pElement %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= selectors.specificity %>
-          </p>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-
-<h2 class="uk-h3">
-  Declarations
-</h2>
-<div class="uk-overflow-auto">
-  <table class="uk-table uk-table-divider">
-    <thead>
-      <tr>
-        <th style="text-align:left">Total</th>
-        <th style="text-align:left">Unique</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          <p class="uk-text-lead">
-            <%= declarations.total %>
-          </p>
-        </td>
-        <td>
-          <p class="uk-text-lead">
-            <%= declarations.unique %>
-          </p>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
diff --git a/src/helpers/templates/theme.css b/src/helpers/templates/theme.css
deleted file mode 100644
index a5f8a91..0000000
--- a/src/helpers/templates/theme.css
+++ /dev/null
@@ -1,12402 +0,0 @@
-/*! UIkit 3.0.0-beta.40 | http://www.getuikit.com | (c) 2014 - 2017 YOOtheme | MIT License */
-/* ========================================================================
-   Component: Base
- ========================================================================== */
-/*
- * 1. Set `font-size` to support `rem` units
- *    Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
- * 3. Style
- */
-html {
-  /* 1 */
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
-  font-size: 16px;
-  font-weight: normal;
-  line-height: 1.5;
-  /* 2 */
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  /* 3 */
-  background: #fff;
-  color: #666;
-}
-/*
- * Removes default margin.
- */
-body {
-  margin: 0;
-}
-/* Links
- ========================================================================== */
-/*
- * Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
-a {
-  -webkit-text-decoration-skip: objects;
-}
-/*
- * Remove the outline on focused links when they are also active or hovered
- */
-a:active,
-a:hover {
-  outline: none;
-}
-/*
- * Style
- */
-a,
-.uk-link {
-  color: #1e87f0;
-  text-decoration: none;
-  cursor: pointer;
-}
-a:hover,
-.uk-link:hover {
-  color: #0f6ecd;
-  text-decoration: underline;
-}
-/* Text-level semantics
- ========================================================================== */
-/*
- * 1. Remove the bottom border in Firefox 39-.
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
-  border-bottom: none;
-  /* 1 */
-  text-decoration: underline;
-  /* 2 */
-  text-decoration: underline dotted;
-  /* 2 */
-}
-/*
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
-  font-weight: bolder;
-}
-/*
- * 1. Correct the odd `em` font sizing in all browsers.
- * 2. Consolas has a better baseline in running text compared to `Courier`
- * 3. Style
- */
-:not(pre) > code,
-:not(pre) > kbd,
-:not(pre) > samp {
-  /* 1 */
-  font-size: 0.875rem;
-  /* 2 */
-  font-family: Consolas, monaco, monospace;
-  /* 3 */
-  color: #f0506e;
-  white-space: nowrap;
-  padding: 2px 6px;
-  background: #f8f8f8;
-}
-/*
- * Emphasize
- */
-em {
-  color: #f0506e;
-}
-/*
- * Insert
- */
-ins {
-  background: #ffd;
-  color: #666;
-  text-decoration: none;
-}
-/*
- * Mark
- */
-mark {
-  background: #ffd;
-  color: #666;
-}
-/*
- * Quote
- */
-q {
-  font-style: italic;
-}
-/*
- * Add the correct font size in all browsers.
- */
-small {
-  font-size: 80%;
-}
-/*
- * Prevents `sub` and `sup` affecting `line-height` in all browsers.
- */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sup {
-  top: -0.5em;
-}
-sub {
-  bottom: -0.25em;
-}
-/* Embedded content
- ========================================================================== */
-/*
- * Remove the gap between embedded content and the bottom of their containers.
- */
-audio,
-canvas,
-iframe,
-img,
-svg,
-video {
-  vertical-align: middle;
-}
-/*
- * Responsiveness
- * 1. Set a maximum width
- * 2. Auto scale the height. Only needed if `height` attribute is present
- * 2. Corrects `max-width` behavior if padding and border are used
- */
-audio,
-canvas,
-img,
-video {
-  /* 1 */
-  max-width: 100%;
-  /* 2 */
-  height: auto;
-  /* 3 */
-  box-sizing: border-box;
-}
-/*
- * Hide the overflow in IE.
- */
-svg:not(:root) {
-  overflow: hidden;
-}
-/* Block elements
- ========================================================================== */
-/*
- * Margins
- */
-p,
-ul,
-ol,
-dl,
-pre,
-address,
-fieldset,
-figure {
-  margin: 0 0 20px 0;
-}
-/* Add margin if adjacent element */
-* + p,
-* + ul,
-* + ol,
-* + dl,
-* + pre,
-* + address,
-* + fieldset,
-* + figure {
-  margin-top: 20px;
-}
-/* Headings
- ========================================================================== */
-h1,
-.uk-h1,
-h2,
-.uk-h2,
-h3,
-.uk-h3,
-h4,
-.uk-h4,
-h5,
-.uk-h5,
-h6,
-.uk-h6 {
-  margin: 0 0 20px 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
-  font-weight: normal;
-  color: #333;
-  text-transform: none;
-}
-/* Add margin if adjacent element */
-* + h1,
-* + .uk-h1,
-* + h2,
-* + .uk-h2,
-* + h3,
-* + .uk-h3,
-* + h4,
-* + .uk-h4,
-* + h5,
-* + .uk-h5,
-* + h6,
-* + .uk-h6 {
-  margin-top: 40px;
-}
-/*
- * Sizes
- */
-h1,
-.uk-h1 {
-  font-size: 2.625rem;
-  line-height: 1.2;
-}
-h2,
-.uk-h2 {
-  font-size: 2rem;
-  line-height: 1.3;
-}
-h3,
-.uk-h3 {
-  font-size: 1.5rem;
-  line-height: 1.4;
-}
-h4,
-.uk-h4 {
-  font-size: 1.25rem;
-  line-height: 1.4;
-}
-h5,
-.uk-h5 {
-  font-size: 16px;
-  line-height: 1.4;
-}
-h6,
-.uk-h6 {
-  font-size: 0.875rem;
-  line-height: 1.4;
-}
-/* Lists
- ========================================================================== */
-ul,
-ol {
-  padding-left: 30px;
-}
-/*
- * Reset margin for nested lists
- */
-ul > li > ul,
-ul > li > ol,
-ol > li > ol,
-ol > li > ul {
-  margin: 0;
-}
-/* Description lists
- ========================================================================== */
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-left: 0;
-}
-/* Horizontal rules
- ========================================================================== */
-/*
- * 1. Add the correct box sizing and height in Firefox.
- * 2. Show the overflow in Edge and IE.
- * 3. Add the correct text-align in Edge and IE.
- * 4. Style
- */
-hr,
-.uk-hr {
-  /* 1 */
-  box-sizing: content-box;
-  height: 0;
-  /* 2 */
-  overflow: visible;
-  /* 3 */
-  text-align: inherit;
-  /* 4 */
-  margin: 0 0 20px 0;
-  border: 0;
-  border-top: 1px solid #e5e5e5;
-}
-/* Add margin if adjacent element */
-* + hr,
-* + .uk-hr {
-  margin-top: 20px;
-}
-/* Address
- ========================================================================== */
-address {
-  font-style: normal;
-}
-/* Blockquotes
- ========================================================================== */
-blockquote {
-  margin: 0 0 20px 0;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  font-style: italic;
-  color: #333;
-}
-/* Add margin if adjacent element */
-* + blockquote {
-  margin-top: 20px;
-}
-/*
- * Content
- */
-blockquote p:last-of-type {
-  margin-bottom: 0;
-}
-blockquote footer {
-  margin-top: 10px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  color: #666;
-}
-blockquote footer::before {
-  content: "— ";
-}
-/* Preformatted text
- ========================================================================== */
-/*
- * 1. Contain overflow in all browsers.
- * 2. Override UA
- */
-pre {
-  font: 0.875rem / 1.5 Consolas, monaco, monospace;
-  color: #666;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  /* 1 */
-  overflow: auto;
-  padding: 10px;
-  border: 1px solid #e5e5e5;
-  border-radius: 3px;
-  background: #fff;
-}
-pre code {
-  font-family: Consolas, monaco, monospace;
-}
-/* Selection pseudo-element
- ========================================================================== */
-::-moz-selection {
-  background: #39f;
-  color: #fff;
-  text-shadow: none;
-}
-::selection {
-  background: #39f;
-  color: #fff;
-  text-shadow: none;
-}
-/* HTML5 elements
- ========================================================================== */
-/*
- * 1. Add the correct display in Edge, IE, and Firefox.
- * 2. Add the correct display in IE.
- */
-details,
-main {
-  /* 2 */
-  display: block;
-}
-/*
- * Add the correct display in all browsers.
- */
-summary {
-  display: list-item;
-}
-/*
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
-  vertical-align: baseline;
-}
-/*
- * Add the correct display in IE.
- */
-template {
-  display: none;
-}
-/* Iframe
- ========================================================================== */
-iframe {
-  border: 0;
-}
-/* Prevent the 300ms delay for touchscreen interactions
- ========================================================================== */
-/*
- * Most browsers prevent the 300ms delay automatically for sites that use the `width=device-width` property.
- * For Safari on iOS 9.3+, IE 11 and Edge on desktops and IE 11 on Windows Phone 8.1 it must be applied manually.
- */
-a,
-area,
-button,
-input,
-label,
-select,
-summary,
-textarea {
-  touch-action: manipulation;
-}
-/* Pass media breakpoints to JS
- ========================================================================== */
-/*
- * Breakpoints
- */
-.var-media-s::before {
-  content: "640px";
-}
-.var-media-m::before {
-  content: "960px";
-}
-.var-media-l::before {
-  content: "1200px";
-}
-.var-media-xl::before {
-  content: "1600px";
-}
-/* ========================================================================
-   Component: Link
- ========================================================================== */
-/* Muted
- ========================================================================== */
-a.uk-link-muted,
-.uk-link-muted a {
-  color: #999;
-}
-a.uk-link-muted:hover,
-.uk-link-muted a:hover {
-  color: #666;
-}
-/* Text
- ========================================================================== */
-a.uk-link-text:not(:hover),
-.uk-link-text a:not(:hover) {
-  color: inherit;
-}
-a.uk-link-text:hover,
-.uk-link-text a:hover {
-  color: #999;
-}
-/* Heading
- ========================================================================== */
-a.uk-link-heading:not(:hover),
-.uk-link-heading a:not(:hover) {
-  color: inherit;
-}
-a.uk-link-heading:hover,
-.uk-link-heading a:hover {
-  color: #1e87f0;
-  text-decoration: none;
-}
-/* Reset
- ========================================================================== */
-/*
- * `!important` needed to override inverse component
- */
-a.uk-link-reset,
-a.uk-link-reset:hover,
-.uk-link-reset a,
-.uk-link-reset a:hover {
-  color: inherit !important;
-  text-decoration: none !important;
-}
-/* ========================================================================
-   Component: Heading
- ========================================================================== */
-/* Primary
- ========================================================================== */
-.uk-heading-primary {
-  font-size: 2.625rem;
-  line-height: 1.2;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-heading-primary {
-    font-size: 3.75rem;
-    line-height: 1.1;
-  }
-}
-/* Hero
- ========================================================================== */
-.uk-heading-hero {
-  font-size: 4rem;
-  line-height: 1.1;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-heading-hero {
-    font-size: 6rem;
-    line-height: 1;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-heading-hero {
-    font-size: 8rem;
-    line-height: 1;
-  }
-}
-/* Divider
- ========================================================================== */
-.uk-heading-divider {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #e5e5e5;
-}
-/* Bullet
- ========================================================================== */
-.uk-heading-bullet {
-  position: relative;
-}
-/*
- * 1. Using `inline-block` to make it work with text alignment
- * 2. Center vertically
- * 3. Style
- */
-.uk-heading-bullet::before {
-  content: "";
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  position: relative;
-  top: calc(-0.1 * 1em);
-  vertical-align: middle;
-  /* 3 */
-  height: 0.9em;
-  margin-right: 10px;
-  border-left: 5px solid #e5e5e5;
-}
-/* Line
- ========================================================================== */
-/*
- * Clip the child element
- */
-.uk-heading-line {
-  overflow: hidden;
-}
-/*
- * Extra markup is needed to make it work with text align
- */
-.uk-heading-line > * {
-  display: inline-block;
-  position: relative;
-}
-/*
- * 1. Center vertically
- * 2. Make the element as large as possible. It's clipped by the container.
- * 3. Style
- */
-.uk-heading-line > ::before,
-.uk-heading-line > ::after {
-  content: "";
-  /* 1 */
-  position: absolute;
-  top: calc(50% - (1px / 2));
-  /* 2 */
-  width: 2000px;
-  /* 3 */
-  border-bottom: 1px solid #e5e5e5;
-}
-.uk-heading-line > ::before {
-  right: 100%;
-  margin-right: 0.6em;
-}
-.uk-heading-line > ::after {
-  left: 100%;
-  margin-left: 0.6em;
-}
-/* ========================================================================
-   Component: Divider
- ========================================================================== */
-/*
- * 1. Reset default `hr`
- * 2. Set margin if a `div` is used for semantical reason
- */
-[class*="uk-divider"] {
-  /* 1 */
-  border: none;
-  /* 2 */
-  margin-bottom: 20px;
-}
-/* Add margin if adjacent element */
-* + [class*="uk-divider"] {
-  margin-top: 20px;
-}
-/* Icon
- ========================================================================== */
-.uk-divider-icon {
-  position: relative;
-  height: 20px;
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-}
-.uk-divider-icon::before,
-.uk-divider-icon::after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  max-width: calc(50% - (50px / 2));
-  border-bottom: 1px solid #e5e5e5;
-}
-.uk-divider-icon::before {
-  right: calc(50% + (50px / 2));
-  width: 100%;
-}
-.uk-divider-icon::after {
-  left: calc(50% + (50px / 2));
-  width: 100%;
-}
-/* Small
- ========================================================================== */
-/*
- * Reset child height, caused by `inline-block`
- */
-.uk-divider-small {
-  line-height: 0;
-}
-.uk-divider-small::after {
-  content: "";
-  display: inline-block;
-  width: 100px;
-  max-width: 100%;
-  border-top: 1px solid #e5e5e5;
-  vertical-align: top;
-}
-/* ========================================================================
-   Component: List
- ========================================================================== */
-.uk-list {
-  padding: 0;
-  list-style: none;
-}
-/*
- * Micro clearfix
- */
-.uk-list > li::before,
-.uk-list > li::after {
-  content: "";
-  display: table;
-}
-.uk-list > li::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-list > li > :last-child {
-  margin-bottom: 0;
-}
-/*
- * Nested lists
- */
-.uk-list ul {
-  margin: 0;
-  padding-left: 30px;
-  list-style: none;
-}
-/*
- * Style
- */
-.uk-list > li:nth-child(n + 2),
-.uk-list > li > ul {
-  margin-top: 10px;
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Divider
- */
-.uk-list-divider > li:nth-child(n + 2) {
-  margin-top: 10px;
-  padding-top: 10px;
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Striped
- */
-.uk-list-striped > li {
-  padding: 10px 10px;
-}
-.uk-list-striped > li:nth-of-type(odd) {
-  border-top: 1px solid #e5e5e5;
-  border-bottom: 1px solid #e5e5e5;
-}
-.uk-list-striped > li:nth-of-type(odd) {
-  background: #f8f8f8;
-}
-.uk-list-striped > li:nth-child(n + 2) {
-  margin-top: 0;
-}
-/*
- * Bullet
- */
-.uk-list-bullet > li {
-  position: relative;
-  padding-left: calc(1.5em + 10px);
-}
-.uk-list-bullet > li::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 1.5em;
-  height: 1.5em;
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  float: left;
-}
-/* Size modifier
- ========================================================================== */
-.uk-list-large > li:nth-child(n + 2),
-.uk-list-large > li > ul {
-  margin-top: 20px;
-}
-/*
- * Divider
- */
-.uk-list-large.uk-list-divider > li:nth-child(n + 2) {
-  margin-top: 20px;
-  padding-top: 20px;
-}
-/*
- * Striped
- */
-.uk-list-large.uk-list-striped > li {
-  padding: 20px 10px;
-}
-.uk-list-large.uk-list-striped > li:nth-of-type(odd) {
-  border-top: 1px solid #e5e5e5;
-  border-bottom: 1px solid #e5e5e5;
-}
-.uk-list-large.uk-list-striped > li:nth-child(n + 2) {
-  margin-top: 0;
-}
-/* ========================================================================
-   Component: Description list
- ========================================================================== */
-/*
- * Term
- */
-.uk-description-list > dt {
-  color: #333;
-  font-size: 0.875rem;
-  font-weight: normal;
-  text-transform: uppercase;
-}
-.uk-description-list > dt:nth-child(n + 2) {
-  margin-top: 20px;
-}
-/*
- * Description
- */
-/* Style modifier
- ========================================================================== */
-/*
- * Line
- */
-.uk-description-list-divider > dt:nth-child(n + 2) {
-  margin-top: 20px;
-  padding-top: 20px;
-  border-top: 1px solid #e5e5e5;
-}
-/* ========================================================================
-   Component: Table
- ========================================================================== */
-/*
- * 1. Remove most spacing between table cells.
- * 2. Behave like a block element
- * 3. Style
- */
-.uk-table {
-  /* 1 */
-  border-collapse: collapse;
-  border-spacing: 0;
-  /* 2 */
-  width: 100%;
-  /* 3 */
-  margin-bottom: 20px;
-}
-/* Add margin if adjacent element */
-* + .uk-table {
-  margin-top: 20px;
-}
-/* Header cell
- ========================================================================== */
-/*
- * 1. Style
- */
-.uk-table th {
-  padding: 16px 12px;
-  text-align: left;
-  vertical-align: bottom;
-  /* 1 */
-  font-size: 0.875rem;
-  font-weight: normal;
-  color: #999;
-  text-transform: uppercase;
-}
-/* Cell
- ========================================================================== */
-.uk-table td {
-  padding: 16px 12px;
-  vertical-align: top;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-table td > :last-child {
-  margin-bottom: 0;
-}
-/* Footer
- ========================================================================== */
-.uk-table tfoot {
-  font-size: 0.875rem;
-}
-/* Caption
- ========================================================================== */
-.uk-table caption {
-  font-size: 0.875rem;
-  text-align: left;
-  color: #999;
-}
-/* Row
- ========================================================================== */
-.uk-table > tr.uk-active,
-.uk-table tbody tr.uk-active {
-  background: #ffd;
-}
-/* Alignment modifier
- ========================================================================== */
-.uk-table-middle,
-.uk-table-middle td {
-  vertical-align: middle !important;
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Divider
- */
-.uk-table-divider > tr:not(:first-child),
-.uk-table-divider > :not(:first-child) > tr,
-.uk-table-divider > :first-child > tr:not(:first-child) {
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Striped
- */
-.uk-table-striped > tr:nth-of-type(odd),
-.uk-table-striped tbody tr:nth-of-type(odd) {
-  background: #f8f8f8;
-  border-top: 1px solid #e5e5e5;
-  border-bottom: 1px solid #e5e5e5;
-}
-/*
- * Hover
- */
-.uk-table-hover > tr:hover,
-.uk-table-hover tbody tr:hover {
-  background: #ffd;
-}
-/* Size modifier
- ========================================================================== */
-.uk-table-small th,
-.uk-table-small td {
-  padding: 10px 12px;
-}
-/* Justify modifier
- ========================================================================== */
-.uk-table-justify th:first-child,
-.uk-table-justify td:first-child {
-  padding-left: 0;
-}
-.uk-table-justify th:last-child,
-.uk-table-justify td:last-child {
-  padding-right: 0;
-}
-/* Cell size modifier
- ========================================================================== */
-.uk-table-shrink {
-  width: 1px;
-}
-.uk-table-expand {
-  min-width: 300px;
-}
-/* Cell link modifier
- ========================================================================== */
-/*
- * Does not work with `uk-table-justify` at the moment
- */
-.uk-table-link {
-  padding: 0 !important;
-}
-.uk-table-link > a {
-  display: block;
-  padding: 16px 12px;
-}
-.uk-table-small .uk-table-link > a {
-  padding: 10px 12px;
-}
-/* Responsive table
- ========================================================================== */
-/* Phone landscape and smaller */
-@media (max-width: 959px) {
-  .uk-table-responsive,
-  .uk-table-responsive tbody,
-  .uk-table-responsive th,
-  .uk-table-responsive td,
-  .uk-table-responsive tr {
-    display: block;
-  }
-  .uk-table-responsive thead {
-    display: none;
-  }
-  .uk-table-responsive th,
-  .uk-table-responsive td {
-    width: auto !important;
-    max-width: none !important;
-    min-width: 0 !important;
-    overflow: visible !important;
-    white-space: normal !important;
-  }
-  .uk-table-responsive th:not(:first-child):not(.uk-table-link),
-  .uk-table-responsive td:not(:first-child):not(.uk-table-link),
-  .uk-table-responsive .uk-table-link:not(:first-child) > a {
-    padding-top: 5px !important;
-  }
-  .uk-table-responsive th:not(:last-child):not(.uk-table-link),
-  .uk-table-responsive td:not(:last-child):not(.uk-table-link),
-  .uk-table-responsive .uk-table-link:not(:last-child) > a {
-    padding-bottom: 5px !important;
-  }
-  .uk-table-justify.uk-table-responsive th,
-  .uk-table-justify.uk-table-responsive td {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-.uk-table tbody tr {
-  transition: background-color 0.1s linear;
-}
-/* ========================================================================
-   Component: Icon
- ========================================================================== */
-/*
- * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
- * 1. Remove margins in Chrome, Safari and Opera.
- * 2. Remove borders for `button`.
- * 3. Remove border-radius in Chrome.
- * 4. Address `overflow` set to `hidden` in IE.
- * 5. Correct `font` properties and `color` not being inherited for `button`.
- * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 7. Remove default `button` padding and background color
- * 8. Style
- * 9. Fill all SVG elements with the current text color if no `fill` attribute is set
- * 10. Let the container fit the height of the icon
- */
-.uk-icon {
-  /* 1 */
-  margin: 0;
-  /* 2 */
-  border: none;
-  /* 3 */
-  border-radius: 0;
-  /* 4 */
-  overflow: visible;
-  /* 5 */
-  font: inherit;
-  color: inherit;
-  /* 6 */
-  text-transform: none;
-  /* 7. */
-  padding: 0;
-  background-color: transparent;
-  /* 8 */
-  display: inline-block;
-  /* 9 */
-  fill: currentcolor;
-  /* 10 */
-  line-height: 0;
-}
-/* Required for `button`. */
-button.uk-icon:not(:disabled) {
-  cursor: pointer;
-}
-/*
- * Remove the inner border and padding in Firefox.
- */
-.uk-icon::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-/*
- * Set the fill and stroke color of all SVG elements to the current text color
- * 1. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+
- */
-.uk-icon [fill*="#"]:not(.uk-preserve),
-.uk-icon [FILL*="#"]:not(.uk-preserve) {
-  fill: currentcolor;
-}
-.uk-icon [stroke*="#"]:not(.uk-preserve),
-.uk-icon [STROKE*="#"]:not(.uk-preserve) {
-  stroke: currentcolor;
-}
-/*
- * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
- */
-.uk-icon > * {
-  transform: translate(0, 0);
-}
-/* Image modifier
- ========================================================================== */
-/*
- * Display images in icon dimensions
- */
-.uk-icon-image {
-  width: 20px;
-  height: 20px;
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-  background-size: contain;
-  vertical-align: middle;
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Link
- */
-.uk-icon-link {
-  color: #999;
-}
-.uk-icon-link:hover,
-.uk-icon-link:focus {
-  color: #666;
-  outline: none;
-}
-/* OnClick + Active */
-.uk-icon-link:active,
-.uk-active > .uk-icon-link {
-  color: #595959;
-}
-/*
- * Button
- * 1. Center icon vertically and horizontally
- */
-.uk-icon-button {
-  box-sizing: border-box;
-  width: 36px;
-  height: 36px;
-  border-radius: 500px;
-  background: #f8f8f8;
-  color: #999;
-  vertical-align: middle;
-  /* 1 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  transition: 0.1s ease-in-out;
-  transition-property: color, background-color;
-}
-/* Hover + Focus */
-.uk-icon-button:hover,
-.uk-icon-button:focus {
-  background-color: #ebebeb;
-  color: #666;
-  outline: none;
-}
-/* OnClick + Active */
-.uk-icon-button:active,
-.uk-active > .uk-icon-button {
-  background-color: #dfdfdf;
-  color: #666;
-}
-/* ========================================================================
-   Component: Form Range
- ========================================================================== */
-/*
- * 1. Normalize and defaults
- * 2. Prevent content overflow if a fixed width is used
- * 3. Take the full width
- * 4. Remove default style
- * 5. Remove white background in Chrome
- * 6. Remove padding in IE11
- */
-.uk-range {
-  /* 1 */
-  box-sizing: border-box;
-  margin: 0;
-  vertical-align: middle;
-  /* 2 */
-  max-width: 100%;
-  /* 3 */
-  width: 100%;
-  /* 4 */
-  -webkit-appearance: none;
-  /* 5 */
-  background: transparent;
-  /* 6 */
-  padding: 0;
-}
-/* Focus */
-.uk-range:focus {
-  outline: none;
-}
-.uk-range::-moz-focus-outer {
-  border: none;
-}
-/* IE11 Reset */
-.uk-range::-ms-track {
-  height: 15px;
-  background: transparent;
-  border-color: transparent;
-  color: transparent;
-}
-/*
- * Improves consistency of cursor style for clickable elements
- */
-.uk-range:not(:disabled)::-webkit-slider-thumb {
-  cursor: pointer;
-}
-.uk-range:not(:disabled)::-moz-range-thumb {
-  cursor: pointer;
-}
-.uk-range:not(:disabled)::-ms-thumb {
-  cursor: pointer;
-}
-/* Thumb
- ========================================================================== */
-/*
- * 1. Reset
- * 2. Style
- */
-/* Webkit */
-.uk-range::-webkit-slider-thumb {
-  /* 1 */
-  -webkit-appearance: none;
-  margin-top: -7px;
-  /* 2 */
-  height: 15px;
-  width: 15px;
-  border-radius: 500px;
-  background: #fff;
-  border: 1px solid #cccccc;
-}
-/* Firefox */
-.uk-range::-moz-range-thumb {
-  /* 1 */
-  border: none;
-  /* 2 */
-  height: 15px;
-  width: 15px;
-  border-radius: 500px;
-  background: #fff;
-  border: 1px solid #cccccc;
-}
-/* Edge */
-.uk-range::-ms-thumb {
-  /* 1 */
-  margin-top: 0;
-}
-/* IE11 */
-.uk-range::-ms-thumb {
-  /* 1 */
-  border: none;
-  /* 2 */
-  height: 15px;
-  width: 15px;
-  border-radius: 500px;
-  background: #fff;
-  border: 1px solid #cccccc;
-}
-/* Edge + IE11 */
-.uk-range::-ms-tooltip {
-  display: none;
-}
-/* Track
- ========================================================================== */
-/*
- * 1. Safari doesn't have a focus state. Using active instead.
- */
-/* Webkit */
-.uk-range::-webkit-slider-runnable-track {
-  height: 3px;
-  background: #ebebeb;
-  border-radius: 500px;
-}
-.uk-range:focus::-webkit-slider-runnable-track,
-.uk-range:active::-webkit-slider-runnable-track {
-  background: #d2d2d2;
-}
-/* Firefox */
-.uk-range::-moz-range-track {
-  height: 3px;
-  background: #ebebeb;
-  border-radius: 500px;
-}
-.uk-range:focus::-moz-range-track {
-  background: #d2d2d2;
-}
-/* Edge */
-.uk-range::-ms-fill-lower,
-.uk-range::-ms-fill-upper {
-  height: 3px;
-  background: #ebebeb;
-  border-radius: 500px;
-}
-.uk-range:focus::-ms-fill-lower,
-.uk-range:focus::-ms-fill-upper {
-  background: #d2d2d2;
-}
-/* ========================================================================
-   Component: Form
- ========================================================================== */
-/*
- * 1. Define consistent box sizing.
- *    Default is `content-box` with following exceptions set to `border-box`
- *    `select`, `input[type="checkbox"]` and `input[type="radio"]`
- *    `input[type="search"]` in Chrome, Safari and Opera
- *    `input[type="color"]` in Firefox
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
- * 3. Remove `border-radius` in iOS.
- * 4. Change font properties to `inherit` in all browsers
- */
-.uk-input,
-.uk-select,
-.uk-textarea,
-.uk-radio,
-.uk-checkbox {
-  /* 1 */
-  box-sizing: border-box;
-  /* 2 */
-  margin: 0;
-  /* 3 */
-  border-radius: 0;
-  /* 4 */
-  font: inherit;
-}
-/*
- * Show the overflow in Edge.
- */
-.uk-input {
-  overflow: visible;
-}
-/*
- * Remove the inheritance of text transform in Firefox.
- */
-.uk-select {
-  text-transform: none;
-}
-/*
- * 1. Change font properties to `inherit` in all browsers
- * 2. Don't inherit the `font-weight` and use `bold` instead.
- * NOTE: Both declarations don't work in Chrome, Safari and Opera.
- */
-.uk-select optgroup {
-  /* 1 */
-  font: inherit;
-  /* 2 */
-  font-weight: bold;
-}
-/*
- * Remove the default vertical scrollbar in IE.
- */
-.uk-textarea {
-  overflow: auto;
-}
-/*
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
- */
-.uk-input[type="search"]::-webkit-search-cancel-button,
-.uk-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-.uk-input[type="number"]::-webkit-inner-spin-button,
-.uk-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-/*
- * Removes placeholder transparency in Firefox.
- */
-.uk-input::-moz-placeholder,
-.uk-textarea::-moz-placeholder {
-  opacity: 1;
-}
-/*
- * Improves consistency of cursor style for clickable elements
- */
-.uk-radio:not(:disabled),
-.uk-checkbox:not(:disabled) {
-  cursor: pointer;
-}
-/*
- * Define consistent border, margin, and padding.
- */
-.uk-fieldset {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-/* Input, select and textarea
- * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`,  `month`,
-            `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`
- * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image`
- ========================================================================== */
-/*
- * Remove default style in iOS.
- */
-.uk-input,
-.uk-textarea {
-  -webkit-appearance: none;
-}
-/*
- * 1. Prevent content overflow if a fixed width is used
- * 2. Take the full width
- * 3. Reset default
- * 4. Style
- */
-.uk-input,
-.uk-select,
-.uk-textarea {
-  /* 1 */
-  max-width: 100%;
-  /* 2 */
-  width: 100%;
-  /* 3 */
-  border: 0 none;
-  /* 4 */
-  padding: 0 10px;
-  background: #fff;
-  color: #666;
-  border: 1px solid #e5e5e5;
-  transition: 0.2s ease-in-out;
-  transition-property: color, background-color, border;
-}
-/*
- * Single-line
- * 1. Allow any element to look like an `input` or `select` element
- * 2. Make sure line-height is not larger than height
- *    Also needed to center the text vertically
- */
-.uk-input,
-.uk-select:not([multiple]):not([size]) {
-  height: 40px;
-  vertical-align: middle;
-  /* 1 */
-  display: inline-block;
-}
-/* 2 */
-.uk-input:not(input),
-.uk-select:not(select) {
-  line-height: 38px;
-}
-/*
- * Multi-line
- */
-.uk-select[multiple],
-.uk-select[size],
-.uk-textarea {
-  padding-top: 4px;
-  padding-bottom: 4px;
-  vertical-align: top;
-}
-/* Focus */
-.uk-input:focus,
-.uk-select:focus,
-.uk-textarea:focus {
-  outline: none;
-  background-color: #fff;
-  color: #666;
-  border-color: #1e87f0;
-}
-/* Disabled */
-.uk-input:disabled,
-.uk-select:disabled,
-.uk-textarea:disabled {
-  background-color: #f8f8f8;
-  color: #999;
-  border-color: #e5e5e5;
-}
-/*
- * Placeholder
- */
-.uk-input:-ms-input-placeholder {
-  color: #999 !important;
-}
-.uk-input::placeholder {
-  color: #999;
-}
-.uk-textarea:-ms-input-placeholder {
-  color: #999 !important;
-}
-.uk-textarea::placeholder {
-  color: #999;
-}
-/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
- ========================================================================== */
-/*
- * Small
- */
-.uk-form-small {
-  font-size: 0.875rem;
-}
-.uk-form-small:not(textarea):not([multiple]):not([size]) {
-  height: 30px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-.uk-form-small:not(select):not(input):not(textarea) {
-  line-height: 28px;
-}
-/*
- * Large
- */
-.uk-form-large {
-  font-size: 1.25rem;
-}
-.uk-form-large:not(textarea):not([multiple]):not([size]) {
-  height: 55px;
-  padding-left: 12px;
-  padding-right: 12px;
-}
-.uk-form-large:not(select):not(input):not(textarea) {
-  line-height: 53px;
-}
-/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`)
- ========================================================================== */
-/*
- * Error
- */
-.uk-form-danger,
-.uk-form-danger:focus {
-  color: #f0506e;
-  border-color: #f0506e;
-}
-/*
- * Success
- */
-.uk-form-success,
-.uk-form-success:focus {
-  color: #32d296;
-  border-color: #32d296;
-}
-/*
- * Blank
- */
-.uk-form-blank {
-  background: none;
-  border-color: transparent;
-}
-.uk-form-blank:focus {
-  border-color: #e5e5e5;
-  border-style: dashed;
-}
-/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`)
- ========================================================================== */
-/*
- * Fixed widths
- * Different widths for mini sized `input` and `select` elements
- */
-input.uk-form-width-xsmall {
-  width: 50px;
-}
-select.uk-form-width-xsmall {
-  width: 75px;
-}
-.uk-form-width-small {
-  width: 130px;
-}
-.uk-form-width-medium {
-  width: 200px;
-}
-.uk-form-width-large {
-  width: 500px;
-}
-/* Select
- ========================================================================== */
-/*
- * 1. Remove default style. Also works in Firefox
- * 2. Style
- * 3. Remove default style in IE 10/11
- */
-.uk-select:not([multiple]):not([size]) {
-  /* 1 */
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  /* 2 */
-  padding-right: 20px;
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-  background-repeat: no-repeat;
-  background-position: 100% 50%;
-}
-/* 3 */
-.uk-select:not([multiple]):not([size])::-ms-expand {
-  display: none;
-}
-/*
- * Disabled
- */
-.uk-select:not([multiple]):not([size]):disabled {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-}
-/* Radio and checkbox
- * Note: Does not work in IE11
- ========================================================================== */
-/*
- * 1. Style
- * 2. Make box more robust so it clips the child element
- * 3. Vertical alignment
- * 4. Remove default style
- * 5. Fix black background on iOS
- * 6. Center icons
- */
-.uk-radio,
-.uk-checkbox {
-  /* 1 */
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  /* 2 */
-  overflow: hidden;
-  /* 3 */
-  margin-top: -4px;
-  vertical-align: middle;
-  /* 4 */
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  /* 5 */
-  background-color: transparent;
-  /* 6 */
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  border: 1px solid #cccccc;
-  transition: 0.2s ease-in-out;
-  transition-property: background-color, border;
-}
-.uk-radio {
-  border-radius: 50%;
-}
-/* Focus */
-.uk-radio:focus,
-.uk-checkbox:focus {
-  outline: none;
-  border-color: #1e87f0;
-}
-/*
- * Checked
- */
-.uk-radio:checked,
-.uk-checkbox:checked,
-.uk-checkbox:indeterminate {
-  background-color: #1e87f0;
-  border-color: transparent;
-}
-/* Focus */
-.uk-radio:checked:focus,
-.uk-checkbox:checked:focus,
-.uk-checkbox:indeterminate:focus {
-  background-color: #0e6dcd;
-}
-/*
- * Icons
- */
-.uk-radio:checked {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-checkbox:checked {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-}
-.uk-checkbox:indeterminate {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-/*
- * Disabled
- */
-.uk-radio:disabled,
-.uk-checkbox:disabled {
-  background-color: #f8f8f8;
-  border-color: #e5e5e5;
-}
-.uk-radio:disabled:checked {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-checkbox:disabled:checked {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-}
-.uk-checkbox:disabled:indeterminate {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-/* Legend
- ========================================================================== */
-/*
- * Legend
- * 1. Behave like block element
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove padding so people aren't caught out if they zero out fieldsets.
- * 4. Style
- */
-.uk-legend {
-  /* 1 */
-  width: 100%;
-  /* 2 */
-  color: inherit;
-  /* 3 */
-  padding: 0;
-  /* 4 */
-  font-size: 1.5rem;
-  line-height: 1.4;
-}
-/* Custom controls
- ========================================================================== */
-/*
- * 1. Container fits its content
- * 2. Create position context
- * 3. Prevent content overflow
- * 4. Behave like most inline-block elements
- */
-.uk-form-custom {
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  max-width: 100%;
-  /* 4 */
-  vertical-align: middle;
-}
-/*
- * 1. Position and resize the form control to always cover its container
- * 2. Required for Firefox for positioning to the left
- * 3. Required for Webkit to make `height` work
- * 4. Hide controle and show cursor
- * 5. Needed for the cursor
- * 6. Clip height caused by 5. Needed for Webkit only
- */
-.uk-form-custom select,
-.uk-form-custom input[type="file"] {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  /* 2 */
-  left: 0;
-  /* 3 */
-  -webkit-appearance: none;
-  /* 4 */
-  opacity: 0;
-  cursor: pointer;
-}
-.uk-form-custom input[type="file"] {
-  /* 5 */
-  font-size: 500px;
-  /* 6 */
-  overflow: hidden;
-}
-/* Label
- ========================================================================== */
-.uk-form-label {
-  color: #333;
-  font-size: 0.875rem;
-}
-/* Layout
- ========================================================================== */
-/*
- * Stacked
- */
-.uk-form-stacked .uk-form-label {
-  display: block;
-  margin-bottom: 5px;
-}
-/*
- * Horizontal
- */
-/* Tablet portrait and smaller */
-@media (max-width: 959px) {
-  /* Behave like `uk-form-stacked` */
-  .uk-form-horizontal .uk-form-label {
-    display: block;
-    margin-bottom: 5px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-form-horizontal .uk-form-label {
-    width: 200px;
-    margin-top: 7px;
-    float: left;
-  }
-  .uk-form-horizontal .uk-form-controls {
-    margin-left: 215px;
-  }
-  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
-  .uk-form-horizontal .uk-form-controls-text {
-    padding-top: 7px;
-  }
-}
-/* Icons
- ========================================================================== */
-/*
- * 1. Set position
- * 2. Set width
- * 3. Center icon vertically and horizontally
- * 4. Style
- */
-.uk-form-icon {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  width: 40px;
-  /* 3 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  /* 4 */
-  color: #999;
-}
-/*
- * Required for `a`.
- */
-.uk-form-icon:hover {
-  color: #666;
-}
-/*
- * Make `input` element clickable through icon, e.g. if it's a `span`
- */
-.uk-form-icon:not(a):not(button):not(input) {
-  pointer-events: none;
-}
-/*
- * Input padding
- */
-.uk-form-icon:not(.uk-form-icon-flip) + .uk-input {
-  padding-left: 40px;
-}
-/*
- * Position modifier
- */
-.uk-form-icon-flip {
-  right: 0;
-  left: auto;
-}
-.uk-form-icon-flip + .uk-input {
-  padding-right: 40px;
-}
-/* ========================================================================
-   Component: Button
- ========================================================================== */
-/*
- * 1. Remove margins in Chrome, Safari and Opera.
- * 2. Remove borders for `button`.
- * 3. Remove border-radius in Chrome.
- * 4. Address `overflow` set to `hidden` in IE.
- * 5. Correct `font` properties and `color` not being inherited for `button`.
- * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 7. Style
- * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
- *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
- * 9. Align text if button has a width
- * 10. Required for `a`.
- */
-.uk-button {
-  /* 1 */
-  margin: 0;
-  /* 2 */
-  border: none;
-  /* 3 */
-  border-radius: 0;
-  /* 4 */
-  overflow: visible;
-  /* 5 */
-  font: inherit;
-  color: inherit;
-  /* 6 */
-  text-transform: none;
-  /* 7 */
-  display: inline-block;
-  box-sizing: border-box;
-  padding: 0 30px;
-  vertical-align: middle;
-  font-size: 0.875rem;
-  /* 8 */
-  line-height: 38px;
-  /* 9 */
-  text-align: center;
-  /* 10 */
-  text-decoration: none;
-  text-transform: uppercase;
-  transition: 0.1s ease-in-out;
-  transition-property: color, background-color, border-color;
-}
-.uk-button:not(:disabled) {
-  cursor: pointer;
-}
-/*
- * Remove the inner border and padding in Firefox.
- */
-.uk-button::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-/* Hover */
-.uk-button:hover {
-  /* 8 */
-  text-decoration: none;
-}
-/* Focus */
-.uk-button:focus {
-  outline: none;
-}
-/* OnClick + Active */
-/* Style modifiers
- ========================================================================== */
-/*
- * Default
- */
-.uk-button-default {
-  background-color: transparent;
-  color: #333;
-  border: 1px solid #e5e5e5;
-}
-/* Hover + Focus */
-.uk-button-default:hover,
-.uk-button-default:focus {
-  background-color: transparent;
-  color: #333;
-  border-color: #b2b2b2;
-}
-/* OnClick + Active */
-.uk-button-default:active,
-.uk-button-default.uk-active {
-  background-color: transparent;
-  color: #333;
-  border-color: #999999;
-}
-/*
- * Primary
- */
-.uk-button-primary {
-  background-color: #1e87f0;
-  color: #fff;
-  border: 1px solid transparent;
-}
-/* Hover + Focus */
-.uk-button-primary:hover,
-.uk-button-primary:focus {
-  background-color: #0f7ae5;
-  color: #fff;
-}
-/* OnClick + Active */
-.uk-button-primary:active,
-.uk-button-primary.uk-active {
-  background-color: #0e6dcd;
-  color: #fff;
-}
-/*
- * Secondary
- */
-.uk-button-secondary {
-  background-color: #222;
-  color: #fff;
-  border: 1px solid transparent;
-}
-/* Hover + Focus */
-.uk-button-secondary:hover,
-.uk-button-secondary:focus {
-  background-color: #151515;
-  color: #fff;
-}
-/* OnClick + Active */
-.uk-button-secondary:active,
-.uk-button-secondary.uk-active {
-  background-color: #080808;
-  color: #fff;
-}
-/*
- * Danger
- */
-.uk-button-danger {
-  background-color: #f0506e;
-  color: #fff;
-  border: 1px solid transparent;
-}
-/* Hover + Focus */
-.uk-button-danger:hover,
-.uk-button-danger:focus {
-  background-color: #ee395b;
-  color: #fff;
-}
-/* OnClick + Active */
-.uk-button-danger:active,
-.uk-button-danger.uk-active {
-  background-color: #ec2147;
-  color: #fff;
-}
-/*
- * Disabled
- * The same for all style modifiers
- */
-.uk-button-default:disabled,
-.uk-button-primary:disabled,
-.uk-button-secondary:disabled,
-.uk-button-danger:disabled {
-  background-color: transparent;
-  color: #999;
-  border-color: #e5e5e5;
-}
-/* Size modifiers
- ========================================================================== */
-.uk-button-small {
-  padding: 0 15px;
-  line-height: 28px;
-  font-size: 0.875rem;
-}
-.uk-button-large {
-  padding: 0 40px;
-  line-height: 53px;
-  font-size: 0.875rem;
-}
-/* Text modifiers
- ========================================================================== */
-/*
- * Text
- * 1. Reset
- * 2. Style
- */
-.uk-button-text {
-  /* 1 */
-  padding: 0;
-  line-height: 1.5;
-  background: none;
-  /* 2 */
-  color: #333;
-  position: relative;
-}
-.uk-button-text::before {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 100%;
-  border-bottom: 1px solid #333;
-  transition: right 0.3s ease-out;
-}
-/* Hover + Focus */
-.uk-button-text:hover,
-.uk-button-text:focus {
-  color: #333;
-}
-.uk-button-text:hover::before,
-.uk-button-text:focus::before {
-  right: 0;
-}
-/* Disabled */
-.uk-button-text:disabled {
-  color: #999;
-}
-.uk-button-text:disabled::before {
-  display: none;
-}
-/*
- * Link
- * 1. Reset
- * 2. Style
- */
-.uk-button-link {
-  /* 1 */
-  padding: 0;
-  line-height: 1.5;
-  background: none;
-  /* 2 */
-  color: #1e87f0;
-}
-/* Hover + Focus */
-.uk-button-link:hover,
-.uk-button-link:focus {
-  color: #0f6ecd;
-  text-decoration: underline;
-}
-/* Disabled */
-.uk-button-link:disabled {
-  color: #999;
-  text-decoration: none;
-}
-/* Group
- ========================================================================== */
-/*
- * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
- * 2. Behave like button
- * 3. Create position context
- */
-.uk-button-group {
-  /* 1 */
-  display: inline-flex;
-  /* 2 */
-  vertical-align: middle;
-  /* 3 */
-  position: relative;
-}
-/* Group
-     ========================================================================== */
-/*
-     * Collapse border
-     */
-.uk-button-group > .uk-button:nth-child(n + 2),
-.uk-button-group > div:nth-child(n + 2) .uk-button {
-  margin-left: -1px;
-}
-/*
-     * Create position context to superimpose the successor elements border
-     * Known issue: If you use an `a` element as button and an icon inside,
-     * the active state will not work if you click the icon inside the button
-     * Workaround: Just use a `button` or `input` element as button
-     */
-.uk-button-group .uk-button:hover,
-.uk-button-group .uk-button:focus,
-.uk-button-group .uk-button:active,
-.uk-button-group .uk-button.uk-active {
-  position: relative;
-  z-index: 1;
-}
-/* ========================================================================
-   Component: Section
- ========================================================================== */
-/*
- * 1. Make it work with `100vh` and height in general
- */
-.uk-section {
-  box-sizing: border-box;
-  /* 1 */
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-/* Desktop and bigger */
-@media (min-width: 960px) {
-  .uk-section {
-    padding-top: 70px;
-    padding-bottom: 70px;
-  }
-}
-/*
- * Micro clearfix
- */
-.uk-section::before,
-.uk-section::after {
-  content: "";
-  display: table;
-}
-.uk-section::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-section > :last-child {
-  margin-bottom: 0;
-}
-/* Size modifiers
- ========================================================================== */
-/*
- * XSmall
- */
-.uk-section-xsmall {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-/*
- * Small
- */
-.uk-section-small {
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-/*
- * Large
- */
-.uk-section-large {
-  padding-top: 70px;
-  padding-bottom: 70px;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-section-large {
-    padding-top: 140px;
-    padding-bottom: 140px;
-  }
-}
-/*
- * XLarge
- */
-.uk-section-xlarge {
-  padding-top: 140px;
-  padding-bottom: 140px;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-section-xlarge {
-    padding-top: 210px;
-    padding-bottom: 210px;
-  }
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Default
- */
-.uk-section-default {
-  background: #fff;
-}
-/*
- * Muted
- */
-.uk-section-muted {
-  background: #f8f8f8;
-}
-/*
- * Primary
- */
-.uk-section-primary {
-  background: #1e87f0;
-}
-/*
- * Secondary
- */
-.uk-section-secondary {
-  background: #222;
-}
-/* Overlap modifier
- ========================================================================== */
-/*
- * Reserved modifier to make a section overlap another section with an border image
- * Implemented by the theme
- */
-/* ========================================================================
-   Component: Container
- ========================================================================== */
-/*
- * 1. Box sizing has to be `content-box` so the max-width is always the same and
- *    unaffected by the padding on different breakpoints. It's important for the size modifiers.
- */
-.uk-container {
-  box-sizing: content-box;
-  /* 1 */
-  max-width: 1200px;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-container {
-    padding-left: 30px;
-    padding-right: 30px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-container {
-    padding-left: 40px;
-    padding-right: 40px;
-  }
-}
-/*
- * Micro clearfix
- */
-.uk-container::before,
-.uk-container::after {
-  content: "";
-  display: table;
-}
-.uk-container::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-container > :last-child {
-  margin-bottom: 0;
-}
-/*
- * Remove padding from nested containers
- */
-.uk-container .uk-container {
-  padding-left: 0;
-  padding-right: 0;
-}
-/* Size modifier
- ========================================================================== */
-.uk-container-small {
-  max-width: 650px;
-}
-.uk-container-large {
-  max-width: 1600px;
-}
-.uk-container-expand {
-  max-width: none;
-}
-/* ========================================================================
-   Component: Grid
- ========================================================================== */
-/*
- * 1. Allow cells to wrap into the next line
- * 2. Reset list
- */
-.uk-grid {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-/*
- * Grid cell
- * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
- * Reset margin for e.g. paragraphs
- */
-.uk-grid > * {
-  margin: 0;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-grid > * > :last-child {
-  margin-bottom: 0;
-}
-/* Gutter
- ========================================================================== */
-/*
- * Default
- */
-/* Horizontal */
-.uk-grid {
-  margin-left: -30px;
-}
-.uk-grid > * {
-  padding-left: 30px;
-}
-/* Vertical */
-.uk-grid + .uk-grid,
-.uk-grid > .uk-grid-margin,
-* + .uk-grid-margin {
-  margin-top: 30px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  /* Horizontal */
-  .uk-grid {
-    margin-left: -40px;
-  }
-  .uk-grid > * {
-    padding-left: 40px;
-  }
-  /* Vertical */
-  .uk-grid + .uk-grid,
-  .uk-grid > .uk-grid-margin,
-  * + .uk-grid-margin {
-    margin-top: 40px;
-  }
-}
-/*
- * Small
- */
-/* Horizontal */
-.uk-grid-small {
-  margin-left: -15px;
-}
-.uk-grid-small > * {
-  padding-left: 15px;
-}
-/* Vertical */
-.uk-grid + .uk-grid-small,
-.uk-grid-small > .uk-grid-margin,
-* + .uk-grid-margin-small {
-  margin-top: 15px;
-}
-/*
- * Medium
- */
-/* Horizontal */
-.uk-grid-medium {
-  margin-left: -30px;
-}
-.uk-grid-medium > * {
-  padding-left: 30px;
-}
-/* Vertical */
-.uk-grid + .uk-grid-medium,
-.uk-grid-medium > .uk-grid-margin,
-* + .uk-grid-margin-medium {
-  margin-top: 30px;
-}
-/*
- * Large
- */
-/* Horizontal */
-.uk-grid-large {
-  margin-left: -40px;
-}
-.uk-grid-large > * {
-  padding-left: 40px;
-}
-/* Vertical */
-.uk-grid + .uk-grid-large,
-.uk-grid-large > .uk-grid-margin,
-* + .uk-grid-margin-large {
-  margin-top: 40px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  /* Horizontal */
-  .uk-grid-large {
-    margin-left: -70px;
-  }
-  .uk-grid-large > * {
-    padding-left: 70px;
-  }
-  /* Vertical */
-  .uk-grid + .uk-grid-large,
-  .uk-grid-large > .uk-grid-margin,
-  * + .uk-grid-margin-large {
-    margin-top: 70px;
-  }
-}
-/*
- * Collapse
- */
-/* Horizontal */
-.uk-grid-collapse {
-  margin-left: 0;
-}
-.uk-grid-collapse > * {
-  padding-left: 0;
-}
-/* Vertical */
-.uk-grid + .uk-grid-collapse,
-.uk-grid-collapse > .uk-grid-margin {
-  margin-top: 0;
-}
-/* Divider
- ========================================================================== */
-.uk-grid-divider > * {
-  position: relative;
-}
-.uk-grid-divider > :not(.uk-first-column)::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  border-left: 1px solid #e5e5e5;
-}
-/* Vertical */
-.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Default
- */
-/* Horizontal */
-.uk-grid-divider {
-  margin-left: -60px;
-}
-.uk-grid-divider > * {
-  padding-left: 60px;
-}
-.uk-grid-divider > :not(.uk-first-column)::before {
-  left: 30px;
-}
-/* Vertical */
-.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
-  margin-top: 60px;
-}
-.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
-  top: -30px;
-  left: 60px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  /* Horizontal */
-  .uk-grid-divider {
-    margin-left: -80px;
-  }
-  .uk-grid-divider > * {
-    padding-left: 80px;
-  }
-  .uk-grid-divider > :not(.uk-first-column)::before {
-    left: 40px;
-  }
-  /* Vertical */
-  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
-    margin-top: 80px;
-  }
-  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
-    top: -40px;
-    left: 80px;
-  }
-}
-/*
- * Small
- */
-/* Horizontal */
-.uk-grid-divider.uk-grid-small {
-  margin-left: -30px;
-}
-.uk-grid-divider.uk-grid-small > * {
-  padding-left: 30px;
-}
-.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before {
-  left: 15px;
-}
-/* Vertical */
-.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
-  margin-top: 30px;
-}
-.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
-  top: -15px;
-  left: 30px;
-}
-/*
- * Medium
- */
-/* Horizontal */
-.uk-grid-divider.uk-grid-medium {
-  margin-left: -60px;
-}
-.uk-grid-divider.uk-grid-medium > * {
-  padding-left: 60px;
-}
-.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before {
-  left: 30px;
-}
-/* Vertical */
-.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin {
-  margin-top: 60px;
-}
-.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
-  top: -30px;
-  left: 60px;
-}
-/*
- * Large
- */
-/* Horizontal */
-.uk-grid-divider.uk-grid-large {
-  margin-left: -80px;
-}
-.uk-grid-divider.uk-grid-large > * {
-  padding-left: 80px;
-}
-.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
-  left: 40px;
-}
-/* Vertical */
-.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin {
-  margin-top: 80px;
-}
-.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
-  top: -40px;
-  left: 80px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  /* Horizontal */
-  .uk-grid-divider.uk-grid-large {
-    margin-left: -140px;
-  }
-  .uk-grid-divider.uk-grid-large > * {
-    padding-left: 140px;
-  }
-  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
-    left: 70px;
-  }
-  /* Vertical */
-  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin {
-    margin-top: 140px;
-  }
-  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
-    top: -70px;
-    left: 140px;
-  }
-}
-/* Match child of a grid cell
- ========================================================================== */
-/*
- * Behave like a block element
- * 1. Wrap into the next line
- * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
- * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
- */
-.uk-grid-match > *,
-.uk-grid-item-match {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-}
-.uk-grid-match > * > :not([class*="uk-width"]),
-.uk-grid-item-match > :not([class*="uk-width"]) {
-  /* 2 */
-  box-sizing: border-box;
-  width: 100%;
-  /* 3 */
-  flex: auto;
-}
-/* ========================================================================
-   Component: Tile
- ========================================================================== */
-.uk-tile {
-  position: relative;
-  box-sizing: border-box;
-  padding-left: 15px;
-  padding-right: 15px;
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-tile {
-    padding-left: 30px;
-    padding-right: 30px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-tile {
-    padding-left: 40px;
-    padding-right: 40px;
-    padding-top: 70px;
-    padding-bottom: 70px;
-  }
-}
-/*
- * Micro clearfix
- */
-.uk-tile::before,
-.uk-tile::after {
-  content: "";
-  display: table;
-}
-.uk-tile::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-tile > :last-child {
-  margin-bottom: 0;
-}
-/* Size modifiers
- ========================================================================== */
-/*
- * XSmall
- */
-.uk-tile-xsmall {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-/*
- * Small
- */
-.uk-tile-small {
-  padding-top: 40px;
-  padding-bottom: 40px;
-}
-/*
- * Large
- */
-.uk-tile-large {
-  padding-top: 70px;
-  padding-bottom: 70px;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-tile-large {
-    padding-top: 140px;
-    padding-bottom: 140px;
-  }
-}
-/*
- * XLarge
- */
-.uk-tile-xlarge {
-  padding-top: 140px;
-  padding-bottom: 140px;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-tile-xlarge {
-    padding-top: 210px;
-    padding-bottom: 210px;
-  }
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Default
- */
-.uk-tile-default {
-  background: #fff;
-}
-/*
- * Muted
- */
-.uk-tile-muted {
-  background: #f8f8f8;
-}
-/*
- * Primary
- */
-.uk-tile-primary {
-  background: #1e87f0;
-}
-/*
- * Secondary
- */
-.uk-tile-secondary {
-  background: #222;
-}
-/* ========================================================================
-   Component: Card
- ========================================================================== */
-.uk-card {
-  position: relative;
-  box-sizing: border-box;
-  transition: box-shadow 0.1s ease-in-out;
-}
-/* Sections
- ========================================================================== */
-.uk-card-body {
-  padding: 30px 30px;
-}
-.uk-card-header {
-  padding: 15px 30px;
-}
-.uk-card-footer {
-  padding: 15px 30px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-card-body {
-    padding: 40px 40px;
-  }
-  .uk-card-header {
-    padding: 20px 40px;
-  }
-  .uk-card-footer {
-    padding: 20px 40px;
-  }
-}
-/*
- * Micro clearfix
- */
-.uk-card-body::before,
-.uk-card-body::after,
-.uk-card-header::before,
-.uk-card-header::after,
-.uk-card-footer::before,
-.uk-card-footer::after {
-  content: "";
-  display: table;
-}
-.uk-card-body::after,
-.uk-card-header::after,
-.uk-card-footer::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-card-body > :last-child,
-.uk-card-header > :last-child,
-.uk-card-footer > :last-child {
-  margin-bottom: 0;
-}
-/* Media
- ========================================================================== */
-/*
- * Reserved alignment modifier to style the media element, e.g. with `border-radius`
- * Implemented by the theme
- */
-/* Title
- ========================================================================== */
-.uk-card-title {
-  font-size: 1.5rem;
-  line-height: 1.4;
-}
-/* Badge
- ========================================================================== */
-.uk-card-badge {
-  position: absolute;
-  top: 30px;
-  right: 30px;
-  z-index: 1;
-}
-/*
- * Remove margin from adjacent element
- */
-.uk-card-badge:first-child + * {
-  margin-top: 0;
-}
-/* Hover modifier
- ========================================================================== */
-.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
-  background: #fff;
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Default
- * Note: Header and Footer are only implemented for the default style
- */
-.uk-card-default {
-  background: #fff;
-  color: #666;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-}
-.uk-card-default .uk-card-title {
-  color: #333;
-}
-.uk-card-default.uk-card-hover:hover {
-  background-color: #fff;
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-.uk-card-default .uk-card-header {
-  border-bottom: 1px solid #e5e5e5;
-}
-.uk-card-default .uk-card-footer {
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Primary
- */
-.uk-card-primary {
-  background: #1e87f0;
-  color: #fff;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-}
-.uk-card-primary .uk-card-title {
-  color: #fff;
-}
-.uk-card-primary.uk-card-hover:hover {
-  background-color: #1e87f0;
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-/*
- * Secondary
- */
-.uk-card-secondary {
-  background: #222;
-  color: #fff;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-}
-.uk-card-secondary .uk-card-title {
-  color: #fff;
-}
-.uk-card-secondary.uk-card-hover:hover {
-  background-color: #222;
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-/* Size modifier
- ========================================================================== */
-/*
- * Small
- */
-.uk-card-small.uk-card-body,
-.uk-card-small .uk-card-body {
-  padding: 20px 20px;
-}
-.uk-card-small .uk-card-header {
-  padding: 13px 20px;
-}
-.uk-card-small .uk-card-footer {
-  padding: 13px 20px;
-}
-/*
- * Large
- */
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-card-large.uk-card-body,
-  .uk-card-large .uk-card-body {
-    padding: 70px 70px;
-  }
-  .uk-card-large .uk-card-header {
-    padding: 35px 70px;
-  }
-  .uk-card-large .uk-card-footer {
-    padding: 35px 70px;
-  }
-}
-/*
-     * Default
-     */
-.uk-card-body .uk-nav-default {
-  margin: -15px -30px;
-}
-.uk-card-title + .uk-nav-default {
-  margin-top: 0;
-}
-.uk-card-body .uk-nav-default > li > a,
-.uk-card-body .uk-nav-default .uk-nav-header,
-.uk-card-body .uk-nav-default .uk-nav-divider {
-  padding-left: 30px;
-  padding-right: 30px;
-}
-.uk-card-body .uk-nav-default .uk-nav-sub {
-  padding-left: 45px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-card-body .uk-nav-default {
-    margin: -25px -40px;
-  }
-  .uk-card-title + .uk-nav-default {
-    margin-top: 0;
-  }
-  .uk-card-body .uk-nav-default > li > a,
-  .uk-card-body .uk-nav-default .uk-nav-header,
-  .uk-card-body .uk-nav-default .uk-nav-divider {
-    padding-left: 40px;
-    padding-right: 40px;
-  }
-  .uk-card-body .uk-nav-default .uk-nav-sub {
-    padding-left: 55px;
-  }
-}
-/*
-     * Small
-     */
-.uk-card-small .uk-nav-default {
-  margin: -5px -20px;
-}
-.uk-card-small .uk-card-title + .uk-nav-default {
-  margin-top: 0;
-}
-.uk-card-small .uk-nav-default > li > a,
-.uk-card-small .uk-nav-default .uk-nav-header,
-.uk-card-small .uk-nav-default .uk-nav-divider {
-  padding-left: 20px;
-  padding-right: 20px;
-}
-.uk-card-small .uk-nav-default .uk-nav-sub {
-  padding-left: 35px;
-}
-/*
-     * Large
-     */
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-card-large .uk-nav-default {
-    margin: -55px -70px;
-  }
-  .uk-card-large .uk-card-title + .uk-nav-default {
-    margin-top: 0;
-  }
-}
-/* ========================================================================
-   Component: Close
- ========================================================================== */
-/*
- * Adopts `uk-icon`
- */
-.uk-close {
-  color: #999;
-  transition: 0.1s ease-in-out;
-  transition-property: color, opacity;
-}
-/* Hover + Focus */
-.uk-close:hover,
-.uk-close:focus {
-  color: #666;
-  outline: none;
-}
-/* ========================================================================
-   Component: Spinner
- ========================================================================== */
-/*
- * Adopts `uk-icon`
- */
-/* SVG
- ========================================================================== */
-.uk-spinner > * {
-  animation: uk-spinner-rotate 1.4s linear infinite;
-}
-@keyframes uk-spinner-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-/*
- * Circle
- */
-.uk-spinner > * > * {
-  stroke-dasharray: 88px;
-  stroke-dashoffset: 0;
-  transform-origin: center;
-  animation: uk-spinner-dash 1.4s ease-in-out infinite;
-  stroke-width: 1;
-  stroke-linecap: round;
-}
-@keyframes uk-spinner-dash {
-  0% {
-    stroke-dashoffset: 88px;
-  }
-  50% {
-    stroke-dashoffset: 22px;
-    transform: rotate(135deg);
-  }
-  100% {
-    stroke-dashoffset: 88px;
-    transform: rotate(450deg);
-  }
-}
-/* ========================================================================
-   Component: Totop
- ========================================================================== */
-/*
- * Addopts `uk-icon`
- */
-.uk-totop {
-  padding: 5px;
-  color: #999;
-  transition: color 0.1s ease-in-out;
-}
-/* Hover + Focus */
-.uk-totop:hover,
-.uk-totop:focus {
-  color: #666;
-  outline: none;
-}
-/* OnClick */
-.uk-totop:active {
-  color: #333;
-}
-/* ========================================================================
-   Component: Marker
- ========================================================================== */
-/*
- * Addopts `uk-icon`
- */
-.uk-marker {
-  padding: 5px;
-  background: #222;
-  color: #fff;
-  border-radius: 500px;
-}
-/* Hover + Focus */
-.uk-marker:hover,
-.uk-marker:focus {
-  color: #fff;
-  outline: none;
-}
-/* ========================================================================
-   Component: Alert
- ========================================================================== */
-.uk-alert {
-  position: relative;
-  margin-bottom: 20px;
-  padding: 15px 29px 15px 15px;
-  background: #f8f8f8;
-  color: #666;
-}
-/* Add margin if adjacent element */
-* + .uk-alert {
-  margin-top: 20px;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-alert > :last-child {
-  margin-bottom: 0;
-}
-/* Close
- * Adopts `uk-close`
- ========================================================================== */
-.uk-alert-close {
-  position: absolute;
-  top: 20px;
-  right: 15px;
-  color: inherit;
-  opacity: 0.4;
-}
-/*
- * Remove margin from adjacent element
- */
-.uk-alert-close:first-child + * {
-  margin-top: 0;
-}
-/*
- * Hover + Focus
- */
-.uk-alert-close:hover,
-.uk-alert-close:focus {
-  color: inherit;
-  opacity: 0.8;
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Primary
- */
-.uk-alert-primary {
-  background: #d8eafc;
-  color: #1e87f0;
-}
-/*
- * Success
- */
-.uk-alert-success {
-  background: #edfbf6;
-  color: #32d296;
-}
-/*
- * Warning
- */
-.uk-alert-warning {
-  background: #fff6ee;
-  color: #faa05a;
-}
-/*
- * Danger
- */
-.uk-alert-danger {
-  background: #fef4f6;
-  color: #f0506e;
-}
-/*
-     * Content
-     */
-.uk-alert h1,
-.uk-alert h2,
-.uk-alert h3,
-.uk-alert h4,
-.uk-alert h5,
-.uk-alert h6 {
-  color: inherit;
-}
-.uk-alert a:not([class]) {
-  color: inherit;
-  text-decoration: underline;
-}
-.uk-alert a:not([class]):hover {
-  color: inherit;
-  text-decoration: underline;
-}
-/* ========================================================================
-   Component: Badge
- ========================================================================== */
-/*
- * 1. Style
- * 2. Center child vertically and horizontally
- */
-.uk-badge {
-  box-sizing: border-box;
-  min-width: 22px;
-  height: 22px;
-  padding: 0 5px;
-  border-radius: 500px;
-  vertical-align: middle;
-  /* 1 */
-  background: #1e87f0;
-  color: #fff;
-  font-size: 0.875rem;
-  /* 2 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
-/*
- * Required for `a`
- */
-.uk-badge:hover,
-.uk-badge:focus {
-  color: #fff;
-  text-decoration: none;
-  outline: none;
-}
-/* ========================================================================
-   Component: Label
- ========================================================================== */
-.uk-label {
-  display: inline-block;
-  padding: 0 10px;
-  background: #1e87f0;
-  line-height: 1.5;
-  font-size: 0.875rem;
-  color: #fff;
-  vertical-align: middle;
-  white-space: nowrap;
-  border-radius: 2px;
-  text-transform: uppercase;
-}
-/* Color modifiers
- ========================================================================== */
-/*
- * Success
- */
-.uk-label-success {
-  background-color: #32d296;
-  color: #fff;
-}
-/*
- * Warning
- */
-.uk-label-warning {
-  background-color: #faa05a;
-  color: #fff;
-}
-/*
- * Danger
- */
-.uk-label-danger {
-  background-color: #f0506e;
-  color: #fff;
-}
-/* ========================================================================
-   Component: Overlay
- ========================================================================== */
-.uk-overlay {
-  padding: 30px 30px;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-overlay > :last-child {
-  margin-bottom: 0;
-}
-/* Icon
- ========================================================================== */
-/* Style modifiers
- ========================================================================== */
-/*
- * Default
- */
-.uk-overlay-default {
-  background: rgba(255, 255, 255, 0.8);
-}
-/*
- * Primary
- */
-.uk-overlay-primary {
-  background: rgba(34, 34, 34, 0.8);
-}
-/* ========================================================================
-   Component: Article
- ========================================================================== */
-/*
- * Micro clearfix
- */
-.uk-article::before,
-.uk-article::after {
-  content: "";
-  display: table;
-}
-.uk-article::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-article > :last-child {
-  margin-bottom: 0;
-}
-/* Adjacent sibling
- ========================================================================== */
-.uk-article + .uk-article {
-  margin-top: 70px;
-}
-/* Title
- ========================================================================== */
-.uk-article-title {
-  font-size: 2.625rem;
-  line-height: 1.2;
-}
-/* Meta
- ========================================================================== */
-.uk-article-meta {
-  font-size: 0.875rem;
-  line-height: 1.4;
-  color: #999;
-}
-.uk-article-meta a {
-  color: #999;
-}
-.uk-article-meta a:hover {
-  color: #666;
-  text-decoration: none;
-}
-/* ========================================================================
-   Component: Comment
- ========================================================================== */
-/* Sections
- ========================================================================== */
-.uk-comment-header {
-  margin-bottom: 20px;
-}
-/*
- * Micro clearfix
- */
-.uk-comment-body::before,
-.uk-comment-body::after,
-.uk-comment-header::before,
-.uk-comment-header::after {
-  content: "";
-  display: table;
-}
-.uk-comment-body::after,
-.uk-comment-header::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-comment-body > :last-child,
-.uk-comment-header > :last-child {
-  margin-bottom: 0;
-}
-/* Title
- ========================================================================== */
-.uk-comment-title {
-  font-size: 1.25rem;
-  line-height: 1.4;
-}
-/* Meta
- ========================================================================== */
-.uk-comment-meta {
-  font-size: 0.875rem;
-  line-height: 1.4;
-  color: #999;
-}
-/* Avatar
- ========================================================================== */
-/* List
- ========================================================================== */
-.uk-comment-list {
-  padding: 0;
-  list-style: none;
-}
-/* Adjacent siblings */
-.uk-comment-list > :nth-child(n + 2) {
-  margin-top: 70px;
-}
-/*
- * Sublists
- * Note: General sibling selector allows reply block between comment and sublist
- */
-.uk-comment-list .uk-comment ~ ul {
-  margin: 70px 0 0 0;
-  padding-left: 30px;
-  list-style: none;
-}
-/* Tablet and bigger */
-@media (min-width: 960px) {
-  .uk-comment-list .uk-comment ~ ul {
-    padding-left: 100px;
-  }
-}
-/* Adjacent siblings */
-.uk-comment-list .uk-comment ~ ul > :nth-child(n + 2) {
-  margin-top: 70px;
-}
-/* Style modifier
- ========================================================================== */
-.uk-comment-primary {
-  padding: 30px;
-  background-color: #f8f8f8;
-}
-/* ========================================================================
-   Component: Search
- ========================================================================== */
-/*
- * 1. Container fits its content
- * 2. Create position context
- * 3. Prevent content overflow
- * 4. Reset `form`
- */
-.uk-search {
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  max-width: 100%;
-  /* 4 */
-  margin: 0;
-}
-/* Input
- ========================================================================== */
-/*
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
- */
-.uk-search-input::-webkit-search-cancel-button,
-.uk-search-input::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/*
- * Removes placeholder transparency in Firefox.
- */
-.uk-search-input::-moz-placeholder {
-  opacity: 1;
-}
-/*
- * 1. Define consistent box sizing.
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
- * 3. Remove `border-radius` in iOS.
- * 4. Change font properties to `inherit` in all browsers
- * 5. Show the overflow in Edge.
- * 6. Remove default style in iOS.
- * 7. Vertical alignment
- * 8. Take the full container width
- * 9. Style
- */
-.uk-search-input {
-  /* 1 */
-  box-sizing: border-box;
-  /* 2 */
-  margin: 0;
-  /* 3 */
-  border-radius: 0;
-  /* 4 */
-  font: inherit;
-  /* 5 */
-  overflow: visible;
-  /* 6 */
-  -webkit-appearance: none;
-  /* 7 */
-  vertical-align: middle;
-  /* 8 */
-  width: 100%;
-  /* 9 */
-  border: none;
-  color: #666;
-}
-.uk-search-input:focus {
-  outline: none;
-}
-/* Placeholder */
-.uk-search-input:-ms-input-placeholder {
-  color: #999 !important;
-}
-.uk-search-input::placeholder {
-  color: #999;
-}
-/* Icon (Adopts `uk-icon`)
- ========================================================================== */
-/*
- * Remove default focus style
- */
-.uk-search-icon:focus {
-  outline: none;
-}
-/*
- * Position above input
- * 1. Set position
- * 2. Center icon vertically and horizontally
- * 3. Style
- */
-.uk-search .uk-search-icon {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  /* 3 */
-  color: #999;
-}
-/*
- * Required for `a`.
- */
-.uk-search .uk-search-icon:hover {
-  color: #999;
-}
-/*
- * Make `input` element clickable through icon, e.g. if it's a `span`
- */
-.uk-search .uk-search-icon:not(a):not(button):not(input) {
-  pointer-events: none;
-}
-/*
- * Position modifier
- */
-.uk-search .uk-search-icon-flip {
-  right: 0;
-  left: auto;
-}
-/* Default modifier
- ========================================================================== */
-.uk-search-default {
-  width: 180px;
-}
-/*
- * Input
- */
-.uk-search-default .uk-search-input {
-  height: 40px;
-  padding-left: 6px;
-  padding-right: 6px;
-  background: transparent;
-  border: 1px solid #e5e5e5;
-}
-/* Focus */
-.uk-search-default .uk-search-input:focus {
-  background-color: transparent;
-}
-/*
- * Icon
- */
-.uk-search-default .uk-search-icon {
-  width: 40px;
-}
-.uk-search-default
-  .uk-search-icon:not(.uk-search-icon-flip)
-  + .uk-search-input {
-  padding-left: 40px;
-}
-.uk-search-default .uk-search-icon-flip + .uk-search-input {
-  padding-right: 40px;
-}
-/* Navbar modifier
- ========================================================================== */
-.uk-search-navbar {
-  width: 400px;
-}
-/*
- * Input
- */
-.uk-search-navbar .uk-search-input {
-  height: 40px;
-  background: transparent;
-  font-size: 1.5rem;
-}
-/*
- * Icon
- */
-.uk-search-navbar .uk-search-icon {
-  width: 40px;
-}
-.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input {
-  padding-left: 40px;
-}
-.uk-search-navbar .uk-search-icon-flip + .uk-search-input {
-  padding-right: 40px;
-}
-/* Large modifier
- ========================================================================== */
-.uk-search-large {
-  width: 500px;
-}
-/*
- * Input
- */
-.uk-search-large .uk-search-input {
-  height: 80px;
-  background: transparent;
-  font-size: 2.625rem;
-}
-/*
- * Icon
- */
-.uk-search-large .uk-search-icon {
-  width: 80px;
-}
-.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input {
-  padding-left: 80px;
-}
-.uk-search-large .uk-search-icon-flip + .uk-search-input {
-  padding-right: 80px;
-}
-/* Toggle
- ========================================================================== */
-.uk-search-toggle {
-  color: #999;
-}
-/* Hover + Focus */
-.uk-search-toggle:hover,
-.uk-search-toggle:focus {
-  color: #666;
-}
-/* ========================================================================
-   Component: Nav
- ========================================================================== */
-/*
- * Reset
- * 1. Prepare lists
- * 2. Prepare links
- * 3. Remove default focus style
- */
-/* 1 */
-.uk-nav,
-.uk-nav ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-/* 2 */
-.uk-nav li > a {
-  display: block;
-  text-decoration: none;
-}
-/* 3 */
-.uk-nav li > a:focus {
-  outline: none;
-}
-/*
- * Items
- * Must target `a` elements to exclude other elements (e.g. lists)
- */
-.uk-nav > li > a {
-  padding: 5px 0;
-}
-/* Sublists
- ========================================================================== */
-/*
- * Level 2
- * `ul` needed for higher specificity to override padding
- */
-ul.uk-nav-sub {
-  padding: 5px 0 5px 15px;
-}
-/*
- * Level 3 and deeper
- */
-.uk-nav-sub ul {
-  padding-left: 15px;
-}
-/*
- * Items
- */
-.uk-nav-sub a {
-  padding: 2px 0;
-}
-/* Parent icon modifier
- ========================================================================== */
-.uk-nav-parent-icon > .uk-parent > a::after {
-  content: "";
-  width: 1.5em;
-  height: 1.5em;
-  float: right;
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-}
-.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-/* Header
- ========================================================================== */
-.uk-nav-header {
-  padding: 5px 0;
-  text-transform: uppercase;
-  font-size: 0.875rem;
-}
-.uk-nav-header:not(:first-child) {
-  margin-top: 20px;
-}
-/* Divider
- ========================================================================== */
-.uk-nav-divider {
-  margin: 5px 0;
-}
-/* Default modifier
- ========================================================================== */
-.uk-nav-default {
-  font-size: 0.875rem;
-}
-/*
- * Items
- */
-.uk-nav-default > li > a {
-  color: #999;
-}
-/* Hover + Focus */
-.uk-nav-default > li > a:hover,
-.uk-nav-default > li > a:focus {
-  color: #666;
-}
-/* Active */
-.uk-nav-default > li.uk-active > a {
-  color: #333;
-}
-/*
- * Header
- */
-.uk-nav-default .uk-nav-header {
-  color: #333;
-}
-/*
- * Divider
- */
-.uk-nav-default .uk-nav-divider {
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Sublists
- */
-.uk-nav-default .uk-nav-sub a {
-  color: #999;
-}
-.uk-nav-default .uk-nav-sub a:hover,
-.uk-nav-default .uk-nav-sub a:focus {
-  color: #666;
-}
-/* Primary modifier
- ========================================================================== */
-/*
- * Items
- */
-.uk-nav-primary > li > a {
-  font-size: 1.5rem;
-  line-height: 1.5;
-  color: #999;
-}
-/* Hover + Focus */
-.uk-nav-primary > li > a:hover,
-.uk-nav-primary > li > a:focus {
-  color: #666;
-}
-/* Active */
-.uk-nav-primary > li.uk-active > a {
-  color: #333;
-}
-/*
- * Header
- */
-.uk-nav-primary .uk-nav-header {
-  color: #333;
-}
-/*
- * Divider
- */
-.uk-nav-primary .uk-nav-divider {
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Sublists
- */
-.uk-nav-primary .uk-nav-sub a {
-  color: #999;
-}
-.uk-nav-primary .uk-nav-sub a:hover,
-.uk-nav-primary .uk-nav-sub a:focus {
-  color: #666;
-}
-/* Alignment modifier
- ========================================================================== */
-.uk-nav-center {
-  text-align: center;
-}
-/* Sublists */
-.uk-nav-center .uk-nav-sub,
-.uk-nav-center .uk-nav-sub ul {
-  padding-left: 0;
-}
-/* Parent icon modifier  */
-.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
-  position: absolute;
-}
-/* ========================================================================
-   Component: Navbar
- ========================================================================== */
-/*
- * 1. Create position context to center navbar group
- */
-.uk-navbar {
-  display: flex;
-  /* 1 */
-  position: relative;
-}
-/* Container
- ========================================================================== */
-.uk-navbar-container:not(.uk-navbar-transparent) {
-  background: #f8f8f8;
-}
-/*
- * Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
- */
-.uk-navbar-container > ::before,
-.uk-navbar-container > ::after {
-  display: none !important;
-}
-/* Groups
- ========================================================================== */
-/*
- * 1. Align navs and items vertically if they have a different height
- * 2. Note: IE 11 requires an extra `div` which affects the center selector
- */
-.uk-navbar-left,
-.uk-navbar-right,
-.uk-navbar-center,
-.uk-navbar-center-left > *,
-.uk-navbar-center-right > * {
-  display: flex;
-  /* 1 */
-  align-items: center;
-}
-/*
- * Horizontal alignment
- * 1. Create position context for centered navbar with sub groups (left/right)
- * 2. Needed for dropdowns because a new position context is created
- *    `z-index` must be smaller than off-canvas
- * 3. Fix text wrapping if the centered section is larger than 50% of the navbar
- * 4. Align sub groups for centered navbar
- */
-.uk-navbar-right {
-  margin-left: auto;
-}
-.uk-navbar-center:only-child {
-  margin-left: auto;
-  margin-right: auto;
-  /* 1 */
-  position: relative;
-}
-.uk-navbar-center:not(:only-child) {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /* 2 */
-  z-index: 990;
-}
-/* 3 */
-.uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a,
-.uk-navbar-center:not(:only-child) .uk-navbar-item,
-.uk-navbar-center:not(:only-child) .uk-navbar-toggle {
-  white-space: nowrap;
-}
-/* 4 */
-.uk-navbar-center-left,
-.uk-navbar-center-right {
-  position: absolute;
-  top: 0;
-}
-.uk-navbar-center-left {
-  right: 100%;
-}
-.uk-navbar-center-right {
-  left: 100%;
-}
-[class*="uk-navbar-center-"] .uk-navbar-nav > li > a,
-[class*="uk-navbar-center-"] .uk-navbar-item,
-[class*="uk-navbar-center-"] .uk-navbar-toggle {
-  white-space: nowrap;
-}
-/* Nav
- ========================================================================== */
-/*
- * 1. Reset list
- */
-.uk-navbar-nav {
-  display: flex;
-  /* 1 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-/*
- * Allow items to wrap into the next line
- * Only not `absolute` positioned groups
- */
-.uk-navbar-left,
-.uk-navbar-right,
-.uk-navbar-center:only-child {
-  flex-wrap: wrap;
-}
-/*
- * Items
- * 1. Center content vertically and horizontally
- * 2. Dimensions
- * 3. Style
- * 4. Required for `a`
- */
-.uk-navbar-nav > li > a,
-.uk-navbar-item,
-.uk-navbar-toggle {
-  /* 1 */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  /* 2 */
-  box-sizing: border-box;
-  height: 80px;
-  padding: 0 15px;
-  /* 3 */
-  font-size: 0.875rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
-  /* 4 */
-  text-decoration: none;
-}
-/*
- * Nav items
- */
-.uk-navbar-nav > li > a {
-  color: #999;
-  text-transform: uppercase;
-  transition: 0.1s ease-in-out;
-  transition-property: color, background-color;
-}
-/*
- * Hover
- * Apply hover style also to focus state and if dropdown is opened
- */
-.uk-navbar-nav > li:hover > a,
-.uk-navbar-nav > li > a:focus,
-.uk-navbar-nav > li > a.uk-open {
-  color: #666;
-  outline: none;
-}
-/* OnClick */
-.uk-navbar-nav > li > a:active {
-  color: #333;
-}
-/* Active */
-.uk-navbar-nav > li.uk-active > a {
-  color: #333;
-}
-/* Item
- ========================================================================== */
-.uk-navbar-item {
-  color: #666;
-}
-/* Toggle
- ========================================================================== */
-.uk-navbar-toggle {
-  color: #999;
-}
-.uk-navbar-toggle:hover,
-.uk-navbar-toggle:focus,
-.uk-navbar-toggle.uk-open {
-  color: #666;
-  outline: none;
-  text-decoration: none;
-}
-/*
- * Icon
- * Adopts `uk-icon`
- */
-/* Hover + Focus */
-/* Subtitle
- ========================================================================== */
-.uk-navbar-subtitle {
-  font-size: 0.875rem;
-}
-/* Style modifiers
- ========================================================================== */
-/* Dropdown
- ========================================================================== */
-/*
- * Adopts `uk-dropdown`
- * 1. Hide by default
- * 2. Set position
- * 3. Set a default width
- * 4. Style
- */
-.uk-navbar-dropdown {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: absolute;
-  z-index: 1020;
-  /* 3 */
-  box-sizing: border-box;
-  width: 200px;
-  /* 4 */
-  padding: 25px;
-  background: #fff;
-  color: #666;
-  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
-}
-/* Show */
-.uk-navbar-dropdown.uk-open {
-  display: block;
-}
-/*
- * Direction / Alignment modifiers
- */
-/* Direction */
-[class*="uk-navbar-dropdown-top"] {
-  margin-top: -15px;
-}
-[class*="uk-navbar-dropdown-bottom"] {
-  margin-top: 15px;
-}
-[class*="uk-navbar-dropdown-left"] {
-  margin-left: -15px;
-}
-[class*="uk-navbar-dropdown-right"] {
-  margin-left: 15px;
-}
-/*
- * Grid
- * Adopts `uk-grid`
- */
-/* Gutter Horizontal */
-.uk-navbar-dropdown-grid {
-  margin-left: -50px;
-}
-.uk-navbar-dropdown-grid > * {
-  padding-left: 50px;
-}
-/* Gutter Vertical */
-.uk-navbar-dropdown-grid > .uk-grid-margin {
-  margin-top: 50px;
-}
-/* Stack */
-.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
-  width: 100% !important;
-}
-/*
- * Width modifier
- */
-.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
-  width: 400px;
-}
-.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
-  width: 600px;
-}
-.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
-  width: 800px;
-}
-.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
-  width: 1000px;
-}
-/*
- * Dropbar modifier
- */
-.uk-navbar-dropdown-dropbar {
-  margin-top: 0;
-  margin-bottom: 0;
-  box-shadow: none;
-}
-/* Dropdown Nav
- * Adopts `uk-nav`
- ========================================================================== */
-.uk-navbar-dropdown-nav {
-  font-size: 0.875rem;
-}
-/*
- * Items
- */
-.uk-navbar-dropdown-nav > li > a {
-  color: #999;
-}
-/* Hover + Focus */
-.uk-navbar-dropdown-nav > li > a:hover,
-.uk-navbar-dropdown-nav > li > a:focus {
-  color: #666;
-}
-/* Active */
-.uk-navbar-dropdown-nav > li.uk-active > a {
-  color: #333;
-}
-/*
- * Header
- */
-.uk-navbar-dropdown-nav .uk-nav-header {
-  color: #333;
-}
-/*
- * Divider
- */
-.uk-navbar-dropdown-nav .uk-nav-divider {
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Sublists
- */
-.uk-navbar-dropdown-nav .uk-nav-sub a {
-  color: #999;
-}
-.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
-.uk-navbar-dropdown-nav .uk-nav-sub a:focus {
-  color: #666;
-}
-/* Dropbar
- ========================================================================== */
-.uk-navbar-dropbar {
-  background: #fff;
-}
-/*
- * Slide modifier
- */
-.uk-navbar-dropbar-slide {
-  position: absolute;
-  z-index: 980;
-  left: 0;
-  right: 0;
-  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
-}
-/*
-     * Navbar
-     */
-.uk-navbar-container > .uk-container .uk-navbar-left {
-  margin-left: -15px;
-  margin-right: -15px;
-}
-.uk-navbar-container > .uk-container .uk-navbar-right {
-  margin-right: -15px;
-}
-/*
-     * Grid Divider
-     */
-.uk-navbar-dropdown-grid > * {
-  position: relative;
-}
-.uk-navbar-dropdown-grid > :not(.uk-first-column)::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 25px;
-  border-left: 1px solid #e5e5e5;
-}
-/* Vertical */
-.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before {
-  content: "";
-  position: absolute;
-  top: -25px;
-  left: 50px;
-  right: 0;
-  border-top: 1px solid #e5e5e5;
-}
-/* ========================================================================
-   Component: Subnav
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Gutter
- * 3. Reset list
- */
-.uk-subnav {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin-left: -20px;
-  /* 3 */
-  padding: 0;
-  list-style: none;
-}
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- * 3. Create position context for dropdowns
- */
-.uk-subnav > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  padding-left: 20px;
-  /* 3 */
-  position: relative;
-}
-/* Items
- ========================================================================== */
-/*
- * Items must target `a` elements to exclude other elements (e.g. dropdowns)
- * Using `:first-child` instead of `a` to support `span` elements for text
- * 1. Prevent gap if child element is `inline-block`, e.g. an icon
- * 2. Style
- */
-.uk-subnav > * > :first-child {
-  /* 1 */
-  display: block;
-  /* 2 */
-  color: #999;
-  font-size: 0.875rem;
-  text-transform: uppercase;
-  transition: 0.1s ease-in-out;
-  transition-property: color, background-color;
-}
-/* Hover + Focus */
-.uk-subnav > * > a:hover,
-.uk-subnav > * > a:focus {
-  color: #666;
-  text-decoration: none;
-  outline: none;
-}
-/* Active */
-.uk-subnav > .uk-active > a {
-  color: #333;
-}
-/* Divider modifier
- ========================================================================== */
-/*
- * 1. Align items and divider vertically
- */
-.uk-subnav-divider > * {
-  /* 1 */
-  display: flex;
-  align-items: center;
-}
-/*
- * Divider
- * `nth-child` makes it also work without JS if it's only one row
- */
-.uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before {
-  content: "";
-  height: 1.5em;
-  margin-left: 0px;
-  margin-right: 20px;
-  border-left: 1px solid #e5e5e5;
-}
-/* Pill modifier
- ========================================================================== */
-.uk-subnav-pill > * > :first-child {
-  padding: 5px 10px;
-  background: transparent;
-  color: #999;
-}
-/* Hover + Focus */
-.uk-subnav-pill > * > a:hover,
-.uk-subnav-pill > * > a:focus {
-  background-color: #f8f8f8;
-  color: #666;
-}
-/* OnClick */
-.uk-subnav-pill > * > a:active {
-  background-color: #f8f8f8;
-  color: #666;
-}
-/* Active */
-.uk-subnav-pill > .uk-active > a {
-  background-color: #1e87f0;
-  color: #fff;
-}
-/* Disabled
- * The same for all style modifiers
- ========================================================================== */
-.uk-subnav > .uk-disabled > a {
-  color: #999;
-}
-/* ========================================================================
-   Component: Breadcrumb
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Reset list
- */
-.uk-breadcrumb {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  padding: 0;
-  list-style: none;
-}
-/*
- * Space is allocated solely based on content dimensions: 0 0 auto
- */
-.uk-breadcrumb > * {
-  flex: none;
-}
-/* Items
- ========================================================================== */
-.uk-breadcrumb > * > * {
-  display: inline-block;
-  font-size: 0.875rem;
-  color: #999;
-}
-/* Hover + Focus */
-.uk-breadcrumb > * > :hover,
-.uk-breadcrumb > * > :focus {
-  color: #666;
-  text-decoration: none;
-}
-/* Disabled */
-/* Active */
-.uk-breadcrumb > :last-child > * {
-  color: #666;
-}
-/*
- * Divider
- * `nth-child` makes it also work without JS if it's only one row
- */
-.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
-  content: "/";
-  display: inline-block;
-  margin: 0 20px;
-  color: #999;
-}
-/* ========================================================================
-   Component: Pagination
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Gutter
- * 3. Reset list
- */
-.uk-pagination {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin-left: -20px;
-  /* 3 */
-  padding: 0;
-  list-style: none;
-}
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- * 3. Create position context for dropdowns
- */
-.uk-pagination > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  padding-left: 20px;
-  /* 3 */
-  position: relative;
-}
-/* Items
- ========================================================================== */
-/*
- * 1. Prevent gap if child element is `inline-block`, e.g. an icon
- * 2. Style
- */
-.uk-pagination > * > * {
-  /* 1 */
-  display: block;
-  /* 2 */
-  color: #999;
-  transition: color 0.1s ease-in-out;
-}
-/* Hover + Focus */
-.uk-pagination > * > :hover,
-.uk-pagination > * > :focus {
-  color: #666;
-  text-decoration: none;
-}
-/* Active */
-.uk-pagination > .uk-active > * {
-  color: #666;
-}
-/* Disabled */
-.uk-pagination > .uk-disabled > * {
-  color: #999;
-}
-/* ========================================================================
-   Component: Tab
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Gutter
- * 3. Reset list
- */
-.uk-tab {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin-left: -20px;
-  /* 3 */
-  padding: 0;
-  list-style: none;
-  position: relative;
-}
-.uk-tab::before {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 20px;
-  right: 0;
-  border-bottom: 1px solid #e5e5e5;
-}
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- * 3. Create position context for dropdowns
- */
-.uk-tab > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  padding-left: 20px;
-  /* 3 */
-  position: relative;
-}
-/* Items
- ========================================================================== */
-/*
- * Items must target `a` elements to exclude other elements (e.g. dropdowns)
- * 1. Center text if a width is set
- * 2. Style
- */
-.uk-tab > * > a {
-  /* 1 */
-  display: block;
-  text-align: center;
-  /* 2 */
-  padding: 5px 10px;
-  color: #999;
-  border-bottom: 1px solid transparent;
-  font-size: 0.875rem;
-  text-transform: uppercase;
-  transition: color 0.1s ease-in-out;
-}
-/* Hover + Focus */
-.uk-tab > * > a:hover,
-.uk-tab > * > a:focus {
-  color: #666;
-  text-decoration: none;
-}
-/* Active */
-.uk-tab > .uk-active > a {
-  color: #333;
-  border-color: #1e87f0;
-}
-/* Disabled */
-.uk-tab > .uk-disabled > a {
-  color: #999;
-}
-/* Position modifier
- ========================================================================== */
-/*
- * Bottom
- */
-.uk-tab-bottom::before {
-  top: 0;
-  bottom: auto;
-}
-.uk-tab-bottom > * > a {
-  border-top: 1px solid transparent;
-  border-bottom: none;
-}
-/*
- * Left + Right
- * 1. Reset Gutter
- */
-.uk-tab-left,
-.uk-tab-right {
-  flex-direction: column;
-  /* 1 */
-  margin-left: 0;
-}
-/* 1 */
-.uk-tab-left > *,
-.uk-tab-right > * {
-  padding-left: 0;
-}
-.uk-tab-left::before {
-  top: 0;
-  bottom: 0;
-  left: auto;
-  right: 0;
-  border-left: 1px solid #e5e5e5;
-  border-bottom: none;
-}
-.uk-tab-right::before {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: auto;
-  border-left: 1px solid #e5e5e5;
-  border-bottom: none;
-}
-.uk-tab-left > * > a {
-  text-align: left;
-  border-right: 1px solid transparent;
-  border-bottom: none;
-}
-.uk-tab-right > * > a {
-  text-align: left;
-  border-left: 1px solid transparent;
-  border-bottom: none;
-}
-.uk-tab .uk-dropdown {
-  margin-left: 30px;
-}
-/* ========================================================================
-   Component: Slidenav
- ========================================================================== */
-/*
- * Adopts `uk-icon`
- */
-.uk-slidenav {
-  padding: 5px 10px;
-  color: rgba(102, 102, 102, 0.5);
-  transition: color 0.1s ease-in-out;
-}
-/* Hover + Focus */
-.uk-slidenav:hover,
-.uk-slidenav:focus {
-  color: rgba(102, 102, 102, 0.9);
-  outline: none;
-}
-/* OnClick */
-.uk-slidenav:active {
-  color: rgba(102, 102, 102, 0.5);
-}
-/* Icon modifier
- ========================================================================== */
-/*
- * Previous
- */
-/*
- * Next
- */
-/* Size modifier
- ========================================================================== */
-.uk-slidenav-large {
-  padding: 10px 10px;
-}
-/* Container
- ========================================================================== */
-.uk-slidenav-container {
-  display: flex;
-}
-/* ========================================================================
-   Component: Dotnav
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Reset list
- * 3. Gutter
- */
-.uk-dotnav {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* 3 */
-  margin-left: -12px;
-}
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- */
-.uk-dotnav > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  padding-left: 12px;
-}
-/* Items
- ========================================================================== */
-/*
- * Items
- * 1. Hide text if present
- */
-.uk-dotnav > * > * {
-  display: block;
-  box-sizing: border-box;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: transparent;
-  /* 1 */
-  text-indent: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  border: 1px solid rgba(102, 102, 102, 0.4);
-  transition: 0.2s ease-in-out;
-  transition-property: background-color, border-color;
-}
-/* Hover + Focus */
-.uk-dotnav > * > :hover,
-.uk-dotnav > * > :focus {
-  background-color: rgba(102, 102, 102, 0.6);
-  outline: none;
-  border-color: transparent;
-}
-/* OnClick */
-.uk-dotnav > * > :active {
-  background-color: rgba(102, 102, 102, 0.2);
-  border-color: transparent;
-}
-/* Active */
-.uk-dotnav > .uk-active > * {
-  background-color: rgba(102, 102, 102, 0.6);
-  border-color: transparent;
-}
-/* Modifier: 'uk-dotnav-vertical'
- ========================================================================== */
-/*
- * 1. Change direction
- * 2. Gutter
- */
-.uk-dotnav-vertical {
-  /* 1 */
-  flex-direction: column;
-  /* 2 */
-  margin-left: 0;
-  margin-top: -12px;
-}
-/* 2 */
-.uk-dotnav-vertical > * {
-  padding-left: 0;
-  padding-top: 12px;
-}
-/* ========================================================================
-   Component: Thumbnav
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Reset list
- * 3. Gutter
- */
-.uk-thumbnav {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* 3 */
-  margin-left: -15px;
-}
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- */
-.uk-thumbnav > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  padding-left: 15px;
-}
-/* Items
- ========================================================================== */
-/*
- * Items
- */
-.uk-thumbnav > * > * {
-  display: inline-block;
-  position: relative;
-}
-.uk-thumbnav > * > *::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(255, 255, 255, 0.4);
-  transition: background-color 0.1s ease-in-out;
-}
-/* Hover + Focus */
-.uk-thumbnav > * > :hover,
-.uk-thumbnav > * > :focus {
-  outline: none;
-}
-.uk-thumbnav > * > :hover::after,
-.uk-thumbnav > * > :focus::after {
-  background-color: transparent;
-}
-/* Active */
-.uk-thumbnav > .uk-active > *::after {
-  background-color: transparent;
-}
-/* Modifier: 'uk-thumbnav-vertical'
- ========================================================================== */
-/*
- * 1. Change direction
- * 2. Gutter
- */
-.uk-thumbnav-vertical {
-  /* 1 */
-  flex-direction: column;
-  /* 2 */
-  margin-left: 0;
-  margin-top: -15px;
-}
-/* 2 */
-.uk-thumbnav-vertical > * {
-  padding-left: 0;
-  padding-top: 15px;
-}
-/* ========================================================================
-   Component: Accordion
- ========================================================================== */
-.uk-accordion {
-  padding: 0;
-  list-style: none;
-}
-/* Item
- ========================================================================== */
-.uk-accordion > :nth-child(n + 2) {
-  margin-top: 20px;
-}
-/* Title
- ========================================================================== */
-.uk-accordion-title {
-  display: block;
-  font-size: 1.25rem;
-  line-height: 1.4;
-  color: #333;
-  overflow: hidden;
-}
-.uk-accordion-title::after {
-  content: "";
-  width: 1.4em;
-  height: 1.4em;
-  float: right;
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-}
-.uk-open > .uk-accordion-title::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-/* Hover + Focus */
-.uk-accordion-title:hover,
-.uk-accordion-title:focus {
-  color: #666;
-  text-decoration: none;
-  outline: none;
-}
-/* Content
- ========================================================================== */
-.uk-accordion-content {
-  margin-top: 20px;
-}
-/*
- * Micro clearfix
- */
-.uk-accordion-content::before,
-.uk-accordion-content::after {
-  content: "";
-  display: table;
-}
-.uk-accordion-content::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-accordion-content > :last-child {
-  margin-bottom: 0;
-}
-/* ========================================================================
-   Component: Drop
- ========================================================================== */
-/*
- * 1. Hide by default
- * 2. Set position
- * 3. Set a default width
- */
-.uk-drop {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: absolute;
-  z-index: 1020;
-  /* 3 */
-  box-sizing: border-box;
-  width: 300px;
-}
-/* Show */
-.uk-drop.uk-open {
-  display: block;
-}
-/* Direction / Alignment modifiers
- ========================================================================== */
-/* Direction */
-[class*="uk-drop-top"] {
-  margin-top: -20px;
-}
-[class*="uk-drop-bottom"] {
-  margin-top: 20px;
-}
-[class*="uk-drop-left"] {
-  margin-left: -20px;
-}
-[class*="uk-drop-right"] {
-  margin-left: 20px;
-}
-/* Grid modifiers
- ========================================================================== */
-.uk-drop-stack .uk-drop-grid > * {
-  width: 100% !important;
-}
-/* ========================================================================
-   Component: Dropdown
- ========================================================================== */
-/*
- * 1. Hide by default
- * 2. Set position
- * 3. Set a default width
- * 4. Style
- */
-.uk-dropdown {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: absolute;
-  z-index: 1020;
-  /* 3 */
-  box-sizing: border-box;
-  min-width: 200px;
-  /* 4 */
-  padding: 25px;
-  background: #fff;
-  color: #666;
-  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
-}
-/* Show */
-.uk-dropdown.uk-open {
-  display: block;
-}
-/* Nav
- * Adopts `uk-nav`
- ========================================================================== */
-.uk-dropdown-nav {
-  white-space: nowrap;
-  font-size: 0.875rem;
-}
-/*
- * Items
- */
-.uk-dropdown-nav > li > a {
-  color: #999;
-}
-/* Hover + Focus + Active */
-.uk-dropdown-nav > li > a:hover,
-.uk-dropdown-nav > li > a:focus,
-.uk-dropdown-nav > li.uk-active > a {
-  color: #666;
-}
-/*
- * Header
- */
-.uk-dropdown-nav .uk-nav-header {
-  color: #333;
-}
-/*
- * Divider
- */
-.uk-dropdown-nav .uk-nav-divider {
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Sublists
- */
-.uk-dropdown-nav .uk-nav-sub a {
-  color: #999;
-}
-.uk-dropdown-nav .uk-nav-sub a:hover,
-.uk-dropdown-nav .uk-nav-sub a:focus {
-  color: #666;
-}
-/* Direction / Alignment modifiers
- ========================================================================== */
-/* Direction */
-[class*="uk-dropdown-top"] {
-  margin-top: -10px;
-}
-[class*="uk-dropdown-bottom"] {
-  margin-top: 10px;
-}
-[class*="uk-dropdown-left"] {
-  margin-left: -10px;
-}
-[class*="uk-dropdown-right"] {
-  margin-left: 10px;
-}
-/* Grid modifiers
- ========================================================================== */
-.uk-dropdown-stack .uk-dropdown-grid > * {
-  width: 100% !important;
-}
-/* ========================================================================
-   Component: Modal
- ========================================================================== */
-/*
- * 1. Hide by default
- * 2. Set position
- * 3. Allow scrolling for the modal dialog
- * 4. Horizontal padding
- * 5. Mask the background page
- * 6. Fade-in transition
- */
-.uk-modal {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1010;
-  /* 3 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  /* 4 */
-  padding: 15px 15px;
-  /* 5 */
-  background: rgba(0, 0, 0, 0.6);
-  /* 6 */
-  opacity: 0;
-  transition: opacity 0.15s linear;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-modal {
-    padding: 50px 30px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-modal {
-    padding-left: 40px;
-    padding-right: 40px;
-  }
-}
-/*
- * Open
- */
-.uk-modal.uk-open {
-  opacity: 1;
-}
-/* Page
- ========================================================================== */
-/*
- * Prevent scrollbars
- */
-.uk-modal-page {
-  overflow: hidden;
-}
-/* Dialog
- ========================================================================== */
-/*
- * 1. Create position context for spinner and close button
- * 2. Dimensions
- * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
- *    `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
- * 4. Style
- * 5. Slide-in transition
- */
-.uk-modal-dialog {
-  /* 1 */
-  position: relative;
-  /* 2 */
-  box-sizing: border-box;
-  margin: 0 auto;
-  width: 600px;
-  /* 3 */
-  max-width: calc(100% - 0.01px) !important;
-  /* 4 */
-  background: #fff;
-  /* 5 */
-  opacity: 0;
-  transform: translateY(-100px);
-  transition: 0.3s linear;
-  transition-property: opacity, transform;
-}
-/*
- * Open
- */
-.uk-open > .uk-modal-dialog {
-  opacity: 1;
-  transform: translateY(0);
-}
-/* Size modifier
- ========================================================================== */
-/*
- * Container size
- * Take the same size as the Container component
- */
-.uk-modal-container .uk-modal-dialog {
-  width: 1200px;
-}
-/*
- * Full size
- * 1. Remove padding and background from modal
- * 2. Reset all default declarations from modal dialog
- */
-/* 1 */
-.uk-modal-full {
-  padding: 0;
-  background: none;
-}
-/* 2 */
-.uk-modal-full .uk-modal-dialog {
-  margin: 0;
-  width: 100%;
-  max-width: 100%;
-  transform: translateY(0);
-}
-/* Sections
- ========================================================================== */
-.uk-modal-body {
-  padding: 30px 30px;
-}
-.uk-modal-header {
-  padding: 15px 30px;
-  background: #fff;
-  border-bottom: 1px solid #e5e5e5;
-}
-.uk-modal-footer {
-  padding: 15px 30px;
-  background: #fff;
-  border-top: 1px solid #e5e5e5;
-}
-/*
- * Micro clearfix
- */
-.uk-modal-body::before,
-.uk-modal-body::after,
-.uk-modal-header::before,
-.uk-modal-header::after,
-.uk-modal-footer::before,
-.uk-modal-footer::after {
-  content: "";
-  display: table;
-}
-.uk-modal-body::after,
-.uk-modal-header::after,
-.uk-modal-footer::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-modal-body > :last-child,
-.uk-modal-header > :last-child,
-.uk-modal-footer > :last-child {
-  margin-bottom: 0;
-}
-/* Title
- ========================================================================== */
-.uk-modal-title {
-  font-size: 2rem;
-  line-height: 1.3;
-}
-/* Close
- * Adopts `uk-close`
- ========================================================================== */
-[class*="uk-modal-close-"] {
-  position: absolute;
-  z-index: 1010;
-  top: 10px;
-  right: 10px;
-  padding: 5px;
-}
-/*
- * Remove margin from adjacent element
- */
-[class*="uk-modal-close-"]:first-child + * {
-  margin-top: 0;
-}
-/*
- * Hover
- */
-/*
- * Default
- */
-/*
- * Outside
- * 1. Prevent scrollbar on small devices
- */
-.uk-modal-close-outside {
-  top: 0;
-  /* 1 */
-  right: -5px;
-  transform: translate(0, -100%);
-  color: #ffffff;
-}
-.uk-modal-close-outside:hover {
-  color: #fff;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  /* 1 */
-  .uk-modal-close-outside {
-    right: 0;
-    transform: translate(100%, -100%);
-  }
-}
-/*
- * Full
- */
-.uk-modal-close-full {
-  top: 0;
-  right: 0;
-  padding: 20px;
-  background: #fff;
-}
-/* ========================================================================
-   Component: Lightbox
- ========================================================================== */
-/*
- * 1. Hide by default
- * 2. Set position
- * 3. Allow scrolling for the modal dialog
- * 4. Horizontal padding
- * 5. Mask the background page
- * 6. Fade-in transition
- */
-.uk-lightbox {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1010;
-  /* 5 */
-  background: #000;
-  /* 6 */
-  opacity: 0;
-  transition: opacity 0.15s linear;
-}
-/*
- * Open
- * 1. Center child
- * 2. Fade-in
- */
-.uk-lightbox.uk-open {
-  display: block;
-  /* 2 */
-  opacity: 1;
-}
-/* Page
- ========================================================================== */
-/*
- * Prevent scrollbars
- */
-.uk-lightbox-page {
-  overflow: hidden;
-}
-/* Item
- ========================================================================== */
-/*
- * 1. Center child within the viewport
- * 2. Not visible by default
- * 3. Color needed for spinner icon
- * 4. Optimize animation
- * 5. Responsiveness
- *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
- *    Using `vh` and `vw` to make responsive image work in IE11
- */
-.uk-lightbox-items > * {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  display: none;
-  justify-content: center;
-  align-items: center;
-  /* 3 */
-  color: rgba(255, 255, 255, 0.7);
-  /* 4 */
-  will-change: transform, opacity;
-}
-/* 5 */
-.uk-lightbox-items > * > * {
-  max-width: 100vw;
-  max-height: 100vh;
-}
-.uk-lightbox-items > * > :not(iframe) {
-  width: auto;
-  height: auto;
-}
-.uk-lightbox-items > .uk-active {
-  display: flex;
-}
-/* Toolbar
- ========================================================================== */
-.uk-lightbox-toolbar {
-  padding: 10px 10px;
-  background: rgba(0, 0, 0, 0.3);
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-lightbox-toolbar * {
-  color: rgba(255, 255, 255, 0.7);
-}
-/* Toolbar Icon (Close)
- ========================================================================== */
-.uk-lightbox-toolbar-icon {
-  padding: 5px;
-  color: rgba(255, 255, 255, 0.7);
-}
-/*
- * Hover
- */
-.uk-lightbox-toolbar-icon:hover {
-  color: #fff;
-}
-/* Button (Slidenav)
- ========================================================================== */
-/*
- * 1. Center icon vertically and horizontally
- */
-.uk-lightbox-button {
-  box-sizing: border-box;
-  width: 50px;
-  height: 50px;
-  background: rgba(0, 0, 0, 0.3);
-  color: rgba(255, 255, 255, 0.7);
-  /* 1 */
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
-/*
- * Hover
- */
-.uk-lightbox-button:hover {
-  color: #fff;
-}
-/* Caption
- ========================================================================== */
-/* Iframe
- ========================================================================== */
-.uk-lightbox-iframe {
-  width: 80%;
-  height: 80%;
-}
-/* ========================================================================
-   Component: Slideshow
- ========================================================================== */
-/*
- * 1. Prevent tab highlighting on iOS.
- */
-.uk-slideshow {
-  /* 1 */
-  -webkit-tap-highlight-color: transparent;
-}
-/* Items
- ========================================================================== */
-/*
- * 1. Create position and stacking context
- * 2. Reset list
- * 3. Clip child elements
- * 4. Prevent displaying the callout information on iOS.
- */
-.uk-slideshow-items {
-  /* 1 */
-  position: relative;
-  z-index: 0;
-  /* 2 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* 3 */
-  overflow: hidden;
-  /* 4 */
-  -webkit-touch-callout: none;
-}
-/* Item
- ========================================================================== */
-/*
- * 1. Position items above each other
- * 2. Take the full width
- * 3. Clip child elements, e.g. for `uk-cover`
- * 4. Optimize animation
- * 5. Disable horizontal panning gestures in IE11 and Edge
- */
-.uk-slideshow-items > * {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  left: 0;
-  /* 2 */
-  right: 0;
-  bottom: 0;
-  /* 3 */
-  overflow: hidden;
-  /* 4 */
-  will-change: transform, opacity;
-  /* 5 */
-  touch-action: pan-y;
-}
-/*
- * Hide not active items
- */
-.uk-slideshow-items > :not(.uk-active) {
-  display: none;
-}
-/* ========================================================================
-   Component: Slider
- ========================================================================== */
-/*
- * 1. Prevent tab highlighting on iOS.
- */
-.uk-slider {
-  /* 1 */
-  -webkit-tap-highlight-color: transparent;
-}
-/* Container
- ========================================================================== */
-/*
- * 1. Clip child elements
- */
-.uk-slider-container {
-  /* 1 */
-  overflow: hidden;
-}
-/* Items
- ========================================================================== */
-/*
- * 1. Optimize animation
- * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`.
- */
-.uk-slider-items {
-  /* 1 */
-  will-change: transform;
-  /* 2 */
-  position: relative;
-}
-/*
- * 1. Reset list style without interfering with grid
- * 2. Prevent displaying the callout information on iOS.
- */
-.uk-slider-items:not(.uk-grid) {
-  display: flex;
-  /* 1 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* 2 */
-  -webkit-touch-callout: none;
-}
-.uk-slider-items.uk-grid {
-  flex-wrap: nowrap;
-}
-/* Item
- ========================================================================== */
-/*
- * 1. Let items take content dimensions (0 0 auto)
- * 2. Create position context
- * 3. Disable horizontal panning gestures in IE11 and Edge
- */
-.uk-slider-items > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  touch-action: pan-y;
-}
-/* ========================================================================
-   Component: Sticky
- ========================================================================== */
-/*
- * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration
- */
-.uk-sticky-fixed {
-  z-index: 980;
-  box-sizing: border-box;
-  margin: 0 !important;
-  /* 1 */
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-}
-/*
- * Faster animations
- */
-.uk-sticky[class*="uk-animation-"] {
-  animation-duration: 0.2s;
-}
-.uk-sticky.uk-animation-reverse {
-  animation-duration: 0.2s;
-}
-/* ========================================================================
-   Component: Off-canvas
- ========================================================================== */
-/*
- * 1. Hide by default
- * 2. Set position
- */
-.uk-offcanvas {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1000;
-}
-/*
- * Flip modifier
- */
-.uk-offcanvas-flip .uk-offcanvas {
-  right: 0;
-  left: auto;
-}
-/* Bar
- ========================================================================== */
-/*
- * 1. Set position
- * 2. Size and style
- * 3. Allow scrolling
- * 4. Transform
- */
-.uk-offcanvas-bar {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  box-sizing: border-box;
-  width: 270px;
-  padding: 20px 20px;
-  background: #222;
-  /* 3 */
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  /* 4 */
-  transform: translateX(-100%);
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-offcanvas-bar {
-    width: 350px;
-    padding: 40px 40px;
-  }
-}
-/* Flip modifier */
-.uk-offcanvas-flip .uk-offcanvas-bar {
-  left: auto;
-  right: 0;
-  transform: translateX(100%);
-}
-/*
- * Open
- */
-.uk-open > .uk-offcanvas-bar {
-  transform: translateX(0);
-}
-/*
- * Slide Animation (Used in slide and push mode)
- */
-.uk-offcanvas-bar-animation {
-  transition: transform 0.3s ease-out;
-}
-/*
- * Reveal Animation
- * 1. Set position
- * 2. Clip the bar
- * 3. Animation
- * 4. Reset transform
- */
-.uk-offcanvas-reveal {
-  /* 1 */
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  /* 2 */
-  width: 0;
-  overflow: hidden;
-  /* 3 */
-  transition: width 0.3s ease-out;
-}
-.uk-offcanvas-reveal .uk-offcanvas-bar {
-  /* 4 */
-  transform: translateX(0);
-}
-.uk-open > .uk-offcanvas-reveal {
-  width: 270px;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-open > .uk-offcanvas-reveal {
-    width: 350px;
-  }
-}
-/*
- * Flip modifier
- */
-.uk-offcanvas-flip .uk-offcanvas-reveal {
-  right: 0;
-  left: auto;
-}
-/* Close
- * Adopts `uk-close`
- ========================================================================== */
-.uk-offcanvas-close {
-  position: absolute;
-  z-index: 1000;
-  top: 20px;
-  right: 20px;
-  padding: 5px;
-}
-/* Overlay
- ========================================================================== */
-/*
- * Overlay the whole page. Needed for the `::before`
- * 1. Using `100vw` so no modification is needed when off-canvas is flipped
- * 2. Allow for closing with swipe gesture on devices with pointer events.
- */
-.uk-offcanvas-overlay {
-  /* 1 */
-  width: 100vw;
-  /* 2 */
-  touch-action: none;
-}
-/*
- * 1. Mask the whole page
- * 2. Fade-in transition
- */
-.uk-offcanvas-overlay::before {
-  /* 1 */
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.1);
-  /* 2 */
-  opacity: 0;
-  transition: opacity 0.15s linear;
-}
-.uk-offcanvas-overlay.uk-open::before {
-  opacity: 1;
-}
-/* Container
- ========================================================================== */
-/*
- * Prevent horizontal scrollbar when the content is slide-out
- * Has to be on the `html` element too to make it work on the `body`
- */
-.uk-offcanvas-page,
-.uk-offcanvas-container {
-  overflow-x: hidden;
-}
-/*
- * Prevent all scrollbars if overlay is used
- */
-.uk-offcanvas-container-overlay {
-  overflow: hidden;
-}
-/* Content
- ========================================================================== */
-/*
- * Prepare slide-out animation (Used in reveal and push mode)
- * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars
- * lose their fixed state and behaves like `absolute` within a transformed container
- * Note: JS sets a fixed width and height so the page can slide-out without shrinking
- * 1. Smooth scrolling
- */
-.uk-offcanvas-container .uk-offcanvas-content {
-  position: relative;
-  left: 0;
-  transition: left 0.3s ease-out;
-  /* 1 */
-  -webkit-overflow-scrolling: touch;
-}
-/* Disable scrolling if overlay mode */
-.uk-offcanvas-overlay .uk-offcanvas-content {
-  overflow-y: hidden;
-}
-/*
- * Activate slide-out animation
- */
-:not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation {
-  left: 270px;
-}
-.uk-offcanvas-flip > .uk-offcanvas-content-animation {
-  left: -270px;
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  :not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation {
-    left: 350px;
-  }
-  .uk-offcanvas-flip > .uk-offcanvas-content-animation {
-    left: -350px;
-  }
-}
-/* ========================================================================
-   Component: Switcher
- ========================================================================== */
-/*
- * Reset list
- */
-.uk-switcher {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-/* Items
- ========================================================================== */
-/*
- * Hide not active items
- */
-.uk-switcher > :not(.uk-active) {
-  display: none;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-switcher > * > :last-child {
-  margin-bottom: 0;
-}
-/* ========================================================================
-   Component: Iconnav
- ========================================================================== */
-/*
- * 1. Allow items to wrap into the next line
- * 2. Reset list
- * 3. Gutter
- */
-.uk-iconnav {
-  display: flex;
-  /* 1 */
-  flex-wrap: wrap;
-  /* 2 */
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* 3 */
-  margin-left: -10px;
-}
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- */
-.uk-iconnav > * {
-  /* 1 */
-  flex: none;
-  /* 2 */
-  padding-left: 10px;
-}
-/* Items
- ========================================================================== */
-/*
- * Items
- * 1. Prevent gap if child element is `inline-block`, e.g. an icon
- * 2. Style
- */
-.uk-iconnav > * > * {
-  /* 1 */
-  display: block;
-  /* 2 */
-  color: #999;
-}
-/* Hover + Focus */
-.uk-iconnav > * > :hover,
-.uk-iconnav > * > :focus {
-  color: #666;
-  outline: none;
-}
-/* Active */
-.uk-iconnav > .uk-active > * {
-  color: #666;
-}
-/* Modifier: 'uk-iconnav-vertical'
- ========================================================================== */
-/*
- * 1. Change direction
- * 2. Gutter
- */
-.uk-iconnav-vertical {
-  /* 1 */
-  flex-direction: column;
-  /* 2 */
-  margin-left: 0;
-  margin-top: -10px;
-}
-/* 2 */
-.uk-iconnav-vertical > * {
-  padding-left: 0;
-  padding-top: 10px;
-}
-/* ========================================================================
-   Component: Notification
- ========================================================================== */
-/*
- * 1. Set position
- * 2. Dimensions
- */
-.uk-notification {
-  /* 1 */
-  position: fixed;
-  top: 10px;
-  left: 10px;
-  z-index: 1040;
-  /* 2 */
-  box-sizing: border-box;
-  width: 350px;
-}
-/* Position modifiers
-========================================================================== */
-.uk-notification-top-right,
-.uk-notification-bottom-right {
-  left: auto;
-  right: 10px;
-}
-.uk-notification-top-center,
-.uk-notification-bottom-center {
-  left: 50%;
-  margin-left: -175px;
-}
-.uk-notification-bottom-left,
-.uk-notification-bottom-right,
-.uk-notification-bottom-center {
-  top: auto;
-  bottom: 10px;
-}
-/* Responsiveness
-========================================================================== */
-/* Phones portrait and smaller */
-@media (max-width: 639px) {
-  .uk-notification {
-    left: 10px;
-    right: 10px;
-    width: auto;
-    margin: 0;
-  }
-}
-/* Message
-========================================================================== */
-.uk-notification-message {
-  position: relative;
-  margin-bottom: 10px;
-  padding: 15px;
-  background: #f8f8f8;
-  color: #666;
-  font-size: 1.25rem;
-  line-height: 1.4;
-  cursor: pointer;
-}
-/* Close
- * Adopts `uk-close`
- ========================================================================== */
-.uk-notification-close {
-  display: none;
-  position: absolute;
-  top: 20px;
-  right: 15px;
-}
-.uk-notification-message:hover .uk-notification-close {
-  display: block;
-}
-/* Style modifiers
- ========================================================================== */
-/*
- * Primary
- */
-.uk-notification-message-primary {
-  color: #1e87f0;
-}
-/*
- * Success
- */
-.uk-notification-message-success {
-  color: #32d296;
-}
-/*
- * Warning
- */
-.uk-notification-message-warning {
-  color: #faa05a;
-}
-/*
- * Danger
- */
-.uk-notification-message-danger {
-  color: #f0506e;
-}
-/* ========================================================================
-   Component: Tooltip
- ========================================================================== */
-/*
- * 1. Hide by default
- * 2. Position
- * 3. Dimensions
- * 4. Style
- */
-.uk-tooltip {
-  /* 1 */
-  display: none;
-  /* 2 */
-  position: absolute;
-  z-index: 1030;
-  /* 3 */
-  box-sizing: border-box;
-  max-width: 200px;
-  padding: 3px 6px;
-  /* 4 */
-  background: #666;
-  border-radius: 2px;
-  color: #fff;
-  font-size: 12px;
-}
-/* Show */
-.uk-tooltip.uk-active {
-  display: block;
-}
-/* Direction / Alignment modifiers
- ========================================================================== */
-/* Direction */
-[class*="uk-tooltip-top"] {
-  margin-top: -10px;
-}
-[class*="uk-tooltip-bottom"] {
-  margin-top: 10px;
-}
-[class*="uk-tooltip-left"] {
-  margin-left: -10px;
-}
-[class*="uk-tooltip-right"] {
-  margin-left: 10px;
-}
-/* ========================================================================
-   Component: Placeholder
- ========================================================================== */
-.uk-placeholder {
-  margin-bottom: 20px;
-  padding: 30px 30px;
-  background: transparent;
-  border: 1px dashed #e5e5e5;
-}
-/* Add margin if adjacent element */
-* + .uk-placeholder {
-  margin-top: 20px;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-placeholder > :last-child {
-  margin-bottom: 0;
-}
-/* ========================================================================
-   Component: Progress
- ========================================================================== */
-/*
- * 1. Remove default style
- * 2. Behave like a block element
- * 3. Remove borders in Firefox and Edge
- * 4. Set background color for progress container in Firefox, IE11 and Edge
- * 5. Style
- */
-.uk-progress {
-  /* 1 */
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  /* 2 */
-  display: block;
-  width: 100%;
-  /* 3 */
-  border: 0;
-  /* 4 */
-  background-color: #f8f8f8;
-  /* 5 */
-  margin-bottom: 20px;
-  height: 15px;
-  border-radius: 500px;
-  overflow: hidden;
-}
-/* Add margin if adjacent element */
-* + .uk-progress {
-  margin-top: 20px;
-}
-/*
- * Remove animated circles for indeterminate state in IE11 and Edge
- */
-.uk-progress:indeterminate {
-  color: transparent;
-}
-/*
- * Progress container
- * 2. Remove progress bar for indeterminate state in Firefox
- */
-.uk-progress::-webkit-progress-bar {
-  background-color: #f8f8f8;
-  border-radius: 500px;
-  overflow: hidden;
-}
-/* 2 */
-.uk-progress:indeterminate::-moz-progress-bar {
-  width: 0;
-}
-/*
- * Progress bar
- * 1. Remove right border in IE11 and Edge
- */
-.uk-progress::-webkit-progress-value {
-  background-color: #1e87f0;
-  transition: width 0.6s ease;
-}
-.uk-progress::-moz-progress-bar {
-  background-color: #1e87f0;
-}
-.uk-progress::-ms-fill {
-  background-color: #1e87f0;
-  transition: width 0.6s ease;
-  /* 1 */
-  border: 0;
-}
-/* ========================================================================
-   Component: Sortable
- ========================================================================== */
-.uk-sortable {
-  position: relative;
-}
-/*
- * Deactivate browser touch actions in IE11 and Edge
- */
-.uk-sortable > * {
-  touch-action: none;
-}
-/*
- * Deactivate pointer-events on SVGs in Safari
- */
-.uk-sortable svg {
-  pointer-events: none;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-sortable > :last-child {
-  margin-bottom: 0;
-}
-/* Drag
- ========================================================================== */
-.uk-sortable-drag {
-  position: absolute !important;
-  z-index: 1050 !important;
-  pointer-events: none;
-}
-/* Placeholder
- ========================================================================== */
-.uk-sortable-placeholder {
-  opacity: 0;
-}
-/* Empty modifier
- ========================================================================== */
-.uk-sortable-empty {
-  min-height: 50px;
-}
-/* Handle
- ========================================================================== */
-/* Hover */
-.uk-sortable-handle:hover {
-  cursor: move;
-}
-/* ========================================================================
-   Component: Countdown
- ========================================================================== */
-/* Item
- ========================================================================== */
-/*
- * 1. Center numbers and separators vertically
- */
-.uk-countdown-number,
-.uk-countdown-separator {
-  /* 1 */
-  line-height: 70px;
-}
-/* Number
- ========================================================================== */
-.uk-countdown-number {
-  font-size: 2rem;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-countdown-number {
-    font-size: 4rem;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-countdown-number {
-    font-size: 6rem;
-  }
-}
-/* Separator
- ========================================================================== */
-.uk-countdown-separator {
-  font-size: 1rem;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-countdown-separator {
-    font-size: 2rem;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-countdown-separator {
-    font-size: 3rem;
-  }
-}
-/* Label
- ========================================================================== */
-/* ========================================================================
-   Component: Animation
- ========================================================================== */
-[class*="uk-animation-"] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
-}
-/* Direction modifier
- ========================================================================== */
-.uk-animation-reverse {
-  animation-direction: reverse;
-  animation-timing-function: ease-in;
-}
-/* Animations for scrollspy
- ========================================================================== */
-/*
- * Fade
- */
-.uk-animation-fade {
-  animation-name: uk-fade;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
-}
-/*
- * Scale
- */
-.uk-animation-scale-up {
-  animation-name: uk-fade-scale-02;
-}
-.uk-animation-scale-down {
-  animation-name: uk-fade-scale-18;
-}
-/*
- * Slide
- */
-.uk-animation-slide-top {
-  animation-name: uk-fade-top;
-}
-.uk-animation-slide-bottom {
-  animation-name: uk-fade-bottom;
-}
-.uk-animation-slide-left {
-  animation-name: uk-fade-left;
-}
-.uk-animation-slide-right {
-  animation-name: uk-fade-right;
-}
-/*
- * Slide Small
- */
-.uk-animation-slide-top-small {
-  animation-name: uk-fade-top-small;
-}
-.uk-animation-slide-bottom-small {
-  animation-name: uk-fade-bottom-small;
-}
-.uk-animation-slide-left-small {
-  animation-name: uk-fade-left-small;
-}
-.uk-animation-slide-right-small {
-  animation-name: uk-fade-right-small;
-}
-/*
- * Slide Medium
- */
-.uk-animation-slide-top-medium {
-  animation-name: uk-fade-top-medium;
-}
-.uk-animation-slide-bottom-medium {
-  animation-name: uk-fade-bottom-medium;
-}
-.uk-animation-slide-left-medium {
-  animation-name: uk-fade-left-medium;
-}
-.uk-animation-slide-right-medium {
-  animation-name: uk-fade-right-medium;
-}
-/*
- * Kenburns
- */
-.uk-animation-kenburns {
-  animation-name: uk-scale-kenburns;
-  animation-duration: 15s;
-}
-/*
- * Shake
- */
-.uk-animation-shake {
-  animation-name: uk-shake;
-}
-/* Duration modifier
- ========================================================================== */
-.uk-animation-fast {
-  animation-duration: 0.1s;
-}
-/* Enable animation only on hover
-========================================================================== */
-/*
- * Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block`
- */
-.uk-animation-toggle:not(:hover):not(.uk-hover) [class*="uk-animation-"] {
-  animation-name: none;
-}
-/* Keyframes used by animation classes
- ========================================================================== */
-/*
- * Fade
- */
-@keyframes uk-fade {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-/*
- * Slide Top
- */
-@keyframes uk-fade-top {
-  0% {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/*
- * Slide Bottom
- */
-@keyframes uk-fade-bottom {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/*
- * Slide Left
- */
-@keyframes uk-fade-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-/*
- * Slide Right
- */
-@keyframes uk-fade-right {
-  0% {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-/*
- * Slide Top Small
- */
-@keyframes uk-fade-top-small {
-  0% {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/*
- * Slide Bottom Small
- */
-@keyframes uk-fade-bottom-small {
-  0% {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/*
- * Slide Left Small
- */
-@keyframes uk-fade-left-small {
-  0% {
-    opacity: 0;
-    transform: translateX(-10px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-/*
- * Slide Right Small
- */
-@keyframes uk-fade-right-small {
-  0% {
-    opacity: 0;
-    transform: translateX(10px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-/*
- * Slide Top Medium
- */
-@keyframes uk-fade-top-medium {
-  0% {
-    opacity: 0;
-    transform: translateY(-50px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/*
- * Slide Bottom Medium
- */
-@keyframes uk-fade-bottom-medium {
-  0% {
-    opacity: 0;
-    transform: translateY(50px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/*
- * Slide Left Medium
- */
-@keyframes uk-fade-left-medium {
-  0% {
-    opacity: 0;
-    transform: translateX(-50px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-/*
- * Slide Right Medium
- */
-@keyframes uk-fade-right-medium {
-  0% {
-    opacity: 0;
-    transform: translateX(50px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-/*
- * Scale Up
- */
-@keyframes uk-fade-scale-02 {
-  0% {
-    opacity: 0;
-    transform: scale(0.2);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-/*
- * Scale Down
- */
-@keyframes uk-fade-scale-18 {
-  0% {
-    opacity: 0;
-    transform: scale(1.8);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-/*
- * Kenburns
- */
-@keyframes uk-scale-kenburns {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(1.2);
-  }
-}
-/*
- * Shake
- */
-@keyframes uk-shake {
-  0%,
-  100% {
-    transform: translateX(0);
-  }
-  10% {
-    transform: translateX(-9px);
-  }
-  20% {
-    transform: translateX(8px);
-  }
-  30% {
-    transform: translateX(-7px);
-  }
-  40% {
-    transform: translateX(6px);
-  }
-  50% {
-    transform: translateX(-5px);
-  }
-  60% {
-    transform: translateX(4px);
-  }
-  70% {
-    transform: translateX(-3px);
-  }
-  80% {
-    transform: translateX(2px);
-  }
-  90% {
-    transform: translateX(-1px);
-  }
-}
-/* ========================================================================
-   Component: Width
- ========================================================================== */
-/* Equal child widths
- ========================================================================== */
-[class*="uk-child-width"] > * {
-  box-sizing: border-box;
-  width: 100%;
-}
-.uk-child-width-1-2 > * {
-  width: 50%;
-}
-.uk-child-width-1-3 > * {
-  width: calc(100% * 1 / 3.001);
-}
-.uk-child-width-1-4 > * {
-  width: 25%;
-}
-.uk-child-width-1-5 > * {
-  width: 20%;
-}
-.uk-child-width-1-6 > * {
-  width: calc(100% * 1 / 6.001);
-}
-.uk-child-width-auto > * {
-  width: auto;
-}
-/*
- *    Instead of 0, 1px is needed to make cell wrap into next row if predecessor is 100% wide
- *    and the grid gutter is 0 pixels wide
- */
-.uk-child-width-expand > * {
-  width: 1px;
-}
-/*
- * 1. Make `width: 1px` work, because according to the spec flex items won’t shrink
- *    below their minimum content size. To change this, set the min-width.
- *    Only needed for Firefox. All other browsers ignore this.
- *
- * 2. `width` is ignored when wrapping flex items in Safari
- *    https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items
- */
-.uk-child-width-expand > :not([class*="uk-width"]) {
-  flex: 1;
-  /* 1 */
-  min-width: 0;
-  /* 2 */
-  flex-basis: 1px;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-child-width-1-1\@s > * {
-    width: 100%;
-  }
-  .uk-child-width-1-2\@s > * {
-    width: 50%;
-  }
-  .uk-child-width-1-3\@s > * {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-child-width-1-4\@s > * {
-    width: 25%;
-  }
-  .uk-child-width-1-5\@s > * {
-    width: 20%;
-  }
-  .uk-child-width-1-6\@s > * {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-child-width-auto\@s > * {
-    width: auto;
-  }
-  .uk-child-width-expand\@s > * {
-    width: 1px;
-  }
-  .uk-child-width-expand\@s > :not([class*="uk-width"]) {
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-child-width-1-1\@m > * {
-    width: 100%;
-  }
-  .uk-child-width-1-2\@m > * {
-    width: 50%;
-  }
-  .uk-child-width-1-3\@m > * {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-child-width-1-4\@m > * {
-    width: 25%;
-  }
-  .uk-child-width-1-5\@m > * {
-    width: 20%;
-  }
-  .uk-child-width-1-6\@m > * {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-child-width-auto\@m > * {
-    width: auto;
-  }
-  .uk-child-width-expand\@m > * {
-    width: 1px;
-  }
-  .uk-child-width-expand\@m > :not([class*="uk-width"]) {
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-child-width-1-1\@l > * {
-    width: 100%;
-  }
-  .uk-child-width-1-2\@l > * {
-    width: 50%;
-  }
-  .uk-child-width-1-3\@l > * {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-child-width-1-4\@l > * {
-    width: 25%;
-  }
-  .uk-child-width-1-5\@l > * {
-    width: 20%;
-  }
-  .uk-child-width-1-6\@l > * {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-child-width-auto\@l > * {
-    width: auto;
-  }
-  .uk-child-width-expand\@l > * {
-    width: 1px;
-  }
-  .uk-child-width-expand\@l > :not([class*="uk-width"]) {
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-child-width-1-1\@xl > * {
-    width: 100%;
-  }
-  .uk-child-width-1-2\@xl > * {
-    width: 50%;
-  }
-  .uk-child-width-1-3\@xl > * {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-child-width-1-4\@xl > * {
-    width: 25%;
-  }
-  .uk-child-width-1-5\@xl > * {
-    width: 20%;
-  }
-  .uk-child-width-1-6\@xl > * {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-child-width-auto\@xl > * {
-    width: auto;
-  }
-  .uk-child-width-expand\@xl > * {
-    width: 1px;
-  }
-  .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Single Widths
- ========================================================================== */
-/*
- * 1. `max-width` is needed for the pixel-based classes
- */
-[class*="uk-width"] {
-  box-sizing: border-box;
-  width: 100%;
-  /* 1 */
-  max-width: 100%;
-}
-/* Halves */
-.uk-width-1-2 {
-  width: 50%;
-}
-/* Thirds */
-.uk-width-1-3 {
-  width: calc(100% * 1 / 3.001);
-}
-.uk-width-2-3 {
-  width: calc(100% * 2 / 3.001);
-}
-/* Quarters */
-.uk-width-1-4 {
-  width: 25%;
-}
-.uk-width-3-4 {
-  width: 75%;
-}
-/* Fifths */
-.uk-width-1-5 {
-  width: 20%;
-}
-.uk-width-2-5 {
-  width: 40%;
-}
-.uk-width-3-5 {
-  width: 60%;
-}
-.uk-width-4-5 {
-  width: 80%;
-}
-/* Sixths */
-.uk-width-1-6 {
-  width: calc(100% * 1 / 6.001);
-}
-.uk-width-5-6 {
-  width: calc(100% * 5 / 6.001);
-}
-/* Pixel */
-.uk-width-small {
-  width: 150px;
-}
-.uk-width-medium {
-  width: 300px;
-}
-.uk-width-large {
-  width: 450px;
-}
-.uk-width-xlarge {
-  width: 600px;
-}
-.uk-width-xxlarge {
-  width: 750px;
-}
-/* Auto */
-.uk-width-auto {
-  width: auto;
-}
-/* Expand */
-.uk-width-expand {
-  width: 1px;
-  flex: 1;
-  min-width: 0;
-  flex-basis: 1px;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  /* Whole */
-  .uk-width-1-1\@s {
-    width: 100%;
-  }
-  /* Halves */
-  .uk-width-1-2\@s {
-    width: 50%;
-  }
-  /* Thirds */
-  .uk-width-1-3\@s {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-width-2-3\@s {
-    width: calc(100% * 2 / 3.001);
-  }
-  /* Quarters */
-  .uk-width-1-4\@s {
-    width: 25%;
-  }
-  .uk-width-3-4\@s {
-    width: 75%;
-  }
-  /* Fifths */
-  .uk-width-1-5\@s {
-    width: 20%;
-  }
-  .uk-width-2-5\@s {
-    width: 40%;
-  }
-  .uk-width-3-5\@s {
-    width: 60%;
-  }
-  .uk-width-4-5\@s {
-    width: 80%;
-  }
-  /* Sixths */
-  .uk-width-1-6\@s {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-width-5-6\@s {
-    width: calc(100% * 5 / 6.001);
-  }
-  /* Pixel */
-  .uk-width-small\@s {
-    width: 150px;
-  }
-  .uk-width-medium\@s {
-    width: 300px;
-  }
-  .uk-width-large\@s {
-    width: 450px;
-  }
-  .uk-width-xlarge\@s {
-    width: 600px;
-  }
-  .uk-width-xxlarge\@s {
-    width: 750px;
-  }
-  /* Auto */
-  .uk-width-auto\@s {
-    width: auto;
-  }
-  /* Expand */
-  .uk-width-expand\@s {
-    width: 1px;
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  /* Whole */
-  .uk-width-1-1\@m {
-    width: 100%;
-  }
-  /* Halves */
-  .uk-width-1-2\@m {
-    width: 50%;
-  }
-  /* Thirds */
-  .uk-width-1-3\@m {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-width-2-3\@m {
-    width: calc(100% * 2 / 3.001);
-  }
-  /* Quarters */
-  .uk-width-1-4\@m {
-    width: 25%;
-  }
-  .uk-width-3-4\@m {
-    width: 75%;
-  }
-  /* Fifths */
-  .uk-width-1-5\@m {
-    width: 20%;
-  }
-  .uk-width-2-5\@m {
-    width: 40%;
-  }
-  .uk-width-3-5\@m {
-    width: 60%;
-  }
-  .uk-width-4-5\@m {
-    width: 80%;
-  }
-  /* Sixths */
-  .uk-width-1-6\@m {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-width-5-6\@m {
-    width: calc(100% * 5 / 6.001);
-  }
-  /* Pixel */
-  .uk-width-small\@m {
-    width: 150px;
-  }
-  .uk-width-medium\@m {
-    width: 300px;
-  }
-  .uk-width-large\@m {
-    width: 450px;
-  }
-  .uk-width-xlarge\@m {
-    width: 600px;
-  }
-  .uk-width-xxlarge\@m {
-    width: 750px;
-  }
-  /* Auto */
-  .uk-width-auto\@m {
-    width: auto;
-  }
-  /* Expand */
-  .uk-width-expand\@m {
-    width: 1px;
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  /* Whole */
-  .uk-width-1-1\@l {
-    width: 100%;
-  }
-  /* Halves */
-  .uk-width-1-2\@l {
-    width: 50%;
-  }
-  /* Thirds */
-  .uk-width-1-3\@l {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-width-2-3\@l {
-    width: calc(100% * 2 / 3.001);
-  }
-  /* Quarters */
-  .uk-width-1-4\@l {
-    width: 25%;
-  }
-  .uk-width-3-4\@l {
-    width: 75%;
-  }
-  /* Fifths */
-  .uk-width-1-5\@l {
-    width: 20%;
-  }
-  .uk-width-2-5\@l {
-    width: 40%;
-  }
-  .uk-width-3-5\@l {
-    width: 60%;
-  }
-  .uk-width-4-5\@l {
-    width: 80%;
-  }
-  /* Sixths */
-  .uk-width-1-6\@l {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-width-5-6\@l {
-    width: calc(100% * 5 / 6.001);
-  }
-  /* Pixel */
-  .uk-width-small\@l {
-    width: 150px;
-  }
-  .uk-width-medium\@l {
-    width: 300px;
-  }
-  .uk-width-large\@l {
-    width: 450px;
-  }
-  .uk-width-xlarge\@l {
-    width: 600px;
-  }
-  .uk-width-xxlarge\@l {
-    width: 750px;
-  }
-  /* Auto */
-  .uk-width-auto\@l {
-    width: auto;
-  }
-  /* Expand */
-  .uk-width-expand\@l {
-    width: 1px;
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  /* Whole */
-  .uk-width-1-1\@xl {
-    width: 100%;
-  }
-  /* Halves */
-  .uk-width-1-2\@xl {
-    width: 50%;
-  }
-  /* Thirds */
-  .uk-width-1-3\@xl {
-    width: calc(100% * 1 / 3.001);
-  }
-  .uk-width-2-3\@xl {
-    width: calc(100% * 2 / 3.001);
-  }
-  /* Quarters */
-  .uk-width-1-4\@xl {
-    width: 25%;
-  }
-  .uk-width-3-4\@xl {
-    width: 75%;
-  }
-  /* Fifths */
-  .uk-width-1-5\@xl {
-    width: 20%;
-  }
-  .uk-width-2-5\@xl {
-    width: 40%;
-  }
-  .uk-width-3-5\@xl {
-    width: 60%;
-  }
-  .uk-width-4-5\@xl {
-    width: 80%;
-  }
-  /* Sixths */
-  .uk-width-1-6\@xl {
-    width: calc(100% * 1 / 6.001);
-  }
-  .uk-width-5-6\@xl {
-    width: calc(100% * 5 / 6.001);
-  }
-  /* Pixel */
-  .uk-width-small\@xl {
-    width: 150px;
-  }
-  .uk-width-medium\@xl {
-    width: 300px;
-  }
-  .uk-width-large\@xl {
-    width: 450px;
-  }
-  .uk-width-xlarge\@xl {
-    width: 600px;
-  }
-  .uk-width-xxlarge\@xl {
-    width: 750px;
-  }
-  /* Auto */
-  .uk-width-auto\@xl {
-    width: auto;
-  }
-  /* Expand */
-  .uk-width-expand\@xl {
-    width: 1px;
-    flex: 1;
-    min-width: 0;
-    flex-basis: 1px;
-  }
-}
-/* ========================================================================
-   Component: Text
- ========================================================================== */
-/* Style modifiers
- ========================================================================== */
-.uk-text-lead {
-  font-size: 1.5rem;
-  line-height: 1.5;
-  color: #333;
-}
-.uk-text-meta {
-  font-size: 0.875rem;
-  line-height: 1.4;
-  color: #999;
-}
-.uk-text-meta a {
-  color: #999;
-}
-.uk-text-meta a:hover {
-  color: #666;
-  text-decoration: none;
-}
-/* Size modifiers
- ========================================================================== */
-.uk-text-small {
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-.uk-text-large {
-  font-size: 1.5rem;
-  line-height: 1.5;
-}
-/* Weight modifier
- ========================================================================== */
-.uk-text-bold {
-  font-weight: bolder;
-}
-/* Transform modifier
- ========================================================================== */
-.uk-text-uppercase {
-  text-transform: uppercase !important;
-}
-.uk-text-capitalize {
-  text-transform: capitalize !important;
-}
-.uk-text-lowercase {
-  text-transform: lowercase !important;
-}
-/* Color modifiers
- ========================================================================== */
-.uk-text-muted {
-  color: #999 !important;
-}
-.uk-text-primary {
-  color: #1e87f0 !important;
-}
-.uk-text-success {
-  color: #32d296 !important;
-}
-.uk-text-warning {
-  color: #faa05a !important;
-}
-.uk-text-danger {
-  color: #f0506e !important;
-}
-/* Background modifier
- ========================================================================== */
-/*
- * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
- *    Default color is set to transparent
- * 2. Container fits the text
- * 3. Fallback color for IE11
- */
-.uk-text-background {
-  /* 1 */
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  /* 2 */
-  display: inline-block;
-  /* 3 */
-  color: #1e87f0 !important;
-}
-@supports (-webkit-background-clip: text) {
-  .uk-text-background {
-    background-color: #1e87f0;
-  }
-}
-/* Alignment modifiers
- ========================================================================== */
-.uk-text-left {
-  text-align: left !important;
-}
-.uk-text-right {
-  text-align: right !important;
-}
-.uk-text-center {
-  text-align: center !important;
-}
-.uk-text-justify {
-  text-align: justify !important;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-text-left\@s {
-    text-align: left !important;
-  }
-  .uk-text-right\@s {
-    text-align: right !important;
-  }
-  .uk-text-center\@s {
-    text-align: center !important;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-text-left\@m {
-    text-align: left !important;
-  }
-  .uk-text-right\@m {
-    text-align: right !important;
-  }
-  .uk-text-center\@m {
-    text-align: center !important;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-text-left\@l {
-    text-align: left !important;
-  }
-  .uk-text-right\@l {
-    text-align: right !important;
-  }
-  .uk-text-center\@l {
-    text-align: center !important;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-text-left\@xl {
-    text-align: left !important;
-  }
-  .uk-text-right\@xl {
-    text-align: right !important;
-  }
-  .uk-text-center\@xl {
-    text-align: center !important;
-  }
-}
-/*
- * Vertical
- */
-.uk-text-top {
-  vertical-align: top !important;
-}
-.uk-text-middle {
-  vertical-align: middle !important;
-}
-.uk-text-bottom {
-  vertical-align: bottom !important;
-}
-.uk-text-baseline {
-  vertical-align: baseline !important;
-}
-/* Wrap modifiers
- ========================================================================== */
-/*
- * Prevent text from wrapping onto multiple lines
- */
-.uk-text-nowrap {
-  white-space: nowrap;
-}
-/*
- * 1. Make sure a max-width is set after which truncation can occur
- * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
- * 3. Fix for table cells
- */
-.uk-text-truncate {
-  /* 1 */
-  max-width: 100%;
-  /* 2 */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/* 2 */
-th.uk-text-truncate,
-td.uk-text-truncate {
-  max-width: 0;
-}
-/*
- * 1. Wrap long words onto the next line and break them if they are too long to fit
- * 2. Legacy `word-wrap` as fallback for `overflow-wrap`
- * 3. Add a hyphen where the word breaks
- * 4. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
- *    Must use `break-all` to support IE11 and Edge
- */
-.uk-text-break {
-  /* 1 */
-  overflow-wrap: break-word;
-  /* 2 */
-  word-wrap: break-word;
-  /* 3 */
-  -ms-hyphens: auto;
-  -webkit-hyphens: auto;
-  hyphens: auto;
-}
-/* 4 */
-th.uk-text-break,
-td.uk-text-break {
-  word-break: break-all;
-}
-/* ========================================================================
-   Component: Column
- ========================================================================== */
-[class*="uk-column-"] {
-  column-gap: 30px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  [class*="uk-column-"] {
-    column-gap: 40px;
-  }
-}
-/*
- * Fix image 1px line wrapping into the next column in Chrome
- */
-[class*="uk-column-"] img {
-  transform: translate3d(0, 0, 0);
-}
-/* Divider
- ========================================================================== */
-/*
- * 1. Double the column gap
- */
-.uk-column-divider {
-  column-rule: 1px solid #e5e5e5;
-  /* 1 */
-  column-gap: 60px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-column-divider {
-    column-gap: 80px;
-  }
-}
-/* Width modifiers
- ========================================================================== */
-.uk-column-1-2 {
-  column-count: 2;
-}
-.uk-column-1-3 {
-  column-count: 3;
-}
-.uk-column-1-4 {
-  column-count: 4;
-}
-.uk-column-1-5 {
-  column-count: 5;
-}
-.uk-column-1-6 {
-  column-count: 6;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-column-1-2\@s {
-    column-count: 2;
-  }
-  .uk-column-1-3\@s {
-    column-count: 3;
-  }
-  .uk-column-1-4\@s {
-    column-count: 4;
-  }
-  .uk-column-1-5\@s {
-    column-count: 5;
-  }
-  .uk-column-1-6\@s {
-    column-count: 6;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-column-1-2\@m {
-    column-count: 2;
-  }
-  .uk-column-1-3\@m {
-    column-count: 3;
-  }
-  .uk-column-1-4\@m {
-    column-count: 4;
-  }
-  .uk-column-1-5\@m {
-    column-count: 5;
-  }
-  .uk-column-1-6\@m {
-    column-count: 6;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-column-1-2\@l {
-    column-count: 2;
-  }
-  .uk-column-1-3\@l {
-    column-count: 3;
-  }
-  .uk-column-1-4\@l {
-    column-count: 4;
-  }
-  .uk-column-1-5\@l {
-    column-count: 5;
-  }
-  .uk-column-1-6\@l {
-    column-count: 6;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-column-1-2\@xl {
-    column-count: 2;
-  }
-  .uk-column-1-3\@xl {
-    column-count: 3;
-  }
-  .uk-column-1-4\@xl {
-    column-count: 4;
-  }
-  .uk-column-1-5\@xl {
-    column-count: 5;
-  }
-  .uk-column-1-6\@xl {
-    column-count: 6;
-  }
-}
-/* Make element span across all columns
- * Does not work in Firefox yet
- ========================================================================== */
-.uk-column-span {
-  column-span: all;
-}
-/* ========================================================================
-   Component: Cover
- ========================================================================== */
-/*
- * Works with iframes and embedded content
- * 1. Reset responsiveness for embedded content
- * 2. Center object
- * Note: Percent values on the `top` property only works if this element
- *       is absolute positioned or if the container has a height
- */
-.uk-cover {
-  /* 1 */
-  max-width: none;
-  /* 2 */
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-iframe.uk-cover {
-  pointer-events: none;
-}
-/* Container
- ========================================================================== */
-/*
- * 1. Parent container which clips resized object
- * 2. Needed if the child is positioned absolute. See note above
- */
-.uk-cover-container {
-  /* 1 */
-  overflow: hidden;
-  /* 2 */
-  position: relative;
-}
-/* ========================================================================
-   Component: Background
- ========================================================================== */
-/* Color
- ========================================================================== */
-.uk-background-default {
-  background-color: #fff;
-}
-.uk-background-muted {
-  background-color: #f8f8f8;
-}
-.uk-background-primary {
-  background-color: #1e87f0;
-}
-.uk-background-secondary {
-  background-color: #222;
-}
-/* Size
- ========================================================================== */
-.uk-background-cover,
-.uk-background-contain {
-  background-position: 50% 50%;
-  background-repeat: no-repeat;
-}
-.uk-background-cover {
-  background-size: cover;
-}
-.uk-background-contain {
-  background-size: contain;
-}
-/* Position
- ========================================================================== */
-.uk-background-top-left {
-  background-position: 0 0;
-}
-.uk-background-top-center {
-  background-position: 50% 0;
-}
-.uk-background-top-right {
-  background-position: 100% 0;
-}
-.uk-background-center-left {
-  background-position: 0 50%;
-}
-.uk-background-center-center {
-  background-position: 50% 50%;
-}
-.uk-background-center-right {
-  background-position: 100% 50%;
-}
-.uk-background-bottom-left {
-  background-position: 0 100%;
-}
-.uk-background-bottom-center {
-  background-position: 50% 100%;
-}
-.uk-background-bottom-right {
-  background-position: 100% 100%;
-}
-/* Repeat
- ========================================================================== */
-.uk-background-norepeat {
-  background-repeat: no-repeat;
-}
-/* Attachment
- ========================================================================== */
-.uk-background-fixed {
-  background-attachment: fixed;
-}
-/*
- * Exclude touch devices because `fixed` doesn't work on iOS and Android
- */
-@media (pointer: coarse) {
-  .uk-background-fixed {
-    background-attachment: scroll;
-  }
-}
-/* Image
- ========================================================================== */
-/* Phone portrait and smaller */
-@media (max-width: 639px) {
-  .uk-background-image\@s {
-    background-image: none !important;
-  }
-}
-/* Phone landscape and smaller */
-@media (max-width: 959px) {
-  .uk-background-image\@m {
-    background-image: none !important;
-  }
-}
-/* Tablet landscape and smaller */
-@media (max-width: 1199px) {
-  .uk-background-image\@l {
-    background-image: none !important;
-  }
-}
-/* Desktop and smaller */
-@media (max-width: 1599px) {
-  .uk-background-image\@xl {
-    background-image: none !important;
-  }
-}
-/* Blend modes
- ========================================================================== */
-.uk-background-blend-multiply {
-  background-blend-mode: multiply;
-}
-.uk-background-blend-screen {
-  background-blend-mode: screen;
-}
-.uk-background-blend-overlay {
-  background-blend-mode: overlay;
-}
-.uk-background-blend-darken {
-  background-blend-mode: darken;
-}
-.uk-background-blend-lighten {
-  background-blend-mode: lighten;
-}
-.uk-background-blend-color-dodge {
-  background-blend-mode: color-dodge;
-}
-.uk-background-blend-color-burn {
-  background-blend-mode: color-burn;
-}
-.uk-background-blend-hard-light {
-  background-blend-mode: hard-light;
-}
-.uk-background-blend-soft-light {
-  background-blend-mode: soft-light;
-}
-.uk-background-blend-difference {
-  background-blend-mode: difference;
-}
-.uk-background-blend-exclusion {
-  background-blend-mode: exclusion;
-}
-.uk-background-blend-hue {
-  background-blend-mode: hue;
-}
-.uk-background-blend-saturation {
-  background-blend-mode: saturation;
-}
-.uk-background-blend-color {
-  background-blend-mode: color;
-}
-.uk-background-blend-luminosity {
-  background-blend-mode: luminosity;
-}
-/* ========================================================================
-   Component: Align
- ========================================================================== */
-/*
- * Default
- */
-[class*="uk-align"] {
-  display: block;
-  margin-bottom: 30px;
-}
-* + [class*="uk-align"] {
-  margin-top: 30px;
-}
-/*
- * Center
- */
-.uk-align-center {
-  margin-left: auto;
-  margin-right: auto;
-}
-/*
- * Left/Right
- */
-.uk-align-left {
-  margin-top: 0;
-  margin-right: 30px;
-  float: left;
-}
-.uk-align-right {
-  margin-top: 0;
-  margin-left: 30px;
-  float: right;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-align-left\@s {
-    margin-top: 0;
-    margin-right: 30px;
-    float: left;
-  }
-  .uk-align-right\@s {
-    margin-top: 0;
-    margin-left: 30px;
-    float: right;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-align-left\@m {
-    margin-top: 0;
-    margin-right: 30px;
-    float: left;
-  }
-  .uk-align-right\@m {
-    margin-top: 0;
-    margin-left: 30px;
-    float: right;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-align-left\@l {
-    margin-top: 0;
-    float: left;
-  }
-  .uk-align-right\@l {
-    margin-top: 0;
-    float: right;
-  }
-  .uk-align-left,
-  .uk-align-left\@s,
-  .uk-align-left\@m,
-  .uk-align-left\@l {
-    margin-right: 40px;
-  }
-  .uk-align-right,
-  .uk-align-right\@s,
-  .uk-align-right\@m,
-  .uk-align-right\@l {
-    margin-left: 40px;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-align-left\@xl {
-    margin-top: 0;
-    margin-right: 40px;
-    float: left;
-  }
-  .uk-align-right\@xl {
-    margin-top: 0;
-    margin-left: 40px;
-    float: right;
-  }
-}
-/* ========================================================================
-   Component: Utility
- ========================================================================== */
-/* Panel
- ========================================================================== */
-.uk-panel {
-  position: relative;
-  box-sizing: border-box;
-}
-/*
- * Micro clearfix
- */
-.uk-panel::before,
-.uk-panel::after {
-  content: "";
-  display: table;
-}
-.uk-panel::after {
-  clear: both;
-}
-/*
- * Remove margin from the last-child
- */
-.uk-panel > :last-child {
-  margin-bottom: 0;
-}
-/*
- * Scrollable
- */
-.uk-panel-scrollable {
-  height: 170px;
-  padding: 10px;
-  border: 1px solid #e5e5e5;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-  resize: both;
-}
-/* Clearfix
- ========================================================================== */
-/*
- * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
- * 2. `table` is used again with `::after` because `clear` only works with block elements.
- * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
- */
-/* 1 */
-.uk-clearfix::before {
-  content: "";
-  display: table-cell;
-}
-/* 2 */
-.uk-clearfix::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-/* Float
- ========================================================================== */
-/*
- * 1. Prevent content overflow
- */
-.uk-float-left {
-  float: left;
-}
-.uk-float-right {
-  float: right;
-}
-/* 1 */
-[class*="uk-float-"] {
-  max-width: 100%;
-}
-/* Overfow
- ========================================================================== */
-.uk-overflow-hidden {
-  overflow: hidden;
-}
-/*
- * Enable scrollbars if content is clipped
- * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
- */
-.uk-overflow-auto {
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.uk-overflow-auto > :last-child {
-  margin-bottom: 0;
-}
-/* Resize
- ========================================================================== */
-.uk-resize {
-  resize: both;
-}
-.uk-resize-vertical {
-  resize: vertical;
-}
-/* Display
- ========================================================================== */
-.uk-display-block {
-  display: block !important;
-}
-.uk-display-inline {
-  display: inline !important;
-}
-.uk-display-inline-block {
-  display: inline-block !important;
-}
-/* Inline
- ========================================================================== */
-/*
- * 1. Container fits its content
- * 2. Create position context
- * 3. Prevent content overflow
- * 4. Behave like most inline-block elements
- * 5. Force hardware acceleration without creating a new stacking context
- *    to fix 1px glitch when combined with overlays and transitions in Webkit
- * 6. Clip child elements
- */
-[class*="uk-inline"] {
-  /* 1 */
-  display: inline-block;
-  /* 2 */
-  position: relative;
-  /* 3 */
-  max-width: 100%;
-  /* 4 */
-  vertical-align: middle;
-  /* 5 */
-  -webkit-backface-visibility: hidden;
-}
-.uk-inline-clip {
-  /* 6 */
-  overflow: hidden;
-}
-/* Height
- ========================================================================== */
-[class*="uk-height"] {
-  box-sizing: border-box;
-}
-/*
- * Only works if parent element has a height set
- */
-.uk-height-1-1 {
-  height: 100%;
-}
-/*
- * Useful to create image teasers
- */
-.uk-height-viewport {
-  min-height: 100vh;
-}
-/*
- * Pixel
- * Useful for `overflow: auto`
- */
-.uk-height-small {
-  height: 150px;
-}
-.uk-height-medium {
-  height: 300px;
-}
-.uk-height-large {
-  height: 450px;
-}
-.uk-height-max-small {
-  max-height: 150px;
-}
-.uk-height-max-medium {
-  max-height: 300px;
-}
-.uk-height-max-large {
-  max-height: 450px;
-}
-/* Responsive objects
- ========================================================================== */
-/*
- * Preserve original dimensions
- * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
- */
-.uk-preserve-width,
-.uk-preserve-width audio,
-.uk-preserve-width canvas,
-.uk-preserve-width img,
-.uk-preserve-width svg,
-.uk-preserve-width video {
-  max-width: none;
-}
-/*
- * Responsiveness
- * Corrects `max-width` and `max-height` behavior if padding and border are used
- */
-.uk-responsive-width,
-.uk-responsive-height {
-  box-sizing: border-box;
-}
-/*
- * 1. Set a maximum width. `important` needed to override `uk-preserve-width img`
- * 2. Auto scale the height. Only needed if `height` attribute is present
- */
-.uk-responsive-width {
-  /* 1 */
-  max-width: 100% !important;
-  /* 2 */
-  height: auto;
-}
-/*
- * 1. Set a maximum height. Only works if the parent element has a fixed height
- * 2. Auto scale the width. Only needed if `width` attribute is present
- * 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default
- */
-.uk-responsive-height {
-  /* 1 */
-  max-height: 100%;
-  /* 2 */
-  width: auto;
-  /* 3 */
-  max-width: none;
-}
-/* Border
- ========================================================================== */
-.uk-border-circle {
-  border-radius: 50%;
-}
-.uk-border-rounded {
-  border-radius: 5px;
-}
-/*
- * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
- */
-.uk-inline-clip[class*="uk-border-"] {
-  -webkit-transform: translateZ(0);
-}
-/* Box-shadow
- ========================================================================== */
-.uk-box-shadow-small {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-.uk-box-shadow-medium {
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-}
-.uk-box-shadow-large {
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-.uk-box-shadow-xlarge {
-  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
-}
-/*
- * Hover
- */
-[class*="uk-box-shadow-hover"] {
-  transition: box-shadow 0.1s ease-in-out;
-}
-.uk-box-shadow-hover-small:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-.uk-box-shadow-hover-medium:hover {
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-}
-.uk-box-shadow-hover-large:hover {
-  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
-}
-.uk-box-shadow-hover-xlarge:hover {
-  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
-}
-/* Box-shadow bottom
- ========================================================================== */
-/*
- * 1. Set position.
- * 2. Set style
- * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
- *    Solved by using `before` and add position context to child elements.
- */
-@supports (filter: blur(0)) {
-  .uk-box-shadow-bottom {
-    display: inline-block;
-    position: relative;
-    max-width: 100%;
-    vertical-align: middle;
-  }
-  .uk-box-shadow-bottom::before {
-    content: "";
-    /* 1 */
-    position: absolute;
-    bottom: -30px;
-    left: 0;
-    right: 0;
-    /* 2 */
-    height: 30px;
-    border-radius: 100%;
-    background: #444;
-    filter: blur(20px);
-  }
-  /* 3 */
-  .uk-box-shadow-bottom > * {
-    position: relative;
-  }
-}
-/* Drop cap
- ========================================================================== */
-.uk-dropcap::first-letter,
-.uk-dropcap > p:first-of-type::first-letter {
-  display: block;
-  margin-right: 10px;
-  float: left;
-  font-size: 4.5em;
-  line-height: 1;
-  margin-bottom: -2px;
-}
-/* Leader
- ========================================================================== */
-.uk-leader {
-  overflow: hidden;
-}
-/*
- * 1. Place element in text flow
- * 2. Never break into a new line
- * 3. Get a string back with as many repeating characters to fill the container
- * 4. Prevent wrapping. Overflowing characters will be clipped by the container
- */
-.uk-leader-fill::after {
-  /* 1 */
-  display: inline-block;
-  margin-left: 15px;
-  /* 2 */
-  width: 0;
-  /* 3 */
-  content: attr(data-fill);
-  /* 4 */
-  white-space: nowrap;
-}
-/*
- * Hide if media does not match
- */
-.uk-leader-fill.uk-leader-hide::after {
-  display: none;
-}
-/* Pass fill character to JS */
-.var-leader-fill:before {
-  content: ".";
-}
-/* Logo
- ========================================================================== */
-/*
- * 1. Required for `a`
- */
-.uk-logo {
-  font-size: 1.5rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
-  color: #666;
-  /* 1 */
-  text-decoration: none;
-}
-/* Hover + Focus */
-.uk-logo:hover,
-.uk-logo:focus {
-  color: #666;
-  outline: none;
-  /* 1 */
-  text-decoration: none;
-}
-.uk-logo-inverse {
-  display: none;
-}
-/* SVG
- ========================================================================== */
-/*
- * 1. Fill all SVG elements with the current text color if no `fill` attribute is set
- * 2. Set the fill and stroke color of all SVG elements to the current text color
- * 3. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+
- */
-/* 1 */
-.uk-svg,
-.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve),
-.uk-svg:not(.uk-preserve) [FILL*="#"]:not(.uk-preserve) {
-  fill: currentcolor;
-}
-.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve),
-.uk-svg:not(.uk-preserve) [STROKE*="#"]:not(.uk-preserve) {
-  stroke: currentcolor;
-}
-/*
- * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
- */
-.uk-svg {
-  transform: translate(0, 0);
-}
-/* Disabled State
- ========================================================================== */
-.uk-disabled {
-  pointer-events: none;
-}
-/* Drag State
- ========================================================================== */
-/*
- * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
- * 2. Fix dragging over iframes
- */
-.uk-drag,
-.uk-drag * {
-  cursor: move;
-}
-/* 2 */
-.uk-drag iframe {
-  pointer-events: none;
-}
-/* Dragover State
- ========================================================================== */
-/*
- * Create a box-shadow when dragging a file over the upload area
- */
-.uk-dragover {
-  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
-}
-/* Blend modes
- ========================================================================== */
-.uk-blend-multiply {
-  mix-blend-mode: multiply;
-}
-.uk-blend-screen {
-  mix-blend-mode: screen;
-}
-.uk-blend-overlay {
-  mix-blend-mode: overlay;
-}
-.uk-blend-darken {
-  mix-blend-mode: darken;
-}
-.uk-blend-lighten {
-  mix-blend-mode: lighten;
-}
-.uk-blend-color-dodge {
-  mix-blend-mode: color-dodge;
-}
-.uk-blend-color-burn {
-  mix-blend-mode: color-burn;
-}
-.uk-blend-hard-light {
-  mix-blend-mode: hard-light;
-}
-.uk-blend-soft-light {
-  mix-blend-mode: soft-light;
-}
-.uk-blend-difference {
-  mix-blend-mode: difference;
-}
-.uk-blend-exclusion {
-  mix-blend-mode: exclusion;
-}
-.uk-blend-hue {
-  mix-blend-mode: hue;
-}
-.uk-blend-saturation {
-  mix-blend-mode: saturation;
-}
-.uk-blend-color {
-  mix-blend-mode: color;
-}
-.uk-blend-luminosity {
-  mix-blend-mode: luminosity;
-}
-/* Transform
-========================================================================== */
-.uk-transform-center {
-  transform: translate(-50%, -50%);
-}
-/* Transform Origin
-========================================================================== */
-.uk-transform-origin-top-left {
-  transform-origin: 0 0;
-}
-.uk-transform-origin-top-center {
-  transform-origin: 50% 0;
-}
-.uk-transform-origin-top-right {
-  transform-origin: 100% 0;
-}
-.uk-transform-origin-center-left {
-  transform-origin: 0 50%;
-}
-.uk-transform-origin-center-right {
-  transform-origin: 100% 50%;
-}
-.uk-transform-origin-bottom-left {
-  transform-origin: 0 100%;
-}
-.uk-transform-origin-bottom-center {
-  transform-origin: 50% 100%;
-}
-.uk-transform-origin-bottom-right {
-  transform-origin: 100% 100%;
-}
-/* ========================================================================
-   Component: Flex
- ========================================================================== */
-.uk-flex {
-  display: flex;
-}
-.uk-flex-inline {
-  display: inline-flex;
-}
-/*
- * Remove pseudo elements created by micro clearfix as precaution
- */
-.uk-flex::before,
-.uk-flex::after,
-.uk-flex-inline::before,
-.uk-flex-inline::after {
-  display: none;
-}
-/* Alignment
- ========================================================================== */
-/*
- * Align items along the main axis of the current line of the flex container
- * Row: Horizontal
- */
-.uk-flex-left {
-  justify-content: flex-start;
-}
-.uk-flex-center {
-  justify-content: center;
-}
-.uk-flex-right {
-  justify-content: flex-end;
-}
-.uk-flex-between {
-  justify-content: space-between;
-}
-.uk-flex-around {
-  justify-content: space-around;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-flex-left\@s {
-    justify-content: flex-start;
-  }
-  .uk-flex-center\@s {
-    justify-content: center;
-  }
-  .uk-flex-right\@s {
-    justify-content: flex-end;
-  }
-  .uk-flex-between\@s {
-    justify-content: space-between;
-  }
-  .uk-flex-around\@s {
-    justify-content: space-around;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-flex-left\@m {
-    justify-content: flex-start;
-  }
-  .uk-flex-center\@m {
-    justify-content: center;
-  }
-  .uk-flex-right\@m {
-    justify-content: flex-end;
-  }
-  .uk-flex-between\@m {
-    justify-content: space-between;
-  }
-  .uk-flex-around\@m {
-    justify-content: space-around;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-flex-left\@l {
-    justify-content: flex-start;
-  }
-  .uk-flex-center\@l {
-    justify-content: center;
-  }
-  .uk-flex-right\@l {
-    justify-content: flex-end;
-  }
-  .uk-flex-between\@l {
-    justify-content: space-between;
-  }
-  .uk-flex-around\@l {
-    justify-content: space-around;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-flex-left\@xl {
-    justify-content: flex-start;
-  }
-  .uk-flex-center\@xl {
-    justify-content: center;
-  }
-  .uk-flex-right\@xl {
-    justify-content: flex-end;
-  }
-  .uk-flex-between\@xl {
-    justify-content: space-between;
-  }
-  .uk-flex-around\@xl {
-    justify-content: space-around;
-  }
-}
-/*
- * Align items in the cross axis of the current line of the flex container
- * Row: Vertical
- */
-.uk-flex-stretch {
-  align-items: stretch;
-}
-.uk-flex-top {
-  align-items: flex-start;
-}
-.uk-flex-middle {
-  align-items: center;
-}
-.uk-flex-bottom {
-  align-items: flex-end;
-}
-/* Direction
- ========================================================================== */
-.uk-flex-row {
-  flex-direction: row;
-}
-.uk-flex-row-reverse {
-  flex-direction: row-reverse;
-}
-.uk-flex-column {
-  flex-direction: column;
-}
-.uk-flex-column-reverse {
-  flex-direction: column-reverse;
-}
-/* Wrap
- ========================================================================== */
-.uk-flex-nowrap {
-  flex-wrap: nowrap;
-}
-.uk-flex-wrap {
-  flex-wrap: wrap;
-}
-.uk-flex-wrap-reverse {
-  flex-wrap: wrap-reverse;
-}
-/*
- * Aligns items within the flex container when there is extra space in the cross-axis
- * Only works if there is more than one line of flex items
- */
-.uk-flex-wrap-stretch {
-  align-content: stretch;
-}
-.uk-flex-wrap-top {
-  align-content: flex-start;
-}
-.uk-flex-wrap-middle {
-  align-content: center;
-}
-.uk-flex-wrap-bottom {
-  align-content: flex-end;
-}
-.uk-flex-wrap-between {
-  align-content: space-between;
-}
-.uk-flex-wrap-around {
-  align-content: space-around;
-}
-/* Item ordering
- ========================================================================== */
-/*
- * Default is 0
- */
-.uk-flex-first {
-  order: -1;
-}
-.uk-flex-last {
-  order: 99;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-flex-first\@s {
-    order: -1;
-  }
-  .uk-flex-last\@s {
-    order: 99;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-flex-first\@m {
-    order: -1;
-  }
-  .uk-flex-last\@m {
-    order: 99;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-flex-first\@l {
-    order: -1;
-  }
-  .uk-flex-last\@l {
-    order: 99;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-flex-first\@xl {
-    order: -1;
-  }
-  .uk-flex-last\@xl {
-    order: 99;
-  }
-}
-/* Item dimensions
- ========================================================================== */
-/*
- * Initial: 0 1 auto
- * Content dimensions, but shrinks
- */
-/*
- * No Flex: 0 0 auto
- * Content dimensions
- */
-.uk-flex-none {
-  flex: none;
-}
-/*
- * Relative Flex: 1 1 auto
- * Space is allocated considering content
- */
-.uk-flex-auto {
-  flex: auto;
-}
-/*
- * Absolute Flex: 1 1 0%
- * Space is allocated solely based on flex
- */
-.uk-flex-1 {
-  flex: 1;
-}
-/* ========================================================================
-   Component: Margin
- ========================================================================== */
-/*
- * Default
- */
-.uk-margin {
-  margin-bottom: 20px;
-}
-* + .uk-margin {
-  margin-top: 20px !important;
-}
-.uk-margin-top {
-  margin-top: 20px !important;
-}
-.uk-margin-bottom {
-  margin-bottom: 20px !important;
-}
-.uk-margin-left {
-  margin-left: 20px !important;
-}
-.uk-margin-right {
-  margin-right: 20px !important;
-}
-/* Small
- ========================================================================== */
-.uk-margin-small {
-  margin-bottom: 10px;
-}
-* + .uk-margin-small {
-  margin-top: 10px !important;
-}
-.uk-margin-small-top {
-  margin-top: 10px !important;
-}
-.uk-margin-small-bottom {
-  margin-bottom: 10px !important;
-}
-.uk-margin-small-left {
-  margin-left: 10px !important;
-}
-.uk-margin-small-right {
-  margin-right: 10px !important;
-}
-/* Medium
- ========================================================================== */
-.uk-margin-medium {
-  margin-bottom: 40px;
-}
-* + .uk-margin-medium {
-  margin-top: 40px !important;
-}
-.uk-margin-medium-top {
-  margin-top: 40px !important;
-}
-.uk-margin-medium-bottom {
-  margin-bottom: 40px !important;
-}
-.uk-margin-medium-left {
-  margin-left: 40px !important;
-}
-.uk-margin-medium-right {
-  margin-right: 40px !important;
-}
-/* Large
- ========================================================================== */
-.uk-margin-large {
-  margin-bottom: 40px;
-}
-* + .uk-margin-large {
-  margin-top: 40px !important;
-}
-.uk-margin-large-top {
-  margin-top: 40px !important;
-}
-.uk-margin-large-bottom {
-  margin-bottom: 40px !important;
-}
-.uk-margin-large-left {
-  margin-left: 40px !important;
-}
-.uk-margin-large-right {
-  margin-right: 40px !important;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-margin-large {
-    margin-bottom: 70px;
-  }
-  * + .uk-margin-large {
-    margin-top: 70px !important;
-  }
-  .uk-margin-large-top {
-    margin-top: 70px !important;
-  }
-  .uk-margin-large-bottom {
-    margin-bottom: 70px !important;
-  }
-  .uk-margin-large-left {
-    margin-left: 70px !important;
-  }
-  .uk-margin-large-right {
-    margin-right: 70px !important;
-  }
-}
-/* XLarge
- ========================================================================== */
-.uk-margin-xlarge {
-  margin-bottom: 70px;
-}
-* + .uk-margin-xlarge {
-  margin-top: 70px !important;
-}
-.uk-margin-xlarge-top {
-  margin-top: 70px !important;
-}
-.uk-margin-xlarge-bottom {
-  margin-bottom: 70px !important;
-}
-.uk-margin-xlarge-left {
-  margin-left: 70px !important;
-}
-.uk-margin-xlarge-right {
-  margin-right: 70px !important;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-margin-xlarge {
-    margin-bottom: 140px;
-  }
-  * + .uk-margin-xlarge {
-    margin-top: 140px !important;
-  }
-  .uk-margin-xlarge-top {
-    margin-top: 140px !important;
-  }
-  .uk-margin-xlarge-bottom {
-    margin-bottom: 140px !important;
-  }
-  .uk-margin-xlarge-left {
-    margin-left: 140px !important;
-  }
-  .uk-margin-xlarge-right {
-    margin-right: 140px !important;
-  }
-}
-/* Remove
- ========================================================================== */
-.uk-margin-remove {
-  margin: 0 !important;
-}
-.uk-margin-remove-top {
-  margin-top: 0 !important;
-}
-.uk-margin-remove-bottom {
-  margin-bottom: 0 !important;
-}
-.uk-margin-remove-left {
-  margin-left: 0 !important;
-}
-.uk-margin-remove-right {
-  margin-right: 0 !important;
-}
-.uk-margin-remove-vertical {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-.uk-margin-remove-adjacent + * {
-  margin-top: 0 !important;
-}
-/* Auto
- ========================================================================== */
-.uk-margin-auto {
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-.uk-margin-auto-top {
-  margin-top: auto !important;
-}
-.uk-margin-auto-bottom {
-  margin-bottom: auto !important;
-}
-.uk-margin-auto-left {
-  margin-left: auto !important;
-}
-.uk-margin-auto-right {
-  margin-right: auto !important;
-}
-.uk-margin-auto-vertical {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
-}
-/* ========================================================================
-   Component: Padding
- ========================================================================== */
-.uk-padding {
-  padding: 30px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-padding {
-    padding: 40px;
-  }
-}
-/* Small
- ========================================================================== */
-.uk-padding-small {
-  padding: 15px;
-}
-/* Large
- ========================================================================== */
-.uk-padding-large {
-  padding: 30px;
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-padding-large {
-    padding: 70px;
-  }
-}
-/* Remove
- ========================================================================== */
-.uk-padding-remove {
-  padding: 0 !important;
-}
-.uk-padding-remove-top {
-  padding-top: 0 !important;
-}
-.uk-padding-remove-bottom {
-  padding-bottom: 0 !important;
-}
-.uk-padding-remove-left {
-  padding-left: 0 !important;
-}
-.uk-padding-remove-right {
-  padding-right: 0 !important;
-}
-.uk-padding-remove-vertical {
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-.uk-padding-remove-horizontal {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
-/* ========================================================================
-   Component: Position
- ========================================================================== */
-/* Directions
- ========================================================================== */
-[class*="uk-position-top"],
-[class*="uk-position-bottom"],
-[class*="uk-position-left"],
-[class*="uk-position-right"],
-[class*="uk-position-center"] {
-  position: absolute !important;
-}
-/* Edges
- ========================================================================== */
-/* Don't use `width: 100%` because it is wrong if the parent has padding. */
-.uk-position-top {
-  top: 0;
-  left: 0;
-  right: 0;
-}
-.uk-position-bottom {
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-.uk-position-left {
-  top: 0;
-  bottom: 0;
-  left: 0;
-}
-.uk-position-right {
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-/* Corners
- ========================================================================== */
-.uk-position-top-left {
-  top: 0;
-  left: 0;
-}
-.uk-position-top-right {
-  top: 0;
-  right: 0;
-}
-.uk-position-bottom-left {
-  bottom: 0;
-  left: 0;
-}
-.uk-position-bottom-right {
-  bottom: 0;
-  right: 0;
-}
-/*
- * Center
- * 1. Fix text wrapping if content is larger than 50% of the container (Not working in Firefox)
- * 2. Fix text wrapping for Firefox
- */
-.uk-position-center {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /* 1 */
-  display: table;
-  /* 2 */
-  width: -moz-max-content;
-  max-width: 100%;
-  box-sizing: border-box;
-}
-/* Vertical */
-[class*="uk-position-center-left"],
-[class*="uk-position-center-right"] {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.uk-position-center-left {
-  left: 0;
-}
-.uk-position-center-right {
-  right: 0;
-}
-.uk-position-center-left-out {
-  right: 100%;
-  width: max-content;
-}
-.uk-position-center-right-out {
-  left: 100%;
-  width: max-content;
-}
-/* Horizontal */
-.uk-position-top-center,
-.uk-position-bottom-center {
-  left: 50%;
-  transform: translateX(-50%);
-  /* 1 */
-  display: table;
-  /* 2 */
-  width: -moz-max-content;
-  max-width: 100%;
-  box-sizing: border-box;
-}
-.uk-position-top-center {
-  top: 0;
-}
-.uk-position-bottom-center {
-  bottom: 0;
-}
-/* Cover
- ========================================================================== */
-.uk-position-cover {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-/* Utility
- ========================================================================== */
-.uk-position-relative {
-  position: relative !important;
-}
-.uk-position-absolute {
-  position: absolute !important;
-}
-.uk-position-fixed {
-  position: fixed !important;
-}
-.uk-position-z-index {
-  z-index: 1;
-}
-/* Margin modifier
- ========================================================================== */
-/*
- * Small
- */
-.uk-position-small {
-  margin: 15px;
-}
-.uk-position-small.uk-position-center {
-  transform: translate(-50%, -50%) translate(-15px, -15px);
-}
-.uk-position-small[class*="uk-position-center-left"],
-.uk-position-small[class*="uk-position-center-right"] {
-  transform: translateY(-50%) translateY(-15px);
-}
-.uk-position-small.uk-position-top-center,
-.uk-position-small.uk-position-bottom-center {
-  transform: translateX(-50%) translateX(-15px);
-}
-/*
- * Medium
- */
-.uk-position-medium {
-  margin: 30px;
-}
-.uk-position-medium.uk-position-center {
-  transform: translate(-50%, -50%) translate(-30px, -30px);
-}
-.uk-position-medium[class*="uk-position-center-left"],
-.uk-position-medium[class*="uk-position-center-right"] {
-  transform: translateY(-50%) translateY(-30px);
-}
-.uk-position-medium.uk-position-top-center,
-.uk-position-medium.uk-position-bottom-center {
-  transform: translateX(-50%) translateX(-30px);
-}
-/*
- * Large
- */
-.uk-position-large {
-  margin: 30px;
-}
-.uk-position-large.uk-position-center {
-  transform: translate(-50%, -50%) translate(-30px, -30px);
-}
-.uk-position-large[class*="uk-position-center-left"],
-.uk-position-large[class*="uk-position-center-right"] {
-  transform: translateY(-50%) translateY(-30px);
-}
-.uk-position-large.uk-position-top-center,
-.uk-position-large.uk-position-bottom-center {
-  transform: translateX(-50%) translateX(-30px);
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-position-large {
-    margin: 50px;
-  }
-  .uk-position-large.uk-position-center {
-    transform: translate(-50%, -50%) translate(-50px, -50px);
-  }
-  .uk-position-large[class*="uk-position-center-left"],
-  .uk-position-large[class*="uk-position-center-right"] {
-    transform: translateY(-50%) translateY(-50px);
-  }
-  .uk-position-large.uk-position-top-center,
-  .uk-position-large.uk-position-bottom-center {
-    transform: translateX(-50%) translateX(-50px);
-  }
-}
-/* ========================================================================
-   Component: Transition
- ========================================================================== */
-/*
- * Using multiple selectors to exclude `uk-transition-toggle`
- * Note: Transitions don't work with `uk-position-center-*` classes because they also use `transform`
- *       Just put the transition in an extra `div`
- */
-.uk-transition-fade,
-[class*="uk-transition-scale"],
-[class*="uk-transition-slide"] {
-  transition: 0.3s ease-out;
-  transition-property: opacity, transform, filter;
-}
-.uk-transition-toggle:focus {
-  outline: none;
-}
-/*
- * Fade
- */
-.uk-transition-fade {
-  opacity: 0;
-}
-/* Show */
-.uk-transition-toggle:hover [class*="uk-transition-fade"],
-.uk-transition-toggle.uk-hover [class*="uk-transition-fade"],
-.uk-transition-toggle:focus [class*="uk-transition-fade"],
-.uk-transition-active.uk-active [class*="uk-transition-fade"] {
-  opacity: 1;
-}
-/*
- * Scale
- * Note: Using `scale3d` for better image rendering
- */
-[class*="uk-transition-scale"] {
-  opacity: 0;
-}
-.uk-transition-scale-up {
-  transform: scale3d(1, 1, 1);
-}
-.uk-transition-scale-down {
-  transform: scale3d(1.1, 1.1, 1);
-}
-/* Show */
-.uk-transition-toggle:hover .uk-transition-scale-up,
-.uk-transition-toggle.uk-hover .uk-transition-scale-up,
-.uk-transition-toggle:focus .uk-transition-scale-up,
-.uk-transition-active.uk-active .uk-transition-scale-up {
-  opacity: 1;
-  transform: scale3d(1.1, 1.1, 1);
-}
-.uk-transition-toggle:hover .uk-transition-scale-down,
-.uk-transition-toggle.uk-hover .uk-transition-scale-down,
-.uk-transition-toggle:focus .uk-transition-scale-down,
-.uk-transition-active.uk-active .uk-transition-scale-down {
-  opacity: 1;
-  transform: scale3d(1, 1, 1);
-}
-/*
- * Slide
- */
-[class*="uk-transition-slide"] {
-  opacity: 0;
-}
-.uk-transition-slide-top {
-  transform: translateY(-100%);
-}
-.uk-transition-slide-bottom {
-  transform: translateY(100%);
-}
-.uk-transition-slide-left {
-  transform: translateX(-100%);
-}
-.uk-transition-slide-right {
-  transform: translateX(100%);
-}
-.uk-transition-slide-top-small {
-  transform: translateY(-10px);
-}
-.uk-transition-slide-bottom-small {
-  transform: translateY(10px);
-}
-.uk-transition-slide-left-small {
-  transform: translateX(-10px);
-}
-.uk-transition-slide-right-small {
-  transform: translateX(10px);
-}
-.uk-transition-slide-top-medium {
-  transform: translateY(-50px);
-}
-.uk-transition-slide-bottom-medium {
-  transform: translateY(50px);
-}
-.uk-transition-slide-left-medium {
-  transform: translateX(-50px);
-}
-.uk-transition-slide-right-medium {
-  transform: translateX(50px);
-}
-/* Show */
-.uk-transition-toggle:hover [class*="uk-transition-slide"],
-.uk-transition-toggle.uk-hover [class*="uk-transition-slide"],
-.uk-transition-toggle:focus [class*="uk-transition-slide"],
-.uk-transition-active.uk-active [class*="uk-transition-slide"] {
-  opacity: 1;
-  transform: translateX(0) translateY(0);
-}
-/* Opacity modifier
-========================================================================== */
-.uk-transition-opaque {
-  opacity: 1;
-}
-/* Duration modifiers
-========================================================================== */
-.uk-transition-slow {
-  transition-duration: 0.7s;
-}
-/* ========================================================================
-   Component: Visibility
- ========================================================================== */
-/*
- * Hidden
- * `hidden` attribute also set here to make it stronger
- */
-[hidden],
-.uk-hidden {
-  display: none !important;
-}
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
-  .uk-hidden\@s {
-    display: none !important;
-  }
-}
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
-  .uk-hidden\@m {
-    display: none !important;
-  }
-}
-/* Desktop and bigger */
-@media (min-width: 1200px) {
-  .uk-hidden\@l {
-    display: none !important;
-  }
-}
-/* Large screen and bigger */
-@media (min-width: 1600px) {
-  .uk-hidden\@xl {
-    display: none !important;
-  }
-}
-/*
- * Visible
- */
-/* Phone portrait and smaller */
-@media (max-width: 639px) {
-  .uk-visible\@s {
-    display: none !important;
-  }
-}
-/* Phone landscape and smaller */
-@media (max-width: 959px) {
-  .uk-visible\@m {
-    display: none !important;
-  }
-}
-/* Tablet landscape and smaller */
-@media (max-width: 1199px) {
-  .uk-visible\@l {
-    display: none !important;
-  }
-}
-/* Desktop and smaller */
-@media (max-width: 1599px) {
-  .uk-visible\@xl {
-    display: none !important;
-  }
-}
-/* Visibility
- ========================================================================== */
-.uk-invisible {
-  visibility: hidden !important;
-}
-/* Hover
- ========================================================================== */
-/*
- * Hidden
- * Can't use `display: hidden` because it's not focusable. This is accessible through keyboard.
- */
-.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover:not(:focus) {
-  position: absolute !important;
-  width: 0 !important;
-  height: 0 !important;
-  padding: 0 !important;
-  margin: 0 !important;
-  overflow: hidden !important;
-}
-/*
- * Invisible
- * Can't use `visibility: hidden` because it's not focusable. This is accessible through keyboard.
- */
-.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-invisible-hover:not(:focus) {
-  opacity: 0 !important;
-}
-/* Touch
- ========================================================================== */
-/*
- * Hide if primary pointing device has limited accuracy, e.g. a touch screen.
- * Works on mobile browsers: Safari, Chrome and Android browser
- */
-@media (pointer: coarse) {
-  .uk-hidden-touch {
-    display: none !important;
-  }
-}
-/*
- * Hide if primary pointing device is accurate, e.g. mouse.
- * 1. Fallback for IE11 and Firefox, because `pointer` is not supported
- * 2. Reset if supported
- */
-/* 1 */
-.uk-hidden-notouch {
-  display: none !important;
-}
-@media (pointer: coarse) {
-  .uk-hidden-notouch {
-    display: block !important;
-  }
-}
-/* ========================================================================
-   Component: Inverse
- ========================================================================== */
-/*
- * Implemented class depends on the general theme color
- * `uk-light` is for light colors on dark backgrounds
- * `uk-dark` is or dark colors on light backgrounds
- */
-.uk-light,
-.uk-section-primary:not(.uk-preserve-color),
-.uk-section-secondary:not(.uk-preserve-color),
-.uk-tile-primary:not(.uk-preserve-color),
-.uk-tile-secondary:not(.uk-preserve-color),
-.uk-card-primary.uk-card-body,
-.uk-card-primary > :not([class*="uk-card-media"]),
-.uk-card-secondary.uk-card-body,
-.uk-card-secondary > :not([class*="uk-card-media"]),
-.uk-overlay-primary,
-.uk-offcanvas-bar {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light a,
-.uk-light .uk-link,
-.uk-section-primary:not(.uk-preserve-color) a,
-.uk-section-primary:not(.uk-preserve-color) .uk-link,
-.uk-section-secondary:not(.uk-preserve-color) a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link,
-.uk-tile-primary:not(.uk-preserve-color) a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link,
-.uk-tile-secondary:not(.uk-preserve-color) a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
-.uk-card-primary.uk-card-body a,
-.uk-card-primary.uk-card-body .uk-link,
-.uk-card-primary > :not([class*="uk-card-media"]) a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-link,
-.uk-card-secondary.uk-card-body a,
-.uk-card-secondary.uk-card-body .uk-link,
-.uk-card-secondary > :not([class*="uk-card-media"]) a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link,
-.uk-overlay-primary a,
-.uk-overlay-primary .uk-link,
-.uk-offcanvas-bar a,
-.uk-offcanvas-bar .uk-link {
-  color: #fff;
-}
-.uk-light a:hover,
-.uk-light .uk-link:hover,
-.uk-section-primary:not(.uk-preserve-color) a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
-.uk-section-secondary:not(.uk-preserve-color) a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
-.uk-tile-primary:not(.uk-preserve-color) a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
-.uk-card-primary.uk-card-body a:hover,
-.uk-card-primary.uk-card-body .uk-link:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-link:hover,
-.uk-card-secondary.uk-card-body a:hover,
-.uk-card-secondary.uk-card-body .uk-link:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) a:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link:hover,
-.uk-overlay-primary a:hover,
-.uk-overlay-primary .uk-link:hover,
-.uk-offcanvas-bar a:hover,
-.uk-offcanvas-bar .uk-link:hover {
-  color: #fff;
-}
-.uk-light :not(pre) > code,
-.uk-light :not(pre) > kbd,
-.uk-light :not(pre) > samp,
-.uk-section-primary:not(.uk-preserve-color) :not(pre) > code,
-.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,
-.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,
-.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code,
-.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,
-.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,
-.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code,
-.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,
-.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,
-.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code,
-.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,
-.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp,
-.uk-card-primary.uk-card-body :not(pre) > code,
-.uk-card-primary.uk-card-body :not(pre) > kbd,
-.uk-card-primary.uk-card-body :not(pre) > samp,
-.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > code,
-.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > kbd,
-.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > samp,
-.uk-card-secondary.uk-card-body :not(pre) > code,
-.uk-card-secondary.uk-card-body :not(pre) > kbd,
-.uk-card-secondary.uk-card-body :not(pre) > samp,
-.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > code,
-.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > kbd,
-.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > samp,
-.uk-overlay-primary :not(pre) > code,
-.uk-overlay-primary :not(pre) > kbd,
-.uk-overlay-primary :not(pre) > samp,
-.uk-offcanvas-bar :not(pre) > code,
-.uk-offcanvas-bar :not(pre) > kbd,
-.uk-offcanvas-bar :not(pre) > samp {
-  color: rgba(255, 255, 255, 0.7);
-  background: rgba(255, 255, 255, 0.1);
-}
-.uk-light em,
-.uk-section-primary:not(.uk-preserve-color) em,
-.uk-section-secondary:not(.uk-preserve-color) em,
-.uk-tile-primary:not(.uk-preserve-color) em,
-.uk-tile-secondary:not(.uk-preserve-color) em,
-.uk-card-primary.uk-card-body em,
-.uk-card-primary > :not([class*="uk-card-media"]) em,
-.uk-card-secondary.uk-card-body em,
-.uk-card-secondary > :not([class*="uk-card-media"]) em,
-.uk-overlay-primary em,
-.uk-offcanvas-bar em {
-  color: #fff;
-}
-.uk-light h1,
-.uk-light .uk-h1,
-.uk-light h2,
-.uk-light .uk-h2,
-.uk-light h3,
-.uk-light .uk-h3,
-.uk-light h4,
-.uk-light .uk-h4,
-.uk-light h5,
-.uk-light .uk-h5,
-.uk-light h6,
-.uk-light .uk-h6,
-.uk-section-primary:not(.uk-preserve-color) h1,
-.uk-section-primary:not(.uk-preserve-color) .uk-h1,
-.uk-section-primary:not(.uk-preserve-color) h2,
-.uk-section-primary:not(.uk-preserve-color) .uk-h2,
-.uk-section-primary:not(.uk-preserve-color) h3,
-.uk-section-primary:not(.uk-preserve-color) .uk-h3,
-.uk-section-primary:not(.uk-preserve-color) h4,
-.uk-section-primary:not(.uk-preserve-color) .uk-h4,
-.uk-section-primary:not(.uk-preserve-color) h5,
-.uk-section-primary:not(.uk-preserve-color) .uk-h5,
-.uk-section-primary:not(.uk-preserve-color) h6,
-.uk-section-primary:not(.uk-preserve-color) .uk-h6,
-.uk-section-secondary:not(.uk-preserve-color) h1,
-.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
-.uk-section-secondary:not(.uk-preserve-color) h2,
-.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
-.uk-section-secondary:not(.uk-preserve-color) h3,
-.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
-.uk-section-secondary:not(.uk-preserve-color) h4,
-.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
-.uk-section-secondary:not(.uk-preserve-color) h5,
-.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
-.uk-section-secondary:not(.uk-preserve-color) h6,
-.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
-.uk-tile-primary:not(.uk-preserve-color) h1,
-.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
-.uk-tile-primary:not(.uk-preserve-color) h2,
-.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
-.uk-tile-primary:not(.uk-preserve-color) h3,
-.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
-.uk-tile-primary:not(.uk-preserve-color) h4,
-.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
-.uk-tile-primary:not(.uk-preserve-color) h5,
-.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
-.uk-tile-primary:not(.uk-preserve-color) h6,
-.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
-.uk-tile-secondary:not(.uk-preserve-color) h1,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
-.uk-tile-secondary:not(.uk-preserve-color) h2,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
-.uk-tile-secondary:not(.uk-preserve-color) h3,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
-.uk-tile-secondary:not(.uk-preserve-color) h4,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
-.uk-tile-secondary:not(.uk-preserve-color) h5,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
-.uk-tile-secondary:not(.uk-preserve-color) h6,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
-.uk-card-primary.uk-card-body h1,
-.uk-card-primary.uk-card-body .uk-h1,
-.uk-card-primary.uk-card-body h2,
-.uk-card-primary.uk-card-body .uk-h2,
-.uk-card-primary.uk-card-body h3,
-.uk-card-primary.uk-card-body .uk-h3,
-.uk-card-primary.uk-card-body h4,
-.uk-card-primary.uk-card-body .uk-h4,
-.uk-card-primary.uk-card-body h5,
-.uk-card-primary.uk-card-body .uk-h5,
-.uk-card-primary.uk-card-body h6,
-.uk-card-primary.uk-card-body .uk-h6,
-.uk-card-primary > :not([class*="uk-card-media"]) h1,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-h1,
-.uk-card-primary > :not([class*="uk-card-media"]) h2,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-h2,
-.uk-card-primary > :not([class*="uk-card-media"]) h3,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-h3,
-.uk-card-primary > :not([class*="uk-card-media"]) h4,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-h4,
-.uk-card-primary > :not([class*="uk-card-media"]) h5,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-h5,
-.uk-card-primary > :not([class*="uk-card-media"]) h6,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-h6,
-.uk-card-secondary.uk-card-body h1,
-.uk-card-secondary.uk-card-body .uk-h1,
-.uk-card-secondary.uk-card-body h2,
-.uk-card-secondary.uk-card-body .uk-h2,
-.uk-card-secondary.uk-card-body h3,
-.uk-card-secondary.uk-card-body .uk-h3,
-.uk-card-secondary.uk-card-body h4,
-.uk-card-secondary.uk-card-body .uk-h4,
-.uk-card-secondary.uk-card-body h5,
-.uk-card-secondary.uk-card-body .uk-h5,
-.uk-card-secondary.uk-card-body h6,
-.uk-card-secondary.uk-card-body .uk-h6,
-.uk-card-secondary > :not([class*="uk-card-media"]) h1,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h1,
-.uk-card-secondary > :not([class*="uk-card-media"]) h2,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h2,
-.uk-card-secondary > :not([class*="uk-card-media"]) h3,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h3,
-.uk-card-secondary > :not([class*="uk-card-media"]) h4,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h4,
-.uk-card-secondary > :not([class*="uk-card-media"]) h5,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h5,
-.uk-card-secondary > :not([class*="uk-card-media"]) h6,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h6,
-.uk-overlay-primary h1,
-.uk-overlay-primary .uk-h1,
-.uk-overlay-primary h2,
-.uk-overlay-primary .uk-h2,
-.uk-overlay-primary h3,
-.uk-overlay-primary .uk-h3,
-.uk-overlay-primary h4,
-.uk-overlay-primary .uk-h4,
-.uk-overlay-primary h5,
-.uk-overlay-primary .uk-h5,
-.uk-overlay-primary h6,
-.uk-overlay-primary .uk-h6,
-.uk-offcanvas-bar h1,
-.uk-offcanvas-bar .uk-h1,
-.uk-offcanvas-bar h2,
-.uk-offcanvas-bar .uk-h2,
-.uk-offcanvas-bar h3,
-.uk-offcanvas-bar .uk-h3,
-.uk-offcanvas-bar h4,
-.uk-offcanvas-bar .uk-h4,
-.uk-offcanvas-bar h5,
-.uk-offcanvas-bar .uk-h5,
-.uk-offcanvas-bar h6,
-.uk-offcanvas-bar .uk-h6 {
-  color: #fff;
-}
-.uk-light blockquote,
-.uk-section-primary:not(.uk-preserve-color) blockquote,
-.uk-section-secondary:not(.uk-preserve-color) blockquote,
-.uk-tile-primary:not(.uk-preserve-color) blockquote,
-.uk-tile-secondary:not(.uk-preserve-color) blockquote,
-.uk-card-primary.uk-card-body blockquote,
-.uk-card-primary > :not([class*="uk-card-media"]) blockquote,
-.uk-card-secondary.uk-card-body blockquote,
-.uk-card-secondary > :not([class*="uk-card-media"]) blockquote,
-.uk-overlay-primary blockquote,
-.uk-offcanvas-bar blockquote {
-  color: #fff;
-}
-.uk-light blockquote footer,
-.uk-section-primary:not(.uk-preserve-color) blockquote footer,
-.uk-section-secondary:not(.uk-preserve-color) blockquote footer,
-.uk-tile-primary:not(.uk-preserve-color) blockquote footer,
-.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,
-.uk-card-primary.uk-card-body blockquote footer,
-.uk-card-primary > :not([class*="uk-card-media"]) blockquote footer,
-.uk-card-secondary.uk-card-body blockquote footer,
-.uk-card-secondary > :not([class*="uk-card-media"]) blockquote footer,
-.uk-overlay-primary blockquote footer,
-.uk-offcanvas-bar blockquote footer {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light hr,
-.uk-light .uk-hr,
-.uk-section-primary:not(.uk-preserve-color) hr,
-.uk-section-primary:not(.uk-preserve-color) .uk-hr,
-.uk-section-secondary:not(.uk-preserve-color) hr,
-.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
-.uk-tile-primary:not(.uk-preserve-color) hr,
-.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
-.uk-tile-secondary:not(.uk-preserve-color) hr,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
-.uk-card-primary.uk-card-body hr,
-.uk-card-primary.uk-card-body .uk-hr,
-.uk-card-primary > :not([class*="uk-card-media"]) hr,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-hr,
-.uk-card-secondary.uk-card-body hr,
-.uk-card-secondary.uk-card-body .uk-hr,
-.uk-card-secondary > :not([class*="uk-card-media"]) hr,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-hr,
-.uk-overlay-primary hr,
-.uk-overlay-primary .uk-hr,
-.uk-offcanvas-bar hr,
-.uk-offcanvas-bar .uk-hr {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light a.uk-link-muted,
-.uk-light .uk-link-muted a,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
-.uk-card-primary.uk-card-body a.uk-link-muted,
-.uk-card-primary.uk-card-body .uk-link-muted a,
-.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a,
-.uk-card-secondary.uk-card-body a.uk-link-muted,
-.uk-card-secondary.uk-card-body .uk-link-muted a,
-.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a,
-.uk-overlay-primary a.uk-link-muted,
-.uk-overlay-primary .uk-link-muted a,
-.uk-offcanvas-bar a.uk-link-muted,
-.uk-offcanvas-bar .uk-link-muted a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light a.uk-link-muted:hover,
-.uk-light .uk-link-muted a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
-.uk-card-primary.uk-card-body a.uk-link-muted:hover,
-.uk-card-primary.uk-card-body .uk-link-muted a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
-.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a:hover,
-.uk-overlay-primary a.uk-link-muted:hover,
-.uk-overlay-primary .uk-link-muted a:hover,
-.uk-offcanvas-bar a.uk-link-muted:hover,
-.uk-offcanvas-bar .uk-link-muted a:hover {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light a.uk-link-text:hover,
-.uk-light .uk-link-text a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
-.uk-card-primary.uk-card-body a.uk-link-text:hover,
-.uk-card-primary.uk-card-body .uk-link-text a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-text:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-text a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-text:hover,
-.uk-card-secondary.uk-card-body .uk-link-text a:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-text:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-text a:hover,
-.uk-overlay-primary a.uk-link-text:hover,
-.uk-overlay-primary .uk-link-text a:hover,
-.uk-offcanvas-bar a.uk-link-text:hover,
-.uk-offcanvas-bar .uk-link-text a:hover {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light a.uk-link-heading:hover,
-.uk-light .uk-link-heading a:hover,
-.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
-.uk-card-primary.uk-card-body a.uk-link-heading:hover,
-.uk-card-primary.uk-card-body .uk-link-heading a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-heading:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-heading a:hover,
-.uk-card-secondary.uk-card-body a.uk-link-heading:hover,
-.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-heading:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-heading a:hover,
-.uk-overlay-primary a.uk-link-heading:hover,
-.uk-overlay-primary .uk-link-heading a:hover,
-.uk-offcanvas-bar a.uk-link-heading:hover,
-.uk-offcanvas-bar .uk-link-heading a:hover {
-  color: #fff;
-}
-.uk-light .uk-heading-divider,
-.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
-.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
-.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,
-.uk-card-primary.uk-card-body .uk-heading-divider,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-divider,
-.uk-card-secondary.uk-card-body .uk-heading-divider,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-divider,
-.uk-overlay-primary .uk-heading-divider,
-.uk-offcanvas-bar .uk-heading-divider {
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-heading-bullet::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
-.uk-card-primary.uk-card-body .uk-heading-bullet::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-bullet::before,
-.uk-card-secondary.uk-card-body .uk-heading-bullet::before,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-bullet::before,
-.uk-overlay-primary .uk-heading-bullet::before,
-.uk-offcanvas-bar .uk-heading-bullet::before {
-  border-left-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-heading-line > ::before,
-.uk-light .uk-heading-line > ::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,
-.uk-card-primary.uk-card-body .uk-heading-line > ::before,
-.uk-card-primary.uk-card-body .uk-heading-line > ::after,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::after,
-.uk-card-secondary.uk-card-body .uk-heading-line > ::before,
-.uk-card-secondary.uk-card-body .uk-heading-line > ::after,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::before,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::after,
-.uk-overlay-primary .uk-heading-line > ::before,
-.uk-overlay-primary .uk-heading-line > ::after,
-.uk-offcanvas-bar .uk-heading-line > ::before,
-.uk-offcanvas-bar .uk-heading-line > ::after {
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-divider-icon,
-.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
-.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
-.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,
-.uk-card-primary.uk-card-body .uk-divider-icon,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon,
-.uk-card-secondary.uk-card-body .uk-divider-icon,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon,
-.uk-overlay-primary .uk-divider-icon,
-.uk-offcanvas-bar .uk-divider-icon {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-}
-.uk-light .uk-divider-icon::before,
-.uk-light .uk-divider-icon::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
-.uk-card-primary.uk-card-body .uk-divider-icon::before,
-.uk-card-primary.uk-card-body .uk-divider-icon::after,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::after,
-.uk-card-secondary.uk-card-body .uk-divider-icon::before,
-.uk-card-secondary.uk-card-body .uk-divider-icon::after,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::before,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::after,
-.uk-overlay-primary .uk-divider-icon::before,
-.uk-overlay-primary .uk-divider-icon::after,
-.uk-offcanvas-bar .uk-divider-icon::before,
-.uk-offcanvas-bar .uk-divider-icon::after {
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-divider-small::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,
-.uk-card-primary.uk-card-body .uk-divider-small::after,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-small::after,
-.uk-card-secondary.uk-card-body .uk-divider-small::after,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-small::after,
-.uk-overlay-primary .uk-divider-small::after,
-.uk-offcanvas-bar .uk-divider-small::after {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-list-divider > li:nth-child(n + 2),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-list-divider
-  > li:nth-child(n + 2),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-list-divider
-  > li:nth-child(n + 2),
-.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n + 2),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-list-divider
-  > li:nth-child(n + 2),
-.uk-card-primary.uk-card-body .uk-list-divider > li:nth-child(n + 2),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-list-divider
-  > li:nth-child(n + 2),
-.uk-card-secondary.uk-card-body .uk-list-divider > li:nth-child(n + 2),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-list-divider
-  > li:nth-child(n + 2),
-.uk-overlay-primary .uk-list-divider > li:nth-child(n + 2),
-.uk-offcanvas-bar .uk-list-divider > li:nth-child(n + 2) {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-list-striped > li:nth-of-type(odd),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd),
-.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) {
-  border-top-color: rgba(255, 255, 255, 0.2);
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-list-striped > li:nth-of-type(odd),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-list-striped
-  > li:nth-of-type(odd),
-.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd),
-.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.uk-light .uk-list-bullet > li::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > li::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > li::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before,
-.uk-card-primary.uk-card-body .uk-list-bullet > li::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-bullet > li::before,
-.uk-card-secondary.uk-card-body .uk-list-bullet > li::before,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-list-bullet
-  > li::before,
-.uk-overlay-primary .uk-list-bullet > li::before,
-.uk-offcanvas-bar .uk-list-bullet > li::before {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-table th,
-.uk-section-primary:not(.uk-preserve-color) .uk-table th,
-.uk-section-secondary:not(.uk-preserve-color) .uk-table th,
-.uk-tile-primary:not(.uk-preserve-color) .uk-table th,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,
-.uk-card-primary.uk-card-body .uk-table th,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-table th,
-.uk-card-secondary.uk-card-body .uk-table th,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table th,
-.uk-overlay-primary .uk-table th,
-.uk-offcanvas-bar .uk-table th {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-table caption,
-.uk-section-primary:not(.uk-preserve-color) .uk-table caption,
-.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,
-.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption,
-.uk-card-primary.uk-card-body .uk-table caption,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-table caption,
-.uk-card-secondary.uk-card-body .uk-table caption,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table caption,
-.uk-overlay-primary .uk-table caption,
-.uk-offcanvas-bar .uk-table caption {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-table > tr.uk-active,
-.uk-light .uk-table tbody tr.uk-active,
-.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,
-.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
-.uk-card-primary.uk-card-body .uk-table > tr.uk-active,
-.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active,
-.uk-card-secondary.uk-card-body .uk-table > tr.uk-active,
-.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table
-  tbody
-  tr.uk-active,
-.uk-overlay-primary .uk-table > tr.uk-active,
-.uk-overlay-primary .uk-table tbody tr.uk-active,
-.uk-offcanvas-bar .uk-table > tr.uk-active,
-.uk-offcanvas-bar .uk-table tbody tr.uk-active {
-  background: rgba(255, 255, 255, 0.08);
-}
-.uk-light .uk-table-divider > tr:not(:first-child),
-.uk-light .uk-table-divider > :not(:first-child) > tr,
-.uk-light .uk-table-divider > :first-child > tr:not(:first-child),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-table-divider
-  > tr:not(:first-child),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :not(:first-child)
-  > tr,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-table-divider
-  > tr:not(:first-child),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :not(:first-child)
-  > tr,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-table-divider
-  > tr:not(:first-child),
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :not(:first-child)
-  > tr,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-table-divider
-  > tr:not(:first-child),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :not(:first-child)
-  > tr,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child),
-.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr,
-.uk-card-primary.uk-card-body
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-table-divider
-  > tr:not(:first-child),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-table-divider
-  > :not(:first-child)
-  > tr,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child),
-.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr,
-.uk-card-secondary.uk-card-body
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table-divider
-  > tr:not(:first-child),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table-divider
-  > :not(:first-child)
-  > tr,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table-divider
-  > :first-child
-  > tr:not(:first-child),
-.uk-overlay-primary .uk-table-divider > tr:not(:first-child),
-.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr,
-.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child),
-.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child),
-.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr,
-.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-table-striped > tr:nth-of-type(odd),
-.uk-light .uk-table-striped tbody tr:nth-of-type(odd),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-table-striped
-  > tr:nth-of-type(odd),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-table-striped
-  tbody
-  tr:nth-of-type(odd),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-table-striped
-  > tr:nth-of-type(odd),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-table-striped
-  tbody
-  tr:nth-of-type(odd),
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-table-striped
-  > tr:nth-of-type(odd),
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-table-striped
-  tbody
-  tr:nth-of-type(odd),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-table-striped
-  > tr:nth-of-type(odd),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-table-striped
-  tbody
-  tr:nth-of-type(odd),
-.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),
-.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-table-striped
-  > tr:nth-of-type(odd),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-table-striped
-  tbody
-  tr:nth-of-type(odd),
-.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),
-.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table-striped
-  > tr:nth-of-type(odd),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table-striped
-  tbody
-  tr:nth-of-type(odd),
-.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd),
-.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),
-.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd),
-.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) {
-  background: rgba(255, 255, 255, 0.1);
-  border-top-color: rgba(255, 255, 255, 0.2);
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-table-hover > tr:hover,
-.uk-light .uk-table-hover tbody tr:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
-.uk-card-primary.uk-card-body .uk-table-hover > tr:hover,
-.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-table-hover
-  tbody
-  tr:hover,
-.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover,
-.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-table-hover
-  tbody
-  tr:hover,
-.uk-overlay-primary .uk-table-hover > tr:hover,
-.uk-overlay-primary .uk-table-hover tbody tr:hover,
-.uk-offcanvas-bar .uk-table-hover > tr:hover,
-.uk-offcanvas-bar .uk-table-hover tbody tr:hover {
-  background: rgba(255, 255, 255, 0.08);
-}
-.uk-light .uk-icon-link,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,
-.uk-card-primary.uk-card-body .uk-icon-link,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link,
-.uk-card-secondary.uk-card-body .uk-icon-link,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link,
-.uk-overlay-primary .uk-icon-link,
-.uk-offcanvas-bar .uk-icon-link {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-icon-link:hover,
-.uk-light .uk-icon-link:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
-.uk-card-primary.uk-card-body .uk-icon-link:hover,
-.uk-card-primary.uk-card-body .uk-icon-link:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:focus,
-.uk-card-secondary.uk-card-body .uk-icon-link:hover,
-.uk-card-secondary.uk-card-body .uk-icon-link:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:focus,
-.uk-overlay-primary .uk-icon-link:hover,
-.uk-overlay-primary .uk-icon-link:focus,
-.uk-offcanvas-bar .uk-icon-link:hover,
-.uk-offcanvas-bar .uk-icon-link:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-icon-link:active,
-.uk-light .uk-active > .uk-icon-link,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,
-.uk-card-primary.uk-card-body .uk-icon-link:active,
-.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link,
-.uk-card-secondary.uk-card-body .uk-icon-link:active,
-.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link,
-.uk-overlay-primary .uk-icon-link:active,
-.uk-overlay-primary .uk-active > .uk-icon-link,
-.uk-offcanvas-bar .uk-icon-link:active,
-.uk-offcanvas-bar .uk-active > .uk-icon-link {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-icon-button,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,
-.uk-card-primary.uk-card-body .uk-icon-button,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button,
-.uk-card-secondary.uk-card-body .uk-icon-button,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button,
-.uk-overlay-primary .uk-icon-button,
-.uk-offcanvas-bar .uk-icon-button {
-  background-color: rgba(255, 255, 255, 0.1);
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-icon-button:hover,
-.uk-light .uk-icon-button:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
-.uk-card-primary.uk-card-body .uk-icon-button:hover,
-.uk-card-primary.uk-card-body .uk-icon-button:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:focus,
-.uk-card-secondary.uk-card-body .uk-icon-button:hover,
-.uk-card-secondary.uk-card-body .uk-icon-button:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:focus,
-.uk-overlay-primary .uk-icon-button:hover,
-.uk-overlay-primary .uk-icon-button:focus,
-.uk-offcanvas-bar .uk-icon-button:hover,
-.uk-offcanvas-bar .uk-icon-button:focus {
-  background-color: rgba(242, 242, 242, 0.1);
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-icon-button:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,
-.uk-card-primary.uk-card-body .uk-icon-button:active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:active,
-.uk-card-secondary.uk-card-body .uk-icon-button:active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:active,
-.uk-overlay-primary .uk-icon-button:active,
-.uk-offcanvas-bar .uk-icon-button:active {
-  background-color: rgba(230, 230, 230, 0.1);
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-input,
-.uk-light .uk-select,
-.uk-light .uk-textarea,
-.uk-section-primary:not(.uk-preserve-color) .uk-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-select,
-.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
-.uk-section-secondary:not(.uk-preserve-color) .uk-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-select,
-.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
-.uk-tile-primary:not(.uk-preserve-color) .uk-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-select,
-.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,
-.uk-card-primary.uk-card-body .uk-input,
-.uk-card-primary.uk-card-body .uk-select,
-.uk-card-primary.uk-card-body .uk-textarea,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-select,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea,
-.uk-card-secondary.uk-card-body .uk-input,
-.uk-card-secondary.uk-card-body .uk-select,
-.uk-card-secondary.uk-card-body .uk-textarea,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea,
-.uk-overlay-primary .uk-input,
-.uk-overlay-primary .uk-select,
-.uk-overlay-primary .uk-textarea,
-.uk-offcanvas-bar .uk-input,
-.uk-offcanvas-bar .uk-select,
-.uk-offcanvas-bar .uk-textarea {
-  background-color: rgba(255, 255, 255, 0.1);
-  color: rgba(255, 255, 255, 0.7);
-  background-clip: padding-box;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-input:focus,
-.uk-light .uk-select:focus,
-.uk-light .uk-textarea:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,
-.uk-card-primary.uk-card-body .uk-input:focus,
-.uk-card-primary.uk-card-body .uk-select:focus,
-.uk-card-primary.uk-card-body .uk-textarea:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-input:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea:focus,
-.uk-card-secondary.uk-card-body .uk-input:focus,
-.uk-card-secondary.uk-card-body .uk-select:focus,
-.uk-card-secondary.uk-card-body .uk-textarea:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea:focus,
-.uk-overlay-primary .uk-input:focus,
-.uk-overlay-primary .uk-select:focus,
-.uk-overlay-primary .uk-textarea:focus,
-.uk-offcanvas-bar .uk-input:focus,
-.uk-offcanvas-bar .uk-select:focus,
-.uk-offcanvas-bar .uk-textarea:focus {
-  background-color: rgba(255, 255, 255, 0.1);
-  color: rgba(255, 255, 255, 0.7);
-  border-color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-input:-ms-input-placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
-.uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
-.uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-input:-ms-input-placeholder,
-.uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-input:-ms-input-placeholder,
-.uk-overlay-primary .uk-input:-ms-input-placeholder,
-.uk-offcanvas-bar .uk-input:-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.5) !important;
-}
-.uk-light .uk-input::placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
-.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder,
-.uk-card-primary.uk-card-body .uk-input::placeholder,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-input::placeholder,
-.uk-card-secondary.uk-card-body .uk-input::placeholder,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input::placeholder,
-.uk-overlay-primary .uk-input::placeholder,
-.uk-offcanvas-bar .uk-input::placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-textarea:-ms-input-placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-textarea:-ms-input-placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
-.uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-textarea:-ms-input-placeholder,
-.uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-textarea:-ms-input-placeholder,
-.uk-overlay-primary .uk-textarea:-ms-input-placeholder,
-.uk-offcanvas-bar .uk-textarea:-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.5) !important;
-}
-.uk-light .uk-textarea::placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
-.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
-.uk-card-primary.uk-card-body .uk-textarea::placeholder,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea::placeholder,
-.uk-card-secondary.uk-card-body .uk-textarea::placeholder,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea::placeholder,
-.uk-overlay-primary .uk-textarea::placeholder,
-.uk-offcanvas-bar .uk-textarea::placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-select:not([multiple]):not([size]),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-select:not([multiple]):not([size]),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-select:not([multiple]):not([size]),
-.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-select:not([multiple]):not([size]),
-.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-select:not([multiple]):not([size]),
-.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-select:not([multiple]):not([size]),
-.uk-overlay-primary .uk-select:not([multiple]):not([size]),
-.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-}
-.uk-light .uk-radio,
-.uk-light .uk-checkbox,
-.uk-section-primary:not(.uk-preserve-color) .uk-radio,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
-.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
-.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-radio,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
-.uk-card-primary.uk-card-body .uk-radio,
-.uk-card-primary.uk-card-body .uk-checkbox,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox,
-.uk-card-secondary.uk-card-body .uk-radio,
-.uk-card-secondary.uk-card-body .uk-checkbox,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox,
-.uk-overlay-primary .uk-radio,
-.uk-overlay-primary .uk-checkbox,
-.uk-offcanvas-bar .uk-radio,
-.uk-offcanvas-bar .uk-checkbox {
-  background-color: rgba(242, 242, 242, 0.1);
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-radio:focus,
-.uk-light .uk-checkbox:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
-.uk-card-primary.uk-card-body .uk-radio:focus,
-.uk-card-primary.uk-card-body .uk-checkbox:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:focus,
-.uk-card-secondary.uk-card-body .uk-radio:focus,
-.uk-card-secondary.uk-card-body .uk-checkbox:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:focus,
-.uk-overlay-primary .uk-radio:focus,
-.uk-overlay-primary .uk-checkbox:focus,
-.uk-offcanvas-bar .uk-radio:focus,
-.uk-offcanvas-bar .uk-checkbox:focus {
-  border-color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-radio:checked,
-.uk-light .uk-checkbox:checked,
-.uk-light .uk-checkbox:indeterminate,
-.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-card-primary.uk-card-body .uk-radio:checked,
-.uk-card-primary.uk-card-body .uk-checkbox:checked,
-.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
-.uk-card-secondary.uk-card-body .uk-radio:checked,
-.uk-card-secondary.uk-card-body .uk-checkbox:checked,
-.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
-.uk-overlay-primary .uk-radio:checked,
-.uk-overlay-primary .uk-checkbox:checked,
-.uk-overlay-primary .uk-checkbox:indeterminate,
-.uk-offcanvas-bar .uk-radio:checked,
-.uk-offcanvas-bar .uk-checkbox:checked,
-.uk-offcanvas-bar .uk-checkbox:indeterminate {
-  background-color: #fff;
-  border-color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-radio:checked:focus,
-.uk-light .uk-checkbox:checked:focus,
-.uk-light .uk-checkbox:indeterminate:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
-.uk-card-primary.uk-card-body .uk-radio:checked:focus,
-.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
-.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-checkbox:indeterminate:focus,
-.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
-.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
-.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-checkbox:indeterminate:focus,
-.uk-overlay-primary .uk-radio:checked:focus,
-.uk-overlay-primary .uk-checkbox:checked:focus,
-.uk-overlay-primary .uk-checkbox:indeterminate:focus,
-.uk-offcanvas-bar .uk-radio:checked:focus,
-.uk-offcanvas-bar .uk-checkbox:checked:focus,
-.uk-offcanvas-bar .uk-checkbox:indeterminate:focus {
-  background-color: #e6e6e6;
-}
-.uk-light .uk-radio:checked,
-.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,
-.uk-card-primary.uk-card-body .uk-radio:checked,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked,
-.uk-card-secondary.uk-card-body .uk-radio:checked,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked,
-.uk-overlay-primary .uk-radio:checked,
-.uk-offcanvas-bar .uk-radio:checked {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-checkbox:checked,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
-.uk-card-primary.uk-card-body .uk-checkbox:checked,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
-.uk-card-secondary.uk-card-body .uk-checkbox:checked,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked,
-.uk-overlay-primary .uk-checkbox:checked,
-.uk-offcanvas-bar .uk-checkbox:checked {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
-}
-.uk-light .uk-checkbox:indeterminate,
-.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
-.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
-.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate,
-.uk-overlay-primary .uk-checkbox:indeterminate,
-.uk-offcanvas-bar .uk-checkbox:indeterminate {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-form-label,
-.uk-section-primary:not(.uk-preserve-color) .uk-form-label,
-.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
-.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label,
-.uk-card-primary.uk-card-body .uk-form-label,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-label,
-.uk-card-secondary.uk-card-body .uk-form-label,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-label,
-.uk-overlay-primary .uk-form-label,
-.uk-offcanvas-bar .uk-form-label {
-  color: #fff;
-}
-.uk-light .uk-button-default,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,
-.uk-card-primary.uk-card-body .uk-button-default,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default,
-.uk-card-secondary.uk-card-body .uk-button-default,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default,
-.uk-overlay-primary .uk-button-default,
-.uk-offcanvas-bar .uk-button-default {
-  background-color: transparent;
-  color: #fff;
-  border-color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-button-default:hover,
-.uk-light .uk-button-default:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
-.uk-card-primary.uk-card-body .uk-button-default:hover,
-.uk-card-primary.uk-card-body .uk-button-default:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:focus,
-.uk-card-secondary.uk-card-body .uk-button-default:hover,
-.uk-card-secondary.uk-card-body .uk-button-default:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:focus,
-.uk-overlay-primary .uk-button-default:hover,
-.uk-overlay-primary .uk-button-default:focus,
-.uk-offcanvas-bar .uk-button-default:hover,
-.uk-offcanvas-bar .uk-button-default:focus {
-  background-color: transparent;
-  color: #fff;
-  border-color: #fff;
-}
-.uk-light .uk-button-default:active,
-.uk-light .uk-button-default.uk-active,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
-.uk-card-primary.uk-card-body .uk-button-default:active,
-.uk-card-primary.uk-card-body .uk-button-default.uk-active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default.uk-active,
-.uk-card-secondary.uk-card-body .uk-button-default:active,
-.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:active,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-button-default.uk-active,
-.uk-overlay-primary .uk-button-default:active,
-.uk-overlay-primary .uk-button-default.uk-active,
-.uk-offcanvas-bar .uk-button-default:active,
-.uk-offcanvas-bar .uk-button-default.uk-active {
-  background-color: transparent;
-  color: #fff;
-  border-color: #fff;
-}
-.uk-light .uk-button-primary,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,
-.uk-card-primary.uk-card-body .uk-button-primary,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary,
-.uk-card-secondary.uk-card-body .uk-button-primary,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary,
-.uk-overlay-primary .uk-button-primary,
-.uk-offcanvas-bar .uk-button-primary {
-  background-color: #fff;
-  color: #666;
-}
-.uk-light .uk-button-primary:hover,
-.uk-light .uk-button-primary:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
-.uk-card-primary.uk-card-body .uk-button-primary:hover,
-.uk-card-primary.uk-card-body .uk-button-primary:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:focus,
-.uk-card-secondary.uk-card-body .uk-button-primary:hover,
-.uk-card-secondary.uk-card-body .uk-button-primary:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:focus,
-.uk-overlay-primary .uk-button-primary:hover,
-.uk-overlay-primary .uk-button-primary:focus,
-.uk-offcanvas-bar .uk-button-primary:hover,
-.uk-offcanvas-bar .uk-button-primary:focus {
-  background-color: #f2f2f2;
-  color: #666;
-}
-.uk-light .uk-button-primary:active,
-.uk-light .uk-button-primary.uk-active,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
-.uk-card-primary.uk-card-body .uk-button-primary:active,
-.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active,
-.uk-card-secondary.uk-card-body .uk-button-primary:active,
-.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:active,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-button-primary.uk-active,
-.uk-overlay-primary .uk-button-primary:active,
-.uk-overlay-primary .uk-button-primary.uk-active,
-.uk-offcanvas-bar .uk-button-primary:active,
-.uk-offcanvas-bar .uk-button-primary.uk-active {
-  background-color: #e6e6e6;
-  color: #666;
-}
-.uk-light .uk-button-secondary,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,
-.uk-card-primary.uk-card-body .uk-button-secondary,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary,
-.uk-card-secondary.uk-card-body .uk-button-secondary,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary,
-.uk-overlay-primary .uk-button-secondary,
-.uk-offcanvas-bar .uk-button-secondary {
-  background-color: #fff;
-  color: #666;
-}
-.uk-light .uk-button-secondary:hover,
-.uk-light .uk-button-secondary:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
-.uk-card-primary.uk-card-body .uk-button-secondary:hover,
-.uk-card-primary.uk-card-body .uk-button-secondary:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:focus,
-.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
-.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:focus,
-.uk-overlay-primary .uk-button-secondary:hover,
-.uk-overlay-primary .uk-button-secondary:focus,
-.uk-offcanvas-bar .uk-button-secondary:hover,
-.uk-offcanvas-bar .uk-button-secondary:focus {
-  background-color: #f2f2f2;
-  color: #666;
-}
-.uk-light .uk-button-secondary:active,
-.uk-light .uk-button-secondary.uk-active,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
-.uk-card-primary.uk-card-body .uk-button-secondary:active,
-.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:active,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-button-secondary.uk-active,
-.uk-card-secondary.uk-card-body .uk-button-secondary:active,
-.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:active,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-button-secondary.uk-active,
-.uk-overlay-primary .uk-button-secondary:active,
-.uk-overlay-primary .uk-button-secondary.uk-active,
-.uk-offcanvas-bar .uk-button-secondary:active,
-.uk-offcanvas-bar .uk-button-secondary.uk-active {
-  background-color: #e6e6e6;
-  color: #666;
-}
-.uk-light .uk-button-text,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,
-.uk-card-primary.uk-card-body .uk-button-text,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text,
-.uk-card-secondary.uk-card-body .uk-button-text,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text,
-.uk-overlay-primary .uk-button-text,
-.uk-offcanvas-bar .uk-button-text {
-  color: #fff;
-}
-.uk-light .uk-button-text::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before,
-.uk-card-primary.uk-card-body .uk-button-text::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text::before,
-.uk-card-secondary.uk-card-body .uk-button-text::before,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text::before,
-.uk-overlay-primary .uk-button-text::before,
-.uk-offcanvas-bar .uk-button-text::before {
-  border-bottom-color: #fff;
-}
-.uk-light .uk-button-text:hover,
-.uk-light .uk-button-text:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,
-.uk-card-primary.uk-card-body .uk-button-text:hover,
-.uk-card-primary.uk-card-body .uk-button-text:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:focus,
-.uk-card-secondary.uk-card-body .uk-button-text:hover,
-.uk-card-secondary.uk-card-body .uk-button-text:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:focus,
-.uk-overlay-primary .uk-button-text:hover,
-.uk-overlay-primary .uk-button-text:focus,
-.uk-offcanvas-bar .uk-button-text:hover,
-.uk-offcanvas-bar .uk-button-text:focus {
-  color: #fff;
-}
-.uk-light .uk-button-text:disabled,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
-.uk-card-primary.uk-card-body .uk-button-text:disabled,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:disabled,
-.uk-card-secondary.uk-card-body .uk-button-text:disabled,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:disabled,
-.uk-overlay-primary .uk-button-text:disabled,
-.uk-offcanvas-bar .uk-button-text:disabled {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-button-link,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-link,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,
-.uk-card-primary.uk-card-body .uk-button-link,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link,
-.uk-card-secondary.uk-card-body .uk-button-link,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link,
-.uk-overlay-primary .uk-button-link,
-.uk-offcanvas-bar .uk-button-link {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-button-link:hover,
-.uk-light .uk-button-link:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
-.uk-card-primary.uk-card-body .uk-button-link:hover,
-.uk-card-primary.uk-card-body .uk-button-link:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:focus,
-.uk-card-secondary.uk-card-body .uk-button-link:hover,
-.uk-card-secondary.uk-card-body .uk-button-link:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:focus,
-.uk-overlay-primary .uk-button-link:hover,
-.uk-overlay-primary .uk-button-link:focus,
-.uk-offcanvas-bar .uk-button-link:hover,
-.uk-offcanvas-bar .uk-button-link:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-grid-divider > :not(.uk-first-column)::before,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-card-secondary.uk-card-body
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-grid-divider
-  > :not(.uk-first-column)::before,
-.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before,
-.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before {
-  border-left-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-card-primary.uk-card-body
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-card-secondary.uk-card-body
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-grid-divider.uk-grid-stack
-  > .uk-grid-margin::before,
-.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
-.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-close,
-.uk-section-primary:not(.uk-preserve-color) .uk-close,
-.uk-section-secondary:not(.uk-preserve-color) .uk-close,
-.uk-tile-primary:not(.uk-preserve-color) .uk-close,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-close,
-.uk-card-primary.uk-card-body .uk-close,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-close,
-.uk-card-secondary.uk-card-body .uk-close,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close,
-.uk-overlay-primary .uk-close,
-.uk-offcanvas-bar .uk-close {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-close:hover,
-.uk-light .uk-close:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
-.uk-card-primary.uk-card-body .uk-close:hover,
-.uk-card-primary.uk-card-body .uk-close:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-close:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-close:focus,
-.uk-card-secondary.uk-card-body .uk-close:hover,
-.uk-card-secondary.uk-card-body .uk-close:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:focus,
-.uk-overlay-primary .uk-close:hover,
-.uk-overlay-primary .uk-close:focus,
-.uk-offcanvas-bar .uk-close:hover,
-.uk-offcanvas-bar .uk-close:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-totop,
-.uk-section-primary:not(.uk-preserve-color) .uk-totop,
-.uk-section-secondary:not(.uk-preserve-color) .uk-totop,
-.uk-tile-primary:not(.uk-preserve-color) .uk-totop,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-totop,
-.uk-card-primary.uk-card-body .uk-totop,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop,
-.uk-card-secondary.uk-card-body .uk-totop,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop,
-.uk-overlay-primary .uk-totop,
-.uk-offcanvas-bar .uk-totop {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-totop:hover,
-.uk-light .uk-totop:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
-.uk-card-primary.uk-card-body .uk-totop:hover,
-.uk-card-primary.uk-card-body .uk-totop:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:focus,
-.uk-card-secondary.uk-card-body .uk-totop:hover,
-.uk-card-secondary.uk-card-body .uk-totop:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:focus,
-.uk-overlay-primary .uk-totop:hover,
-.uk-overlay-primary .uk-totop:focus,
-.uk-offcanvas-bar .uk-totop:hover,
-.uk-offcanvas-bar .uk-totop:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-totop:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,
-.uk-card-primary.uk-card-body .uk-totop:active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:active,
-.uk-card-secondary.uk-card-body .uk-totop:active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:active,
-.uk-overlay-primary .uk-totop:active,
-.uk-offcanvas-bar .uk-totop:active {
-  color: #fff;
-}
-.uk-light .uk-marker,
-.uk-section-primary:not(.uk-preserve-color) .uk-marker,
-.uk-section-secondary:not(.uk-preserve-color) .uk-marker,
-.uk-tile-primary:not(.uk-preserve-color) .uk-marker,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,
-.uk-card-primary.uk-card-body .uk-marker,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker,
-.uk-card-secondary.uk-card-body .uk-marker,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker,
-.uk-overlay-primary .uk-marker,
-.uk-offcanvas-bar .uk-marker {
-  background: #f8f8f8;
-  color: #666;
-}
-.uk-light .uk-marker:hover,
-.uk-light .uk-marker:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,
-.uk-card-primary.uk-card-body .uk-marker:hover,
-.uk-card-primary.uk-card-body .uk-marker:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker:focus,
-.uk-card-secondary.uk-card-body .uk-marker:hover,
-.uk-card-secondary.uk-card-body .uk-marker:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker:focus,
-.uk-overlay-primary .uk-marker:hover,
-.uk-overlay-primary .uk-marker:focus,
-.uk-offcanvas-bar .uk-marker:hover,
-.uk-offcanvas-bar .uk-marker:focus {
-  color: #666;
-}
-.uk-light .uk-badge,
-.uk-section-primary:not(.uk-preserve-color) .uk-badge,
-.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
-.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,
-.uk-card-primary.uk-card-body .uk-badge,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge,
-.uk-card-secondary.uk-card-body .uk-badge,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge,
-.uk-overlay-primary .uk-badge,
-.uk-offcanvas-bar .uk-badge {
-  background-color: #fff;
-  color: #666;
-}
-.uk-light .uk-badge:hover,
-.uk-light .uk-badge:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,
-.uk-card-primary.uk-card-body .uk-badge:hover,
-.uk-card-primary.uk-card-body .uk-badge:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge:focus,
-.uk-card-secondary.uk-card-body .uk-badge:hover,
-.uk-card-secondary.uk-card-body .uk-badge:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge:focus,
-.uk-overlay-primary .uk-badge:hover,
-.uk-overlay-primary .uk-badge:focus,
-.uk-offcanvas-bar .uk-badge:hover,
-.uk-offcanvas-bar .uk-badge:focus {
-  color: #666;
-}
-.uk-light .uk-label,
-.uk-section-primary:not(.uk-preserve-color) .uk-label,
-.uk-section-secondary:not(.uk-preserve-color) .uk-label,
-.uk-tile-primary:not(.uk-preserve-color) .uk-label,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-label,
-.uk-card-primary.uk-card-body .uk-label,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-label,
-.uk-card-secondary.uk-card-body .uk-label,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-label,
-.uk-overlay-primary .uk-label,
-.uk-offcanvas-bar .uk-label {
-  background-color: #fff;
-  color: #666;
-}
-.uk-light .uk-article-meta,
-.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
-.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
-.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,
-.uk-card-primary.uk-card-body .uk-article-meta,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-article-meta,
-.uk-card-secondary.uk-card-body .uk-article-meta,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-article-meta,
-.uk-overlay-primary .uk-article-meta,
-.uk-offcanvas-bar .uk-article-meta {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-input,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-input,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input,
-.uk-overlay-primary .uk-search-input,
-.uk-offcanvas-bar .uk-search-input {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-search-input:-ms-input-placeholder,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-search-input:-ms-input-placeholder,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-search-input:-ms-input-placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-search-input:-ms-input-placeholder,
-.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-search-input:-ms-input-placeholder,
-.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search-input:-ms-input-placeholder,
-.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
-.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.5) !important;
-}
-.uk-light .uk-search-input::placeholder,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
-.uk-card-primary.uk-card-body .uk-search-input::placeholder,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder,
-.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search-input::placeholder,
-.uk-overlay-primary .uk-search-input::placeholder,
-.uk-offcanvas-bar .uk-search-input::placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search .uk-search-icon,
-.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
-.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
-.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon,
-.uk-overlay-primary .uk-search .uk-search-icon,
-.uk-offcanvas-bar .uk-search .uk-search-icon {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search .uk-search-icon:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
-.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-search
-  .uk-search-icon:hover,
-.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search
-  .uk-search-icon:hover,
-.uk-overlay-primary .uk-search .uk-search-icon:hover,
-.uk-offcanvas-bar .uk-search .uk-search-icon:hover {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-default .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-search-default
-  .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-search-default
-  .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search-default
-  .uk-search-input,
-.uk-overlay-primary .uk-search-default .uk-search-input,
-.uk-offcanvas-bar .uk-search-default .uk-search-input {
-  background-color: transparent;
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-search-default .uk-search-input:focus,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-search-default
-  .uk-search-input:focus,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-search-default
-  .uk-search-input:focus,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-search-default
-  .uk-search-input:focus,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-search-default
-  .uk-search-input:focus,
-.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-search-default
-  .uk-search-input:focus,
-.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search-default
-  .uk-search-input:focus,
-.uk-overlay-primary .uk-search-default .uk-search-input:focus,
-.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
-  background-color: transparent;
-}
-.uk-light .uk-search-navbar .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-search-navbar
-  .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-search-navbar
-  .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search-navbar
-  .uk-search-input,
-.uk-overlay-primary .uk-search-navbar .uk-search-input,
-.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
-  background-color: transparent;
-}
-.uk-light .uk-search-large .uk-search-input,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
-.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-search-large
-  .uk-search-input,
-.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-search-large
-  .uk-search-input,
-.uk-overlay-primary .uk-search-large .uk-search-input,
-.uk-offcanvas-bar .uk-search-large .uk-search-input {
-  background-color: transparent;
-}
-.uk-light .uk-search-toggle,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,
-.uk-card-primary.uk-card-body .uk-search-toggle,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle,
-.uk-card-secondary.uk-card-body .uk-search-toggle,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle,
-.uk-overlay-primary .uk-search-toggle,
-.uk-offcanvas-bar .uk-search-toggle {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-search-toggle:hover,
-.uk-light .uk-search-toggle:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
-.uk-card-primary.uk-card-body .uk-search-toggle:hover,
-.uk-card-primary.uk-card-body .uk-search-toggle:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:focus,
-.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
-.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:focus,
-.uk-overlay-primary .uk-search-toggle:hover,
-.uk-overlay-primary .uk-search-toggle:focus,
-.uk-offcanvas-bar .uk-search-toggle:hover,
-.uk-offcanvas-bar .uk-search-toggle:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent
-  > a::after,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent
-  > a::after,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent
-  > a::after,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent
-  > a::after,
-.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-parent-icon
-  > .uk-parent
-  > a::after,
-.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-parent-icon
-  > .uk-parent
-  > a::after,
-.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
-.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-card-primary.uk-card-body
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-card-secondary.uk-card-body
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-parent-icon
-  > .uk-parent.uk-open
-  > a::after,
-.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
-.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-nav-default > li > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
-.uk-card-primary.uk-card-body .uk-nav-default > li > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a,
-.uk-card-secondary.uk-card-body .uk-nav-default > li > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a,
-.uk-overlay-primary .uk-nav-default > li > a,
-.uk-offcanvas-bar .uk-nav-default > li > a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-nav-default > li > a:hover,
-.uk-light .uk-nav-default > li > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,
-.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,
-.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  > li
-  > a:hover,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  > li
-  > a:focus,
-.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  > li
-  > a:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  > li
-  > a:focus,
-.uk-overlay-primary .uk-nav-default > li > a:hover,
-.uk-overlay-primary .uk-nav-default > li > a:focus,
-.uk-offcanvas-bar .uk-nav-default > li > a:hover,
-.uk-offcanvas-bar .uk-nav-default > li > a:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-nav-default > li.uk-active > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-default
-  > li.uk-active
-  > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,
-.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  > li.uk-active
-  > a,
-.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  > li.uk-active
-  > a,
-.uk-overlay-primary .uk-nav-default > li.uk-active > a,
-.uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
-  color: #fff;
-}
-.uk-light .uk-nav-default .uk-nav-header,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
-.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-header,
-.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-header,
-.uk-overlay-primary .uk-nav-default .uk-nav-header,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
-  color: #fff;
-}
-.uk-light .uk-nav-default .uk-nav-divider,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
-.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-divider,
-.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-divider,
-.uk-overlay-primary .uk-nav-default .uk-nav-divider,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-nav-default .uk-nav-sub a,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
-.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a,
-.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-sub
-  a,
-.uk-overlay-primary .uk-nav-default .uk-nav-sub a,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-nav-default .uk-nav-sub a:hover,
-.uk-light .uk-nav-default .uk-nav-sub a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-default
-  .uk-nav-sub
-  a:hover,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-default
-  .uk-nav-sub
-  a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
-.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
-.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-sub
-  a:hover,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-sub
-  a:focus,
-.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-sub
-  a:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-default
-  .uk-nav-sub
-  a:focus,
-.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
-.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
-.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-nav-primary > li > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,
-.uk-card-primary.uk-card-body .uk-nav-primary > li > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a,
-.uk-card-secondary.uk-card-body .uk-nav-primary > li > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a,
-.uk-overlay-primary .uk-nav-primary > li > a,
-.uk-offcanvas-bar .uk-nav-primary > li > a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-nav-primary > li > a:hover,
-.uk-light .uk-nav-primary > li > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,
-.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,
-.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  > li
-  > a:hover,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  > li
-  > a:focus,
-.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  > li
-  > a:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  > li
-  > a:focus,
-.uk-overlay-primary .uk-nav-primary > li > a:hover,
-.uk-overlay-primary .uk-nav-primary > li > a:focus,
-.uk-offcanvas-bar .uk-nav-primary > li > a:hover,
-.uk-offcanvas-bar .uk-nav-primary > li > a:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-nav-primary > li.uk-active > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-primary
-  > li.uk-active
-  > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,
-.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  > li.uk-active
-  > a,
-.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  > li.uk-active
-  > a,
-.uk-overlay-primary .uk-nav-primary > li.uk-active > a,
-.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a {
-  color: #fff;
-}
-.uk-light .uk-nav-primary .uk-nav-header,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
-.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-header,
-.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-header,
-.uk-overlay-primary .uk-nav-primary .uk-nav-header,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-header {
-  color: #fff;
-}
-.uk-light .uk-nav-primary .uk-nav-divider,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
-.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-divider,
-.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-divider,
-.uk-overlay-primary .uk-nav-primary .uk-nav-divider,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider {
-  border-top-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-nav-primary .uk-nav-sub a,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
-.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a,
-.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-sub
-  a,
-.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-nav-primary .uk-nav-sub a:hover,
-.uk-light .uk-nav-primary .uk-nav-sub a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-primary
-  .uk-nav-sub
-  a:hover,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-nav-primary
-  .uk-nav-sub
-  a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
-.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
-.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-sub
-  a:hover,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-sub
-  a:focus,
-.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
-.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-sub
-  a:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-nav-primary
-  .uk-nav-sub
-  a:focus,
-.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
-.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
-.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-navbar-nav > li > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a,
-.uk-overlay-primary .uk-navbar-nav > li > a,
-.uk-offcanvas-bar .uk-navbar-nav > li > a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-navbar-nav > li:hover > a,
-.uk-light .uk-navbar-nav > li > a:focus,
-.uk-light .uk-navbar-nav > li > a.uk-open,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:focus,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li
-  > a.uk-open,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li:hover
-  > a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li
-  > a:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li
-  > a.uk-open,
-.uk-overlay-primary .uk-navbar-nav > li:hover > a,
-.uk-overlay-primary .uk-navbar-nav > li > a:focus,
-.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,
-.uk-offcanvas-bar .uk-navbar-nav > li:hover > a,
-.uk-offcanvas-bar .uk-navbar-nav > li > a:focus,
-.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-navbar-nav > li > a:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li
-  > a:active,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li
-  > a:active,
-.uk-overlay-primary .uk-navbar-nav > li > a:active,
-.uk-offcanvas-bar .uk-navbar-nav > li > a:active {
-  color: #fff;
-}
-.uk-light .uk-navbar-nav > li.uk-active > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,
-.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li.uk-active
-  > a,
-.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-navbar-nav
-  > li.uk-active
-  > a,
-.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,
-.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a {
-  color: #fff;
-}
-.uk-light .uk-navbar-item,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,
-.uk-card-primary.uk-card-body .uk-navbar-item,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-item,
-.uk-card-secondary.uk-card-body .uk-navbar-item,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-item,
-.uk-overlay-primary .uk-navbar-item,
-.uk-offcanvas-bar .uk-navbar-item {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-navbar-toggle,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
-.uk-card-primary.uk-card-body .uk-navbar-toggle,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle,
-.uk-card-secondary.uk-card-body .uk-navbar-toggle,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle,
-.uk-overlay-primary .uk-navbar-toggle,
-.uk-offcanvas-bar .uk-navbar-toggle {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-navbar-toggle:hover,
-.uk-light .uk-navbar-toggle:focus,
-.uk-light .uk-navbar-toggle.uk-open,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
-.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
-.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
-.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle.uk-open,
-.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
-.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
-.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle.uk-open,
-.uk-overlay-primary .uk-navbar-toggle:hover,
-.uk-overlay-primary .uk-navbar-toggle:focus,
-.uk-overlay-primary .uk-navbar-toggle.uk-open,
-.uk-offcanvas-bar .uk-navbar-toggle:hover,
-.uk-offcanvas-bar .uk-navbar-toggle:focus,
-.uk-offcanvas-bar .uk-navbar-toggle.uk-open {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-subnav > * > :first-child,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,
-.uk-card-primary.uk-card-body .uk-subnav > * > :first-child,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child,
-.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav
-  > *
-  > :first-child,
-.uk-overlay-primary .uk-subnav > * > :first-child,
-.uk-offcanvas-bar .uk-subnav > * > :first-child {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-subnav > * > a:hover,
-.uk-light .uk-subnav > * > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,
-.uk-card-primary.uk-card-body .uk-subnav > * > a:hover,
-.uk-card-primary.uk-card-body .uk-subnav > * > a:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:focus,
-.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:focus,
-.uk-overlay-primary .uk-subnav > * > a:hover,
-.uk-overlay-primary .uk-subnav > * > a:focus,
-.uk-offcanvas-bar .uk-subnav > * > a:hover,
-.uk-offcanvas-bar .uk-subnav > * > a:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-subnav > .uk-active > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,
-.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a,
-.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a,
-.uk-overlay-primary .uk-subnav > .uk-active > a,
-.uk-offcanvas-bar .uk-subnav > .uk-active > a {
-  color: #fff;
-}
-.uk-light .uk-subnav-divider > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-primary.uk-card-body
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-secondary.uk-card-body
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-overlay-primary
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-offcanvas-bar
-  .uk-subnav-divider
-  > :nth-child(n + 2):not(.uk-first-column)::before {
-  border-left-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-subnav-pill > * > :first-child,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-subnav-pill
-  > *
-  > :first-child,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,
-.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > *
-  > :first-child,
-.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > *
-  > :first-child,
-.uk-overlay-primary .uk-subnav-pill > * > :first-child,
-.uk-offcanvas-bar .uk-subnav-pill > * > :first-child {
-  background-color: transparent;
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-subnav-pill > * > a:hover,
-.uk-light .uk-subnav-pill > * > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,
-.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,
-.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:focus,
-.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > *
-  > a:hover,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > *
-  > a:focus,
-.uk-overlay-primary .uk-subnav-pill > * > a:hover,
-.uk-overlay-primary .uk-subnav-pill > * > a:focus,
-.uk-offcanvas-bar .uk-subnav-pill > * > a:hover,
-.uk-offcanvas-bar .uk-subnav-pill > * > a:focus {
-  background-color: rgba(255, 255, 255, 0.1);
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-subnav-pill > * > a:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,
-.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > *
-  > a:active,
-.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > *
-  > a:active,
-.uk-overlay-primary .uk-subnav-pill > * > a:active,
-.uk-offcanvas-bar .uk-subnav-pill > * > a:active {
-  background-color: rgba(255, 255, 255, 0.1);
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-subnav-pill > .uk-active > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,
-.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > .uk-active
-  > a,
-.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav-pill
-  > .uk-active
-  > a,
-.uk-overlay-primary .uk-subnav-pill > .uk-active > a,
-.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a {
-  background-color: #fff;
-  color: #666;
-}
-.uk-light .uk-subnav > .uk-disabled > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,
-.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a,
-.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-subnav
-  > .uk-disabled
-  > a,
-.uk-overlay-primary .uk-subnav > .uk-disabled > a,
-.uk-offcanvas-bar .uk-subnav > .uk-disabled > a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-breadcrumb > * > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,
-.uk-card-primary.uk-card-body .uk-breadcrumb > * > *,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *,
-.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *,
-.uk-overlay-primary .uk-breadcrumb > * > *,
-.uk-offcanvas-bar .uk-breadcrumb > * > * {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-breadcrumb > * > :hover,
-.uk-light .uk-breadcrumb > * > :focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,
-.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,
-.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :focus,
-.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,
-.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :focus,
-.uk-overlay-primary .uk-breadcrumb > * > :hover,
-.uk-overlay-primary .uk-breadcrumb > * > :focus,
-.uk-offcanvas-bar .uk-breadcrumb > * > :hover,
-.uk-offcanvas-bar .uk-breadcrumb > * > :focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-breadcrumb > :last-child > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,
-.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-breadcrumb
-  > :last-child
-  > *,
-.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-breadcrumb
-  > :last-child
-  > *,
-.uk-overlay-primary .uk-breadcrumb > :last-child > *,
-.uk-offcanvas-bar .uk-breadcrumb > :last-child > * {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-primary.uk-card-body
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-secondary.uk-card-body
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-overlay-primary
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before,
-.uk-offcanvas-bar
-  .uk-breadcrumb
-  > :nth-child(n + 2):not(.uk-first-column)::before {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-pagination > * > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *,
-.uk-card-primary.uk-card-body .uk-pagination > * > *,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > *,
-.uk-card-secondary.uk-card-body .uk-pagination > * > *,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > *,
-.uk-overlay-primary .uk-pagination > * > *,
-.uk-offcanvas-bar .uk-pagination > * > * {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-pagination > * > :hover,
-.uk-light .uk-pagination > * > :focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,
-.uk-card-primary.uk-card-body .uk-pagination > * > :hover,
-.uk-card-primary.uk-card-body .uk-pagination > * > :focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :focus,
-.uk-card-secondary.uk-card-body .uk-pagination > * > :hover,
-.uk-card-secondary.uk-card-body .uk-pagination > * > :focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :focus,
-.uk-overlay-primary .uk-pagination > * > :hover,
-.uk-overlay-primary .uk-pagination > * > :focus,
-.uk-offcanvas-bar .uk-pagination > * > :hover,
-.uk-offcanvas-bar .uk-pagination > * > :focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-pagination > .uk-active > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,
-.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-pagination
-  > .uk-active
-  > *,
-.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-pagination
-  > .uk-active
-  > *,
-.uk-overlay-primary .uk-pagination > .uk-active > *,
-.uk-offcanvas-bar .uk-pagination > .uk-active > * {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-pagination > .uk-disabled > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,
-.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-pagination
-  > .uk-disabled
-  > *,
-.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-pagination
-  > .uk-disabled
-  > *,
-.uk-overlay-primary .uk-pagination > .uk-disabled > *,
-.uk-offcanvas-bar .uk-pagination > .uk-disabled > * {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-tab::before,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before,
-.uk-card-primary.uk-card-body .uk-tab::before,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab::before,
-.uk-card-secondary.uk-card-body .uk-tab::before,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab::before,
-.uk-overlay-primary .uk-tab::before,
-.uk-offcanvas-bar .uk-tab::before {
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-tab > * > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a,
-.uk-card-primary.uk-card-body .uk-tab > * > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a,
-.uk-card-secondary.uk-card-body .uk-tab > * > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a,
-.uk-overlay-primary .uk-tab > * > a,
-.uk-offcanvas-bar .uk-tab > * > a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-tab > * > a:hover,
-.uk-light .uk-tab > * > a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,
-.uk-card-primary.uk-card-body .uk-tab > * > a:hover,
-.uk-card-primary.uk-card-body .uk-tab > * > a:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:focus,
-.uk-card-secondary.uk-card-body .uk-tab > * > a:hover,
-.uk-card-secondary.uk-card-body .uk-tab > * > a:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:focus,
-.uk-overlay-primary .uk-tab > * > a:hover,
-.uk-overlay-primary .uk-tab > * > a:focus,
-.uk-offcanvas-bar .uk-tab > * > a:hover,
-.uk-offcanvas-bar .uk-tab > * > a:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-tab > .uk-active > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
-.uk-card-primary.uk-card-body .uk-tab > .uk-active > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a,
-.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a,
-.uk-overlay-primary .uk-tab > .uk-active > a,
-.uk-offcanvas-bar .uk-tab > .uk-active > a {
-  color: #fff;
-  border-color: #fff;
-}
-.uk-light .uk-tab > .uk-disabled > a,
-.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
-.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,
-.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a,
-.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a,
-.uk-overlay-primary .uk-tab > .uk-disabled > a,
-.uk-offcanvas-bar .uk-tab > .uk-disabled > a {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-slidenav,
-.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
-.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
-.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,
-.uk-card-primary.uk-card-body .uk-slidenav,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav,
-.uk-card-secondary.uk-card-body .uk-slidenav,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav,
-.uk-overlay-primary .uk-slidenav,
-.uk-offcanvas-bar .uk-slidenav {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-slidenav:hover,
-.uk-light .uk-slidenav:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
-.uk-card-primary.uk-card-body .uk-slidenav:hover,
-.uk-card-primary.uk-card-body .uk-slidenav:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:focus,
-.uk-card-secondary.uk-card-body .uk-slidenav:hover,
-.uk-card-secondary.uk-card-body .uk-slidenav:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:focus,
-.uk-overlay-primary .uk-slidenav:hover,
-.uk-overlay-primary .uk-slidenav:focus,
-.uk-offcanvas-bar .uk-slidenav:hover,
-.uk-offcanvas-bar .uk-slidenav:focus {
-  color: rgba(255, 255, 255, 0.95);
-}
-.uk-light .uk-slidenav:active,
-.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,
-.uk-card-primary.uk-card-body .uk-slidenav:active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:active,
-.uk-card-secondary.uk-card-body .uk-slidenav:active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:active,
-.uk-overlay-primary .uk-slidenav:active,
-.uk-offcanvas-bar .uk-slidenav:active {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-dotnav > * > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,
-.uk-card-primary.uk-card-body .uk-dotnav > * > *,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > *,
-.uk-card-secondary.uk-card-body .uk-dotnav > * > *,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > *,
-.uk-overlay-primary .uk-dotnav > * > *,
-.uk-offcanvas-bar .uk-dotnav > * > * {
-  background-color: transparent;
-  border-color: rgba(255, 255, 255, 0.9);
-}
-.uk-light .uk-dotnav > * > :hover,
-.uk-light .uk-dotnav > * > :focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,
-.uk-card-primary.uk-card-body .uk-dotnav > * > :hover,
-.uk-card-primary.uk-card-body .uk-dotnav > * > :focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :focus,
-.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,
-.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :focus,
-.uk-overlay-primary .uk-dotnav > * > :hover,
-.uk-overlay-primary .uk-dotnav > * > :focus,
-.uk-offcanvas-bar .uk-dotnav > * > :hover,
-.uk-offcanvas-bar .uk-dotnav > * > :focus {
-  background-color: rgba(255, 255, 255, 0.9);
-  border-color: transparent;
-}
-.uk-light .uk-dotnav > * > :active,
-.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
-.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
-.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,
-.uk-card-primary.uk-card-body .uk-dotnav > * > :active,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active,
-.uk-card-secondary.uk-card-body .uk-dotnav > * > :active,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active,
-.uk-overlay-primary .uk-dotnav > * > :active,
-.uk-offcanvas-bar .uk-dotnav > * > :active {
-  background-color: rgba(255, 255, 255, 0.5);
-  border-color: transparent;
-}
-.uk-light .uk-dotnav > .uk-active > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,
-.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *,
-.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *,
-.uk-overlay-primary .uk-dotnav > .uk-active > *,
-.uk-offcanvas-bar .uk-dotnav > .uk-active > * {
-  background-color: rgba(255, 255, 255, 0.9);
-  border-color: transparent;
-}
-.uk-light .uk-accordion-title,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
-.uk-card-primary.uk-card-body .uk-accordion-title,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title,
-.uk-card-secondary.uk-card-body .uk-accordion-title,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title,
-.uk-overlay-primary .uk-accordion-title,
-.uk-offcanvas-bar .uk-accordion-title {
-  color: #fff;
-}
-.uk-light .uk-accordion-title:hover,
-.uk-light .uk-accordion-title:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,
-.uk-card-primary.uk-card-body .uk-accordion-title:hover,
-.uk-card-primary.uk-card-body .uk-accordion-title:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:focus,
-.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
-.uk-card-secondary.uk-card-body .uk-accordion-title:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:focus,
-.uk-overlay-primary .uk-accordion-title:hover,
-.uk-overlay-primary .uk-accordion-title:focus,
-.uk-offcanvas-bar .uk-accordion-title:hover,
-.uk-offcanvas-bar .uk-accordion-title:focus {
-  color: #666;
-}
-.uk-light .uk-iconnav > * > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > *,
-.uk-card-primary.uk-card-body .uk-iconnav > * > *,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > *,
-.uk-card-secondary.uk-card-body .uk-iconnav > * > *,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > *,
-.uk-overlay-primary .uk-iconnav > * > *,
-.uk-offcanvas-bar .uk-iconnav > * > * {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-iconnav > * > :hover,
-.uk-light .uk-iconnav > * > :focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > :hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > :focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > :hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > :focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > :hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > :focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > :hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > :focus,
-.uk-card-primary.uk-card-body .uk-iconnav > * > :hover,
-.uk-card-primary.uk-card-body .uk-iconnav > * > :focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > :hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > :focus,
-.uk-card-secondary.uk-card-body .uk-iconnav > * > :hover,
-.uk-card-secondary.uk-card-body .uk-iconnav > * > :focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > :hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > :focus,
-.uk-overlay-primary .uk-iconnav > * > :hover,
-.uk-overlay-primary .uk-iconnav > * > :focus,
-.uk-offcanvas-bar .uk-iconnav > * > :hover,
-.uk-offcanvas-bar .uk-iconnav > * > :focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-iconnav > .uk-active > *,
-.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *,
-.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *,
-.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *,
-.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > *,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > *,
-.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > *,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-iconnav
-  > .uk-active
-  > *,
-.uk-overlay-primary .uk-iconnav > .uk-active > *,
-.uk-offcanvas-bar .uk-iconnav > .uk-active > * {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-text-lead,
-.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
-.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
-.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
-.uk-card-primary.uk-card-body .uk-text-lead,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead,
-.uk-card-secondary.uk-card-body .uk-text-lead,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead,
-.uk-overlay-primary .uk-text-lead,
-.uk-offcanvas-bar .uk-text-lead {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-text-meta,
-.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
-.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
-.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,
-.uk-card-primary.uk-card-body .uk-text-meta,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-meta,
-.uk-card-secondary.uk-card-body .uk-text-meta,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-meta,
-.uk-overlay-primary .uk-text-meta,
-.uk-offcanvas-bar .uk-text-meta {
-  color: rgba(255, 255, 255, 0.5);
-}
-.uk-light .uk-text-muted,
-.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
-.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
-.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,
-.uk-card-primary.uk-card-body .uk-text-muted,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted,
-.uk-card-secondary.uk-card-body .uk-text-muted,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted,
-.uk-overlay-primary .uk-text-muted,
-.uk-offcanvas-bar .uk-text-muted {
-  color: rgba(255, 255, 255, 0.5) !important;
-}
-.uk-light .uk-text-primary,
-.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
-.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
-.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,
-.uk-card-primary.uk-card-body .uk-text-primary,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-primary,
-.uk-card-secondary.uk-card-body .uk-text-primary,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-primary,
-.uk-overlay-primary .uk-text-primary,
-.uk-offcanvas-bar .uk-text-primary {
-  color: rgba(255, 255, 255, 0.7) !important;
-}
-.uk-light .uk-column-divider,
-.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
-.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
-.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider,
-.uk-card-primary.uk-card-body .uk-column-divider,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-column-divider,
-.uk-card-secondary.uk-card-body .uk-column-divider,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-column-divider,
-.uk-overlay-primary .uk-column-divider,
-.uk-offcanvas-bar .uk-column-divider {
-  column-rule-color: rgba(255, 255, 255, 0.2);
-}
-.uk-light .uk-logo,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
-.uk-card-primary.uk-card-body .uk-logo,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo,
-.uk-card-secondary.uk-card-body .uk-logo,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo,
-.uk-overlay-primary .uk-logo,
-.uk-offcanvas-bar .uk-logo {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-logo:hover,
-.uk-light .uk-logo:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
-.uk-card-primary.uk-card-body .uk-logo:hover,
-.uk-card-primary.uk-card-body .uk-logo:focus,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:focus,
-.uk-card-secondary.uk-card-body .uk-logo:hover,
-.uk-card-secondary.uk-card-body .uk-logo:focus,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:focus,
-.uk-overlay-primary .uk-logo:hover,
-.uk-overlay-primary .uk-logo:focus,
-.uk-offcanvas-bar .uk-logo:hover,
-.uk-offcanvas-bar .uk-logo:focus {
-  color: rgba(255, 255, 255, 0.7);
-}
-.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-tile-primary:not(.uk-preserve-color)
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-primary.uk-card-body
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-secondary.uk-card-body
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-logo
-  > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
-.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
-  display: none;
-}
-.uk-light .uk-logo-inverse,
-.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
-.uk-card-primary.uk-card-body .uk-logo-inverse,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse,
-.uk-card-secondary.uk-card-body .uk-logo-inverse,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse,
-.uk-overlay-primary .uk-logo-inverse,
-.uk-offcanvas-bar .uk-logo-inverse {
-  display: inline;
-}
-.uk-light .uk-accordion-title::after,
-.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::after,
-.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::after,
-.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::after,
-.uk-card-primary.uk-card-body .uk-accordion-title::after,
-.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title::after,
-.uk-card-secondary.uk-card-body .uk-accordion-title::after,
-.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title::after,
-.uk-overlay-primary .uk-accordion-title::after,
-.uk-offcanvas-bar .uk-accordion-title::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-.uk-light .uk-open > .uk-accordion-title::after,
-.uk-section-primary:not(.uk-preserve-color)
-  .uk-open
-  > .uk-accordion-title::after,
-.uk-section-secondary:not(.uk-preserve-color)
-  .uk-open
-  > .uk-accordion-title::after,
-.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after,
-.uk-tile-secondary:not(.uk-preserve-color)
-  .uk-open
-  > .uk-accordion-title::after,
-.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::after,
-.uk-card-primary
-  > :not([class*="uk-card-media"])
-  .uk-open
-  > .uk-accordion-title::after,
-.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::after,
-.uk-card-secondary
-  > :not([class*="uk-card-media"])
-  .uk-open
-  > .uk-accordion-title::after,
-.uk-overlay-primary .uk-open > .uk-accordion-title::after,
-.uk-offcanvas-bar .uk-open > .uk-accordion-title::after {
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
-}
-/* ========================================================================
-   Component: Print
- ========================================================================== */
-@media print {
-  *,
-  *::before,
-  *::after {
-    background: transparent !important;
-    color: black !important;
-    box-shadow: none !important;
-    text-shadow: none !important;
-  }
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-  img {
-    max-width: 100% !important;
-  }
-  @page {
-    margin: 0.5cm;
-  }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-}
diff --git a/src/index.ts b/src/index.ts
index bf631b0..676f30b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -118,4 +118,5 @@ export const postcss = true;
 
 export * as plugins from "./plugins";
 export * as modules from "./modules";
+export * as sampleConfigs from "./modules/sampleConfig";
 export { default as util } from "./util";
diff --git a/src/modules/animation.ts b/src/modules/animation.ts
deleted file mode 100644
index deffec6..0000000
--- a/src/modules/animation.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type AnimationSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type AnimationModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  values?: GenericObject | string[];
-}
-
-const defaultNames = {
-  anim: "anim",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  anim: { name: names["anim"], key: "animation", value: cfg.values },
-});
-
-const meta: Meta = {
-  module: "animation",
-};
-
-const cssModule: AnimationModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/animation/declarations.ts b/src/modules/animation/declarations.ts
new file mode 100644
index 0000000..f89338f
--- /dev/null
+++ b/src/modules/animation/declarations.ts
@@ -0,0 +1,30 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  values?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  anim: "anim",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "anim",
+    variable: "values",
+  },
+];
diff --git a/src/modules/animation/index.ts b/src/modules/animation/index.ts
new file mode 100644
index 0000000..fef6165
--- /dev/null
+++ b/src/modules/animation/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type AnimationSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type AnimationModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: AnimationModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/animation/sampleConfig.ts b/src/modules/animation/sampleConfig.ts
new file mode 100644
index 0000000..8f71ef5
--- /dev/null
+++ b/src/modules/animation/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "animation",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/animation/variableRuleMap.ts b/src/modules/animation/variableRuleMap.ts
new file mode 100644
index 0000000..bc05a1f
--- /dev/null
+++ b/src/modules/animation/variableRuleMap.ts
@@ -0,0 +1,15 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  anim: { name: names["anim"], key: "animation", value: cfg.values },
+});
+
+export default getRules;
diff --git a/src/modules/background-image/declarations.ts b/src/modules/background-image/declarations.ts
new file mode 100644
index 0000000..909e289
--- /dev/null
+++ b/src/modules/background-image/declarations.ts
@@ -0,0 +1,65 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  backgroundImageValues?: GenericObject | string[];
+  backgroundPositionValues?: GenericObject | string[];
+  backgroundPositionXValues?: GenericObject | string[];
+  backgroundPositionYValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  bgi: "bgi",
+  "bgi:n": "bgin",
+  "bgr:n": "bgrn",
+  "bgr:x": "bgrx",
+  "bgr:y": "bgry",
+  "bgr:sp": "bgrsp",
+  "bgr:rd": "bgrrd",
+  "bga:f": "bgaf",
+  "bga:s": "bgas",
+  bgp: "bgp",
+  bgpx: "bgpx",
+  bgpy: "bgpy",
+  "bgcp:bb": "bgcpbb",
+  "bgcp:pb": "bgcppb",
+  "bgcp:cb": "bgcpcb",
+  "bgo:bb": "bgobb",
+  "bgo:pb": "bgopb",
+  "bgo:cb": "bgocb",
+  "bgsz:a": "bgsza",
+  "bgsz:ct": "bgszct",
+  "bgsz:cv": "bgszcv",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "bgi",
+    variable: "backgroundImageValues",
+  },
+  {
+    name: "bgp",
+    variable: "backgroundPositionValues",
+  },
+  {
+    name: "bgpx",
+    variable: "backgroundPositionXValues",
+  },
+  {
+    name: "bgpy",
+    variable: "backgroundPositionYValues",
+  },
+];
diff --git a/src/modules/background-image/index.ts b/src/modules/background-image/index.ts
new file mode 100644
index 0000000..62fa076
--- /dev/null
+++ b/src/modules/background-image/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type BackgroundImageSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type BackgroundImageModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: BackgroundImageModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/background-image/sampleConfig.ts b/src/modules/background-image/sampleConfig.ts
new file mode 100644
index 0000000..8fcc8c5
--- /dev/null
+++ b/src/modules/background-image/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "background-image",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/background-image.ts b/src/modules/background-image/variableRuleMap.ts
similarity index 61%
rename from src/modules/background-image.ts
rename to src/modules/background-image/variableRuleMap.ts
index 05a3115..34b09ee 100644
--- a/src/modules/background-image.ts
+++ b/src/modules/background-image/variableRuleMap.ts
@@ -1,44 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type BackgroundImageSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type BackgroundImageModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  backgroundImageValues?: GenericObject | string[];
-  backgroundPositionValues?: GenericObject | string[];
-  backgroundPositionXValues?: GenericObject | string[];
-  backgroundPositionYValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  bgi: "bgi",
-  "bgi:n": "bgin",
-  "bgr:n": "bgrn",
-  "bgr:x": "bgrx",
-  "bgr:y": "bgry",
-  "bgr:sp": "bgrsp",
-  "bgr:rd": "bgrrd",
-  "bga:f": "bgaf",
-  "bga:s": "bgas",
-  bgp: "bgp",
-  bgpx: "bgpx",
-  bgpy: "bgpy",
-  "bgcp:bb": "bgcpbb",
-  "bgcp:pb": "bgcppb",
-  "bgcp:cb": "bgcpcb",
-  "bgo:bb": "bgobb",
-  "bgo:pb": "bgopb",
-  "bgo:cb": "bgocb",
-  "bgsz:a": "bgsza",
-  "bgsz:ct": "bgszct",
-  "bgsz:cv": "bgszcv",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   bgi: {
     name: names["bgi"],
@@ -130,18 +99,4 @@ const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   "bgsz:cv": { name: names["bgsz:cv"], key: "background-size", value: "cover" },
 });
 
-const meta: Meta = {
-  module: "background-image",
-};
-
-const cssModule: BackgroundImageModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/border/declarations.ts b/src/modules/border/declarations.ts
new file mode 100644
index 0000000..3a9f466
--- /dev/null
+++ b/src/modules/border/declarations.ts
@@ -0,0 +1,164 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  borderValues?: GenericObject | string[];
+  borderWidthValues?: GenericObject | string[];
+  borderStyleValues?: GenericObject | string[];
+  borderImageValues?: GenericObject | string[];
+  borderTopValues?: GenericObject | string[];
+  borderTopWidthValues?: GenericObject | string[];
+  borderTopStyleValues?: GenericObject | string[];
+  borderRightValues?: GenericObject | string[];
+  borderRightWidthValues?: GenericObject | string[];
+  borderRightStyleValues?: GenericObject | string[];
+  borderBottomValues?: GenericObject | string[];
+  borderBottomWidthValues?: GenericObject | string[];
+  borderBottomStyleValues?: GenericObject | string[];
+  borderLeftValues?: GenericObject | string[];
+  borderLeftWidthValues?: GenericObject | string[];
+  borderLeftStyleValues?: GenericObject | string[];
+  borderRadiusValues?: GenericObject | string[];
+  borderTopRightRadiusValues?: GenericObject | string[];
+  borderTopLeftRadiusValues?: GenericObject | string[];
+  borderBottomRightRadiusValues?: GenericObject | string[];
+  borderBottomLeftRadiusValues?: GenericObject | string[];
+  borderSpacingValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  bd: "bd",
+  "bd:n": "bdn",
+  "bd:w": "bdw",
+  "bd:s": "bds",
+  "bdcl:c": "bdclc",
+  "bdcl:s": "bdcls",
+  bdi: "bdi",
+  "bdi:n": "bdin",
+  bdt: "bdt",
+  "bdt:n": "bdtn",
+  "bdt:w": "bdtw",
+  "bdt:s": "bdts",
+  bdr: "bdr",
+  "bdr:n": "bdrn",
+  "bdr:w": "bdrw",
+  "bdr:s": "bdrs",
+  bdb: "bdb",
+  "bdb:n": "bdbn",
+  "bdb:w": "bdbw",
+  "bdb:s": "bdbs",
+  bdl: "bdl",
+  "bdl:n": "bdln",
+  "bdl:w": "bdlw",
+  "bdl:s": "bdls",
+  bdrs: "bdrs",
+  bdtrrs: "bdtrrs",
+  bdtlrs: "bdtlrs",
+  bdbrrs: "bdbrrs",
+  bdblrs: "bdblrs",
+  bdsp: "bdsp",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "bd",
+    variable: "borderValues",
+  },
+  {
+    name: "bd:w",
+    variable: "borderWidthValues",
+  },
+  {
+    name: "bd:s",
+    variable: "borderStyleValues",
+  },
+  {
+    name: "bdi",
+    variable: "borderImageValues",
+  },
+  {
+    name: "bdt",
+    variable: "borderTopValues",
+  },
+  {
+    name: "bdt:w",
+    variable: "borderTopWidthValues",
+  },
+  {
+    name: "bdt:s",
+    variable: "borderTopStyleValues",
+  },
+  {
+    name: "bdr",
+    variable: "borderRightValues",
+  },
+  {
+    name: "bdr:w",
+    variable: "borderRightWidthValues",
+  },
+  {
+    name: "bdr:s",
+    variable: "borderRightStyleValues",
+  },
+  {
+    name: "bdb",
+    variable: "borderBottomValues",
+  },
+  {
+    name: "bdb:w",
+    variable: "borderBottomWidthValues",
+  },
+  {
+    name: "bdb:s",
+    variable: "borderBottomStyleValues",
+  },
+  {
+    name: "bdl",
+    variable: "borderLeftValues",
+  },
+  {
+    name: "bdl:w",
+    variable: "borderLeftWidthValues",
+  },
+  {
+    name: "bdl:s",
+    variable: "borderLeftStyleValues",
+  },
+  {
+    name: "bdrs",
+    variable: "borderRadiusValues",
+  },
+  {
+    name: "bdtrrs",
+    variable: "borderTopRightRadiusValues",
+  },
+  {
+    name: "bdtlrs",
+    variable: "borderTopLeftRadiusValues",
+  },
+  {
+    name: "bdbrrs",
+    variable: "borderBottomRightRadiusValues",
+  },
+  {
+    name: "bdbrrs",
+    variable: "borderBottomLeftRadiusValues",
+  },
+  {
+    name: "bdsp",
+    variable: "borderSpacingValues",
+  },
+];
diff --git a/src/modules/border/index.ts b/src/modules/border/index.ts
new file mode 100644
index 0000000..a3b16a7
--- /dev/null
+++ b/src/modules/border/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type BorderSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type BorderModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: BorderModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/border/sampleConfig.ts b/src/modules/border/sampleConfig.ts
new file mode 100644
index 0000000..a404791
--- /dev/null
+++ b/src/modules/border/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "border",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/border.ts b/src/modules/border/variableRuleMap.ts
similarity index 57%
rename from src/modules/border.ts
rename to src/modules/border/variableRuleMap.ts
index c018e9d..46ef2ee 100644
--- a/src/modules/border.ts
+++ b/src/modules/border/variableRuleMap.ts
@@ -1,71 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type BorderSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type BorderModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  borderValues?: GenericObject | string[];
-  borderWidthValues?: GenericObject | string[];
-  borderStyleValues?: GenericObject | string[];
-  borderImageValues?: GenericObject | string[];
-  borderTopValues?: GenericObject | string[];
-  borderTopWidthValues?: GenericObject | string[];
-  borderTopStyleValues?: GenericObject | string[];
-  borderRightValues?: GenericObject | string[];
-  borderRightWidthValues?: GenericObject | string[];
-  borderRightStyleValues?: GenericObject | string[];
-  borderBottomValues?: GenericObject | string[];
-  borderBottomWidthValues?: GenericObject | string[];
-  borderBottomStyleValues?: GenericObject | string[];
-  borderLeftValues?: GenericObject | string[];
-  borderLeftWidthValues?: GenericObject | string[];
-  borderLeftStyleValues?: GenericObject | string[];
-  borderRadiusValues?: GenericObject | string[];
-  borderTopRightRadiusValues?: GenericObject | string[];
-  borderTopLeftRadiusValues?: GenericObject | string[];
-  borderBottomRightRadiusValues?: GenericObject | string[];
-  borderBottomLeftRadiusValues?: GenericObject | string[];
-  borderSpacingValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  bd: "bd",
-  "bd:n": "bdn",
-  "bd:w": "bdw",
-  "bd:s": "bds",
-  "bdcl:c": "bdclc",
-  "bdcl:s": "bdcls",
-  bdi: "bdi",
-  "bdi:n": "bdin",
-  bdt: "bdt",
-  "bdt:n": "bdtn",
-  "bdt:w": "bdtw",
-  "bdt:s": "bdts",
-  bdr: "bdr",
-  "bdr:n": "bdrn",
-  "bdr:w": "bdrw",
-  "bdr:s": "bdrs",
-  bdb: "bdb",
-  "bdb:n": "bdbn",
-  "bdb:w": "bdbw",
-  "bdb:s": "bdbs",
-  bdl: "bdl",
-  "bdl:n": "bdln",
-  "bdl:w": "bdlw",
-  "bdl:s": "bdls",
-  bdrs: "bdrs",
-  bdtrrs: "bdtrrs",
-  bdtlrs: "bdtlrs",
-  bdbrrs: "bdbrrs",
-  bdblrs: "bdblrs",
-  bdsp: "bdsp",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   bd: { name: names["bd"], key: "border", value: cfg.borderValues },
   "bd:n": { name: names["bd:n"], key: "border", value: "none" },
@@ -183,18 +125,4 @@ const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   },
 });
 
-const meta: Meta = {
-  module: "border",
-};
-
-const cssModule: BorderModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/box-shadow.ts b/src/modules/box-shadow.ts
deleted file mode 100644
index 5c437a7..0000000
--- a/src/modules/box-shadow.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type BoxShadowSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type BoxShadowModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  boxShadowValues?: GenericObject | string[];
-}
-
-const defaultNames = { "bxsh:n": "bxsh:n", bxsh: "bxsh" };
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  "bxsh:n": {
-    name: names["bxsh:n"],
-    key: "box-shadow",
-    value: "none",
-  },
-  bxsh: {
-    name: names["bxsh"],
-    key: "box-shadow",
-    value: cfg.boxShadowValues,
-  },
-});
-
-const meta: Meta = {
-  module: "box-shadow",
-};
-
-const cssModule: BoxShadowModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/box-shadow/declarations.ts b/src/modules/box-shadow/declarations.ts
new file mode 100644
index 0000000..d5ecf03
--- /dev/null
+++ b/src/modules/box-shadow/declarations.ts
@@ -0,0 +1,31 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  boxShadowValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "bxsh:n": "bxsh:n",
+  bxsh: "bxsh",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "bxsh",
+    variable: "boxShadowValues",
+  },
+];
diff --git a/src/modules/box-shadow/index.ts b/src/modules/box-shadow/index.ts
new file mode 100644
index 0000000..e9455e5
--- /dev/null
+++ b/src/modules/box-shadow/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type BoxShadowSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type BoxShadowModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: BoxShadowModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/box-shadow/sampleConfig.ts b/src/modules/box-shadow/sampleConfig.ts
new file mode 100644
index 0000000..ed3aca5
--- /dev/null
+++ b/src/modules/box-shadow/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "box-shadow",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/box-shadow/variableRuleMap.ts b/src/modules/box-shadow/variableRuleMap.ts
new file mode 100644
index 0000000..9b40466
--- /dev/null
+++ b/src/modules/box-shadow/variableRuleMap.ts
@@ -0,0 +1,24 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  "bxsh:n": {
+    name: names["bxsh:n"],
+    key: "box-shadow",
+    value: "none",
+  },
+  bxsh: {
+    name: names["bxsh"],
+    key: "box-shadow",
+    value: cfg.boxShadowValues,
+  },
+});
+
+export default getRules;
diff --git a/src/modules/box-sizing.ts b/src/modules/box-sizing.ts
deleted file mode 100644
index 6162f22..0000000
--- a/src/modules/box-sizing.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, Meta, Module } from "../types";
-
-export type BoxSizingSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type BoxSizingModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "bxz:cb": "bxzcb",
-  "bxz:bb": "bxzbb",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "bxz:cb": { name: names["bxz:cb"], key: "box-sizing", value: "content-box" },
-  "bxz:bb": { name: names["bxz:bb"], key: "box-sizing", value: "border-box" },
-});
-
-const meta: Meta = {
-  module: "box-sizing",
-};
-
-const cssModule: BoxSizingModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/box-sizing/declarations.ts b/src/modules/box-sizing/declarations.ts
new file mode 100644
index 0000000..ff113fe
--- /dev/null
+++ b/src/modules/box-sizing/declarations.ts
@@ -0,0 +1,25 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "bxz:cb": "bxzcb",
+  "bxz:bb": "bxzbb",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/box-sizing/index.ts b/src/modules/box-sizing/index.ts
new file mode 100644
index 0000000..50b1bf9
--- /dev/null
+++ b/src/modules/box-sizing/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type BoxSizingSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type BoxSizingModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: BoxSizingModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/box-sizing/sampleConfig.ts b/src/modules/box-sizing/sampleConfig.ts
new file mode 100644
index 0000000..ecf7bff
--- /dev/null
+++ b/src/modules/box-sizing/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "box-sizing",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/box-sizing/variableRuleMap.ts b/src/modules/box-sizing/variableRuleMap.ts
new file mode 100644
index 0000000..eabe398
--- /dev/null
+++ b/src/modules/box-sizing/variableRuleMap.ts
@@ -0,0 +1,16 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "bxz:cb": { name: names["bxz:cb"], key: "box-sizing", value: "content-box" },
+  "bxz:bb": { name: names["bxz:bb"], key: "box-sizing", value: "border-box" },
+});
+
+export default getRules;
diff --git a/src/modules/clear.ts b/src/modules/clear.ts
deleted file mode 100644
index c12febd..0000000
--- a/src/modules/clear.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type ClearSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type ClearModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "cl:n": "cln",
-  "cl:l": "cll",
-  "cl:r": "clr",
-  "cl:b": "clb",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "cl:n": { name: names["cl:n"], key: "clear", value: "none" },
-  "cl:l": { name: names["cl:l"], key: "clear", value: "left" },
-  "cl:r": { name: names["cl:r"], key: "clear", value: "right" },
-  "cl:b": { name: names["cl:b"], key: "clear", value: "both" },
-});
-
-const meta: Meta = {
-  module: "clear",
-};
-
-const cssModule: ClearModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/clear/declarations.ts b/src/modules/clear/declarations.ts
new file mode 100644
index 0000000..65a69ee
--- /dev/null
+++ b/src/modules/clear/declarations.ts
@@ -0,0 +1,27 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "cl:n": "cln",
+  "cl:l": "cll",
+  "cl:r": "clr",
+  "cl:b": "clb",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/clear/index.ts b/src/modules/clear/index.ts
new file mode 100644
index 0000000..26452e6
--- /dev/null
+++ b/src/modules/clear/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type ClearSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type ClearModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: ClearModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/clear/sampleConfig.ts b/src/modules/clear/sampleConfig.ts
new file mode 100644
index 0000000..b263dd7
--- /dev/null
+++ b/src/modules/clear/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "clear",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/clear/variableRuleMap.ts b/src/modules/clear/variableRuleMap.ts
new file mode 100644
index 0000000..53e015d
--- /dev/null
+++ b/src/modules/clear/variableRuleMap.ts
@@ -0,0 +1,18 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "cl:n": { name: names["cl:n"], key: "clear", value: "none" },
+  "cl:l": { name: names["cl:l"], key: "clear", value: "left" },
+  "cl:r": { name: names["cl:r"], key: "clear", value: "right" },
+  "cl:b": { name: names["cl:b"], key: "clear", value: "both" },
+});
+
+export default getRules;
diff --git a/src/modules/colors.ts b/src/modules/colors.ts
deleted file mode 100644
index 715ece9..0000000
--- a/src/modules/colors.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type ColorsSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type ColorsModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  colorValues?: GenericObject | string[];
-  backgroundColorValues?: GenericObject | string[];
-  borderColorValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  c: "c",
-  bgc: "bgc",
-  bdc: "bdc",
-  bdtc: "bdtc",
-  bdrc: "bdrc",
-  bdbc: "bdbc",
-  bdlc: "bdlc",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  c: { name: names["c"], key: "color", value: cfg.colorValues },
-  bgc: {
-    name: names["bgc"],
-    key: "background-color",
-    value: cfg.backgroundColorValues,
-  },
-  bdc: {
-    name: names["bdc"],
-    key: "border-color",
-    value: cfg.borderColorValues,
-  },
-  bdtc: {
-    name: names["bdtc"],
-    key: "border-top-color",
-    value: cfg.borderColorValues,
-  },
-  bdrc: {
-    name: names["bdrc"],
-    key: "border-right-color",
-    value: cfg.borderColorValues,
-  },
-  bdbc: {
-    name: names["bdbc"],
-    key: "border-bottom-color",
-    value: cfg.borderColorValues,
-  },
-  bdlc: {
-    name: names["bdlc"],
-    key: "border-left-color",
-    value: cfg.borderColorValues,
-  },
-});
-
-const meta: Meta = {
-  module: "colors",
-};
-
-const cssModule: ColorsModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/colors/declarations.ts b/src/modules/colors/declarations.ts
new file mode 100644
index 0000000..a944688
--- /dev/null
+++ b/src/modules/colors/declarations.ts
@@ -0,0 +1,46 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  colorValues?: GenericObject | string[];
+  backgroundColorValues?: GenericObject | string[];
+  borderColorValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  c: "c",
+  bgc: "bgc",
+  bdc: "bdc",
+  bdtc: "bdtc",
+  bdrc: "bdrc",
+  bdbc: "bdbc",
+  bdlc: "bdlc",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "c",
+    variable: "colorValues",
+  },
+  {
+    name: "bgc",
+    variable: "backgroundColorValues",
+  },
+  {
+    name: "bdc",
+    variable: "borderColorValues",
+  },
+];
diff --git a/src/modules/colors/index.ts b/src/modules/colors/index.ts
new file mode 100644
index 0000000..c8478af
--- /dev/null
+++ b/src/modules/colors/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type ColorsSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type ColorsModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: ColorsModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/colors/sampleConfig.ts b/src/modules/colors/sampleConfig.ts
new file mode 100644
index 0000000..bbff6b7
--- /dev/null
+++ b/src/modules/colors/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "colors",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/colors/variableRuleMap.ts b/src/modules/colors/variableRuleMap.ts
new file mode 100644
index 0000000..b8249c0
--- /dev/null
+++ b/src/modules/colors/variableRuleMap.ts
@@ -0,0 +1,45 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  c: { name: names["c"], key: "color", value: cfg.colorValues },
+  bgc: {
+    name: names["bgc"],
+    key: "background-color",
+    value: cfg.backgroundColorValues,
+  },
+  bdc: {
+    name: names["bdc"],
+    key: "border-color",
+    value: cfg.borderColorValues,
+  },
+  bdtc: {
+    name: names["bdtc"],
+    key: "border-top-color",
+    value: cfg.borderColorValues,
+  },
+  bdrc: {
+    name: names["bdrc"],
+    key: "border-right-color",
+    value: cfg.borderColorValues,
+  },
+  bdbc: {
+    name: names["bdbc"],
+    key: "border-bottom-color",
+    value: cfg.borderColorValues,
+  },
+  bdlc: {
+    name: names["bdlc"],
+    key: "border-left-color",
+    value: cfg.borderColorValues,
+  },
+});
+
+export default getRules;
diff --git a/src/modules/cursor.ts b/src/modules/cursor.ts
deleted file mode 100644
index a9cd3b9..0000000
--- a/src/modules/cursor.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type CursorSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type CursorModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "cur:a": "cura",
-  "cur:d": "curd",
-  "cur:c": "curc",
-  "cur:ha": "curha",
-  "cur:he": "curhe",
-  "cur:m": "curm",
-  "cur:p": "curp",
-  "cur:t": "curt",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "cur:a": { name: names["cur:a"], key: "cursor", value: "auto" },
-  "cur:d": { name: names["cur:d"], key: "cursor", value: "default" },
-  "cur:c": { name: names["cur:c"], key: "cursor", value: "crosshair" },
-  "cur:ha": { name: names["cur:ha"], key: "cursor", value: "hand" },
-  "cur:he": { name: names["cur:he"], key: "cursor", value: "help" },
-  "cur:m": { name: names["cur:m"], key: "cursor", value: "move" },
-  "cur:p": { name: names["cur:p"], key: "cursor", value: "pointer" },
-  "cur:t": { name: names["cur:t"], key: "cursor", value: "text" },
-});
-
-const meta: Meta = {
-  module: "cursor",
-};
-
-const cssModule: CursorModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/cursor/declarations.ts b/src/modules/cursor/declarations.ts
new file mode 100644
index 0000000..402243a
--- /dev/null
+++ b/src/modules/cursor/declarations.ts
@@ -0,0 +1,31 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "cur:a": "cura",
+  "cur:d": "curd",
+  "cur:c": "curc",
+  "cur:ha": "curha",
+  "cur:he": "curhe",
+  "cur:m": "curm",
+  "cur:p": "curp",
+  "cur:t": "curt",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/cursor/index.ts b/src/modules/cursor/index.ts
new file mode 100644
index 0000000..16da662
--- /dev/null
+++ b/src/modules/cursor/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type CursorSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type CursorModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: CursorModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/cursor/sampleConfig.ts b/src/modules/cursor/sampleConfig.ts
new file mode 100644
index 0000000..0fb95a3
--- /dev/null
+++ b/src/modules/cursor/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "cursor",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/cursor/variableRuleMap.ts b/src/modules/cursor/variableRuleMap.ts
new file mode 100644
index 0000000..e495b9b
--- /dev/null
+++ b/src/modules/cursor/variableRuleMap.ts
@@ -0,0 +1,22 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "cur:a": { name: names["cur:a"], key: "cursor", value: "auto" },
+  "cur:d": { name: names["cur:d"], key: "cursor", value: "default" },
+  "cur:c": { name: names["cur:c"], key: "cursor", value: "crosshair" },
+  "cur:ha": { name: names["cur:ha"], key: "cursor", value: "hand" },
+  "cur:he": { name: names["cur:he"], key: "cursor", value: "help" },
+  "cur:m": { name: names["cur:m"], key: "cursor", value: "move" },
+  "cur:p": { name: names["cur:p"], key: "cursor", value: "pointer" },
+  "cur:t": { name: names["cur:t"], key: "cursor", value: "text" },
+});
+
+export default getRules;
diff --git a/src/modules/display/declarations.ts b/src/modules/display/declarations.ts
new file mode 100644
index 0000000..d2d0f6d
--- /dev/null
+++ b/src/modules/display/declarations.ts
@@ -0,0 +1,48 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "d:n": "dn",
+  "d:b": "db",
+  "d:f": "df",
+  "d:g": "dg",
+  "d:if": "dif",
+  "d:i": "di",
+  "d:ib": "dib",
+  "d:li": "dli",
+  "d:ri": "dri",
+  "d:cp": "dcp",
+  "d:tb": "dtb",
+  "d:itb": "ditb",
+  "d:tbcp": "dtbcp",
+  "d:tbcl": "dtbcl",
+  "d:tbclg": "dtbclg",
+  "d:tbhg": "dtbhg",
+  "d:tbfg": "dtbfg",
+  "d:tbr": "dtbr",
+  "d:tbrg": "dtbrg",
+  "d:tbc": "dtbc",
+  "d:rb": "drb",
+  "d:rbb": "drbb",
+  "d:rbbg": "drbbg",
+  "d:rbt": "drbt",
+  "d:rbtg": "drbtg",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/display/index.ts b/src/modules/display/index.ts
new file mode 100644
index 0000000..1216497
--- /dev/null
+++ b/src/modules/display/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type DisplaySupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type DisplayModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: DisplayModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/display/sampleConfig.ts b/src/modules/display/sampleConfig.ts
new file mode 100644
index 0000000..caa4cc9
--- /dev/null
+++ b/src/modules/display/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "display",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/display.ts b/src/modules/display/variableRuleMap.ts
similarity index 63%
rename from src/modules/display.ts
rename to src/modules/display/variableRuleMap.ts
index d8f5ec5..49856a2 100644
--- a/src/modules/display.ts
+++ b/src/modules/display/variableRuleMap.ts
@@ -1,44 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type DisplaySupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type DisplayModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "d:n": "dn",
-  "d:b": "db",
-  "d:f": "df",
-  "d:g": "dg",
-  "d:if": "dif",
-  "d:i": "di",
-  "d:ib": "dib",
-  "d:li": "dli",
-  "d:ri": "dri",
-  "d:cp": "dcp",
-  "d:tb": "dtb",
-  "d:itb": "ditb",
-  "d:tbcp": "dtbcp",
-  "d:tbcl": "dtbcl",
-  "d:tbclg": "dtbclg",
-  "d:tbhg": "dtbhg",
-  "d:tbfg": "dtbfg",
-  "d:tbr": "dtbr",
-  "d:tbrg": "dtbrg",
-  "d:tbc": "dtbc",
-  "d:rb": "drb",
-  "d:rbb": "drbb",
-  "d:rbbg": "drbbg",
-  "d:rbt": "drbt",
-  "d:rbtg": "drbtg",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names) => ({
   "d:n": { name: names["d:n"], key: "display", value: "none" },
   "d:b": { name: names["d:b"], key: "display", value: "block" },
@@ -79,18 +48,4 @@ const getRules: GetRules<ConfigVariables> = (names) => ({
   "d:rbtg": { name: names["d:rbtg"], key: "display", value: "ruby-text-group" },
 });
 
-const meta: Meta = {
-  module: "display",
-};
-
-const cssModule: DisplayModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/flexbox/declarations.ts b/src/modules/flexbox/declarations.ts
new file mode 100644
index 0000000..d759f5c
--- /dev/null
+++ b/src/modules/flexbox/declarations.ts
@@ -0,0 +1,74 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  flexBasisValues?: GenericObject | string[];
+  orderValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "fx:r": "fx:r",
+  "fx:a": "fxa",
+  "fx:n": "fxn",
+  fxb: "fxb",
+  "fxd:c": "fxdc",
+  "fxd:cr": "fxdcr",
+  "fxd:r": "fxdr",
+  "fxd:rr": "fxdrr",
+  "fxg:0": "fxg0",
+  "fxg:1": "fxg1",
+  "fxs:0": "fxs0",
+  "fxs:1": "fxs1",
+  "fxw:n": "fxwn",
+  "fxw:w": "fxww",
+  "fxw:wr": "fxwwr",
+  "ai:b": "aib",
+  "ai:c": "aic",
+  "ai:fe": "aife",
+  "ai:fs": "aifs",
+  "ai:s": "ais",
+  "as:a": "asa",
+  "as:b": "asb",
+  "as:c": "asc",
+  "as:fe": "asfe",
+  "as:fs": "asfs",
+  "as:s": "ass",
+  "jc:c": "jcc",
+  "jc:fe": "jcfe",
+  "jc:fs": "jcfs",
+  "jc:sa": "jcsa",
+  "jc:sb": "jcsb",
+  "jc:se": "jcse",
+  "ac:c": "acc",
+  "ac:s": "acs",
+  "ac:fe": "acfe",
+  "ac:fs": "acfs",
+  "ac:sa": "acsa",
+  "ac:sb": "acsb",
+  "ac:se": "acse",
+  ord: "ord",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "fxb",
+    variable: "flexBasisValues",
+  },
+  {
+    name: "ord",
+    variable: "orderValues",
+  },
+];
diff --git a/src/modules/flexbox/index.ts b/src/modules/flexbox/index.ts
new file mode 100644
index 0000000..bf81ac4
--- /dev/null
+++ b/src/modules/flexbox/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type FlexBoxSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type FlexBoxModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: FlexBoxModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/flexbox/sampleConfig.ts b/src/modules/flexbox/sampleConfig.ts
new file mode 100644
index 0000000..948c02a
--- /dev/null
+++ b/src/modules/flexbox/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "flexbox",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/flexbox.ts b/src/modules/flexbox/variableRuleMap.ts
similarity index 69%
rename from src/modules/flexbox.ts
rename to src/modules/flexbox/variableRuleMap.ts
index 149b804..b35558a 100644
--- a/src/modules/flexbox.ts
+++ b/src/modules/flexbox/variableRuleMap.ts
@@ -1,61 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type FlexBoxSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type FlexBoxModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  flexBasisValues?: GenericObject | string[];
-  orderValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  "fx:r": "fx:r",
-  "fx:a": "fxa",
-  "fx:n": "fxn",
-  fxb: "fxb",
-  "fxd:c": "fxdc",
-  "fxd:cr": "fxdcr",
-  "fxd:r": "fxdr",
-  "fxd:rr": "fxdrr",
-  "fxg:0": "fxg0",
-  "fxg:1": "fxg1",
-  "fxs:0": "fxs0",
-  "fxs:1": "fxs1",
-  "fxw:n": "fxwn",
-  "fxw:w": "fxww",
-  "fxw:wr": "fxwwr",
-  "ai:b": "aib",
-  "ai:c": "aic",
-  "ai:fe": "aife",
-  "ai:fs": "aifs",
-  "ai:s": "ais",
-  "as:a": "asa",
-  "as:b": "asb",
-  "as:c": "asc",
-  "as:fe": "asfe",
-  "as:fs": "asfs",
-  "as:s": "ass",
-  "jc:c": "jcc",
-  "jc:fe": "jcfe",
-  "jc:fs": "jcfs",
-  "jc:sa": "jcsa",
-  "jc:sb": "jcsb",
-  "jc:se": "jcse",
-  "ac:c": "acc",
-  "ac:s": "acs",
-  "ac:fe": "acfe",
-  "ac:fs": "acfs",
-  "ac:sa": "acsa",
-  "ac:sb": "acsb",
-  "ac:se": "acse",
-  ord: "ord",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   "fx:r": { name: names["fx:r"], key: "flex", value: "0 0 auto" },
   "fx:a": { name: names["fx:a"], key: "flex", value: "1 1 auto" },
@@ -135,18 +87,4 @@ const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   ord: { name: names["ord"], key: "order", value: cfg.orderValues },
 });
 
-const meta: Meta = {
-  module: "flexbox",
-};
-
-const cssModule: FlexBoxModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/float.ts b/src/modules/float.ts
deleted file mode 100644
index 6c3f6e0..0000000
--- a/src/modules/float.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type FloatSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type FloatModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "fl:n": "fln",
-  "fl:l": "fll",
-  "fl:r": "flr",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "fl:n": { name: names["fl:n"], key: "float", value: "none" },
-  "fl:l": { name: names["fl:l"], key: "float", value: "left" },
-  "fl:r": { name: names["fl:r"], key: "float", value: "right" },
-});
-
-const meta: Meta = {
-  module: "float",
-};
-
-const cssModule: FloatModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/float/declarations.ts b/src/modules/float/declarations.ts
new file mode 100644
index 0000000..e60fa1f
--- /dev/null
+++ b/src/modules/float/declarations.ts
@@ -0,0 +1,26 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "fl:n": "fln",
+  "fl:l": "fll",
+  "fl:r": "flr",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/float/index.ts b/src/modules/float/index.ts
new file mode 100644
index 0000000..cfedde0
--- /dev/null
+++ b/src/modules/float/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type FloatSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type FloatModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: FloatModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/float/sampleConfig.ts b/src/modules/float/sampleConfig.ts
new file mode 100644
index 0000000..f43fb3e
--- /dev/null
+++ b/src/modules/float/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "float",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/float/variableRuleMap.ts b/src/modules/float/variableRuleMap.ts
new file mode 100644
index 0000000..8b18405
--- /dev/null
+++ b/src/modules/float/variableRuleMap.ts
@@ -0,0 +1,17 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "fl:n": { name: names["fl:n"], key: "float", value: "none" },
+  "fl:l": { name: names["fl:l"], key: "float", value: "left" },
+  "fl:r": { name: names["fl:r"], key: "float", value: "right" },
+});
+
+export default getRules;
diff --git a/src/modules/font/declarations.ts b/src/modules/font/declarations.ts
new file mode 100644
index 0000000..6b7375c
--- /dev/null
+++ b/src/modules/font/declarations.ts
@@ -0,0 +1,79 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  fontWeightValues?: GenericObject | string[];
+  fontSizeValues?: GenericObject | string[];
+  fontSizeAdjustValues?: GenericObject | string[];
+  fontFamilyValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  fw: "fw",
+  "fw:n": "fwn",
+  "fw:b": "fwb",
+  "fw:br": "fwbr",
+  "fw:lr": "fwlr",
+  "fs:n": "fsn",
+  "fs:i": "fsi",
+  "fs:o": "fso",
+  "fv:n": "fvn",
+  "fv:sc": "fvsc",
+  fz: "fz",
+  fza: "fza",
+  "fza:n": "fzan",
+  ff: "ff",
+  "ff:s": "ffs",
+  "ff:ss": "ffss",
+  "ff:c": "ffc",
+  "ff:f": "fff",
+  "ff:m": "ffm",
+  "ff:a": "ffa",
+  "ff:t": "fft",
+  "ff:v": "ffv",
+  "fef:n": "fefn",
+  "fef:eg": "fefeg",
+  "fef:eb": "fefeb",
+  "fef:o": "fefo",
+  "fst:n": "fstn",
+  "fst:uc": "fstuc",
+  "fst:ec": "fstec",
+  "fst:c": "fstc",
+  "fst:sc": "fstsc",
+  "fst:se": "fstse",
+  "fst:e": "fste",
+  "fst:ee": "fstee",
+  "fst:ue": "fstue",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "fw",
+    variable: "fontWeightValues",
+  },
+  {
+    name: "fz",
+    variable: "fontSizeValues",
+  },
+  {
+    name: "fza",
+    variable: "fontSizeAdjustValues",
+  },
+  {
+    name: "ff",
+    variable: "fontFamilyValues",
+  },
+];
diff --git a/src/modules/font/index.ts b/src/modules/font/index.ts
new file mode 100644
index 0000000..88ef684
--- /dev/null
+++ b/src/modules/font/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type FontSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type FontModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: FontModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/font/sampleConfig.ts b/src/modules/font/sampleConfig.ts
new file mode 100644
index 0000000..f85d2a2
--- /dev/null
+++ b/src/modules/font/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "font",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/font.ts b/src/modules/font/variableRuleMap.ts
similarity index 67%
rename from src/modules/font.ts
rename to src/modules/font/variableRuleMap.ts
index ddfe0e4..065524e 100644
--- a/src/modules/font.ts
+++ b/src/modules/font/variableRuleMap.ts
@@ -1,58 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type FontSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type FontModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  fontWeightValues?: GenericObject | string[];
-  fontSizeValues?: GenericObject | string[];
-  fontSizeAdjustValues?: GenericObject | string[];
-  fontFamilyValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  fw: "fw",
-  "fw:n": "fwn",
-  "fw:b": "fwb",
-  "fw:br": "fwbr",
-  "fw:lr": "fwlr",
-  "fs:n": "fsn",
-  "fs:i": "fsi",
-  "fs:o": "fso",
-  "fv:n": "fvn",
-  "fv:sc": "fvsc",
-  fz: "fz",
-  fza: "fza",
-  "fza:n": "fzan",
-  ff: "ff",
-  "ff:s": "ffs",
-  "ff:ss": "ffss",
-  "ff:c": "ffc",
-  "ff:f": "fff",
-  "ff:m": "ffm",
-  "ff:a": "ffa",
-  "ff:t": "fft",
-  "ff:v": "ffv",
-  "fef:n": "fefn",
-  "fef:eg": "fefeg",
-  "fef:eb": "fefeb",
-  "fef:o": "fefo",
-  "fst:n": "fstn",
-  "fst:uc": "fstuc",
-  "fst:ec": "fstec",
-  "fst:c": "fstc",
-  "fst:sc": "fstsc",
-  "fst:se": "fstse",
-  "fst:e": "fste",
-  "fst:ee": "fstee",
-  "fst:ue": "fstue",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   fw: { name: names["fw"], key: "font-weight", value: cfg.fontWeightValues },
   "fw:n": { name: names["fw:n"], key: "font-weight", value: "normal" },
@@ -131,18 +86,4 @@ const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   },
 });
 
-const meta: Meta = {
-  module: "font",
-};
-
-const cssModule: FontModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/grid.ts b/src/modules/grid.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/modules/height.ts b/src/modules/height.ts
deleted file mode 100644
index 20a86e6..0000000
--- a/src/modules/height.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type HeightSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type HeightModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  heightValues?: GenericObject | string[];
-  maxHeightValues?: GenericObject | string[];
-  minHeightValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  h: "h",
-  "h:a": "wa",
-  mah: "mah",
-  "mah:n": "mahn",
-  mih: "mih",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  h: { name: names["h"], key: "height", value: cfg.heightValues },
-  "h:a": { name: names["h:a"], key: "height", value: "auto" },
-  mah: { name: names["mah"], key: "max-height", value: cfg.maxHeightValues },
-  "mah:n": { name: names["mah:n"], key: "max-height", value: "none" },
-  mih: { name: names["mih"], key: "min-height", value: cfg.minHeightValues },
-});
-
-const meta: Meta = {
-  module: "height",
-};
-
-const cssModule: HeightModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/height/declarations.ts b/src/modules/height/declarations.ts
new file mode 100644
index 0000000..dde6e15
--- /dev/null
+++ b/src/modules/height/declarations.ts
@@ -0,0 +1,44 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  heightValues?: GenericObject | string[];
+  maxHeightValues?: GenericObject | string[];
+  minHeightValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  h: "h",
+  "h:a": "wa",
+  mah: "mah",
+  "mah:n": "mahn",
+  mih: "mih",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "h",
+    variable: "heightValues",
+  },
+  {
+    name: "mah",
+    variable: "maxHeightValues",
+  },
+  {
+    name: "mih",
+    variable: "minHeightValues",
+  },
+];
diff --git a/src/modules/height/index.ts b/src/modules/height/index.ts
new file mode 100644
index 0000000..d38520f
--- /dev/null
+++ b/src/modules/height/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type HeightSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type HeightModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: HeightModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/height/sampleConfig.ts b/src/modules/height/sampleConfig.ts
new file mode 100644
index 0000000..3e74b19
--- /dev/null
+++ b/src/modules/height/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "height",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/height/variableRuleMap.ts b/src/modules/height/variableRuleMap.ts
new file mode 100644
index 0000000..ddaff35
--- /dev/null
+++ b/src/modules/height/variableRuleMap.ts
@@ -0,0 +1,19 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  h: { name: names["h"], key: "height", value: cfg.heightValues },
+  "h:a": { name: names["h:a"], key: "height", value: "auto" },
+  mah: { name: names["mah"], key: "max-height", value: cfg.maxHeightValues },
+  "mah:n": { name: names["mah:n"], key: "max-height", value: "none" },
+  mih: { name: names["mih"], key: "min-height", value: cfg.minHeightValues },
+});
+
+export default getRules;
diff --git a/src/modules/letter-spacing.ts b/src/modules/letter-spacing.ts
deleted file mode 100644
index 1c140f8..0000000
--- a/src/modules/letter-spacing.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type LetterSpacingSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type LetterSpacingModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  values: GenericObject | string[];
-}
-
-const defaultNames = {
-  lts: "lts",
-  "lts:n": "lts:n",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  lts: { name: names["lts"], key: "letter-spacing", value: cfg.values },
-  "lts:n": { name: names["lts:n"], key: "letter-spacing", value: "normal" },
-});
-
-const meta: Meta = {
-  module: "letter-spacing",
-};
-
-const cssModule: LetterSpacingModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/letter-spacing/declarations.ts b/src/modules/letter-spacing/declarations.ts
new file mode 100644
index 0000000..ec83a00
--- /dev/null
+++ b/src/modules/letter-spacing/declarations.ts
@@ -0,0 +1,31 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  values?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  lts: "lts",
+  "lts:n": "lts:n",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "lts",
+    variable: "values",
+  },
+];
diff --git a/src/modules/letter-spacing/index.ts b/src/modules/letter-spacing/index.ts
new file mode 100644
index 0000000..8380648
--- /dev/null
+++ b/src/modules/letter-spacing/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type LetterSpacingSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type LetterSpacingModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: LetterSpacingModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/letter-spacing/sampleConfig.ts b/src/modules/letter-spacing/sampleConfig.ts
new file mode 100644
index 0000000..ec665b3
--- /dev/null
+++ b/src/modules/letter-spacing/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "letter-spacing",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/letter-spacing/variableRuleMap.ts b/src/modules/letter-spacing/variableRuleMap.ts
new file mode 100644
index 0000000..afbbcd8
--- /dev/null
+++ b/src/modules/letter-spacing/variableRuleMap.ts
@@ -0,0 +1,16 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  lts: { name: names["lts"], key: "letter-spacing", value: cfg.values },
+  "lts:n": { name: names["lts:n"], key: "letter-spacing", value: "normal" },
+});
+
+export default getRules;
diff --git a/src/modules/line-height.ts b/src/modules/line-height.ts
deleted file mode 100644
index 84988de..0000000
--- a/src/modules/line-height.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type LineHeightSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type LineHeightModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  values: GenericObject | string[];
-}
-
-const defaultNames = {
-  lh: "lh",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  lh: { name: names["lh"], key: "line-height", value: cfg.values },
-});
-
-const meta: Meta = {
-  module: "line-height",
-};
-
-const cssModule: LineHeightModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/line-height/declarations.ts b/src/modules/line-height/declarations.ts
new file mode 100644
index 0000000..ac6d59a
--- /dev/null
+++ b/src/modules/line-height/declarations.ts
@@ -0,0 +1,30 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  values?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  lh: "lh",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "lh",
+    variable: "values",
+  },
+];
diff --git a/src/modules/line-height/index.ts b/src/modules/line-height/index.ts
new file mode 100644
index 0000000..3055368
--- /dev/null
+++ b/src/modules/line-height/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type LineHeightSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type LineHeightModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: LineHeightModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/line-height/sampleConfig.ts b/src/modules/line-height/sampleConfig.ts
new file mode 100644
index 0000000..5999331
--- /dev/null
+++ b/src/modules/line-height/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "line-height",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/line-height/variableRuleMap.ts b/src/modules/line-height/variableRuleMap.ts
new file mode 100644
index 0000000..e721021
--- /dev/null
+++ b/src/modules/line-height/variableRuleMap.ts
@@ -0,0 +1,15 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  lh: { name: names["lh"], key: "line-height", value: cfg.values },
+});
+
+export default getRules;
diff --git a/src/modules/list-style.ts b/src/modules/list-style.ts
deleted file mode 100644
index cdfb03f..0000000
--- a/src/modules/list-style.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type ListStyleSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type ListStyleModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  listStyleValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  "li:sy": "lisy",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  "li:sy": {
-    name: names["li:sy"],
-    key: "list-style",
-    value: cfg.listStyleValues,
-  },
-});
-
-const meta: Meta = {
-  module: "list-style",
-};
-
-const cssModule: ListStyleModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/list-style/declarations.ts b/src/modules/list-style/declarations.ts
new file mode 100644
index 0000000..110d4f2
--- /dev/null
+++ b/src/modules/list-style/declarations.ts
@@ -0,0 +1,30 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  listStyleValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "li:sy": "lisy",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "li:sy",
+    variable: "listStyleValues",
+  },
+];
diff --git a/src/modules/list-style/index.ts b/src/modules/list-style/index.ts
new file mode 100644
index 0000000..fa13a33
--- /dev/null
+++ b/src/modules/list-style/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type ListStyleSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type ListStyleModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: ListStyleModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/list-style/sampleConfig.ts b/src/modules/list-style/sampleConfig.ts
new file mode 100644
index 0000000..ef3933a
--- /dev/null
+++ b/src/modules/list-style/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "list-style",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/list-style/variableRuleMap.ts b/src/modules/list-style/variableRuleMap.ts
new file mode 100644
index 0000000..daf1c96
--- /dev/null
+++ b/src/modules/list-style/variableRuleMap.ts
@@ -0,0 +1,19 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  "li:sy": {
+    name: names["li:sy"],
+    key: "list-style",
+    value: cfg.listStyleValues,
+  },
+});
+
+export default getRules;
diff --git a/src/modules/opacity.ts b/src/modules/opacity.ts
deleted file mode 100644
index 9394850..0000000
--- a/src/modules/opacity.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type OpacitySupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type OpacityModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  values?: GenericObject | string[];
-}
-
-const defaultNames = {
-  op: "op",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  op: { name: names["op"], key: "opacity", value: cfg.values },
-});
-
-const meta: Meta = {
-  module: "opacity",
-};
-
-const cssModule: OpacityModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/opacity/declarations.ts b/src/modules/opacity/declarations.ts
new file mode 100644
index 0000000..4123027
--- /dev/null
+++ b/src/modules/opacity/declarations.ts
@@ -0,0 +1,30 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  values?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  op: "op",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "op",
+    variable: "values",
+  },
+];
diff --git a/src/modules/opacity/index.ts b/src/modules/opacity/index.ts
new file mode 100644
index 0000000..9033659
--- /dev/null
+++ b/src/modules/opacity/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type OpacitySupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type OpacityModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: OpacityModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/opacity/sampleConfig.ts b/src/modules/opacity/sampleConfig.ts
new file mode 100644
index 0000000..1cbb736
--- /dev/null
+++ b/src/modules/opacity/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "opacity",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/opacity/variableRuleMap.ts b/src/modules/opacity/variableRuleMap.ts
new file mode 100644
index 0000000..eeebb40
--- /dev/null
+++ b/src/modules/opacity/variableRuleMap.ts
@@ -0,0 +1,15 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  op: { name: names["op"], key: "opacity", value: cfg.values },
+});
+
+export default getRules;
diff --git a/src/modules/outline.ts b/src/modules/outline.ts
deleted file mode 100644
index c904960..0000000
--- a/src/modules/outline.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type OutlineSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type OutlineModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  outlineValues?: GenericObject | string[];
-  outlineOffsetValues?: GenericObject | string[];
-  outlineWidthValues?: GenericObject | string[];
-  outlineColorValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  ol: "ol",
-  "ol:n": "oln",
-  olo: "olo",
-  olw: "olw",
-  "olw:tn": "olwtn",
-  "olw:m": "olwm",
-  "olw:tk": "olwtk",
-  olc: "olc",
-  "olc:i": "olci",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  ol: { name: names["ol"], key: "outline", value: cfg.outlineValues },
-  "ol:n": { name: names["ol:n"], key: "outline", value: "none" },
-  olo: {
-    name: names["olo"],
-    key: "outline-offset",
-    value: cfg.outlineOffsetValues,
-  },
-  olw: {
-    name: names["olw"],
-    key: "outline-width",
-    value: cfg.outlineWidthValues,
-  },
-  "olw:tn": { name: names["olw:tn"], key: "outline-width", value: "thin" },
-  "olw:m": { name: names["olw:m"], key: "outline-width", value: "medium" },
-  "olw:tk": { name: names["olw:tk"], key: "outline-width", value: "thick" },
-  olc: {
-    name: names["olc"],
-    key: "outline-color",
-    value: cfg.outlineColorValues,
-  },
-  "olc:i": { name: names["olc:i"], key: "outline-color", value: "invert" },
-});
-
-const meta: Meta = {
-  module: "outline",
-};
-
-const cssModule: OutlineModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/outline/declarations.ts b/src/modules/outline/declarations.ts
new file mode 100644
index 0000000..a653122
--- /dev/null
+++ b/src/modules/outline/declarations.ts
@@ -0,0 +1,53 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  outlineValues?: GenericObject | string[];
+  outlineOffsetValues?: GenericObject | string[];
+  outlineWidthValues?: GenericObject | string[];
+  outlineColorValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  ol: "ol",
+  "ol:n": "oln",
+  olo: "olo",
+  olw: "olw",
+  "olw:tn": "olwtn",
+  "olw:m": "olwm",
+  "olw:tk": "olwtk",
+  olc: "olc",
+  "olc:i": "olci",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "ol",
+    variable: "outlineValues",
+  },
+  {
+    name: "olo",
+    variable: "outlineOffsetValues",
+  },
+  {
+    name: "olw",
+    variable: "outlineWidthValues",
+  },
+  {
+    name: "olc",
+    variable: "outlineColorValues",
+  },
+];
diff --git a/src/modules/outline/index.ts b/src/modules/outline/index.ts
new file mode 100644
index 0000000..0869afb
--- /dev/null
+++ b/src/modules/outline/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type OutlineSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type OutlineModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: OutlineModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/outline/sampleConfig.ts b/src/modules/outline/sampleConfig.ts
new file mode 100644
index 0000000..5b4e5ce
--- /dev/null
+++ b/src/modules/outline/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "outline",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/outline/variableRuleMap.ts b/src/modules/outline/variableRuleMap.ts
new file mode 100644
index 0000000..89209ed
--- /dev/null
+++ b/src/modules/outline/variableRuleMap.ts
@@ -0,0 +1,35 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  ol: { name: names["ol"], key: "outline", value: cfg.outlineValues },
+  "ol:n": { name: names["ol:n"], key: "outline", value: "none" },
+  olo: {
+    name: names["olo"],
+    key: "outline-offset",
+    value: cfg.outlineOffsetValues,
+  },
+  olw: {
+    name: names["olw"],
+    key: "outline-width",
+    value: cfg.outlineWidthValues,
+  },
+  "olw:tn": { name: names["olw:tn"], key: "outline-width", value: "thin" },
+  "olw:m": { name: names["olw:m"], key: "outline-width", value: "medium" },
+  "olw:tk": { name: names["olw:tk"], key: "outline-width", value: "thick" },
+  olc: {
+    name: names["olc"],
+    key: "outline-color",
+    value: cfg.outlineColorValues,
+  },
+  "olc:i": { name: names["olc:i"], key: "outline-color", value: "invert" },
+});
+
+export default getRules;
diff --git a/src/modules/overflow/declarations.ts b/src/modules/overflow/declarations.ts
new file mode 100644
index 0000000..072b052
--- /dev/null
+++ b/src/modules/overflow/declarations.ts
@@ -0,0 +1,40 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "ov:v": "ovv",
+  "ov:h": "ovh",
+  "ov:s": "ovs",
+  "ov:a": "ova",
+  "ovx:v": "ovxv",
+  "ovx:h": "ovxh",
+  "ovx:s": "ovxs",
+  "ovx:a": "ovxa",
+  "ovy:v": "ovyv",
+  "ovy:h": "ovyh",
+  "ovy:s": "ovys",
+  "ovy:a": "ovya",
+  "ovs:a": "ovsa",
+  "ovs:s": "ovss",
+  "ovs:p": "ovsp",
+  "ovs:m": "ovsm",
+  "ovs:mq": "ovsmq",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/overflow/index.ts b/src/modules/overflow/index.ts
new file mode 100644
index 0000000..286353b
--- /dev/null
+++ b/src/modules/overflow/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type OverflowSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type OverflowModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: OverflowModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/overflow/sampleConfig.ts b/src/modules/overflow/sampleConfig.ts
new file mode 100644
index 0000000..b6d9b9d
--- /dev/null
+++ b/src/modules/overflow/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "overflow",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/overflow.ts b/src/modules/overflow/variableRuleMap.ts
similarity index 56%
rename from src/modules/overflow.ts
rename to src/modules/overflow/variableRuleMap.ts
index b96aee5..9ed1ca1 100644
--- a/src/modules/overflow.ts
+++ b/src/modules/overflow/variableRuleMap.ts
@@ -1,36 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type OverflowSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type OverflowModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "ov:v": "ovv",
-  "ov:h": "ovh",
-  "ov:s": "ovs",
-  "ov:a": "ova",
-  "ovx:v": "ovxv",
-  "ovx:h": "ovxh",
-  "ovx:s": "ovxs",
-  "ovx:a": "ovxa",
-  "ovy:v": "ovyv",
-  "ovy:h": "ovyh",
-  "ovy:s": "ovys",
-  "ovy:a": "ovya",
-  "ovs:a": "ovsa",
-  "ovs:s": "ovss",
-  "ovs:p": "ovsp",
-  "ovs:m": "ovsm",
-  "ovs:mq": "ovsmq",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names) => ({
   "ov:v": { name: names["ov:v"], key: "overflow", value: "visible" },
   "ov:h": { name: names["ov:h"], key: "overflow", value: "hidden" },
@@ -51,18 +28,4 @@ const getRules: GetRules<ConfigVariables> = (names) => ({
   "ovs:mq": { name: names["ovs:mq"], key: "overflow-style", value: "marquee" },
 });
 
-const meta: Meta = {
-  module: "overflow",
-};
-
-const cssModule: OverflowModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/pointer-events.ts b/src/modules/pointer-events.ts
deleted file mode 100644
index 83fc59c..0000000
--- a/src/modules/pointer-events.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type PointerEventsSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type PointerEventsModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "pe:n": "pe:n",
-  "pe:a": "pe:a",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "pe:n": { name: names["pe:n"], key: "pointer-events", value: "none" },
-  "pe:a": { name: names["pe:a"], key: "pointer-events", value: "auto" },
-});
-
-const meta: Meta = {
-  module: "pointer-events",
-};
-
-const cssModule: PointerEventsModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/pointer-events/declarations.ts b/src/modules/pointer-events/declarations.ts
new file mode 100644
index 0000000..6da8e21
--- /dev/null
+++ b/src/modules/pointer-events/declarations.ts
@@ -0,0 +1,25 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "pe:n": "pe:n",
+  "pe:a": "pe:a",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/pointer-events/index.ts b/src/modules/pointer-events/index.ts
new file mode 100644
index 0000000..964bd30
--- /dev/null
+++ b/src/modules/pointer-events/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type PointerEventsSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type PointerEventsModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: PointerEventsModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/pointer-events/sampleConfig.ts b/src/modules/pointer-events/sampleConfig.ts
new file mode 100644
index 0000000..92a198c
--- /dev/null
+++ b/src/modules/pointer-events/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "pointer-events",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/pointer-events/variableRuleMap.ts b/src/modules/pointer-events/variableRuleMap.ts
new file mode 100644
index 0000000..2d86e6d
--- /dev/null
+++ b/src/modules/pointer-events/variableRuleMap.ts
@@ -0,0 +1,16 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "pe:n": { name: names["pe:n"], key: "pointer-events", value: "none" },
+  "pe:a": { name: names["pe:a"], key: "pointer-events", value: "auto" },
+});
+
+export default getRules;
diff --git a/src/modules/position.ts b/src/modules/position.ts
deleted file mode 100644
index ef3f2ce..0000000
--- a/src/modules/position.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type PositionSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type PositionModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  topValues?: GenericObject | string;
-  rightValues?: GenericObject | string;
-  bottomValues?: GenericObject | string;
-  leftValues?: GenericObject | string;
-}
-
-const defaultNames = {
-  "pos:s": "poss",
-  "pos:a": "posa",
-  "pos:r": "posr",
-  "pos:f": "posf",
-  "pos:stky": "posstky",
-  t: "t",
-  "t:a": "ta",
-  r: "r",
-  "r:a": "ra",
-  b: "b",
-  "b:a": "ba",
-  l: "l",
-  "l:a": "la",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  "pos:s": { name: names["pos:s"], key: "position", value: "static" },
-  "pos:a": { name: names["pos:a"], key: "position", value: "absolute" },
-  "pos:r": { name: names["pos:r"], key: "position", value: "relative" },
-  "pos:f": { name: names["pos:f"], key: "position", value: "fixed" },
-  "pos:stky": { name: names["pos:stky"], key: "position", value: "sticky" },
-  t: { name: names["t"], key: "top", value: cfg.topValues },
-  "t:a": { name: names["t:a"], key: "top", value: "auto" },
-  r: { name: names["r"], key: "right", value: cfg.rightValues },
-  "r:a": { name: names["r:a"], key: "right", value: "auto" },
-  b: { name: names["b"], key: "bottom", value: cfg.bottomValues },
-  "b:a": { name: names["b:a"], key: "bottom", value: "auto" },
-  l: { name: names["l"], key: "left", value: cfg.leftValues },
-  "l:a": { name: names["l:a"], key: "left", value: "auto" },
-});
-
-const meta: Meta = {
-  module: "position",
-};
-
-const cssModule: PositionModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/position/declarations.ts b/src/modules/position/declarations.ts
new file mode 100644
index 0000000..fa592b4
--- /dev/null
+++ b/src/modules/position/declarations.ts
@@ -0,0 +1,57 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  topValues?: GenericObject | string;
+  rightValues?: GenericObject | string;
+  bottomValues?: GenericObject | string;
+  leftValues?: GenericObject | string;
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "pos:s": "poss",
+  "pos:a": "posa",
+  "pos:r": "posr",
+  "pos:f": "posf",
+  "pos:stky": "posstky",
+  t: "t",
+  "t:a": "ta",
+  r: "r",
+  "r:a": "ra",
+  b: "b",
+  "b:a": "ba",
+  l: "l",
+  "l:a": "la",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "t",
+    variable: "topValues",
+  },
+  {
+    name: "r",
+    variable: "rightValues",
+  },
+  {
+    name: "b",
+    variable: "bottomValues",
+  },
+  {
+    name: "l",
+    variable: "leftValues",
+  },
+];
diff --git a/src/modules/position/index.ts b/src/modules/position/index.ts
new file mode 100644
index 0000000..7acb075
--- /dev/null
+++ b/src/modules/position/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type PositionSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type PositionModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: PositionModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/position/sampleConfig.ts b/src/modules/position/sampleConfig.ts
new file mode 100644
index 0000000..3d3caab
--- /dev/null
+++ b/src/modules/position/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "position",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/position/variableRuleMap.ts b/src/modules/position/variableRuleMap.ts
new file mode 100644
index 0000000..0dc4541
--- /dev/null
+++ b/src/modules/position/variableRuleMap.ts
@@ -0,0 +1,27 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  "pos:s": { name: names["pos:s"], key: "position", value: "static" },
+  "pos:a": { name: names["pos:a"], key: "position", value: "absolute" },
+  "pos:r": { name: names["pos:r"], key: "position", value: "relative" },
+  "pos:f": { name: names["pos:f"], key: "position", value: "fixed" },
+  "pos:stky": { name: names["pos:stky"], key: "position", value: "sticky" },
+  t: { name: names["t"], key: "top", value: cfg.topValues },
+  "t:a": { name: names["t:a"], key: "top", value: "auto" },
+  r: { name: names["r"], key: "right", value: cfg.rightValues },
+  "r:a": { name: names["r:a"], key: "right", value: "auto" },
+  b: { name: names["b"], key: "bottom", value: cfg.bottomValues },
+  "b:a": { name: names["b:a"], key: "bottom", value: "auto" },
+  l: { name: names["l"], key: "left", value: cfg.leftValues },
+  "l:a": { name: names["l:a"], key: "left", value: "auto" },
+});
+
+export default getRules;
diff --git a/src/modules/resize.ts b/src/modules/resize.ts
deleted file mode 100644
index c6c8fc4..0000000
--- a/src/modules/resize.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type ResizeSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type ResizeModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "rsz:n": "rszn",
-  "rsz:b": "rszb",
-  "rsz:h": "rszh",
-  "rsz:v": "rszv",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "rsz:n": { name: names["rsz:n"], key: "resize", value: "none" },
-  "rsz:b": { name: names["rsz:b"], key: "resize", value: "both" },
-  "rsz:h": { name: names["rsz:h"], key: "resize", value: "horizontal" },
-  "rsz:v": { name: names["rsz:v"], key: "resize", value: "vertical" },
-});
-
-const meta: Meta = {
-  module: "resize",
-};
-
-const cssModule: ResizeModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/resize/declarations.ts b/src/modules/resize/declarations.ts
new file mode 100644
index 0000000..2a7b680
--- /dev/null
+++ b/src/modules/resize/declarations.ts
@@ -0,0 +1,27 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "rsz:n": "rszn",
+  "rsz:b": "rszb",
+  "rsz:h": "rszh",
+  "rsz:v": "rszv",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/resize/index.ts b/src/modules/resize/index.ts
new file mode 100644
index 0000000..9cce9e4
--- /dev/null
+++ b/src/modules/resize/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type ResizeSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type ResizeModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: ResizeModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/resize/sampleConfig.ts b/src/modules/resize/sampleConfig.ts
new file mode 100644
index 0000000..b2a2bbc
--- /dev/null
+++ b/src/modules/resize/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "resize",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/resize/variableRuleMap.ts b/src/modules/resize/variableRuleMap.ts
new file mode 100644
index 0000000..1ae0592
--- /dev/null
+++ b/src/modules/resize/variableRuleMap.ts
@@ -0,0 +1,18 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "rsz:n": { name: names["rsz:n"], key: "resize", value: "none" },
+  "rsz:b": { name: names["rsz:b"], key: "resize", value: "both" },
+  "rsz:h": { name: names["rsz:h"], key: "resize", value: "horizontal" },
+  "rsz:v": { name: names["rsz:v"], key: "resize", value: "vertical" },
+});
+
+export default getRules;
diff --git a/src/modules/sampleConfig.ts b/src/modules/sampleConfig.ts
new file mode 100644
index 0000000..6589b1b
--- /dev/null
+++ b/src/modules/sampleConfig.ts
@@ -0,0 +1,35 @@
+export { sampleConfigBuilder as animation } from "./animation";
+export { sampleConfigBuilder as backgroundImage } from "./background-image";
+export { sampleConfigBuilder as border } from "./border";
+export { sampleConfigBuilder as boxShadow } from "./box-shadow";
+export { sampleConfigBuilder as boxSizing } from "./box-sizing";
+export { sampleConfigBuilder as clear } from "./clear";
+export { sampleConfigBuilder as colors } from "./colors";
+export { sampleConfigBuilder as cursor } from "./cursor";
+export { sampleConfigBuilder as display } from "./display";
+export { sampleConfigBuilder as flexbox } from "./flexbox";
+export { sampleConfigBuilder as float } from "./float";
+export { sampleConfigBuilder as font } from "./font";
+export { sampleConfigBuilder as height } from "./height";
+export { sampleConfigBuilder as letterSpacing } from "./letter-spacing";
+export { sampleConfigBuilder as lineHeight } from "./line-height";
+export { sampleConfigBuilder as listStyle } from "./list-style";
+export { sampleConfigBuilder as opacity } from "./opacity";
+export { sampleConfigBuilder as outline } from "./outline";
+export { sampleConfigBuilder as overflow } from "./overflow";
+export { sampleConfigBuilder as pointerEvents } from "./pointer-events";
+export { sampleConfigBuilder as position } from "./position";
+export { sampleConfigBuilder as resize } from "./resize";
+export { sampleConfigBuilder as spacing } from "./spacing";
+export { sampleConfigBuilder as textAlign } from "./text-align";
+export { sampleConfigBuilder as textDecoration } from "./text-decoration";
+export { sampleConfigBuilder as textOverflow } from "./text-overflow";
+export { sampleConfigBuilder as textTransform } from "./text-transform";
+export { sampleConfigBuilder as transform } from "./transform";
+export { sampleConfigBuilder as transition } from "./transition";
+export { sampleConfigBuilder as verticalAlign } from "./vertical-align";
+export { sampleConfigBuilder as visibility } from "./visibility";
+export { sampleConfigBuilder as whiteSpace } from "./white-space";
+export { sampleConfigBuilder as width } from "./width";
+export { sampleConfigBuilder as useSelect } from "./user-select";
+export { sampleConfigBuilder as zIndex } from "./z-index";
diff --git a/src/modules/spacing/declarations.ts b/src/modules/spacing/declarations.ts
new file mode 100644
index 0000000..583d992
--- /dev/null
+++ b/src/modules/spacing/declarations.ts
@@ -0,0 +1,49 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  marginValues?: GenericObject | string[];
+  paddingValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  m: "m",
+  "m:a": "ma",
+  mt: "mt",
+  "mt:a": "mta",
+  mr: "mr",
+  "mr:a": "mra",
+  mb: "mb",
+  "mb:a": "mba",
+  ml: "ml",
+  "ml:a": "mla",
+  p: "p",
+  pt: "pt",
+  pr: "pr",
+  pb: "pb",
+  pl: "pl",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "m",
+    variable: "marginValues",
+  },
+  {
+    name: "p",
+    variable: "paddingValues",
+  },
+];
diff --git a/src/modules/spacing/index.ts b/src/modules/spacing/index.ts
new file mode 100644
index 0000000..eca581f
--- /dev/null
+++ b/src/modules/spacing/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type SpacingSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type SpacingModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: SpacingModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/spacing/sampleConfig.ts b/src/modules/spacing/sampleConfig.ts
new file mode 100644
index 0000000..270dda1
--- /dev/null
+++ b/src/modules/spacing/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "spacing",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/spacing.ts b/src/modules/spacing/variableRuleMap.ts
similarity index 56%
rename from src/modules/spacing.ts
rename to src/modules/spacing/variableRuleMap.ts
index 787a096..cdf009d 100644
--- a/src/modules/spacing.ts
+++ b/src/modules/spacing/variableRuleMap.ts
@@ -1,36 +1,13 @@
-import applyRules from "../util/applyRules";
+import { GetRules } from "../../types";
 
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type SpacingSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type SpacingModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  marginValues?: GenericObject | string[];
-  paddingValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  m: "m",
-  "m:a": "ma",
-  mt: "mt",
-  "mt:a": "mta",
-  mr: "mr",
-  "mr:a": "mra",
-  mb: "mb",
-  "mb:a": "mba",
-  ml: "ml",
-  "ml:a": "mla",
-  p: "p",
-  pt: "pt",
-  pr: "pr",
-  pb: "pb",
-  pl: "pl",
-};
+import { ConfigVariables } from "./declarations";
 
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
 const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   m: { name: names["m"], key: "margin", value: cfg.marginValues },
   "m:a": { name: names["m:a"], key: "margin", value: "auto" },
@@ -49,18 +26,4 @@ const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
   pl: { name: names["pl"], key: "padding-left", value: cfg.paddingValues },
 });
 
-const meta: Meta = {
-  module: "spacing",
-};
-
-const cssModule: SpacingModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
+export default getRules;
diff --git a/src/modules/text-align.ts b/src/modules/text-align.ts
deleted file mode 100644
index 70488f3..0000000
--- a/src/modules/text-align.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type TextAlignSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type TextAlignModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "ta:l": "tal",
-  "ta:c": "tac",
-  "ta:r": "tar",
-  "ta:j": "taj",
-  "tal:a": "tala",
-  "tal:l": "tall",
-  "tal:c": "talc",
-  "tal:r": "talr",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "ta:l": { name: names["ta:l"], key: "text-align", value: "left" },
-  "ta:c": { name: names["ta:c"], key: "text-align", value: "center" },
-  "ta:r": { name: names["ta:r"], key: "text-align", value: "right" },
-  "ta:j": { name: names["ta:j"], key: "text-align", value: "justify" },
-  "tal:a": { name: names["tal:a"], key: "text-align-last", value: "auto" },
-  "tal:l": { name: names["tal:l"], key: "text-align-last", value: "left" },
-  "tal:c": { name: names["tal:c"], key: "text-align-last", value: "center" },
-  "tal:r": { name: names["tal:r"], key: "text-align-last", value: "right" },
-});
-
-const meta: Meta = {
-  module: "text-align",
-};
-
-const cssModule: TextAlignModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/text-align/declarations.ts b/src/modules/text-align/declarations.ts
new file mode 100644
index 0000000..f0946ed
--- /dev/null
+++ b/src/modules/text-align/declarations.ts
@@ -0,0 +1,31 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "ta:l": "tal",
+  "ta:c": "tac",
+  "ta:r": "tar",
+  "ta:j": "taj",
+  "tal:a": "tala",
+  "tal:l": "tall",
+  "tal:c": "talc",
+  "tal:r": "talr",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/text-align/index.ts b/src/modules/text-align/index.ts
new file mode 100644
index 0000000..6ff4e30
--- /dev/null
+++ b/src/modules/text-align/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type TextAlignSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type TextAlignModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: TextAlignModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/text-align/sampleConfig.ts b/src/modules/text-align/sampleConfig.ts
new file mode 100644
index 0000000..e7372dc
--- /dev/null
+++ b/src/modules/text-align/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "text-align",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/text-align/variableRuleMap.ts b/src/modules/text-align/variableRuleMap.ts
new file mode 100644
index 0000000..1174602
--- /dev/null
+++ b/src/modules/text-align/variableRuleMap.ts
@@ -0,0 +1,22 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "ta:l": { name: names["ta:l"], key: "text-align", value: "left" },
+  "ta:c": { name: names["ta:c"], key: "text-align", value: "center" },
+  "ta:r": { name: names["ta:r"], key: "text-align", value: "right" },
+  "ta:j": { name: names["ta:j"], key: "text-align", value: "justify" },
+  "tal:a": { name: names["tal:a"], key: "text-align-last", value: "auto" },
+  "tal:l": { name: names["tal:l"], key: "text-align-last", value: "left" },
+  "tal:c": { name: names["tal:c"], key: "text-align-last", value: "center" },
+  "tal:r": { name: names["tal:r"], key: "text-align-last", value: "right" },
+});
+
+export default getRules;
diff --git a/src/modules/text-decoration.ts b/src/modules/text-decoration.ts
deleted file mode 100644
index a20f543..0000000
--- a/src/modules/text-decoration.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type TextDecorationSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type TextDecorationModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "td:n": "tdn",
-  "td:u": "tdu",
-  "td:o": "tdo",
-  "td:l": "tdl",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "td:n": { name: names["td:n"], key: "text-decoration", value: "none" },
-  "td:u": { name: names["td:u"], key: "text-decoration", value: "underline" },
-  "td:o": { name: names["td:o"], key: "text-decoration", value: "overline" },
-  "td:l": {
-    name: names["td:l"],
-    key: "text-decoration",
-    value: "line-through",
-  },
-});
-
-const meta: Meta = {
-  module: "text-decoration",
-};
-
-const cssModule: TextDecorationModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/text-decoration/declarations.ts b/src/modules/text-decoration/declarations.ts
new file mode 100644
index 0000000..bb452c8
--- /dev/null
+++ b/src/modules/text-decoration/declarations.ts
@@ -0,0 +1,27 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "td:n": "tdn",
+  "td:u": "tdu",
+  "td:o": "tdo",
+  "td:l": "tdl",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/text-decoration/index.ts b/src/modules/text-decoration/index.ts
new file mode 100644
index 0000000..832d680
--- /dev/null
+++ b/src/modules/text-decoration/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type TextDecorationSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type TextDecorationModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: TextDecorationModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/text-decoration/sampleConfig.ts b/src/modules/text-decoration/sampleConfig.ts
new file mode 100644
index 0000000..a29117d
--- /dev/null
+++ b/src/modules/text-decoration/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "text-decoration",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/text-decoration/variableRuleMap.ts b/src/modules/text-decoration/variableRuleMap.ts
new file mode 100644
index 0000000..5500323
--- /dev/null
+++ b/src/modules/text-decoration/variableRuleMap.ts
@@ -0,0 +1,22 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "td:n": { name: names["td:n"], key: "text-decoration", value: "none" },
+  "td:u": { name: names["td:u"], key: "text-decoration", value: "underline" },
+  "td:o": { name: names["td:o"], key: "text-decoration", value: "overline" },
+  "td:l": {
+    name: names["td:l"],
+    key: "text-decoration",
+    value: "line-through",
+  },
+});
+
+export default getRules;
diff --git a/src/modules/text-overflow.ts b/src/modules/text-overflow.ts
deleted file mode 100644
index d5ddb6b..0000000
--- a/src/modules/text-overflow.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type TextOverflowSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type TextOverflowModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  textOverflowValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  "tx:o": "txo",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  trf: {
-    name: names["tx:o"],
-    key: "text-overflow",
-    value: cfg.textOverflowValues,
-  },
-});
-
-const meta: Meta = {
-  module: "text-overflow",
-};
-
-const cssModule: TextOverflowModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/text-overflow/declarations.ts b/src/modules/text-overflow/declarations.ts
new file mode 100644
index 0000000..10d6de3
--- /dev/null
+++ b/src/modules/text-overflow/declarations.ts
@@ -0,0 +1,30 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  textOverflowValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "tx:o": "txo",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "tx:o",
+    variable: "textOverflowValues",
+  },
+];
diff --git a/src/modules/text-overflow/index.ts b/src/modules/text-overflow/index.ts
new file mode 100644
index 0000000..f691211
--- /dev/null
+++ b/src/modules/text-overflow/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type TextOverflowSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type TextOverflowModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: TextOverflowModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/text-overflow/sampleConfig.ts b/src/modules/text-overflow/sampleConfig.ts
new file mode 100644
index 0000000..5b6140d
--- /dev/null
+++ b/src/modules/text-overflow/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "text-overflow",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/text-overflow/variableRuleMap.ts b/src/modules/text-overflow/variableRuleMap.ts
new file mode 100644
index 0000000..6cf9cd9
--- /dev/null
+++ b/src/modules/text-overflow/variableRuleMap.ts
@@ -0,0 +1,19 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  trf: {
+    name: names["tx:o"],
+    key: "text-overflow",
+    value: cfg.textOverflowValues,
+  },
+});
+
+export default getRules;
diff --git a/src/modules/text-transform.ts b/src/modules/text-transform.ts
deleted file mode 100644
index d11c3b2..0000000
--- a/src/modules/text-transform.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, Meta, Module } from "../types";
-
-export type TextTransformSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type TextTransformModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "tt:n": "ttn",
-  "tt:c": "ttc",
-  "tt:u": "ttu",
-  "tt:l": "ttl",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "tt:n": { name: names["tt:n"], key: "text-transform", value: "none" },
-  "tt:c": { name: names["tt:c"], key: "text-transform", value: "capitalize" },
-  "tt:u": { name: names["tt:u"], key: "text-transform", value: "uppercase" },
-  "tt:l": { name: names["tt:l"], key: "text-transform", value: "lowercase" },
-});
-
-const meta: Meta = {
-  module: "text-transform",
-};
-
-const cssModule: TextTransformModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/text-transform/declarations.ts b/src/modules/text-transform/declarations.ts
new file mode 100644
index 0000000..721c663
--- /dev/null
+++ b/src/modules/text-transform/declarations.ts
@@ -0,0 +1,27 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "tt:n": "ttn",
+  "tt:c": "ttc",
+  "tt:u": "ttu",
+  "tt:l": "ttl",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/text-transform/index.ts b/src/modules/text-transform/index.ts
new file mode 100644
index 0000000..42bec24
--- /dev/null
+++ b/src/modules/text-transform/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type TextTransformSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type TextTransformModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: TextTransformModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/text-transform/sampleConfig.ts b/src/modules/text-transform/sampleConfig.ts
new file mode 100644
index 0000000..4d92130
--- /dev/null
+++ b/src/modules/text-transform/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "text-transform",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/text-transform/variableRuleMap.ts b/src/modules/text-transform/variableRuleMap.ts
new file mode 100644
index 0000000..569ecaa
--- /dev/null
+++ b/src/modules/text-transform/variableRuleMap.ts
@@ -0,0 +1,18 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "tt:n": { name: names["tt:n"], key: "text-transform", value: "none" },
+  "tt:c": { name: names["tt:c"], key: "text-transform", value: "capitalize" },
+  "tt:u": { name: names["tt:u"], key: "text-transform", value: "uppercase" },
+  "tt:l": { name: names["tt:l"], key: "text-transform", value: "lowercase" },
+});
+
+export default getRules;
diff --git a/src/modules/transform.ts b/src/modules/transform.ts
deleted file mode 100644
index bd44876..0000000
--- a/src/modules/transform.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type TransformSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type TransformModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  transformValues?: GenericObject | string;
-  transformOriginValues?: GenericObject | string;
-}
-
-const defaultNames = {
-  trf: "trf",
-  "trf:n": "trfn",
-  trfo: "trfo",
-  "trfs:f": "trfsf",
-  "trfs:p": "trfsp",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  trf: { name: names["trf"], key: "transform", value: cfg.transformValues },
-  "trf:n": { name: names["trf:n"], key: "transform", value: "none" },
-  trfo: {
-    name: names["trfo"],
-    key: "transform-origin",
-    value: cfg.transformOriginValues,
-  },
-  "trfs:f": { name: names["trfs:f"], key: "transform-style", value: "flat" },
-  "trfs:p": {
-    name: names["trfs:p"],
-    key: "transform-style",
-    value: "preserve-3d",
-  },
-});
-
-const meta: Meta = {
-  module: "transform",
-};
-
-const cssModule: TransformModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/transform/declarations.ts b/src/modules/transform/declarations.ts
new file mode 100644
index 0000000..d2ab767
--- /dev/null
+++ b/src/modules/transform/declarations.ts
@@ -0,0 +1,38 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  transformValues?: GenericObject | string;
+  transformOriginValues?: GenericObject | string;
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "tt:n": "ttn",
+  "tt:c": "ttc",
+  "tt:u": "ttu",
+  "tt:l": "ttl",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "trf",
+    variable: "transformValues",
+  },
+  {
+    name: "trfo",
+    variable: "transformOriginValues",
+  },
+];
diff --git a/src/modules/transform/index.ts b/src/modules/transform/index.ts
new file mode 100644
index 0000000..168d0fd
--- /dev/null
+++ b/src/modules/transform/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type TransformSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type TransformModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: TransformModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/transform/sampleConfig.ts b/src/modules/transform/sampleConfig.ts
new file mode 100644
index 0000000..663678a
--- /dev/null
+++ b/src/modules/transform/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "transform",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/transform/variableRuleMap.ts b/src/modules/transform/variableRuleMap.ts
new file mode 100644
index 0000000..99dc250
--- /dev/null
+++ b/src/modules/transform/variableRuleMap.ts
@@ -0,0 +1,27 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  trf: { name: names["trf"], key: "transform", value: cfg.transformValues },
+  "trf:n": { name: names["trf:n"], key: "transform", value: "none" },
+  trfo: {
+    name: names["trfo"],
+    key: "transform-origin",
+    value: cfg.transformOriginValues,
+  },
+  "trfs:f": { name: names["trfs:f"], key: "transform-style", value: "flat" },
+  "trfs:p": {
+    name: names["trfs:p"],
+    key: "transform-style",
+    value: "preserve-3d",
+  },
+});
+
+export default getRules;
diff --git a/src/modules/transition.ts b/src/modules/transition.ts
deleted file mode 100644
index ae4b9d1..0000000
--- a/src/modules/transition.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type TransitionSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type TransitionModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  transitionValues?: GenericObject | string[];
-  transitionDelayValues?: GenericObject | string[];
-  transitionDurationValues?: GenericObject | string[];
-  transitionPropertyValues?: GenericObject | string[];
-  transitionTimingFunctionValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  trs: "trs",
-  trsde: "trsde",
-  trsdu: "trsdu",
-  trsp: "trsp",
-  "trsp:n": "trspn",
-  "trsp:a": "trspa",
-  trstf: "trstf",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  trs: { name: names["trs"], key: "transition", value: cfg.transitionValues },
-  trsde: {
-    name: names["trsde"],
-    key: "transition-delay",
-    value: cfg.transitionDelayValues,
-  },
-  trsdu: {
-    name: names["trsdu"],
-    key: "transition-duration",
-    value: cfg.transitionDurationValues,
-  },
-  trsp: {
-    name: names["trsp"],
-    key: "transition-property",
-    value: cfg.transitionPropertyValues,
-  },
-  "trsp:n": {
-    name: names["trsp:n"],
-    key: "transition-property",
-    value: "none",
-  },
-  "trsp:a": {
-    name: names["trsp:a"],
-    key: "transition-property",
-    value: "all",
-  },
-  trstf: {
-    name: names["trstf"],
-    key: "transition-timing-function",
-    value: cfg.transitionTimingFunctionValues,
-  },
-});
-
-const meta: Meta = {
-  module: "transition",
-};
-
-const cssModule: TransitionModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/transition/declarations.ts b/src/modules/transition/declarations.ts
new file mode 100644
index 0000000..7378ef2
--- /dev/null
+++ b/src/modules/transition/declarations.ts
@@ -0,0 +1,56 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  transitionValues?: GenericObject | string[];
+  transitionDelayValues?: GenericObject | string[];
+  transitionDurationValues?: GenericObject | string[];
+  transitionPropertyValues?: GenericObject | string[];
+  transitionTimingFunctionValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  trs: "trs",
+  trsde: "trsde",
+  trsdu: "trsdu",
+  trsp: "trsp",
+  "trsp:n": "trspn",
+  "trsp:a": "trspa",
+  trstf: "trstf",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "trs",
+    variable: "transitionValues",
+  },
+  {
+    name: "trsde",
+    variable: "transitionDelayValues",
+  },
+  {
+    name: "trsdu",
+    variable: "transitionDurationValues",
+  },
+  {
+    name: "trsp",
+    variable: "transitionPropertyValues",
+  },
+  {
+    name: "trstf",
+    variable: "transitionTimingFunctionValues",
+  },
+];
diff --git a/src/modules/transition/index.ts b/src/modules/transition/index.ts
new file mode 100644
index 0000000..0f8ccf7
--- /dev/null
+++ b/src/modules/transition/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type TransitionSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type TransitionModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: TransitionModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/transition/sampleConfig.ts b/src/modules/transition/sampleConfig.ts
new file mode 100644
index 0000000..aa0f96d
--- /dev/null
+++ b/src/modules/transition/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "transition",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/transition/variableRuleMap.ts b/src/modules/transition/variableRuleMap.ts
new file mode 100644
index 0000000..18ca726
--- /dev/null
+++ b/src/modules/transition/variableRuleMap.ts
@@ -0,0 +1,45 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  trs: { name: names["trs"], key: "transition", value: cfg.transitionValues },
+  trsde: {
+    name: names["trsde"],
+    key: "transition-delay",
+    value: cfg.transitionDelayValues,
+  },
+  trsdu: {
+    name: names["trsdu"],
+    key: "transition-duration",
+    value: cfg.transitionDurationValues,
+  },
+  trsp: {
+    name: names["trsp"],
+    key: "transition-property",
+    value: cfg.transitionPropertyValues,
+  },
+  "trsp:n": {
+    name: names["trsp:n"],
+    key: "transition-property",
+    value: "none",
+  },
+  "trsp:a": {
+    name: names["trsp:a"],
+    key: "transition-property",
+    value: "all",
+  },
+  trstf: {
+    name: names["trstf"],
+    key: "transition-timing-function",
+    value: cfg.transitionTimingFunctionValues,
+  },
+});
+
+export default getRules;
diff --git a/src/modules/user-select.ts b/src/modules/user-select.ts
deleted file mode 100644
index 6d477b7..0000000
--- a/src/modules/user-select.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type UserSelectSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type UserSelectModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "us:n": "us:n",
-  "us:au": "us:au",
-  "us:t": "us:t",
-  "us:c": "us:c",
-  "us:a": "us:a",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "us:n": { name: names["us:n"], key: "user-select", value: "none" },
-  "us:au": { name: names["us:au"], key: "user-select", value: "auto" },
-  "us:t": { name: names["us:t"], key: "user-select", value: "text" },
-  "us:c": { name: names["us:c"], key: "user-select", value: "contain" },
-  "us:a": { name: names["us:a"], key: "user-select", value: "all" },
-});
-
-const meta: Meta = {
-  module: "user-select",
-};
-
-const cssModule: UserSelectModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/user-select/declarations.ts b/src/modules/user-select/declarations.ts
new file mode 100644
index 0000000..8a5646a
--- /dev/null
+++ b/src/modules/user-select/declarations.ts
@@ -0,0 +1,28 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "us:n": "us:n",
+  "us:au": "us:au",
+  "us:t": "us:t",
+  "us:c": "us:c",
+  "us:a": "us:a",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/user-select/index.ts b/src/modules/user-select/index.ts
new file mode 100644
index 0000000..3b3acc6
--- /dev/null
+++ b/src/modules/user-select/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type UserSelectSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type UserSelectModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: UserSelectModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/user-select/sampleConfig.ts b/src/modules/user-select/sampleConfig.ts
new file mode 100644
index 0000000..e976040
--- /dev/null
+++ b/src/modules/user-select/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "user-select",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/user-select/variableRuleMap.ts b/src/modules/user-select/variableRuleMap.ts
new file mode 100644
index 0000000..46e938f
--- /dev/null
+++ b/src/modules/user-select/variableRuleMap.ts
@@ -0,0 +1,19 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "us:n": { name: names["us:n"], key: "user-select", value: "none" },
+  "us:au": { name: names["us:au"], key: "user-select", value: "auto" },
+  "us:t": { name: names["us:t"], key: "user-select", value: "text" },
+  "us:c": { name: names["us:c"], key: "user-select", value: "contain" },
+  "us:a": { name: names["us:a"], key: "user-select", value: "all" },
+});
+
+export default getRules;
diff --git a/src/modules/vertical-align.ts b/src/modules/vertical-align.ts
deleted file mode 100644
index 2f1a3c6..0000000
--- a/src/modules/vertical-align.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, Meta, Module } from "../types";
-
-export type VerticalAlignSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type VerticalAlignModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "va:sup": "vasup",
-  "va:t": "vat",
-  "va:tt": "vatt",
-  "va:m": "vam",
-  "va:bl": "vabl",
-  "va:b": "vab",
-  "va:tb": "vatb",
-  "va:sub": "vasub",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "va:sup": { name: names["va:sup"], key: "vertical-align", value: "super" },
-  "va:t": { name: names["va:t"], key: "vertical-align", value: "top" },
-  "va:tt": { name: names["va:tt"], key: "vertical-align", value: "text-top" },
-  "va:m": { name: names["va:m"], key: "vertical-align", value: "middle" },
-  "va:bl": { name: names["va:bl"], key: "vertical-align", value: "baseline" },
-  "va:b": { name: names["va:b"], key: "vertical-align", value: "bottom" },
-  "va:tb": {
-    name: names["va:tb"],
-    key: "vertical-align",
-    value: "text-bottom",
-  },
-  "va:sub": { name: names["va:sub"], key: "vertical-align", value: "sub" },
-});
-
-const meta: Meta = {
-  module: "vertical-align",
-};
-
-const cssModule: VerticalAlignModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/vertical-align/declarations.ts b/src/modules/vertical-align/declarations.ts
new file mode 100644
index 0000000..c87c359
--- /dev/null
+++ b/src/modules/vertical-align/declarations.ts
@@ -0,0 +1,31 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "va:sup": "vasup",
+  "va:t": "vat",
+  "va:tt": "vatt",
+  "va:m": "vam",
+  "va:bl": "vabl",
+  "va:b": "vab",
+  "va:tb": "vatb",
+  "va:sub": "vasub",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/vertical-align/index.ts b/src/modules/vertical-align/index.ts
new file mode 100644
index 0000000..a993b4c
--- /dev/null
+++ b/src/modules/vertical-align/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type VerticalAlignSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type VerticalAlignModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: VerticalAlignModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/vertical-align/sampleConfig.ts b/src/modules/vertical-align/sampleConfig.ts
new file mode 100644
index 0000000..c59cbed
--- /dev/null
+++ b/src/modules/vertical-align/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "vertical-align",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/vertical-align/variableRuleMap.ts b/src/modules/vertical-align/variableRuleMap.ts
new file mode 100644
index 0000000..db7aeaa
--- /dev/null
+++ b/src/modules/vertical-align/variableRuleMap.ts
@@ -0,0 +1,26 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "va:sup": { name: names["va:sup"], key: "vertical-align", value: "super" },
+  "va:t": { name: names["va:t"], key: "vertical-align", value: "top" },
+  "va:tt": { name: names["va:tt"], key: "vertical-align", value: "text-top" },
+  "va:m": { name: names["va:m"], key: "vertical-align", value: "middle" },
+  "va:bl": { name: names["va:bl"], key: "vertical-align", value: "baseline" },
+  "va:b": { name: names["va:b"], key: "vertical-align", value: "bottom" },
+  "va:tb": {
+    name: names["va:tb"],
+    key: "vertical-align",
+    value: "text-bottom",
+  },
+  "va:sub": { name: names["va:sub"], key: "vertical-align", value: "sub" },
+});
+
+export default getRules;
diff --git a/src/modules/visibility.ts b/src/modules/visibility.ts
deleted file mode 100644
index 79aa11e..0000000
--- a/src/modules/visibility.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type VisibilitySupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type VisibilityModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "v:v": "vv",
-  "v:h": "vh",
-  "v:c": "vc",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "v:v": { name: names["v:v"], key: "visibility", value: "visible" },
-  "v:h": { name: names["v:h"], key: "visibility", value: "hidden" },
-  "v:c": { name: names["v:c"], key: "visibility", value: "collapse" },
-});
-
-const meta: Meta = {
-  module: "visibility",
-};
-
-const cssModule: VisibilityModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/visibility/declarations.ts b/src/modules/visibility/declarations.ts
new file mode 100644
index 0000000..05a255c
--- /dev/null
+++ b/src/modules/visibility/declarations.ts
@@ -0,0 +1,26 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "v:v": "vv",
+  "v:h": "vh",
+  "v:c": "vc",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/visibility/index.ts b/src/modules/visibility/index.ts
new file mode 100644
index 0000000..f9260a1
--- /dev/null
+++ b/src/modules/visibility/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type VisibilitySupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type VisibilityModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: VisibilityModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/visibility/sampleConfig.ts b/src/modules/visibility/sampleConfig.ts
new file mode 100644
index 0000000..3de234a
--- /dev/null
+++ b/src/modules/visibility/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "visibility",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/visibility/variableRuleMap.ts b/src/modules/visibility/variableRuleMap.ts
new file mode 100644
index 0000000..e46a140
--- /dev/null
+++ b/src/modules/visibility/variableRuleMap.ts
@@ -0,0 +1,17 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "v:v": { name: names["v:v"], key: "visibility", value: "visible" },
+  "v:h": { name: names["v:h"], key: "visibility", value: "hidden" },
+  "v:c": { name: names["v:c"], key: "visibility", value: "collapse" },
+});
+
+export default getRules;
diff --git a/src/modules/white-space.ts b/src/modules/white-space.ts
deleted file mode 100644
index 801adfa..0000000
--- a/src/modules/white-space.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type WhiteSpaceSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type WhiteSpaceModuleType = Module<ConfigVariables>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ConfigVariables {}
-
-const defaultNames = {
-  "whs:n": "whsn",
-  "whs:p": "whsp",
-  "whs:nw": "whsnw",
-  "whs:pw": "whspw",
-  "whs:pl": "whspl",
-};
-
-const getRules: GetRules<ConfigVariables> = (names) => ({
-  "whs:n": { name: names["whs:n"], key: "white-space", value: "normal" },
-  "whs:p": { name: names["whs:p"], key: "white-space", value: "pre" },
-  "whs:nw": { name: names["whs:nw"], key: "white-space", value: "nowrap" },
-  "whs:pw": { name: names["whs:pw"], key: "white-space", value: "pre-wrap" },
-  "whs:pl": { name: names["whs:pl"], key: "white-space", value: "pre-line" },
-});
-
-const meta: Meta = {
-  module: "white-space",
-};
-
-const cssModule: WhiteSpaceModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/white-space/declarations.ts b/src/modules/white-space/declarations.ts
new file mode 100644
index 0000000..61065b1
--- /dev/null
+++ b/src/modules/white-space/declarations.ts
@@ -0,0 +1,28 @@
+import { Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ConfigVariables {}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  "whs:n": "whsn",
+  "whs:p": "whsp",
+  "whs:nw": "whsnw",
+  "whs:pw": "whspw",
+  "whs:pl": "whspl",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [];
diff --git a/src/modules/white-space/index.ts b/src/modules/white-space/index.ts
new file mode 100644
index 0000000..b46ba5f
--- /dev/null
+++ b/src/modules/white-space/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type WhiteSpaceSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type WhiteSpaceModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: WhiteSpaceModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/white-space/sampleConfig.ts b/src/modules/white-space/sampleConfig.ts
new file mode 100644
index 0000000..5485ef1
--- /dev/null
+++ b/src/modules/white-space/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "white-space",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/white-space/variableRuleMap.ts b/src/modules/white-space/variableRuleMap.ts
new file mode 100644
index 0000000..e945633
--- /dev/null
+++ b/src/modules/white-space/variableRuleMap.ts
@@ -0,0 +1,19 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names) => ({
+  "whs:n": { name: names["whs:n"], key: "white-space", value: "normal" },
+  "whs:p": { name: names["whs:p"], key: "white-space", value: "pre" },
+  "whs:nw": { name: names["whs:nw"], key: "white-space", value: "nowrap" },
+  "whs:pw": { name: names["whs:pw"], key: "white-space", value: "pre-wrap" },
+  "whs:pl": { name: names["whs:pl"], key: "white-space", value: "pre-line" },
+});
+
+export default getRules;
diff --git a/src/modules/width.ts b/src/modules/width.ts
deleted file mode 100644
index f1e2e02..0000000
--- a/src/modules/width.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type WidthSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type WidthModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  widthValues?: GenericObject | string[];
-  maxWidthValues?: GenericObject | string[];
-  minWidthValues?: GenericObject | string[];
-}
-
-const defaultNames = {
-  w: "w",
-  "w:a": "wa",
-  maw: "maw",
-  "maw:n": "mawn",
-  miw: "miw",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  w: { name: names["w"], key: "width", value: cfg.widthValues },
-  "w:a": { name: names["w:a"], key: "width", value: "auto" },
-  maw: { name: names["maw"], key: "max-width", value: cfg.maxWidthValues },
-  "maw:n": { name: names["maw:n"], key: "max-width", value: "none" },
-  miw: { name: names["miw"], key: "min-width", value: cfg.minWidthValues },
-});
-
-const meta: Meta = {
-  module: "width",
-};
-
-const cssModule: WidthModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/width/declarations.ts b/src/modules/width/declarations.ts
new file mode 100644
index 0000000..bf103c3
--- /dev/null
+++ b/src/modules/width/declarations.ts
@@ -0,0 +1,44 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  widthValues?: GenericObject | string[];
+  maxWidthValues?: GenericObject | string[];
+  minWidthValues?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  w: "w",
+  "w:a": "wa",
+  maw: "maw",
+  "maw:n": "mawn",
+  miw: "miw",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "w",
+    variable: "widthValues",
+  },
+  {
+    name: "maw",
+    variable: "maxWidthValues",
+  },
+  {
+    name: "miw",
+    variable: "minWidthValues",
+  },
+];
diff --git a/src/modules/width/index.ts b/src/modules/width/index.ts
new file mode 100644
index 0000000..fee1e05
--- /dev/null
+++ b/src/modules/width/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type WidthSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type WidthModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: WidthModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/width/sampleConfig.ts b/src/modules/width/sampleConfig.ts
new file mode 100644
index 0000000..58cf2f8
--- /dev/null
+++ b/src/modules/width/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "width",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/width/variableRuleMap.ts b/src/modules/width/variableRuleMap.ts
new file mode 100644
index 0000000..71962f8
--- /dev/null
+++ b/src/modules/width/variableRuleMap.ts
@@ -0,0 +1,19 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  w: { name: names["w"], key: "width", value: cfg.widthValues },
+  "w:a": { name: names["w:a"], key: "width", value: "auto" },
+  maw: { name: names["maw"], key: "max-width", value: cfg.maxWidthValues },
+  "maw:n": { name: names["maw:n"], key: "max-width", value: "none" },
+  miw: { name: names["miw"], key: "min-width", value: cfg.minWidthValues },
+});
+
+export default getRules;
diff --git a/src/modules/z-index.ts b/src/modules/z-index.ts
deleted file mode 100644
index cc6f92d..0000000
--- a/src/modules/z-index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import applyRules from "../util/applyRules";
-
-import { GetRules, GenericObject, Meta, Module } from "../types";
-
-export type ZIndexSupportedTypes = {
-  [key in keyof typeof defaultNames]?: string;
-};
-
-export type ZIndexModuleType = Module<ConfigVariables>;
-
-export interface ConfigVariables {
-  values?: GenericObject | string;
-}
-
-const defaultNames = {
-  z: "z",
-  "z:a": "za",
-};
-
-const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
-  z: { name: names["z"], key: "z-index", value: cfg.values },
-  "z:a": { name: names["z:a"], key: "z-index", value: "auto" },
-});
-
-const meta: Meta = {
-  module: "z-index",
-};
-
-const cssModule: ZIndexModuleType = (config) => (globalConfig) => {
-  return applyRules({
-    config,
-    globalConfig,
-    defaultNames,
-    getRules,
-    meta: Object.assign({}, meta, config && config.meta),
-  });
-};
-
-export default cssModule;
diff --git a/src/modules/z-index/declarations.ts b/src/modules/z-index/declarations.ts
new file mode 100644
index 0000000..b07a701
--- /dev/null
+++ b/src/modules/z-index/declarations.ts
@@ -0,0 +1,31 @@
+import { GenericObject, Module, BuilderConfigVariable } from "../../types";
+
+/**
+ * Interface: Variables
+ */
+export interface ConfigVariables {
+  values?: GenericObject | string[];
+}
+
+/**
+ * Type: Module
+ */
+export type ModuleType = Module<ConfigVariables>;
+
+/**
+ * Supported Declarations
+ * */
+export const defaultNames = {
+  z: "z",
+  "z:a": "za",
+};
+
+/**
+ * Builder config for variables
+ * */
+export const configVariables: BuilderConfigVariable[] = [
+  {
+    name: "z",
+    variable: "values",
+  },
+];
diff --git a/src/modules/z-index/index.ts b/src/modules/z-index/index.ts
new file mode 100644
index 0000000..1e29a17
--- /dev/null
+++ b/src/modules/z-index/index.ts
@@ -0,0 +1,39 @@
+import applyRules from "../../util/applyRules";
+
+import { Module } from "../../types";
+
+import { defaultNames, ConfigVariables, configVariables } from "./declarations";
+import { meta } from "./sampleConfig";
+import getRules from "./variableRuleMap";
+
+/**
+ * Type: Supported declarations
+ */
+export type ZIndexSupportedTypes = {
+  [key in keyof typeof defaultNames]?: string;
+};
+
+/**
+ * Type: Postcss Module
+ */
+export type ZIndexModuleType = Module<ConfigVariables>;
+
+/**
+ *
+ * @param config Module config
+ * @returns
+ */
+const cssModule: ZIndexModuleType = (config) => (globalConfig) => {
+  return applyRules({
+    config,
+    globalConfig,
+    defaultNames,
+    getRules,
+    meta: Object.assign({}, meta, config && config.meta),
+  });
+};
+
+export default cssModule;
+
+export { defaultNames, configVariables };
+export { default as sampleConfigBuilder } from "./sampleConfig";
diff --git a/src/modules/z-index/sampleConfig.ts b/src/modules/z-index/sampleConfig.ts
new file mode 100644
index 0000000..5099621
--- /dev/null
+++ b/src/modules/z-index/sampleConfig.ts
@@ -0,0 +1,22 @@
+import { BuildHelperFunction, Meta } from "../../types";
+
+import configBuilder from "../../builder/config";
+
+import { defaultNames, configVariables } from "./declarations";
+
+/**
+ * Module meta data
+ */
+export const meta: Meta = {
+  module: "z-index",
+};
+
+/** Helper function to build sample config for this module */
+const sampleConfigBuilder: BuildHelperFunction = () =>
+  configBuilder({
+    moduleName: meta.module,
+    names: defaultNames,
+    configVariables,
+  });
+
+export default sampleConfigBuilder;
diff --git a/src/modules/z-index/variableRuleMap.ts b/src/modules/z-index/variableRuleMap.ts
new file mode 100644
index 0000000..88e8ac8
--- /dev/null
+++ b/src/modules/z-index/variableRuleMap.ts
@@ -0,0 +1,16 @@
+import { GetRules } from "../../types";
+
+import { ConfigVariables } from "./declarations";
+
+/**
+ *
+ * @param names CSS declarations
+ * @param cfg Module config
+ * @returns
+ */
+const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
+  z: { name: names["z"], key: "z-index", value: cfg.values },
+  "z:a": { name: names["z:a"], key: "z-index", value: "auto" },
+});
+
+export default getRules;
diff --git a/src/plugins/docs.ts b/src/plugins/docs.ts
index f3551ad..4f9af02 100644
--- a/src/plugins/docs.ts
+++ b/src/plugins/docs.ts
@@ -1,9 +1,8 @@
 import path from "path";
+import { promises as fsAsync } from "fs";
 import saveFile from "../helpers/save-file";
 import { Root } from "postcss";
 
-import buildDocPartials from "../helpers/build-doc-partials";
-import buildIndex from "../helpers/build-index";
 import traverse, { CreatedNode } from "../util/traverse";
 
 import { GlobalUtilityConfig } from "../types";
@@ -31,31 +30,19 @@ export default (
 
   if (output) {
     const { dir: dirPath } = path.parse(output);
-    const packageName = "Utility";
 
-    const {
-      headHtml,
-      navHtml,
-      sidebarHtml,
-      sectionsHtml,
-      statsHtml,
-    } = await buildDocPartials({
-      packageName,
-      modules,
-      atomCss: root.toString(),
-    });
-
-    const indexHtml = await buildIndex({
-      packageName,
-      headHtml,
-      navHtml,
-      sidebarHtml,
-      sectionsHtml,
-      statsHtml,
-    });
+    const newHtml = await fsAsync
+      .readFile(
+        path.join(
+          path.dirname(require.resolve("@utilitycss/electron-doc")),
+          "index.html"
+        ),
+        "utf-8"
+      )
+      .then((html) => html.replace(/\$resultData/, JSON.stringify(modules)));
 
     await saveFile({
-      content: indexHtml,
+      content: newHtml,
       filePath: output,
       dirPath,
       openFile,
diff --git a/src/types.ts b/src/types.ts
index 92a4d17..68c50a9 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -3,7 +3,13 @@ export type GenericObject = {
   [key in GenericObjectKeys]: string | number;
 };
 
-export type PseudoClass = ":hover" | ":focus" | ":active";
+export const PSEUDO_CLASS = {
+  HOVER: ":hover",
+  FOCUS: ":focus",
+  ACTIVE: ":active",
+} as const;
+
+export type PseudoClass = typeof PSEUDO_CLASS[keyof typeof PSEUDO_CLASS];
 
 export type UtilityConfig<T extends any> = T & {
   names?: GenericObject;
@@ -172,3 +178,10 @@ export interface PluginConfig {
   modules: any[];
   plugins: any[];
 }
+
+export interface BuilderConfigVariable {
+  name: string;
+  variable: string;
+}
+
+export type BuildHelperFunction = () => string;
diff --git a/yarn.lock b/yarn.lock
index efc2010..5a396fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -266,6 +266,11 @@
   resolved "https://registry.yarnpkg.com/@ungap/promise-all-settled/-/promise-all-settled-1.1.2.tgz#aa58042711d6e3275dd37dc597e5d31e8c290a44"
   integrity sha512-sL/cEvJWAnClXw0wHk85/2L0G6Sj8UB0Ctc1TEMbKSsmpRosqhwj9gWgFRZSrBr2f9tiXISwNhCPmlfqUqyb9Q==
 
+"@utilitycss/electron-doc@^0.0.2":
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/@utilitycss/electron-doc/-/electron-doc-0.0.2.tgz#08d3277207c1d13eed1927e13177cbd7a8aa5404"
+  integrity sha512-d4V12zQyS6O+JTrp+5QFMWWiU4NSuPX7R/1wBMMUInLK7+r7Z0D/FidVN5eDXy6cKvAhkcZ91julQXaAYw+4HA==
+
 acorn-jsx@^5.2.0, acorn-jsx@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b"