diff --git a/package-lock.json b/package-lock.json
index 27e12db..a2f7aab 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "siteomat-blog",
+    "name": "blog",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
@@ -10,9 +10,9 @@
                 "riot": "^7.1.0"
             },
             "devDependencies": {
-                "@helpers/siteomat-webpack-plugin": "^0.5.0",
                 "@riotjs/compiler": "^6.4.2",
                 "@riotjs/webpack-loader": "^6.0.0",
+                "@site-o-mat/webpack-plugin": "^0.2.0",
                 "cross-env": "^7.0.3",
                 "laravel-mix": "^6.0.34",
                 "laravel-mix-purgecss": "^6.0.0",
@@ -1788,39 +1788,6 @@
                 "@hapi/hoek": "^9.0.0"
             }
         },
-        "node_modules/@helpers/siteomat-query": {
-            "version": "0.1.0",
-            "resolved": "https://gitea.node001.net/api/packages/HerrHase/npm/%40helpers%2Fsiteomat-query/-/0.1.0/siteomat-query-0.1.0.tgz",
-            "integrity": "sha512-5I5XrfZKCJ+RQ4phO/oI+0Wjb54jwRX3npbmDtZZ7sVHkLfYyBwKR+Zs3//MAKBOOUC44jeFp6RO3Si+IroZvg==",
-            "dev": true,
-            "dependencies": {
-                "assign-deep": "^1.0.1",
-                "lodash.orderby": "^4.6.0"
-            }
-        },
-        "node_modules/@helpers/siteomat-webpack-plugin": {
-            "version": "0.5.0",
-            "resolved": "https://gitea.node001.net/api/packages/HerrHase/npm/%40helpers%2Fsiteomat-webpack-plugin/-/0.5.0/siteomat-webpack-plugin-0.5.0.tgz",
-            "integrity": "sha512-GgvtofV0B61xRuUx1Me2ym+jvvLlTn6okdKOCKyxfA17UlzTtC6kFxUsWh6/Z8fwn6iH39p/hYEoGefU4OfGAw==",
-            "dev": true,
-            "dependencies": {
-                "@helpers/siteomat-query": "^0.1.0",
-                "assign-deep": "^1.0.1",
-                "crypto": "^1.0.1",
-                "dayjs": "^1.11.6",
-                "fast-xml-parser": "^4.0.11",
-                "html-minifier": "^4.0.0",
-                "js-yaml": "^4.1.0",
-                "lodash.merge": "^4.6.2",
-                "lodash.orderby": "^4.6.0",
-                "marked": "^4.1.1",
-                "mkdirp": "^1.0.4",
-                "nunjucks": "^3.2.3",
-                "sharp": "^0.31.1",
-                "slugify": "^1.6.5",
-                "yaml": "^2.1.3"
-            }
-        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -2028,6 +1995,48 @@
             "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
             "dev": true
         },
+        "node_modules/@site-o-mat/core": {
+            "version": "0.2.0",
+            "resolved": "https://gitea.node001.net/api/packages/site-o-mat/npm/%40site-o-mat%2Fcore/-/0.2.0/core-0.2.0.tgz",
+            "integrity": "sha512-PerMib9IQKg6i8AnF0wmT4jHsJ8jnT5nL5+E1qhd1WHEQoc0qb6tndi+D+H35CILIEjaVF4OUbpJs88bwYMfdQ==",
+            "dev": true,
+            "dependencies": {
+                "@site-o-mat/query": "^0.1.0",
+                "assign-deep": "^1.0.1",
+                "crypto": "^1.0.1",
+                "dayjs": "^1.11.6",
+                "fast-xml-parser": "^4.0.11",
+                "html-minifier": "^4.0.0",
+                "js-yaml": "^4.1.0",
+                "lodash.merge": "^4.6.2",
+                "lodash.orderby": "^4.6.0",
+                "marked": "^4.1.1",
+                "mkdirp": "^1.0.4",
+                "nunjucks": "^3.2.3",
+                "sharp": "^0.31.1",
+                "slugify": "^1.6.5",
+                "yaml": "^2.1.3"
+            }
+        },
+        "node_modules/@site-o-mat/query": {
+            "version": "0.1.0",
+            "resolved": "https://gitea.node001.net/api/packages/site-o-mat/npm/%40site-o-mat%2Fquery/-/0.1.0/query-0.1.0.tgz",
+            "integrity": "sha512-lyVewrElI5d32v4nhlMBdHLntjrqSQ6hMU8jDTFtFVfm78Pw8CwEjWOEYUKwMHwv89wXBP/YyFuCtBz0HtPOEQ==",
+            "dev": true,
+            "dependencies": {
+                "assign-deep": "^1.0.1",
+                "lodash.orderby": "^4.6.0"
+            }
+        },
+        "node_modules/@site-o-mat/webpack-plugin": {
+            "version": "0.2.0",
+            "resolved": "https://gitea.node001.net/api/packages/site-o-mat/npm/%40site-o-mat%2Fwebpack-plugin/-/0.2.0/webpack-plugin-0.2.0.tgz",
+            "integrity": "sha512-x4tgvnB5LeKx9KeJPAW3CV/jmu0KWZR75llSMui0UQevFdhC+CDOhaVZmcKSzxFrCUQe/we7/K6gc8TokQUMMA==",
+            "dev": true,
+            "dependencies": {
+                "@site-o-mat/core": "^0.2.0"
+            }
+        },
         "node_modules/@tiny-components/plain-ui": {
             "version": "0.5.0",
             "resolved": "https://registry.npmjs.org/@tiny-components/plain-ui/-/plain-ui-0.5.0.tgz",
@@ -4724,9 +4733,9 @@
             "dev": true
         },
         "node_modules/fast-xml-parser": {
-            "version": "4.0.12",
-            "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.0.12.tgz",
-            "integrity": "sha512-/Nmo3823Rfx7UTJosQNz6hBVbszfv1Unb7A4iNJZhvCGCgtIHv/uODmrYIH8vc05+XKZ4hNIOv6SlBejvJgATw==",
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.1.2.tgz",
+            "integrity": "sha512-CDYeykkle1LiA/uqQyNwYpFbyF6Axec6YapmpUP+/RHWIoR1zKjocdvNaTsxCxZzQ6v9MLXaSYm9Qq0thv0DHg==",
             "dev": true,
             "dependencies": {
                 "strnum": "^1.0.5"
@@ -6197,9 +6206,9 @@
             }
         },
         "node_modules/marked": {
-            "version": "4.2.4",
-            "resolved": "https://registry.npmjs.org/marked/-/marked-4.2.4.tgz",
-            "integrity": "sha512-Wcc9ikX7Q5E4BYDPvh1C6QNSxrjC9tBgz+A/vAhp59KXUgachw++uMvMKiSW8oA85nopmPZcEvBoex/YLMsiyA==",
+            "version": "4.2.12",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-4.2.12.tgz",
+            "integrity": "sha512-yr8hSKa3Fv4D3jdZmtMMPghgVt6TWbk86WQaWhDloQjRSQhMMYCAro7jP7VDJrjjdV8pxVxMssXS8B8Y5DZ5aw==",
             "dev": true,
             "bin": {
                 "marked": "bin/marked.js"
@@ -6534,9 +6543,9 @@
             }
         },
         "node_modules/node-abi": {
-            "version": "3.30.0",
-            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.30.0.tgz",
-            "integrity": "sha512-qWO5l3SCqbwQavymOmtTVuCWZE23++S+rxyoHjXqUmPyzRcaoI4lA2gO55/drddGnedAyjA7sk76SfQ5lfUMnw==",
+            "version": "3.33.0",
+            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.33.0.tgz",
+            "integrity": "sha512-7GGVawqyHF4pfd0YFybhv/eM9JwTtPqx0mAanQ146O3FlSh3pA24zf9IRQTOsfTSqXTNzPSP5iagAJ94jjuVog==",
             "dev": true,
             "dependencies": {
                 "semver": "^7.3.5"
@@ -6546,9 +6555,9 @@
             }
         },
         "node_modules/node-addon-api": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.0.0.tgz",
-            "integrity": "sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==",
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+            "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==",
             "dev": true
         },
         "node_modules/node-forge": {
@@ -8534,9 +8543,9 @@
             }
         },
         "node_modules/sharp": {
-            "version": "0.31.2",
-            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.2.tgz",
-            "integrity": "sha512-DUdNVEXgS5A97cTagSLIIp8dUZ/lZtk78iNVZgHdHbx1qnQR7JAHY0BnXnwwH39Iw+VKhO08CTYhIg0p98vQ5Q==",
+            "version": "0.31.3",
+            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.3.tgz",
+            "integrity": "sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==",
             "dev": true,
             "hasInstallScript": true,
             "dependencies": {
@@ -10043,9 +10052,9 @@
             "dev": true
         },
         "node_modules/yaml": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.1.3.tgz",
-            "integrity": "sha512-AacA8nRULjKMX2DvWvOAdBZMOfQlypSFkjcOcu9FalllIDJ1kvlREzcdIZmidQUqqeMv7jorHjq2HlLv/+c2lg==",
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.1.tgz",
+            "integrity": "sha512-e0WHiYql7+9wr4cWMx3TVQrNwejKaEe7/rHNmQmqRjazfOP5W8PB6Jpebb5o6fIapbz9o9+2ipcaTM2ZwDI6lw==",
             "dev": true,
             "engines": {
                 "node": ">= 14"
@@ -11331,39 +11340,6 @@
                 "@hapi/hoek": "^9.0.0"
             }
         },
-        "@helpers/siteomat-query": {
-            "version": "0.1.0",
-            "resolved": "https://gitea.node001.net/api/packages/HerrHase/npm/%40helpers%2Fsiteomat-query/-/0.1.0/siteomat-query-0.1.0.tgz",
-            "integrity": "sha512-5I5XrfZKCJ+RQ4phO/oI+0Wjb54jwRX3npbmDtZZ7sVHkLfYyBwKR+Zs3//MAKBOOUC44jeFp6RO3Si+IroZvg==",
-            "dev": true,
-            "requires": {
-                "assign-deep": "^1.0.1",
-                "lodash.orderby": "^4.6.0"
-            }
-        },
-        "@helpers/siteomat-webpack-plugin": {
-            "version": "0.5.0",
-            "resolved": "https://gitea.node001.net/api/packages/HerrHase/npm/%40helpers%2Fsiteomat-webpack-plugin/-/0.5.0/siteomat-webpack-plugin-0.5.0.tgz",
-            "integrity": "sha512-GgvtofV0B61xRuUx1Me2ym+jvvLlTn6okdKOCKyxfA17UlzTtC6kFxUsWh6/Z8fwn6iH39p/hYEoGefU4OfGAw==",
-            "dev": true,
-            "requires": {
-                "@helpers/siteomat-query": "^0.1.0",
-                "assign-deep": "^1.0.1",
-                "crypto": "^1.0.1",
-                "dayjs": "^1.11.6",
-                "fast-xml-parser": "^4.0.11",
-                "html-minifier": "^4.0.0",
-                "js-yaml": "^4.1.0",
-                "lodash.merge": "^4.6.2",
-                "lodash.orderby": "^4.6.0",
-                "marked": "^4.1.1",
-                "mkdirp": "^1.0.4",
-                "nunjucks": "^3.2.3",
-                "sharp": "^0.31.1",
-                "slugify": "^1.6.5",
-                "yaml": "^2.1.3"
-            }
-        },
         "@jridgewell/gen-mapping": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -11538,6 +11514,48 @@
             "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
             "dev": true
         },
+        "@site-o-mat/core": {
+            "version": "0.2.0",
+            "resolved": "https://gitea.node001.net/api/packages/site-o-mat/npm/%40site-o-mat%2Fcore/-/0.2.0/core-0.2.0.tgz",
+            "integrity": "sha512-PerMib9IQKg6i8AnF0wmT4jHsJ8jnT5nL5+E1qhd1WHEQoc0qb6tndi+D+H35CILIEjaVF4OUbpJs88bwYMfdQ==",
+            "dev": true,
+            "requires": {
+                "@site-o-mat/query": "^0.1.0",
+                "assign-deep": "^1.0.1",
+                "crypto": "^1.0.1",
+                "dayjs": "^1.11.6",
+                "fast-xml-parser": "^4.0.11",
+                "html-minifier": "^4.0.0",
+                "js-yaml": "^4.1.0",
+                "lodash.merge": "^4.6.2",
+                "lodash.orderby": "^4.6.0",
+                "marked": "^4.1.1",
+                "mkdirp": "^1.0.4",
+                "nunjucks": "^3.2.3",
+                "sharp": "^0.31.1",
+                "slugify": "^1.6.5",
+                "yaml": "^2.1.3"
+            }
+        },
+        "@site-o-mat/query": {
+            "version": "0.1.0",
+            "resolved": "https://gitea.node001.net/api/packages/site-o-mat/npm/%40site-o-mat%2Fquery/-/0.1.0/query-0.1.0.tgz",
+            "integrity": "sha512-lyVewrElI5d32v4nhlMBdHLntjrqSQ6hMU8jDTFtFVfm78Pw8CwEjWOEYUKwMHwv89wXBP/YyFuCtBz0HtPOEQ==",
+            "dev": true,
+            "requires": {
+                "assign-deep": "^1.0.1",
+                "lodash.orderby": "^4.6.0"
+            }
+        },
+        "@site-o-mat/webpack-plugin": {
+            "version": "0.2.0",
+            "resolved": "https://gitea.node001.net/api/packages/site-o-mat/npm/%40site-o-mat%2Fwebpack-plugin/-/0.2.0/webpack-plugin-0.2.0.tgz",
+            "integrity": "sha512-x4tgvnB5LeKx9KeJPAW3CV/jmu0KWZR75llSMui0UQevFdhC+CDOhaVZmcKSzxFrCUQe/we7/K6gc8TokQUMMA==",
+            "dev": true,
+            "requires": {
+                "@site-o-mat/core": "^0.2.0"
+            }
+        },
         "@tiny-components/plain-ui": {
             "version": "0.5.0",
             "resolved": "https://registry.npmjs.org/@tiny-components/plain-ui/-/plain-ui-0.5.0.tgz",
@@ -13758,9 +13776,9 @@
             "dev": true
         },
         "fast-xml-parser": {
-            "version": "4.0.12",
-            "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.0.12.tgz",
-            "integrity": "sha512-/Nmo3823Rfx7UTJosQNz6hBVbszfv1Unb7A4iNJZhvCGCgtIHv/uODmrYIH8vc05+XKZ4hNIOv6SlBejvJgATw==",
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.1.2.tgz",
+            "integrity": "sha512-CDYeykkle1LiA/uqQyNwYpFbyF6Axec6YapmpUP+/RHWIoR1zKjocdvNaTsxCxZzQ6v9MLXaSYm9Qq0thv0DHg==",
             "dev": true,
             "requires": {
                 "strnum": "^1.0.5"
@@ -14860,9 +14878,9 @@
             }
         },
         "marked": {
-            "version": "4.2.4",
-            "resolved": "https://registry.npmjs.org/marked/-/marked-4.2.4.tgz",
-            "integrity": "sha512-Wcc9ikX7Q5E4BYDPvh1C6QNSxrjC9tBgz+A/vAhp59KXUgachw++uMvMKiSW8oA85nopmPZcEvBoex/YLMsiyA==",
+            "version": "4.2.12",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-4.2.12.tgz",
+            "integrity": "sha512-yr8hSKa3Fv4D3jdZmtMMPghgVt6TWbk86WQaWhDloQjRSQhMMYCAro7jP7VDJrjjdV8pxVxMssXS8B8Y5DZ5aw==",
             "dev": true
         },
         "md5": {
@@ -15112,18 +15130,18 @@
             }
         },
         "node-abi": {
-            "version": "3.30.0",
-            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.30.0.tgz",
-            "integrity": "sha512-qWO5l3SCqbwQavymOmtTVuCWZE23++S+rxyoHjXqUmPyzRcaoI4lA2gO55/drddGnedAyjA7sk76SfQ5lfUMnw==",
+            "version": "3.33.0",
+            "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.33.0.tgz",
+            "integrity": "sha512-7GGVawqyHF4pfd0YFybhv/eM9JwTtPqx0mAanQ146O3FlSh3pA24zf9IRQTOsfTSqXTNzPSP5iagAJ94jjuVog==",
             "dev": true,
             "requires": {
                 "semver": "^7.3.5"
             }
         },
         "node-addon-api": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.0.0.tgz",
-            "integrity": "sha512-CvkDw2OEnme7ybCykJpVcKH+uAOLV2qLqiyla128dN9TkEWfrYmxG6C2boDe5KcNQqZF3orkqzGgOMvZ/JNekA==",
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+            "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==",
             "dev": true
         },
         "node-forge": {
@@ -16555,9 +16573,9 @@
             }
         },
         "sharp": {
-            "version": "0.31.2",
-            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.2.tgz",
-            "integrity": "sha512-DUdNVEXgS5A97cTagSLIIp8dUZ/lZtk78iNVZgHdHbx1qnQR7JAHY0BnXnwwH39Iw+VKhO08CTYhIg0p98vQ5Q==",
+            "version": "0.31.3",
+            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.3.tgz",
+            "integrity": "sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==",
             "dev": true,
             "requires": {
                 "color": "^4.2.3",
@@ -17653,9 +17671,9 @@
             "dev": true
         },
         "yaml": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.1.3.tgz",
-            "integrity": "sha512-AacA8nRULjKMX2DvWvOAdBZMOfQlypSFkjcOcu9FalllIDJ1kvlREzcdIZmidQUqqeMv7jorHjq2HlLv/+c2lg==",
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.1.tgz",
+            "integrity": "sha512-e0WHiYql7+9wr4cWMx3TVQrNwejKaEe7/rHNmQmqRjazfOP5W8PB6Jpebb5o6fIapbz9o9+2ipcaTM2ZwDI6lw==",
             "dev": true
         },
         "yargs": {
diff --git a/package.json b/package.json
index b56d90c..453e849 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,9 @@
 {
     "private": true,
     "devDependencies": {
-        "@helpers/siteomat-webpack-plugin": "^0.5.0",
         "@riotjs/compiler": "^6.4.2",
         "@riotjs/webpack-loader": "^6.0.0",
+        "@site-o-mat/webpack-plugin": "^0.2.0",
         "cross-env": "^7.0.3",
         "laravel-mix": "^6.0.34",
         "laravel-mix-purgecss": "^6.0.0",
diff --git a/public/css/styles.css b/public/css/styles.css
index 1cc73e9..5247b2e 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -1 +1,14808 @@
-@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.eot?85f924ecb898e5720062617e4a86f1d1);src:url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.eot?85f924ecb898e5720062617e4a86f1d1?#iefix) format("embedded-opentype"),url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.woff2?db620201a437f00ce78da2a10cf50f3f) format("woff2"),url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.woff?3d04ef6de65d3c77bd60c158326be298) format("woff"),url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.ttf?ce51a85eb7160067d01bcf6e56f837d1) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:700;src:url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.eot?eb105b142ce736849ef4828cb0c8eb34);src:url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.eot?eb105b142ce736849ef4828cb0c8eb34?#iefix) format("embedded-opentype"),url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.woff2?8b633c62813e0275ebd7a1c793c4e99c) format("woff2"),url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.woff?b72090c625b4144f3763d5b2bf8f5942) format("woff"),url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.ttf?558e55bd46468bb8d7074d7064d02c30) format("truetype")}:root{--grid-columns:12;--grid-grid-spacing:15px;--grid-xs:576px;--grid-sm:768px;--grid-md:992px;--grid-lg:1200px;--grid-xlg:1600px;--grid-xxs-max:575px;--grid-xs-max:767px;--grid-sm-max:991px;--grid-md-max:1199px;--grid-lg-max:1599px;--body:#f9f9f9;--text:#363636;--text-contrast:#fff;--primary:#3e3e3e;--primary-contrast:#3e3e3e;--active:#717171;--active-contrast:#fff;--link:#363636;--link-hover:#d95959;--danger:#d95959;--danger-contrast:#ecacac;--info:#0090d4;--info-constrast:#3bc0ff;--success:#64ac64;--success-contrast:#a6d0a6;--warning:#f0ad4e;--warning-contrast:#f8d9ac;--background:#3e3e3e;--background-contrast:#fff;--background-alpha:rgba(0,0,0,.7);--border:#3e3e3e;--border-contrast:#fff;--font-family:IBM Plex Mono,sans-serif}html{-webkit-text-size-adjust:100%;font-size:100%;line-height:1.15}body,html{height:100%;margin:0}html,legend{box-sizing:border-box}body{background-color:var(--body);color:var(--text);direction:ltr;font-family:var(--font-family);font-size:.9rem;line-height:1.618}@media only screen and (min-width:992px){body{font-size:1rem}}a{color:var(--link);text-decoration:none;transition:color .5s}a:hover{color:var(--link-hover)}a:focus{outline:none}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}button,figcaption,figure,input,optgroup,p,select,textarea{margin:0}fieldset{margin:0 0 1rem}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}hr{border:0;border-top:1px solid var(--border);box-sizing:content-box;height:0;margin:0 0 1rem;overflow:visible}progress{vertical-align:baseline}details{display:block}summary{display:list-item}code,kbd,pre,samp{font-family:var(--font-family);font-size:.9rem}.content p{margin:0 0 1rem}@media only screen and (min-width:992px){.content p{margin:0 0 1.2rem}}.content a,.content ins,.content u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}.content a{text-decoration:underline}.content b,.content strong{font-weight:bolder}.content small{font-size:80%}.content sub,.content sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline}.content sub{bottom:-.25em}.content sup{top:-.5em}.content abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}.content mark{background-color:var(--warning);padding:.25rem}.content blockquote{border-left:1px solid var(--border);margin-left:0;padding:.6rem .8rem}.content blockquote p:last-child{margin-bottom:0}.content dl,.content ol,.content ul{margin:0 0 1rem;padding:0}@media only screen and (min-width:992px){.content dl,.content ol,.content ul{margin:0 0 1.2rem}}.content ul{margin-left:1.5rem}.content ol{margin-left:2.5rem}.content ol ol,.content ul ul{margin-left:1.5rem;margin-top:0}.content ol{list-style:decimal outside}.content ul{list-style:square outside}.content dl{margin-left:.5rem}.content dd,.content dt{margin:0}.content dt{font-weight:700}.content code{background-color:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-contrast);display:block;margin:0 0 1rem;overflow-x:auto;overflow-y:hidden;padding:.6rem .8rem;white-space:pre}@media only screen and (min-width:992px){.content code{margin:0 0 1.2rem;padding:.7rem 1rem .9rem}}.highlight{background:var(--primary);border-radius:2px;color:var(--text-contrast);padding:.15rem .4rem .25rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,sans-serif;font-weight:700;line-height:1.2;margin:0 0 1rem}.h1.highlight,.h2.highlight,.h3.highlight,.h4.highlight,.h5.highlight,.h6.highlight,h1.highlight,h2.highlight,h3.highlight,h4.highlight,h5.highlight,h6.highlight{display:table}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.75rem}.h2,h2{font-size:2.5rem}.h3,h3{font-size:2rem}.h4,h4{font-size:1.75rem}.h5,h5{font-size:1.5rem}.h6,h6{font-size:1.2rem}}.badge{background-color:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-contrast);display:inline-block;font-size:.85rem;padding:.4rem .8rem}.badge--round{border-radius:50%;display:inline-flex;justify-content:center;width:2.8em}.button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-contrast);border:1px solid var(--border);border-radius:2px;color:var(--text);display:inline-flex;font-family:var(--font-family);font-size:1rem;margin:0 0 1rem;padding:.5rem 1.3rem;position:relative;text-decoration:none;transition:background-color .1s;width:100%}@media only screen and (min-width:768px){.button{width:auto}}.button--small{font-size:.8rem;padding:.3rem 1.1rem}.button--selected,.button:hover{background-color:var(--active);color:#fff;cursor:pointer;text-decoration:none}.button:active,.button:focus{outline:1px solid var(--active)}.button:disabled{opacity:.5}.button:disabled:hover{background-color:var(--background-contrast);border:1px solid var(--border);color:var(--border);cursor:not-allowed}.button--transparent{background:transparent;border:none;border-radius:0;margin:0;padding:0}.button--transparent:active,.button--transparent:focus{outline:none}.button--danger{border-color:var(--danger)}.button--danger:hover{background-color:var(--danger)}.button--danger:active,.button--danger:focus{outline:2px solid var(--danger)}.button--info{border-color:var(--info)}.button--info:hover{background-color:var(--info)}.button--info:active,.button--info:focus{outline:2px solid var(--info)}.button--warning{border-color:var(--warning)}.button--warning:hover{background-color:var(--warning)}.button--warning:active,.button--warning:focus{outline:2px solid var(--warning)}.button--success{border-color:var(--success)}.button--success:hover{background-color:var(--success)}.button--success:active,.button--success:focus{outline:2px solid var(--success)}.button--outline,.button--outline:hover{background-color:transparent}.button--outline:hover{border-color:#a4a4a4;color:var(--border)}.button--danger.button--outline:hover{border-color:#ecacac}.button--info.button--outline:hover{border-color:#3bc0ff}.button--warning.button--outline:hover{border-color:#f8d9ac}.button--success.button--outline:hover{border-color:#a6d0a6}.button--full{background-color:var(--active);color:#fff}.button--full:hover{background-color:var(--background-contrast);color:var(--text)}.button--danger.button--full{background-color:var(--danger)}.button--danger.button--full:hover{background-color:var(--background-contrast);border-color:var(--danger)}.button--danger.button--full:active,.button--danger.button--full:focus{outline:2px solid var(--danger)}.button--info.button--full{background-color:var(--info)}.button--info.button--full:hover{background-color:var(--background-contrast);border-color:var(--info)}.button--info.button--full:active,.button--info.button--full:focus{outline:2px solid var(--info)}.button--warning.button--full{background-color:var(--warning)}.button--warning.button--full:hover{background-color:var(--background-contrast);border-color:var(--warning)}.button--warning.button--full:active,.button--warning.button--full:focus{outline:2px solid var(--warning)}.button--success.button--full{background-color:var(--success)}.button--success.button--full:hover{background-color:var(--background-contrast);border-color:var(--success)}.button--success.button--full:active,.button--success.button--full:focus{outline:2px solid var(--success)}.field-group{margin:0 0 1rem}.field-group--valid .field-text{border-color:var(--success)}.field-group--valid .icon{fill:var(--success)}.field-group--error .field-text{border-color:var(--danger)}.field-group--error .icon{fill:var(--danger)}.field-label{font-family:var(--font-family);font-size:1rem}.field-label .icon{vertical-align:text-bottom}.field-label:hover{cursor:pointer}.field-choice,.field-text{border:1px solid #a4a4a4;border-radius:2px;font-family:var(--font-family);font-size:.95rem;margin:.7rem 0 0;width:100%}.field-choice:active,.field-choice:focus,.field-text:active,.field-text:focus{border-color:var(--border);outline:0}.field-text{padding:.8em 1.1em}textarea.field-text{height:180px}.field-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(90deg,#717171,#717171);background-position:100%;background-repeat:no-repeat;background-size:1.5rem 100%;padding:.8em}.field-choice:active,.field-choice:focus{background-image:linear-gradient(90deg,#3e3e3e,#3e3e3e)}[type=checkbox].field-choice,[type=radio].field-choice{display:none;position:relative}[type=checkbox].field-choice~.field-choice__checked,[type=radio].field-choice~.field-choice__checked{display:none}[type=checkbox].field-choice:checked~.field-choice__checked,[type=radio].field-choice:checked~.field-choice__checked{display:inline-block}[type=checkbox].field-choice:checked~.field-choice__unchecked,[type=radio].field-choice:checked~.field-choice__unchecked{display:none}svg.field-choice__unchecked{fill:var(--active)}svg.field-choice__checked{fill:var(--success)}.field-error,.field-help{display:inline-block;font-size:.8rem;padding:.6em .5em;width:100%}.field-switch{display:inline-block;height:35px;position:relative;width:75px}.field-switch,.field-switch:after{border:1px solid var(--border);border-radius:2px}.field-switch:after{background-color:var(--active);border-color:var(--border-contrast);content:"";height:100%;left:0;position:absolute;top:0;transition:transform .25s;width:50%}[type=checkbox].field-choice~.field-switch:after{left:0}[type=checkbox].field-choice:checked~.field-switch{border-color:var(--success)}[type=checkbox].field-choice:checked~.field-switch:after{background-color:var(--success);transform:translateX(100%)}.field-error{color:var(--danger)}.group__item{display:inline-block;margin:0 .25rem 1rem 0;width:auto}.group__item:last-child{margin-right:0}.icon{fill:var(--text);font-size:1.4rem;height:1em;max-height:100%;max-width:100%;overflow:hidden;vertical-align:middle;width:1em}.hero{position:relative}.hero img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}.tabs{border-bottom:1px solid var(--border);display:flex;flex-direction:column;width:100%}@media only screen and (min-width:768px){.tabs{flex-direction:row;width:auto}}.tabs__item{align-items:center;background-color:transparent;border-bottom:3px solid transparent;color:var(--text);display:flex;min-height:2.8em;padding:0 1em;transition:background-color .1s;width:100%}@media only screen and (min-width:768px){.tabs__item{display:inline-flex;width:auto}}.tabs__item:hover{background-color:var(--active);border-top-left-radius:2px;border-top-right-radius:2px;color:var(--text-contrast);cursor:pointer}.tabs__item--selected{border-color:var(--border);color:var(--text)}.tabs--contrast{border:0}.tabs--contrast .tabs__item{color:var(--text-contrast)}.tabs--contrast .tabs__item:hover{background-color:var(--background-contrast);border-radius:0;color:var(--text)}.tabs--contrast .tabs__item--selected{border-color:var(--border-contrast)}.tabs--contrast .tabs__item--selected:hover{border-color:var(--active)}.panel,.sidebar__inner{background-color:var(--background-contrast);border:1px solid var(--border);border-radius:2px}.panel__body,.sidebar__body{padding:.6rem .8rem}@media only screen and (min-width:992px){.panel__body,.sidebar__body{padding:.7rem 1rem .9rem}}.panel--border-highlight{border-left-width:12px}.progress{border:1px solid var(--border);height:40px;width:100%}.progress__inner{background-color:var(--background);border:1px solid var(--background-contrast);height:100%}.figure{border:1px solid var(--border);border-radius:2px;display:inline-block;line-height:0;margin:0;overflow:hidden}.figure__caption{background:var(--background);border-top:1px solid var(--border-contrast);color:var(--text-contrast);font-size:.7rem;line-height:1.618;margin:0;padding:.75em 1.1em}.figure .media{border:0;border-radius:0}.media{border-radius:2px;height:auto}.media,.table{border:1px solid var(--border);width:100%}.table{background:var(--white)}.table--scroll{overflow-x:auto}.table__td{color:var(--text)}.table__td,.table__th{border-bottom:1px solid var(--border);padding:.25em .75em;text-align:left}@media only screen and (min-width:992px){.table__td,.table__th{padding:.5em 1.25em}}.table__th{background-color:var(--background);color:#fff}.table--striped .table__tr:nth-child(2n) .table__td{background-color:#e4e4e4}.table--hover .table__tr:hover .table__td{background-color:#585858;color:#fff}.bar{background-color:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-contrast);display:flex;min-height:2.8em}.bar__start{justify-content:start}.bar__main{flex-grow:1}.bar__end{justify-content:end}.bar__end,.bar__main,.bar__start{align-items:center;align-self:center;display:flex;margin-left:.75em}.bar__end:last-child,.bar__main:last-child,.bar__start:last-child{margin-right:.75em}.modal{align-items:center;display:flex;justify-content:center;padding:1rem;transition:visibility 0s linear .5s;visibility:hidden;z-index:20}.modal,.modal:before{height:100%;left:0;position:fixed;top:0;width:100%}.modal:before{background-color:transparent;content:"";transition:background-color .5s;z-index:19}.modal__inner{max-width:600px;position:relative;transform:scale(0);transition:transform .5s;width:100%;z-index:21}.modal__title{font-size:2rem;margin-bottom:2rem;text-align:center;white-space:pre-line}.modal__title .icon{font-size:3rem}.modal__body,.modal__title{color:var(--text-contrast)}.modal__body{margin-bottom:1.5rem}.modal .button{color:var(--text-contrast)}.modal--open{display:flex;transition:visibility 0s linear 0s;visibility:visible}.modal--open:before{background-color:var(--background-alpha)}.modal--open .modal__inner{transform:scale(1)}.loading{align-items:center;display:flex;height:60px;margin:0 auto;width:47px}.loading span{animation-delay:.15s;animation-duration:.5s;animation-iteration-count:infinite;animation-name:loading-animation;background-color:var(--background);border-bottom:1px solid var(--background);border-top:1px solid var(--background);display:block;height:80px;width:15px}.loading span:first-child{animation-delay:0s;margin-right:1px}.loading span:last-child{animation-delay:.3s;margin-left:1px}@keyframes loading-animation{0%{height:60px}50%{height:40px}to{height:60px}}.sidebar{max-width:95%;transition:visibility 0s linear .5s;visibility:hidden}.sidebar,.sidebar:before{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.sidebar:before{background-color:transparent;content:"";transition:background-color .5s}.sidebar__inner{height:100%;position:relative;transform:translateX(-100%);transition:transform .2s;z-index:10}.sidebar__footer{background:var(--background);bottom:0;display:flex;justify-content:space-between;left:0;padding:1rem;position:fixed;width:100%}.sidebar--open{transition:visibility 0s linear 0s;visibility:visible}.sidebar--open .sidebar__inner{transform:translateX(0)}.sidebar--open:before{background:var(--background-alpha)}@media only screen and (min-width:992px){.sidebar{max-width:33%}}.toast{background:var(--background);border:1px solid var(--border);display:flex;left:calc(-100% - 2rem);margin-top:1.25rem;max-width:800px;pointer-events:auto;position:relative;transition:left .1s;width:-moz-max-content;width:max-content}.toast--animation{left:0}.toast__body{padding:1em 1.25em;width:100%}.toast__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background);border:0}.toast__button:hover{cursor:pointer}.toast__body,.toast__button{color:var(--text-contrast)}.toast__button,.toast__icon{align-items:center;align-self:stretch;display:flex;padding:0 1em}.toast__button svg,.toast__icon svg{font-size:2rem}.toast--danger,.toast--danger .toast__button{background:var(--danger)}.toast--info,.toast--info .toast__button{background:var(--info)}.toast--success,.toast--success .toast__button{background:var(--success)}.toast--warning,.toast--warning .toast__button{background:var(--warning)}.toast-wrapper{bottom:0;left:0;margin:2rem;pointer-events:none;position:fixed;z-index:30}.toast-wrapper--right{left:inherit;right:0}.toast-wrapper--right .toast{left:inherit;right:calc(-100% - 2rem);transition:right .1s}.toast-wrapper--right .toast--animation{left:inherit;right:0}.toast-wrapper--top{bottom:inherit;top:0}.masonry{display:flex;flex-flow:row wrap;gap:15px;width:100%}.masonry__item{height:200px;width:100%}@media only screen and (min-width:768px){.masonry__item{height:300px}.masonry__item:nth-child(4n+1){width:calc(25% - 10px)}.masonry__item:nth-child(4n+2){width:calc(55% - 10px)}.masonry__item:nth-child(4n+3){width:calc(20% - 10px)}.masonry__item:nth-child(4n+4){width:calc(67% - 10px)}.masonry__item:nth-child(4n+5){width:calc(33% - 10px)}}.slider{overflow-x:visible;position:relative}.slider__inner{display:flex;white-space:nowrap}.slider__item{display:inline-block;flex-shrink:0;padding:0 .6em;white-space:normal}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.no-wrap [class*=col-]{flex-shrink:1}.wrap-reverse{flex-wrap:wrap-reverse}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-end [class*=col-]{vertical-align:bottom}.align-content-center{align-content:center}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-self-stretch{align-self:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end;vertical-align:bottom}.align-self-center{align-self:center;vertical-align:middle}.align-self-baseline{align-self:baseline;vertical-align:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-space-around{justify-content:space-around}.grid-bleed [class*=col-]{padding:0}.col-grid{display:flex;flex-direction:column}.col-grid.direction-row{flex-direction:row}.col-bleed{padding:0}.col-bleed-x{padding:15px 0}.col-bleed-y{padding:0 15px}.flex-img{display:block;flex:0 0 auto;height:auto;max-width:100%;width:100%}.flex-footer{margin-top:auto;width:100%}.flex-footer,.flex-footer>:last-child{margin-bottom:0}@media (min-width:0px) and (max-width:575px){.hidden-xxs{display:none}}@media (min-width:576px){.hidden-xs-up{display:none}}@media (max-width:767px){.hidden-xs-down{display:none}}@media (min-width:576px) and (max-width:767px){.hidden-xs{display:none}}@media (min-width:768px){.hidden-sm-up{display:none}}@media (max-width:991px){.hidden-sm-down{display:none}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none}}@media (min-width:992px){.hidden-md-up{display:none}}@media (max-width:1199px){.hidden-md-down{display:none}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none}}@media (min-width:1200px){.hidden-lg-up{display:none}}@media (max-width:1599px){.hidden-lg-down{display:none}}@media (min-width:1200px) and (max-width:1599px){.hidden-lg{display:none}}@media (min-width:1600px){.hidden-xlg{display:none}}.container,.container-full{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;width:100%}.container .grid,.container-full .grid{margin-left:-15px;margin-right:-15px}@media (min-width:576px){.container{max-width:576px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1600px}}.grid{display:block;display:flex;flex-wrap:wrap;list-style-type:none;margin:0 auto;padding:0;position:relative}.grid,.grid:after,.grid:before{box-sizing:border-box}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-item,.col-lg-auto,.col-sm-auto,.col-xlg-auto,.col-xs-auto{box-sizing:border-box;padding:15px;position:relative;vertical-align:top;width:100%}.col-10:after,.col-10:before,.col-11:after,.col-11:before,.col-12:after,.col-12:before,.col-1:after,.col-1:before,.col-2:after,.col-2:before,.col-3:after,.col-3:before,.col-4:after,.col-4:before,.col-5:after,.col-5:before,.col-6:after,.col-6:before,.col-7:after,.col-7:before,.col-8:after,.col-8:before,.col-9:after,.col-9:before,.col-auto:after,.col-auto:before,.col-item:after,.col-item:before,.col-lg-auto:after,.col-lg-auto:before,.col-sm-auto:after,.col-sm-auto:before,.col-xlg-auto:after,.col-xlg-auto:before,.col-xs-auto:after,.col-xs-auto:before{box-sizing:border-box}.col-1 .grid,.col-10 .grid,.col-11 .grid,.col-12 .grid,.col-2 .grid,.col-3 .grid,.col-4 .grid,.col-5 .grid,.col-6 .grid,.col-7 .grid,.col-8 .grid,.col-9 .grid,.col-auto .grid,.col-item .grid,.col-lg-auto .grid,.col-sm-auto .grid,.col-xlg-auto .grid,.col-xs-auto .grid{flex:1 1 auto;margin:-15px}.col-12{width:100%}.col-11{width:91.6666666667%}.col-10{width:83.3333333333%}.col-9{width:75%}.col-8{width:66.6666666667%}.col-7{width:58.3333333333%}.col-6{width:50%}.col-5{width:41.6666666667%}.col-4{width:33.3333333333%}.col-3{width:25%}.col-2{width:16.6666666667%}.col-1{width:8.3333333333%}@media (min-width:576px){.col-xs-12{width:100%}.col-xs-11{width:91.6666666667%}.col-xs-10{width:83.3333333333%}.col-xs-9{width:75%}.col-xs-8{width:66.6666666667%}.col-xs-7{width:58.3333333333%}.col-xs-6{width:50%}.col-xs-5{width:41.6666666667%}.col-xs-4{width:33.3333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.6666666667%}.col-xs-1{width:8.3333333333%}}@media (min-width:768px){.col-sm-12{width:100%}.col-sm-11{width:91.6666666667%}.col-sm-10{width:83.3333333333%}.col-sm-9{width:75%}.col-sm-8{width:66.6666666667%}.col-sm-7{width:58.3333333333%}.col-sm-6{width:50%}.col-sm-5{width:41.6666666667%}.col-sm-4{width:33.3333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.6666666667%}.col-sm-1{width:8.3333333333%}}@media (min-width:992px){.col-md-12{width:100%}.col-md-11{width:91.6666666667%}.col-md-10{width:83.3333333333%}.col-md-9{width:75%}.col-md-8{width:66.6666666667%}.col-md-7{width:58.3333333333%}.col-md-6{width:50%}.col-md-5{width:41.6666666667%}.col-md-4{width:33.3333333333%}.col-md-3{width:25%}.col-md-2{width:16.6666666667%}.col-md-1{width:8.3333333333%}}@media (min-width:1200px){.col-lg-12{width:100%}.col-lg-11{width:91.6666666667%}.col-lg-10{width:83.3333333333%}.col-lg-9{width:75%}.col-lg-8{width:66.6666666667%}.col-lg-7{width:58.3333333333%}.col-lg-6{width:50%}.col-lg-5{width:41.6666666667%}.col-lg-4{width:33.3333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.6666666667%}.col-lg-1{width:8.3333333333%}}@media (min-width:1600px){.col-xlg-12{width:100%}.col-xlg-11{width:91.6666666667%}.col-xlg-10{width:83.3333333333%}.col-xlg-9{width:75%}.col-xlg-8{width:66.6666666667%}.col-xlg-7{width:58.3333333333%}.col-xlg-6{width:50%}.col-xlg-5{width:41.6666666667%}.col-xlg-4{width:33.3333333333%}.col-xlg-3{width:25%}.col-xlg-2{width:16.6666666667%}.col-xlg-1{width:8.3333333333%}}.col-auto{flex:1 0 0px}@media (min-width:576px){.col-xs-auto{flex:1 0 0px}}@media (min-width:768px){.col-sm-auto{flex:1 0 0px}}@media (min-width:992px){.col-md-auto{flex:1 0 0px}}@media (min-width:1200px){.col-lg-auto{flex:1 0 0px}}@media (min-width:1600px){.col-xlg-auto{flex:1 0 0px}}.order-12{order:12}.order-11{order:11}.order-10{order:10}.order-9{order:9}.order-8{order:8}.order-7{order:7}.order-6{order:6}.order-5{order:5}.order-4{order:4}.order-3{order:3}.order-2{order:2}.order-1{order:1}.order-0{order:0}@media (min-width:576px){.order-xs-12{order:12}.order-xs-11{order:11}.order-xs-10{order:10}.order-xs-9{order:9}.order-xs-8{order:8}.order-xs-7{order:7}.order-xs-6{order:6}.order-xs-5{order:5}.order-xs-4{order:4}.order-xs-3{order:3}.order-xs-2{order:2}.order-xs-1{order:1}.order-xs-0{order:0}}@media (min-width:768px){.order-sm-12{order:12}.order-sm-11{order:11}.order-sm-10{order:10}.order-sm-9{order:9}.order-sm-8{order:8}.order-sm-7{order:7}.order-sm-6{order:6}.order-sm-5{order:5}.order-sm-4{order:4}.order-sm-3{order:3}.order-sm-2{order:2}.order-sm-1{order:1}.order-sm-0{order:0}}@media (min-width:992px){.order-md-12{order:12}.order-md-11{order:11}.order-md-10{order:10}.order-md-9{order:9}.order-md-8{order:8}.order-md-7{order:7}.order-md-6{order:6}.order-md-5{order:5}.order-md-4{order:4}.order-md-3{order:3}.order-md-2{order:2}.order-md-1{order:1}.order-md-0{order:0}}@media (min-width:1200px){.order-lg-12{order:12}.order-lg-11{order:11}.order-lg-10{order:10}.order-lg-9{order:9}.order-lg-8{order:8}.order-lg-7{order:7}.order-lg-6{order:6}.order-lg-5{order:5}.order-lg-4{order:4}.order-lg-3{order:3}.order-lg-2{order:2}.order-lg-1{order:1}.order-lg-0{order:0}}@media (min-width:1600px){.order-xlg-12{order:12}.order-xlg-11{order:11}.order-xlg-10{order:10}.order-xlg-9{order:9}.order-xlg-8{order:8}.order-xlg-7{order:7}.order-xlg-6{order:6}.order-xlg-5{order:5}.order-xlg-4{order:4}.order-xlg-3{order:3}.order-xlg-2{order:2}.order-xlg-1{order:1}.order-xlg-0{order:0}}.offset-11{margin-left:91.6666666667%}.offset-10{margin-left:83.3333333333%}.offset-9{margin-left:75%}.offset-8{margin-left:66.6666666667%}.offset-7{margin-left:58.3333333333%}.offset-6{margin-left:50%}.offset-5{margin-left:41.6666666667%}.offset-4{margin-left:33.3333333333%}.offset-3{margin-left:25%}.offset-2{margin-left:16.6666666667%}.offset-1{margin-left:8.3333333333%}@media (min-width:576px){.offset-xs-11{margin-left:91.6666666667%}.offset-xs-10{margin-left:83.3333333333%}.offset-xs-9{margin-left:75%}.offset-xs-8{margin-left:66.6666666667%}.offset-xs-7{margin-left:58.3333333333%}.offset-xs-6{margin-left:50%}.offset-xs-5{margin-left:41.6666666667%}.offset-xs-4{margin-left:33.3333333333%}.offset-xs-3{margin-left:25%}.offset-xs-2{margin-left:16.6666666667%}.offset-xs-1{margin-left:8.3333333333%}.offset-xs-0{margin-left:0}}@media (min-width:768px){.offset-sm-11{margin-left:91.6666666667%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-9{margin-left:75%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-6{margin-left:50%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-3{margin-left:25%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-0{margin-left:0}}@media (min-width:992px){.offset-md-11{margin-left:91.6666666667%}.offset-md-10{margin-left:83.3333333333%}.offset-md-9{margin-left:75%}.offset-md-8{margin-left:66.6666666667%}.offset-md-7{margin-left:58.3333333333%}.offset-md-6{margin-left:50%}.offset-md-5{margin-left:41.6666666667%}.offset-md-4{margin-left:33.3333333333%}.offset-md-3{margin-left:25%}.offset-md-2{margin-left:16.6666666667%}.offset-md-1{margin-left:8.3333333333%}.offset-md-0{margin-left:0}}@media (min-width:1200px){.offset-lg-11{margin-left:91.6666666667%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-9{margin-left:75%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-6{margin-left:50%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-3{margin-left:25%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-0{margin-left:0}}@media (min-width:1600px){.offset-xlg-11{margin-left:91.6666666667%}.offset-xlg-10{margin-left:83.3333333333%}.offset-xlg-9{margin-left:75%}.offset-xlg-8{margin-left:66.6666666667%}.offset-xlg-7{margin-left:58.3333333333%}.offset-xlg-6{margin-left:50%}.offset-xlg-5{margin-left:41.6666666667%}.offset-xlg-4{margin-left:33.3333333333%}.offset-xlg-3{margin-left:25%}.offset-xlg-2{margin-left:16.6666666667%}.offset-xlg-1{margin-left:8.3333333333%}.offset-xlg-0{margin-left:0}}.border{border:1px solid var(--border)}.border-round{border-radius:2px}.border-0{border:0}.radius-0{border-radius:0}.round{border-radius:50%}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-4{z-index:4}.z-index-5{z-index:5}.z-index-6{z-index:6}.z-index-7{z-index:7}.z-index-8{z-index:8}.z-index-9{z-index:9}.z-index-10{z-index:10}.z-index-11{z-index:11}.z-index-12{z-index:12}.z-index-13{z-index:13}.z-index-14{z-index:14}.z-index-15{z-index:15}.z-index-16{z-index:16}.z-index-17{z-index:17}.z-index-18{z-index:18}.z-index-19{z-index:19}.z-index-20{z-index:20}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.vertical-align-bottom{vertical-align:bottom}.vertical-align-top{vertical-align:top}.vertical-align-baseline{vertical-align:baseline}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.w-0{width:0}@media only screen and (min-width:576px){.w-xs-1{width:0}}@media only screen and (min-width:768px){.w-sm-1{width:0}}@media only screen and (min-width:992px){.w-md-1{width:0}}@media only screen and (min-width:1200px){.w-lg-1{width:0}}@media only screen and (min-width:1600px){.w-xlg-1{width:0}}.h-0{height:0}@media only screen and (min-width:576px){.h-xs-1{height:0}}@media only screen and (min-width:768px){.h-sm-1{height:0}}@media only screen and (min-width:992px){.h-md-1{height:0}}@media only screen and (min-width:1200px){.h-lg-1{height:0}}@media only screen and (min-width:1600px){.h-xlg-1{height:0}}.w-1{width:1px}@media only screen and (min-width:576px){.w-xs-1{width:1px}}@media only screen and (min-width:768px){.w-sm-1{width:1px}}@media only screen and (min-width:992px){.w-md-1{width:1px}}@media only screen and (min-width:1200px){.w-lg-1{width:1px}}@media only screen and (min-width:1600px){.w-xlg-1{width:1px}}.h-1{height:1px}@media only screen and (min-width:576px){.h-xs-1{height:1px}}@media only screen and (min-width:768px){.h-sm-1{height:1px}}@media only screen and (min-width:992px){.h-md-1{height:1px}}@media only screen and (min-width:1200px){.h-lg-1{height:1px}}@media only screen and (min-width:1600px){.h-xlg-1{height:1px}}.w-100{width:100%}@media only screen and (min-width:576px){.w-xs-100{width:100%}}@media only screen and (min-width:768px){.w-sm-100{width:100%}}@media only screen and (min-width:992px){.w-md-100{width:100%}}@media only screen and (min-width:1200px){.w-lg-100{width:100%}}@media only screen and (min-width:1600px){.w-xlg-100{width:100%}}.w-auto{width:auto}@media only screen and (min-width:576px){.w-xs-auto{width:auto}}@media only screen and (min-width:768px){.w-sm-auto{width:auto}}@media only screen and (min-width:992px){.w-md-auto{width:auto}}@media only screen and (min-width:1200px){.w-lg-auto{width:auto}}@media only screen and (min-width:1600px){.w-xlg-auto{width:auto}}.h-100{height:100%}@media only screen and (min-width:576px){.h-xs-100{height:100%}}@media only screen and (min-width:768px){.h-sm-100{height:100%}}@media only screen and (min-width:992px){.h-md-100{height:100%}}@media only screen and (min-width:1200px){.h-lg-100{height:100%}}@media only screen and (min-width:1600px){.h-xlg-100{height:100%}}.h-auto{height:auto}@media only screen and (min-width:576px){.h-xs-auto{height:auto}}@media only screen and (min-width:768px){.h-sm-auto{height:auto}}@media only screen and (min-width:992px){.h-md-auto{height:auto}}@media only screen and (min-width:1200px){.h-lg-auto{height:auto}}@media only screen and (min-width:1600px){.h-xlg-auto{height:auto}}.w-col-1{width:8.3333333333%}@media only screen and (min-width:576px){.w-col-xs-1{width:8.3333333333%}}@media only screen and (min-width:768px){.w-col-sm-1{width:8.3333333333%}}@media only screen and (min-width:992px){.w-col-md-1{width:8.3333333333%}}@media only screen and (min-width:1200px){.w-col-lg-1{width:8.3333333333%}}@media only screen and (min-width:1600px){.w-col-xlg-1{width:8.3333333333%}}.h-col-1{height:8.3333333333%}@media only screen and (min-width:576px){.h-col-xs-1{height:8.3333333333%}}@media only screen and (min-width:768px){.h-col-sm-1{height:8.3333333333%}}@media only screen and (min-width:992px){.h-col-md-1{height:8.3333333333%}}@media only screen and (min-width:1200px){.h-col-lg-1{height:8.3333333333%}}@media only screen and (min-width:1600px){.h-col-xlg-1{height:8.3333333333%}}.w-col-2{width:16.6666666667%}@media only screen and (min-width:576px){.w-col-xs-2{width:16.6666666667%}}@media only screen and (min-width:768px){.w-col-sm-2{width:16.6666666667%}}@media only screen and (min-width:992px){.w-col-md-2{width:16.6666666667%}}@media only screen and (min-width:1200px){.w-col-lg-2{width:16.6666666667%}}@media only screen and (min-width:1600px){.w-col-xlg-2{width:16.6666666667%}}.h-col-2{height:16.6666666667%}@media only screen and (min-width:576px){.h-col-xs-2{height:16.6666666667%}}@media only screen and (min-width:768px){.h-col-sm-2{height:16.6666666667%}}@media only screen and (min-width:992px){.h-col-md-2{height:16.6666666667%}}@media only screen and (min-width:1200px){.h-col-lg-2{height:16.6666666667%}}@media only screen and (min-width:1600px){.h-col-xlg-2{height:16.6666666667%}}.w-col-3{width:25%}@media only screen and (min-width:576px){.w-col-xs-3{width:25%}}@media only screen and (min-width:768px){.w-col-sm-3{width:25%}}@media only screen and (min-width:992px){.w-col-md-3{width:25%}}@media only screen and (min-width:1200px){.w-col-lg-3{width:25%}}@media only screen and (min-width:1600px){.w-col-xlg-3{width:25%}}.h-col-3{height:25%}@media only screen and (min-width:576px){.h-col-xs-3{height:25%}}@media only screen and (min-width:768px){.h-col-sm-3{height:25%}}@media only screen and (min-width:992px){.h-col-md-3{height:25%}}@media only screen and (min-width:1200px){.h-col-lg-3{height:25%}}@media only screen and (min-width:1600px){.h-col-xlg-3{height:25%}}.w-col-4{width:33.3333333333%}@media only screen and (min-width:576px){.w-col-xs-4{width:33.3333333333%}}@media only screen and (min-width:768px){.w-col-sm-4{width:33.3333333333%}}@media only screen and (min-width:992px){.w-col-md-4{width:33.3333333333%}}@media only screen and (min-width:1200px){.w-col-lg-4{width:33.3333333333%}}@media only screen and (min-width:1600px){.w-col-xlg-4{width:33.3333333333%}}.h-col-4{height:33.3333333333%}@media only screen and (min-width:576px){.h-col-xs-4{height:33.3333333333%}}@media only screen and (min-width:768px){.h-col-sm-4{height:33.3333333333%}}@media only screen and (min-width:992px){.h-col-md-4{height:33.3333333333%}}@media only screen and (min-width:1200px){.h-col-lg-4{height:33.3333333333%}}@media only screen and (min-width:1600px){.h-col-xlg-4{height:33.3333333333%}}.w-col-5{width:41.6666666667%}@media only screen and (min-width:576px){.w-col-xs-5{width:41.6666666667%}}@media only screen and (min-width:768px){.w-col-sm-5{width:41.6666666667%}}@media only screen and (min-width:992px){.w-col-md-5{width:41.6666666667%}}@media only screen and (min-width:1200px){.w-col-lg-5{width:41.6666666667%}}@media only screen and (min-width:1600px){.w-col-xlg-5{width:41.6666666667%}}.h-col-5{height:41.6666666667%}@media only screen and (min-width:576px){.h-col-xs-5{height:41.6666666667%}}@media only screen and (min-width:768px){.h-col-sm-5{height:41.6666666667%}}@media only screen and (min-width:992px){.h-col-md-5{height:41.6666666667%}}@media only screen and (min-width:1200px){.h-col-lg-5{height:41.6666666667%}}@media only screen and (min-width:1600px){.h-col-xlg-5{height:41.6666666667%}}.w-col-6{width:50%}@media only screen and (min-width:576px){.w-col-xs-6{width:50%}}@media only screen and (min-width:768px){.w-col-sm-6{width:50%}}@media only screen and (min-width:992px){.w-col-md-6{width:50%}}@media only screen and (min-width:1200px){.w-col-lg-6{width:50%}}@media only screen and (min-width:1600px){.w-col-xlg-6{width:50%}}.h-col-6{height:50%}@media only screen and (min-width:576px){.h-col-xs-6{height:50%}}@media only screen and (min-width:768px){.h-col-sm-6{height:50%}}@media only screen and (min-width:992px){.h-col-md-6{height:50%}}@media only screen and (min-width:1200px){.h-col-lg-6{height:50%}}@media only screen and (min-width:1600px){.h-col-xlg-6{height:50%}}.w-col-7{width:58.3333333333%}@media only screen and (min-width:576px){.w-col-xs-7{width:58.3333333333%}}@media only screen and (min-width:768px){.w-col-sm-7{width:58.3333333333%}}@media only screen and (min-width:992px){.w-col-md-7{width:58.3333333333%}}@media only screen and (min-width:1200px){.w-col-lg-7{width:58.3333333333%}}@media only screen and (min-width:1600px){.w-col-xlg-7{width:58.3333333333%}}.h-col-7{height:58.3333333333%}@media only screen and (min-width:576px){.h-col-xs-7{height:58.3333333333%}}@media only screen and (min-width:768px){.h-col-sm-7{height:58.3333333333%}}@media only screen and (min-width:992px){.h-col-md-7{height:58.3333333333%}}@media only screen and (min-width:1200px){.h-col-lg-7{height:58.3333333333%}}@media only screen and (min-width:1600px){.h-col-xlg-7{height:58.3333333333%}}.w-col-8{width:66.6666666667%}@media only screen and (min-width:576px){.w-col-xs-8{width:66.6666666667%}}@media only screen and (min-width:768px){.w-col-sm-8{width:66.6666666667%}}@media only screen and (min-width:992px){.w-col-md-8{width:66.6666666667%}}@media only screen and (min-width:1200px){.w-col-lg-8{width:66.6666666667%}}@media only screen and (min-width:1600px){.w-col-xlg-8{width:66.6666666667%}}.h-col-8{height:66.6666666667%}@media only screen and (min-width:576px){.h-col-xs-8{height:66.6666666667%}}@media only screen and (min-width:768px){.h-col-sm-8{height:66.6666666667%}}@media only screen and (min-width:992px){.h-col-md-8{height:66.6666666667%}}@media only screen and (min-width:1200px){.h-col-lg-8{height:66.6666666667%}}@media only screen and (min-width:1600px){.h-col-xlg-8{height:66.6666666667%}}.w-col-9{width:75%}@media only screen and (min-width:576px){.w-col-xs-9{width:75%}}@media only screen and (min-width:768px){.w-col-sm-9{width:75%}}@media only screen and (min-width:992px){.w-col-md-9{width:75%}}@media only screen and (min-width:1200px){.w-col-lg-9{width:75%}}@media only screen and (min-width:1600px){.w-col-xlg-9{width:75%}}.h-col-9{height:75%}@media only screen and (min-width:576px){.h-col-xs-9{height:75%}}@media only screen and (min-width:768px){.h-col-sm-9{height:75%}}@media only screen and (min-width:992px){.h-col-md-9{height:75%}}@media only screen and (min-width:1200px){.h-col-lg-9{height:75%}}@media only screen and (min-width:1600px){.h-col-xlg-9{height:75%}}.w-col-10{width:83.3333333333%}@media only screen and (min-width:576px){.w-col-xs-10{width:83.3333333333%}}@media only screen and (min-width:768px){.w-col-sm-10{width:83.3333333333%}}@media only screen and (min-width:992px){.w-col-md-10{width:83.3333333333%}}@media only screen and (min-width:1200px){.w-col-lg-10{width:83.3333333333%}}@media only screen and (min-width:1600px){.w-col-xlg-10{width:83.3333333333%}}.h-col-10{height:83.3333333333%}@media only screen and (min-width:576px){.h-col-xs-10{height:83.3333333333%}}@media only screen and (min-width:768px){.h-col-sm-10{height:83.3333333333%}}@media only screen and (min-width:992px){.h-col-md-10{height:83.3333333333%}}@media only screen and (min-width:1200px){.h-col-lg-10{height:83.3333333333%}}@media only screen and (min-width:1600px){.h-col-xlg-10{height:83.3333333333%}}.w-col-11{width:91.6666666667%}@media only screen and (min-width:576px){.w-col-xs-11{width:91.6666666667%}}@media only screen and (min-width:768px){.w-col-sm-11{width:91.6666666667%}}@media only screen and (min-width:992px){.w-col-md-11{width:91.6666666667%}}@media only screen and (min-width:1200px){.w-col-lg-11{width:91.6666666667%}}@media only screen and (min-width:1600px){.w-col-xlg-11{width:91.6666666667%}}.h-col-11{height:91.6666666667%}@media only screen and (min-width:576px){.h-col-xs-11{height:91.6666666667%}}@media only screen and (min-width:768px){.h-col-sm-11{height:91.6666666667%}}@media only screen and (min-width:992px){.h-col-md-11{height:91.6666666667%}}@media only screen and (min-width:1200px){.h-col-lg-11{height:91.6666666667%}}@media only screen and (min-width:1600px){.h-col-xlg-11{height:91.6666666667%}}.w-col-12{width:100%}@media only screen and (min-width:576px){.w-col-xs-12{width:100%}}@media only screen and (min-width:768px){.w-col-sm-12{width:100%}}@media only screen and (min-width:992px){.w-col-md-12{width:100%}}@media only screen and (min-width:1200px){.w-col-lg-12{width:100%}}@media only screen and (min-width:1600px){.w-col-xlg-12{width:100%}}.h-col-12{height:100%}@media only screen and (min-width:576px){.h-col-xs-12{height:100%}}@media only screen and (min-width:768px){.h-col-sm-12{height:100%}}@media only screen and (min-width:992px){.h-col-md-12{height:100%}}@media only screen and (min-width:1200px){.h-col-lg-12{height:100%}}@media only screen and (min-width:1600px){.h-col-xlg-12{height:100%}}.w-1{width:.5rem}@media only screen and (min-width:576px){.w-xs-1{width:.5rem}}@media only screen and (min-width:768px){.w-sm-1{width:.5rem}}@media only screen and (min-width:992px){.w-md-1{width:.5rem}}@media only screen and (min-width:1200px){.w-lg-1{width:.5rem}}@media only screen and (min-width:1600px){.w-xlg-1{width:.5rem}}.w-2{width:1rem}@media only screen and (min-width:576px){.w-xs-2{width:1rem}}@media only screen and (min-width:768px){.w-sm-2{width:1rem}}@media only screen and (min-width:992px){.w-md-2{width:1rem}}@media only screen and (min-width:1200px){.w-lg-2{width:1rem}}@media only screen and (min-width:1600px){.w-xlg-2{width:1rem}}.w-3{width:1.5rem}@media only screen and (min-width:576px){.w-xs-3{width:1.5rem}}@media only screen and (min-width:768px){.w-sm-3{width:1.5rem}}@media only screen and (min-width:992px){.w-md-3{width:1.5rem}}@media only screen and (min-width:1200px){.w-lg-3{width:1.5rem}}@media only screen and (min-width:1600px){.w-xlg-3{width:1.5rem}}.w-4{width:2rem}@media only screen and (min-width:576px){.w-xs-4{width:2rem}}@media only screen and (min-width:768px){.w-sm-4{width:2rem}}@media only screen and (min-width:992px){.w-md-4{width:2rem}}@media only screen and (min-width:1200px){.w-lg-4{width:2rem}}@media only screen and (min-width:1600px){.w-xlg-4{width:2rem}}.w-5{width:2.5rem}@media only screen and (min-width:576px){.w-xs-5{width:2.5rem}}@media only screen and (min-width:768px){.w-sm-5{width:2.5rem}}@media only screen and (min-width:992px){.w-md-5{width:2.5rem}}@media only screen and (min-width:1200px){.w-lg-5{width:2.5rem}}@media only screen and (min-width:1600px){.w-xlg-5{width:2.5rem}}.w-6{width:3rem}@media only screen and (min-width:576px){.w-xs-6{width:3rem}}@media only screen and (min-width:768px){.w-sm-6{width:3rem}}@media only screen and (min-width:992px){.w-md-6{width:3rem}}@media only screen and (min-width:1200px){.w-lg-6{width:3rem}}@media only screen and (min-width:1600px){.w-xlg-6{width:3rem}}.w-7{width:3.5rem}@media only screen and (min-width:576px){.w-xs-7{width:3.5rem}}@media only screen and (min-width:768px){.w-sm-7{width:3.5rem}}@media only screen and (min-width:992px){.w-md-7{width:3.5rem}}@media only screen and (min-width:1200px){.w-lg-7{width:3.5rem}}@media only screen and (min-width:1600px){.w-xlg-7{width:3.5rem}}.w-8{width:4rem}@media only screen and (min-width:576px){.w-xs-8{width:4rem}}@media only screen and (min-width:768px){.w-sm-8{width:4rem}}@media only screen and (min-width:992px){.w-md-8{width:4rem}}@media only screen and (min-width:1200px){.w-lg-8{width:4rem}}@media only screen and (min-width:1600px){.w-xlg-8{width:4rem}}.w-9{width:4.5rem}@media only screen and (min-width:576px){.w-xs-9{width:4.5rem}}@media only screen and (min-width:768px){.w-sm-9{width:4.5rem}}@media only screen and (min-width:992px){.w-md-9{width:4.5rem}}@media only screen and (min-width:1200px){.w-lg-9{width:4.5rem}}@media only screen and (min-width:1600px){.w-xlg-9{width:4.5rem}}.w-10{width:5rem}@media only screen and (min-width:576px){.w-xs-10{width:5rem}}@media only screen and (min-width:768px){.w-sm-10{width:5rem}}@media only screen and (min-width:992px){.w-md-10{width:5rem}}@media only screen and (min-width:1200px){.w-lg-10{width:5rem}}@media only screen and (min-width:1600px){.w-xlg-10{width:5rem}}.w-11{width:5.5rem}@media only screen and (min-width:576px){.w-xs-11{width:5.5rem}}@media only screen and (min-width:768px){.w-sm-11{width:5.5rem}}@media only screen and (min-width:992px){.w-md-11{width:5.5rem}}@media only screen and (min-width:1200px){.w-lg-11{width:5.5rem}}@media only screen and (min-width:1600px){.w-xlg-11{width:5.5rem}}.w-12{width:6rem}@media only screen and (min-width:576px){.w-xs-12{width:6rem}}@media only screen and (min-width:768px){.w-sm-12{width:6rem}}@media only screen and (min-width:992px){.w-md-12{width:6rem}}@media only screen and (min-width:1200px){.w-lg-12{width:6rem}}@media only screen and (min-width:1600px){.w-xlg-12{width:6rem}}.w-13{width:6.5rem}@media only screen and (min-width:576px){.w-xs-13{width:6.5rem}}@media only screen and (min-width:768px){.w-sm-13{width:6.5rem}}@media only screen and (min-width:992px){.w-md-13{width:6.5rem}}@media only screen and (min-width:1200px){.w-lg-13{width:6.5rem}}@media only screen and (min-width:1600px){.w-xlg-13{width:6.5rem}}.w-14{width:7rem}@media only screen and (min-width:576px){.w-xs-14{width:7rem}}@media only screen and (min-width:768px){.w-sm-14{width:7rem}}@media only screen and (min-width:992px){.w-md-14{width:7rem}}@media only screen and (min-width:1200px){.w-lg-14{width:7rem}}@media only screen and (min-width:1600px){.w-xlg-14{width:7rem}}.w-15{width:7.5rem}@media only screen and (min-width:576px){.w-xs-15{width:7.5rem}}@media only screen and (min-width:768px){.w-sm-15{width:7.5rem}}@media only screen and (min-width:992px){.w-md-15{width:7.5rem}}@media only screen and (min-width:1200px){.w-lg-15{width:7.5rem}}@media only screen and (min-width:1600px){.w-xlg-15{width:7.5rem}}.w-16{width:8rem}@media only screen and (min-width:576px){.w-xs-16{width:8rem}}@media only screen and (min-width:768px){.w-sm-16{width:8rem}}@media only screen and (min-width:992px){.w-md-16{width:8rem}}@media only screen and (min-width:1200px){.w-lg-16{width:8rem}}@media only screen and (min-width:1600px){.w-xlg-16{width:8rem}}.w-17{width:8.5rem}@media only screen and (min-width:576px){.w-xs-17{width:8.5rem}}@media only screen and (min-width:768px){.w-sm-17{width:8.5rem}}@media only screen and (min-width:992px){.w-md-17{width:8.5rem}}@media only screen and (min-width:1200px){.w-lg-17{width:8.5rem}}@media only screen and (min-width:1600px){.w-xlg-17{width:8.5rem}}.w-18{width:9rem}@media only screen and (min-width:576px){.w-xs-18{width:9rem}}@media only screen and (min-width:768px){.w-sm-18{width:9rem}}@media only screen and (min-width:992px){.w-md-18{width:9rem}}@media only screen and (min-width:1200px){.w-lg-18{width:9rem}}@media only screen and (min-width:1600px){.w-xlg-18{width:9rem}}.w-19{width:9.5rem}@media only screen and (min-width:576px){.w-xs-19{width:9.5rem}}@media only screen and (min-width:768px){.w-sm-19{width:9.5rem}}@media only screen and (min-width:992px){.w-md-19{width:9.5rem}}@media only screen and (min-width:1200px){.w-lg-19{width:9.5rem}}@media only screen and (min-width:1600px){.w-xlg-19{width:9.5rem}}.w-20{width:10rem}@media only screen and (min-width:576px){.w-xs-20{width:10rem}}@media only screen and (min-width:768px){.w-sm-20{width:10rem}}@media only screen and (min-width:992px){.w-md-20{width:10rem}}@media only screen and (min-width:1200px){.w-lg-20{width:10rem}}@media only screen and (min-width:1600px){.w-xlg-20{width:10rem}}.w-21{width:10.5rem}@media only screen and (min-width:576px){.w-xs-21{width:10.5rem}}@media only screen and (min-width:768px){.w-sm-21{width:10.5rem}}@media only screen and (min-width:992px){.w-md-21{width:10.5rem}}@media only screen and (min-width:1200px){.w-lg-21{width:10.5rem}}@media only screen and (min-width:1600px){.w-xlg-21{width:10.5rem}}.w-22{width:11rem}@media only screen and (min-width:576px){.w-xs-22{width:11rem}}@media only screen and (min-width:768px){.w-sm-22{width:11rem}}@media only screen and (min-width:992px){.w-md-22{width:11rem}}@media only screen and (min-width:1200px){.w-lg-22{width:11rem}}@media only screen and (min-width:1600px){.w-xlg-22{width:11rem}}.w-23{width:11.5rem}@media only screen and (min-width:576px){.w-xs-23{width:11.5rem}}@media only screen and (min-width:768px){.w-sm-23{width:11.5rem}}@media only screen and (min-width:992px){.w-md-23{width:11.5rem}}@media only screen and (min-width:1200px){.w-lg-23{width:11.5rem}}@media only screen and (min-width:1600px){.w-xlg-23{width:11.5rem}}.w-24{width:12rem}@media only screen and (min-width:576px){.w-xs-24{width:12rem}}@media only screen and (min-width:768px){.w-sm-24{width:12rem}}@media only screen and (min-width:992px){.w-md-24{width:12rem}}@media only screen and (min-width:1200px){.w-lg-24{width:12rem}}@media only screen and (min-width:1600px){.w-xlg-24{width:12rem}}.w-25{width:12.5rem}@media only screen and (min-width:576px){.w-xs-25{width:12.5rem}}@media only screen and (min-width:768px){.w-sm-25{width:12.5rem}}@media only screen and (min-width:992px){.w-md-25{width:12.5rem}}@media only screen and (min-width:1200px){.w-lg-25{width:12.5rem}}@media only screen and (min-width:1600px){.w-xlg-25{width:12.5rem}}.w-26{width:13rem}@media only screen and (min-width:576px){.w-xs-26{width:13rem}}@media only screen and (min-width:768px){.w-sm-26{width:13rem}}@media only screen and (min-width:992px){.w-md-26{width:13rem}}@media only screen and (min-width:1200px){.w-lg-26{width:13rem}}@media only screen and (min-width:1600px){.w-xlg-26{width:13rem}}.w-27{width:13.5rem}@media only screen and (min-width:576px){.w-xs-27{width:13.5rem}}@media only screen and (min-width:768px){.w-sm-27{width:13.5rem}}@media only screen and (min-width:992px){.w-md-27{width:13.5rem}}@media only screen and (min-width:1200px){.w-lg-27{width:13.5rem}}@media only screen and (min-width:1600px){.w-xlg-27{width:13.5rem}}.w-28{width:14rem}@media only screen and (min-width:576px){.w-xs-28{width:14rem}}@media only screen and (min-width:768px){.w-sm-28{width:14rem}}@media only screen and (min-width:992px){.w-md-28{width:14rem}}@media only screen and (min-width:1200px){.w-lg-28{width:14rem}}@media only screen and (min-width:1600px){.w-xlg-28{width:14rem}}.w-29{width:14.5rem}@media only screen and (min-width:576px){.w-xs-29{width:14.5rem}}@media only screen and (min-width:768px){.w-sm-29{width:14.5rem}}@media only screen and (min-width:992px){.w-md-29{width:14.5rem}}@media only screen and (min-width:1200px){.w-lg-29{width:14.5rem}}@media only screen and (min-width:1600px){.w-xlg-29{width:14.5rem}}.w-30{width:15rem}@media only screen and (min-width:576px){.w-xs-30{width:15rem}}@media only screen and (min-width:768px){.w-sm-30{width:15rem}}@media only screen and (min-width:992px){.w-md-30{width:15rem}}@media only screen and (min-width:1200px){.w-lg-30{width:15rem}}@media only screen and (min-width:1600px){.w-xlg-30{width:15rem}}.w-31{width:15.5rem}@media only screen and (min-width:576px){.w-xs-31{width:15.5rem}}@media only screen and (min-width:768px){.w-sm-31{width:15.5rem}}@media only screen and (min-width:992px){.w-md-31{width:15.5rem}}@media only screen and (min-width:1200px){.w-lg-31{width:15.5rem}}@media only screen and (min-width:1600px){.w-xlg-31{width:15.5rem}}.w-32{width:16rem}@media only screen and (min-width:576px){.w-xs-32{width:16rem}}@media only screen and (min-width:768px){.w-sm-32{width:16rem}}@media only screen and (min-width:992px){.w-md-32{width:16rem}}@media only screen and (min-width:1200px){.w-lg-32{width:16rem}}@media only screen and (min-width:1600px){.w-xlg-32{width:16rem}}.w-33{width:16.5rem}@media only screen and (min-width:576px){.w-xs-33{width:16.5rem}}@media only screen and (min-width:768px){.w-sm-33{width:16.5rem}}@media only screen and (min-width:992px){.w-md-33{width:16.5rem}}@media only screen and (min-width:1200px){.w-lg-33{width:16.5rem}}@media only screen and (min-width:1600px){.w-xlg-33{width:16.5rem}}.w-34{width:17rem}@media only screen and (min-width:576px){.w-xs-34{width:17rem}}@media only screen and (min-width:768px){.w-sm-34{width:17rem}}@media only screen and (min-width:992px){.w-md-34{width:17rem}}@media only screen and (min-width:1200px){.w-lg-34{width:17rem}}@media only screen and (min-width:1600px){.w-xlg-34{width:17rem}}.w-35{width:17.5rem}@media only screen and (min-width:576px){.w-xs-35{width:17.5rem}}@media only screen and (min-width:768px){.w-sm-35{width:17.5rem}}@media only screen and (min-width:992px){.w-md-35{width:17.5rem}}@media only screen and (min-width:1200px){.w-lg-35{width:17.5rem}}@media only screen and (min-width:1600px){.w-xlg-35{width:17.5rem}}.w-36{width:18rem}@media only screen and (min-width:576px){.w-xs-36{width:18rem}}@media only screen and (min-width:768px){.w-sm-36{width:18rem}}@media only screen and (min-width:992px){.w-md-36{width:18rem}}@media only screen and (min-width:1200px){.w-lg-36{width:18rem}}@media only screen and (min-width:1600px){.w-xlg-36{width:18rem}}.w-37{width:18.5rem}@media only screen and (min-width:576px){.w-xs-37{width:18.5rem}}@media only screen and (min-width:768px){.w-sm-37{width:18.5rem}}@media only screen and (min-width:992px){.w-md-37{width:18.5rem}}@media only screen and (min-width:1200px){.w-lg-37{width:18.5rem}}@media only screen and (min-width:1600px){.w-xlg-37{width:18.5rem}}.w-38{width:19rem}@media only screen and (min-width:576px){.w-xs-38{width:19rem}}@media only screen and (min-width:768px){.w-sm-38{width:19rem}}@media only screen and (min-width:992px){.w-md-38{width:19rem}}@media only screen and (min-width:1200px){.w-lg-38{width:19rem}}@media only screen and (min-width:1600px){.w-xlg-38{width:19rem}}.w-39{width:19.5rem}@media only screen and (min-width:576px){.w-xs-39{width:19.5rem}}@media only screen and (min-width:768px){.w-sm-39{width:19.5rem}}@media only screen and (min-width:992px){.w-md-39{width:19.5rem}}@media only screen and (min-width:1200px){.w-lg-39{width:19.5rem}}@media only screen and (min-width:1600px){.w-xlg-39{width:19.5rem}}.w-40{width:20rem}@media only screen and (min-width:576px){.w-xs-40{width:20rem}}@media only screen and (min-width:768px){.w-sm-40{width:20rem}}@media only screen and (min-width:992px){.w-md-40{width:20rem}}@media only screen and (min-width:1200px){.w-lg-40{width:20rem}}@media only screen and (min-width:1600px){.w-xlg-40{width:20rem}}.w-41{width:20.5rem}@media only screen and (min-width:576px){.w-xs-41{width:20.5rem}}@media only screen and (min-width:768px){.w-sm-41{width:20.5rem}}@media only screen and (min-width:992px){.w-md-41{width:20.5rem}}@media only screen and (min-width:1200px){.w-lg-41{width:20.5rem}}@media only screen and (min-width:1600px){.w-xlg-41{width:20.5rem}}.w-42{width:21rem}@media only screen and (min-width:576px){.w-xs-42{width:21rem}}@media only screen and (min-width:768px){.w-sm-42{width:21rem}}@media only screen and (min-width:992px){.w-md-42{width:21rem}}@media only screen and (min-width:1200px){.w-lg-42{width:21rem}}@media only screen and (min-width:1600px){.w-xlg-42{width:21rem}}.w-43{width:21.5rem}@media only screen and (min-width:576px){.w-xs-43{width:21.5rem}}@media only screen and (min-width:768px){.w-sm-43{width:21.5rem}}@media only screen and (min-width:992px){.w-md-43{width:21.5rem}}@media only screen and (min-width:1200px){.w-lg-43{width:21.5rem}}@media only screen and (min-width:1600px){.w-xlg-43{width:21.5rem}}.w-44{width:22rem}@media only screen and (min-width:576px){.w-xs-44{width:22rem}}@media only screen and (min-width:768px){.w-sm-44{width:22rem}}@media only screen and (min-width:992px){.w-md-44{width:22rem}}@media only screen and (min-width:1200px){.w-lg-44{width:22rem}}@media only screen and (min-width:1600px){.w-xlg-44{width:22rem}}.w-45{width:22.5rem}@media only screen and (min-width:576px){.w-xs-45{width:22.5rem}}@media only screen and (min-width:768px){.w-sm-45{width:22.5rem}}@media only screen and (min-width:992px){.w-md-45{width:22.5rem}}@media only screen and (min-width:1200px){.w-lg-45{width:22.5rem}}@media only screen and (min-width:1600px){.w-xlg-45{width:22.5rem}}.w-46{width:23rem}@media only screen and (min-width:576px){.w-xs-46{width:23rem}}@media only screen and (min-width:768px){.w-sm-46{width:23rem}}@media only screen and (min-width:992px){.w-md-46{width:23rem}}@media only screen and (min-width:1200px){.w-lg-46{width:23rem}}@media only screen and (min-width:1600px){.w-xlg-46{width:23rem}}.w-47{width:23.5rem}@media only screen and (min-width:576px){.w-xs-47{width:23.5rem}}@media only screen and (min-width:768px){.w-sm-47{width:23.5rem}}@media only screen and (min-width:992px){.w-md-47{width:23.5rem}}@media only screen and (min-width:1200px){.w-lg-47{width:23.5rem}}@media only screen and (min-width:1600px){.w-xlg-47{width:23.5rem}}.w-48{width:24rem}@media only screen and (min-width:576px){.w-xs-48{width:24rem}}@media only screen and (min-width:768px){.w-sm-48{width:24rem}}@media only screen and (min-width:992px){.w-md-48{width:24rem}}@media only screen and (min-width:1200px){.w-lg-48{width:24rem}}@media only screen and (min-width:1600px){.w-xlg-48{width:24rem}}.w-49{width:24.5rem}@media only screen and (min-width:576px){.w-xs-49{width:24.5rem}}@media only screen and (min-width:768px){.w-sm-49{width:24.5rem}}@media only screen and (min-width:992px){.w-md-49{width:24.5rem}}@media only screen and (min-width:1200px){.w-lg-49{width:24.5rem}}@media only screen and (min-width:1600px){.w-xlg-49{width:24.5rem}}.w-50{width:25rem}@media only screen and (min-width:576px){.w-xs-50{width:25rem}}@media only screen and (min-width:768px){.w-sm-50{width:25rem}}@media only screen and (min-width:992px){.w-md-50{width:25rem}}@media only screen and (min-width:1200px){.w-lg-50{width:25rem}}@media only screen and (min-width:1600px){.w-xlg-50{width:25rem}}.w-51{width:25.5rem}@media only screen and (min-width:576px){.w-xs-51{width:25.5rem}}@media only screen and (min-width:768px){.w-sm-51{width:25.5rem}}@media only screen and (min-width:992px){.w-md-51{width:25.5rem}}@media only screen and (min-width:1200px){.w-lg-51{width:25.5rem}}@media only screen and (min-width:1600px){.w-xlg-51{width:25.5rem}}.w-52{width:26rem}@media only screen and (min-width:576px){.w-xs-52{width:26rem}}@media only screen and (min-width:768px){.w-sm-52{width:26rem}}@media only screen and (min-width:992px){.w-md-52{width:26rem}}@media only screen and (min-width:1200px){.w-lg-52{width:26rem}}@media only screen and (min-width:1600px){.w-xlg-52{width:26rem}}.w-53{width:26.5rem}@media only screen and (min-width:576px){.w-xs-53{width:26.5rem}}@media only screen and (min-width:768px){.w-sm-53{width:26.5rem}}@media only screen and (min-width:992px){.w-md-53{width:26.5rem}}@media only screen and (min-width:1200px){.w-lg-53{width:26.5rem}}@media only screen and (min-width:1600px){.w-xlg-53{width:26.5rem}}.w-54{width:27rem}@media only screen and (min-width:576px){.w-xs-54{width:27rem}}@media only screen and (min-width:768px){.w-sm-54{width:27rem}}@media only screen and (min-width:992px){.w-md-54{width:27rem}}@media only screen and (min-width:1200px){.w-lg-54{width:27rem}}@media only screen and (min-width:1600px){.w-xlg-54{width:27rem}}.w-55{width:27.5rem}@media only screen and (min-width:576px){.w-xs-55{width:27.5rem}}@media only screen and (min-width:768px){.w-sm-55{width:27.5rem}}@media only screen and (min-width:992px){.w-md-55{width:27.5rem}}@media only screen and (min-width:1200px){.w-lg-55{width:27.5rem}}@media only screen and (min-width:1600px){.w-xlg-55{width:27.5rem}}.w-56{width:28rem}@media only screen and (min-width:576px){.w-xs-56{width:28rem}}@media only screen and (min-width:768px){.w-sm-56{width:28rem}}@media only screen and (min-width:992px){.w-md-56{width:28rem}}@media only screen and (min-width:1200px){.w-lg-56{width:28rem}}@media only screen and (min-width:1600px){.w-xlg-56{width:28rem}}.w-57{width:28.5rem}@media only screen and (min-width:576px){.w-xs-57{width:28.5rem}}@media only screen and (min-width:768px){.w-sm-57{width:28.5rem}}@media only screen and (min-width:992px){.w-md-57{width:28.5rem}}@media only screen and (min-width:1200px){.w-lg-57{width:28.5rem}}@media only screen and (min-width:1600px){.w-xlg-57{width:28.5rem}}.w-58{width:29rem}@media only screen and (min-width:576px){.w-xs-58{width:29rem}}@media only screen and (min-width:768px){.w-sm-58{width:29rem}}@media only screen and (min-width:992px){.w-md-58{width:29rem}}@media only screen and (min-width:1200px){.w-lg-58{width:29rem}}@media only screen and (min-width:1600px){.w-xlg-58{width:29rem}}.w-59{width:29.5rem}@media only screen and (min-width:576px){.w-xs-59{width:29.5rem}}@media only screen and (min-width:768px){.w-sm-59{width:29.5rem}}@media only screen and (min-width:992px){.w-md-59{width:29.5rem}}@media only screen and (min-width:1200px){.w-lg-59{width:29.5rem}}@media only screen and (min-width:1600px){.w-xlg-59{width:29.5rem}}.w-60{width:30rem}@media only screen and (min-width:576px){.w-xs-60{width:30rem}}@media only screen and (min-width:768px){.w-sm-60{width:30rem}}@media only screen and (min-width:992px){.w-md-60{width:30rem}}@media only screen and (min-width:1200px){.w-lg-60{width:30rem}}@media only screen and (min-width:1600px){.w-xlg-60{width:30rem}}.w-61{width:30.5rem}@media only screen and (min-width:576px){.w-xs-61{width:30.5rem}}@media only screen and (min-width:768px){.w-sm-61{width:30.5rem}}@media only screen and (min-width:992px){.w-md-61{width:30.5rem}}@media only screen and (min-width:1200px){.w-lg-61{width:30.5rem}}@media only screen and (min-width:1600px){.w-xlg-61{width:30.5rem}}.w-62{width:31rem}@media only screen and (min-width:576px){.w-xs-62{width:31rem}}@media only screen and (min-width:768px){.w-sm-62{width:31rem}}@media only screen and (min-width:992px){.w-md-62{width:31rem}}@media only screen and (min-width:1200px){.w-lg-62{width:31rem}}@media only screen and (min-width:1600px){.w-xlg-62{width:31rem}}.w-63{width:31.5rem}@media only screen and (min-width:576px){.w-xs-63{width:31.5rem}}@media only screen and (min-width:768px){.w-sm-63{width:31.5rem}}@media only screen and (min-width:992px){.w-md-63{width:31.5rem}}@media only screen and (min-width:1200px){.w-lg-63{width:31.5rem}}@media only screen and (min-width:1600px){.w-xlg-63{width:31.5rem}}.w-64{width:32rem}@media only screen and (min-width:576px){.w-xs-64{width:32rem}}@media only screen and (min-width:768px){.w-sm-64{width:32rem}}@media only screen and (min-width:992px){.w-md-64{width:32rem}}@media only screen and (min-width:1200px){.w-lg-64{width:32rem}}@media only screen and (min-width:1600px){.w-xlg-64{width:32rem}}.w-65{width:32.5rem}@media only screen and (min-width:576px){.w-xs-65{width:32.5rem}}@media only screen and (min-width:768px){.w-sm-65{width:32.5rem}}@media only screen and (min-width:992px){.w-md-65{width:32.5rem}}@media only screen and (min-width:1200px){.w-lg-65{width:32.5rem}}@media only screen and (min-width:1600px){.w-xlg-65{width:32.5rem}}.w-66{width:33rem}@media only screen and (min-width:576px){.w-xs-66{width:33rem}}@media only screen and (min-width:768px){.w-sm-66{width:33rem}}@media only screen and (min-width:992px){.w-md-66{width:33rem}}@media only screen and (min-width:1200px){.w-lg-66{width:33rem}}@media only screen and (min-width:1600px){.w-xlg-66{width:33rem}}.w-67{width:33.5rem}@media only screen and (min-width:576px){.w-xs-67{width:33.5rem}}@media only screen and (min-width:768px){.w-sm-67{width:33.5rem}}@media only screen and (min-width:992px){.w-md-67{width:33.5rem}}@media only screen and (min-width:1200px){.w-lg-67{width:33.5rem}}@media only screen and (min-width:1600px){.w-xlg-67{width:33.5rem}}.w-68{width:34rem}@media only screen and (min-width:576px){.w-xs-68{width:34rem}}@media only screen and (min-width:768px){.w-sm-68{width:34rem}}@media only screen and (min-width:992px){.w-md-68{width:34rem}}@media only screen and (min-width:1200px){.w-lg-68{width:34rem}}@media only screen and (min-width:1600px){.w-xlg-68{width:34rem}}.w-69{width:34.5rem}@media only screen and (min-width:576px){.w-xs-69{width:34.5rem}}@media only screen and (min-width:768px){.w-sm-69{width:34.5rem}}@media only screen and (min-width:992px){.w-md-69{width:34.5rem}}@media only screen and (min-width:1200px){.w-lg-69{width:34.5rem}}@media only screen and (min-width:1600px){.w-xlg-69{width:34.5rem}}.w-70{width:35rem}@media only screen and (min-width:576px){.w-xs-70{width:35rem}}@media only screen and (min-width:768px){.w-sm-70{width:35rem}}@media only screen and (min-width:992px){.w-md-70{width:35rem}}@media only screen and (min-width:1200px){.w-lg-70{width:35rem}}@media only screen and (min-width:1600px){.w-xlg-70{width:35rem}}.w-71{width:35.5rem}@media only screen and (min-width:576px){.w-xs-71{width:35.5rem}}@media only screen and (min-width:768px){.w-sm-71{width:35.5rem}}@media only screen and (min-width:992px){.w-md-71{width:35.5rem}}@media only screen and (min-width:1200px){.w-lg-71{width:35.5rem}}@media only screen and (min-width:1600px){.w-xlg-71{width:35.5rem}}.w-72{width:36rem}@media only screen and (min-width:576px){.w-xs-72{width:36rem}}@media only screen and (min-width:768px){.w-sm-72{width:36rem}}@media only screen and (min-width:992px){.w-md-72{width:36rem}}@media only screen and (min-width:1200px){.w-lg-72{width:36rem}}@media only screen and (min-width:1600px){.w-xlg-72{width:36rem}}.w-73{width:36.5rem}@media only screen and (min-width:576px){.w-xs-73{width:36.5rem}}@media only screen and (min-width:768px){.w-sm-73{width:36.5rem}}@media only screen and (min-width:992px){.w-md-73{width:36.5rem}}@media only screen and (min-width:1200px){.w-lg-73{width:36.5rem}}@media only screen and (min-width:1600px){.w-xlg-73{width:36.5rem}}.w-74{width:37rem}@media only screen and (min-width:576px){.w-xs-74{width:37rem}}@media only screen and (min-width:768px){.w-sm-74{width:37rem}}@media only screen and (min-width:992px){.w-md-74{width:37rem}}@media only screen and (min-width:1200px){.w-lg-74{width:37rem}}@media only screen and (min-width:1600px){.w-xlg-74{width:37rem}}.w-75{width:37.5rem}@media only screen and (min-width:576px){.w-xs-75{width:37.5rem}}@media only screen and (min-width:768px){.w-sm-75{width:37.5rem}}@media only screen and (min-width:992px){.w-md-75{width:37.5rem}}@media only screen and (min-width:1200px){.w-lg-75{width:37.5rem}}@media only screen and (min-width:1600px){.w-xlg-75{width:37.5rem}}.w-76{width:38rem}@media only screen and (min-width:576px){.w-xs-76{width:38rem}}@media only screen and (min-width:768px){.w-sm-76{width:38rem}}@media only screen and (min-width:992px){.w-md-76{width:38rem}}@media only screen and (min-width:1200px){.w-lg-76{width:38rem}}@media only screen and (min-width:1600px){.w-xlg-76{width:38rem}}.w-77{width:38.5rem}@media only screen and (min-width:576px){.w-xs-77{width:38.5rem}}@media only screen and (min-width:768px){.w-sm-77{width:38.5rem}}@media only screen and (min-width:992px){.w-md-77{width:38.5rem}}@media only screen and (min-width:1200px){.w-lg-77{width:38.5rem}}@media only screen and (min-width:1600px){.w-xlg-77{width:38.5rem}}.w-78{width:39rem}@media only screen and (min-width:576px){.w-xs-78{width:39rem}}@media only screen and (min-width:768px){.w-sm-78{width:39rem}}@media only screen and (min-width:992px){.w-md-78{width:39rem}}@media only screen and (min-width:1200px){.w-lg-78{width:39rem}}@media only screen and (min-width:1600px){.w-xlg-78{width:39rem}}.w-79{width:39.5rem}@media only screen and (min-width:576px){.w-xs-79{width:39.5rem}}@media only screen and (min-width:768px){.w-sm-79{width:39.5rem}}@media only screen and (min-width:992px){.w-md-79{width:39.5rem}}@media only screen and (min-width:1200px){.w-lg-79{width:39.5rem}}@media only screen and (min-width:1600px){.w-xlg-79{width:39.5rem}}.w-80{width:40rem}@media only screen and (min-width:576px){.w-xs-80{width:40rem}}@media only screen and (min-width:768px){.w-sm-80{width:40rem}}@media only screen and (min-width:992px){.w-md-80{width:40rem}}@media only screen and (min-width:1200px){.w-lg-80{width:40rem}}@media only screen and (min-width:1600px){.w-xlg-80{width:40rem}}.w-81{width:40.5rem}@media only screen and (min-width:576px){.w-xs-81{width:40.5rem}}@media only screen and (min-width:768px){.w-sm-81{width:40.5rem}}@media only screen and (min-width:992px){.w-md-81{width:40.5rem}}@media only screen and (min-width:1200px){.w-lg-81{width:40.5rem}}@media only screen and (min-width:1600px){.w-xlg-81{width:40.5rem}}.w-82{width:41rem}@media only screen and (min-width:576px){.w-xs-82{width:41rem}}@media only screen and (min-width:768px){.w-sm-82{width:41rem}}@media only screen and (min-width:992px){.w-md-82{width:41rem}}@media only screen and (min-width:1200px){.w-lg-82{width:41rem}}@media only screen and (min-width:1600px){.w-xlg-82{width:41rem}}.w-83{width:41.5rem}@media only screen and (min-width:576px){.w-xs-83{width:41.5rem}}@media only screen and (min-width:768px){.w-sm-83{width:41.5rem}}@media only screen and (min-width:992px){.w-md-83{width:41.5rem}}@media only screen and (min-width:1200px){.w-lg-83{width:41.5rem}}@media only screen and (min-width:1600px){.w-xlg-83{width:41.5rem}}.w-84{width:42rem}@media only screen and (min-width:576px){.w-xs-84{width:42rem}}@media only screen and (min-width:768px){.w-sm-84{width:42rem}}@media only screen and (min-width:992px){.w-md-84{width:42rem}}@media only screen and (min-width:1200px){.w-lg-84{width:42rem}}@media only screen and (min-width:1600px){.w-xlg-84{width:42rem}}.w-85{width:42.5rem}@media only screen and (min-width:576px){.w-xs-85{width:42.5rem}}@media only screen and (min-width:768px){.w-sm-85{width:42.5rem}}@media only screen and (min-width:992px){.w-md-85{width:42.5rem}}@media only screen and (min-width:1200px){.w-lg-85{width:42.5rem}}@media only screen and (min-width:1600px){.w-xlg-85{width:42.5rem}}.w-86{width:43rem}@media only screen and (min-width:576px){.w-xs-86{width:43rem}}@media only screen and (min-width:768px){.w-sm-86{width:43rem}}@media only screen and (min-width:992px){.w-md-86{width:43rem}}@media only screen and (min-width:1200px){.w-lg-86{width:43rem}}@media only screen and (min-width:1600px){.w-xlg-86{width:43rem}}.w-87{width:43.5rem}@media only screen and (min-width:576px){.w-xs-87{width:43.5rem}}@media only screen and (min-width:768px){.w-sm-87{width:43.5rem}}@media only screen and (min-width:992px){.w-md-87{width:43.5rem}}@media only screen and (min-width:1200px){.w-lg-87{width:43.5rem}}@media only screen and (min-width:1600px){.w-xlg-87{width:43.5rem}}.w-88{width:44rem}@media only screen and (min-width:576px){.w-xs-88{width:44rem}}@media only screen and (min-width:768px){.w-sm-88{width:44rem}}@media only screen and (min-width:992px){.w-md-88{width:44rem}}@media only screen and (min-width:1200px){.w-lg-88{width:44rem}}@media only screen and (min-width:1600px){.w-xlg-88{width:44rem}}.w-89{width:44.5rem}@media only screen and (min-width:576px){.w-xs-89{width:44.5rem}}@media only screen and (min-width:768px){.w-sm-89{width:44.5rem}}@media only screen and (min-width:992px){.w-md-89{width:44.5rem}}@media only screen and (min-width:1200px){.w-lg-89{width:44.5rem}}@media only screen and (min-width:1600px){.w-xlg-89{width:44.5rem}}.w-90{width:45rem}@media only screen and (min-width:576px){.w-xs-90{width:45rem}}@media only screen and (min-width:768px){.w-sm-90{width:45rem}}@media only screen and (min-width:992px){.w-md-90{width:45rem}}@media only screen and (min-width:1200px){.w-lg-90{width:45rem}}@media only screen and (min-width:1600px){.w-xlg-90{width:45rem}}.w-91{width:45.5rem}@media only screen and (min-width:576px){.w-xs-91{width:45.5rem}}@media only screen and (min-width:768px){.w-sm-91{width:45.5rem}}@media only screen and (min-width:992px){.w-md-91{width:45.5rem}}@media only screen and (min-width:1200px){.w-lg-91{width:45.5rem}}@media only screen and (min-width:1600px){.w-xlg-91{width:45.5rem}}.w-92{width:46rem}@media only screen and (min-width:576px){.w-xs-92{width:46rem}}@media only screen and (min-width:768px){.w-sm-92{width:46rem}}@media only screen and (min-width:992px){.w-md-92{width:46rem}}@media only screen and (min-width:1200px){.w-lg-92{width:46rem}}@media only screen and (min-width:1600px){.w-xlg-92{width:46rem}}.w-93{width:46.5rem}@media only screen and (min-width:576px){.w-xs-93{width:46.5rem}}@media only screen and (min-width:768px){.w-sm-93{width:46.5rem}}@media only screen and (min-width:992px){.w-md-93{width:46.5rem}}@media only screen and (min-width:1200px){.w-lg-93{width:46.5rem}}@media only screen and (min-width:1600px){.w-xlg-93{width:46.5rem}}.w-94{width:47rem}@media only screen and (min-width:576px){.w-xs-94{width:47rem}}@media only screen and (min-width:768px){.w-sm-94{width:47rem}}@media only screen and (min-width:992px){.w-md-94{width:47rem}}@media only screen and (min-width:1200px){.w-lg-94{width:47rem}}@media only screen and (min-width:1600px){.w-xlg-94{width:47rem}}.w-95{width:47.5rem}@media only screen and (min-width:576px){.w-xs-95{width:47.5rem}}@media only screen and (min-width:768px){.w-sm-95{width:47.5rem}}@media only screen and (min-width:992px){.w-md-95{width:47.5rem}}@media only screen and (min-width:1200px){.w-lg-95{width:47.5rem}}@media only screen and (min-width:1600px){.w-xlg-95{width:47.5rem}}.w-96{width:48rem}@media only screen and (min-width:576px){.w-xs-96{width:48rem}}@media only screen and (min-width:768px){.w-sm-96{width:48rem}}@media only screen and (min-width:992px){.w-md-96{width:48rem}}@media only screen and (min-width:1200px){.w-lg-96{width:48rem}}@media only screen and (min-width:1600px){.w-xlg-96{width:48rem}}.w-97{width:48.5rem}@media only screen and (min-width:576px){.w-xs-97{width:48.5rem}}@media only screen and (min-width:768px){.w-sm-97{width:48.5rem}}@media only screen and (min-width:992px){.w-md-97{width:48.5rem}}@media only screen and (min-width:1200px){.w-lg-97{width:48.5rem}}@media only screen and (min-width:1600px){.w-xlg-97{width:48.5rem}}.w-98{width:49rem}@media only screen and (min-width:576px){.w-xs-98{width:49rem}}@media only screen and (min-width:768px){.w-sm-98{width:49rem}}@media only screen and (min-width:992px){.w-md-98{width:49rem}}@media only screen and (min-width:1200px){.w-lg-98{width:49rem}}@media only screen and (min-width:1600px){.w-xlg-98{width:49rem}}.w-99{width:49.5rem}@media only screen and (min-width:576px){.w-xs-99{width:49.5rem}}@media only screen and (min-width:768px){.w-sm-99{width:49.5rem}}@media only screen and (min-width:992px){.w-md-99{width:49.5rem}}@media only screen and (min-width:1200px){.w-lg-99{width:49.5rem}}@media only screen and (min-width:1600px){.w-xlg-99{width:49.5rem}}.h-1{height:.5rem}@media only screen and (min-width:576px){.h-xs-1{height:.5rem}}@media only screen and (min-width:768px){.h-sm-1{height:.5rem}}@media only screen and (min-width:992px){.h-md-1{height:.5rem}}@media only screen and (min-width:1200px){.h-lg-1{height:.5rem}}@media only screen and (min-width:1600px){.h-xlg-1{height:.5rem}}.h-2{height:1rem}@media only screen and (min-width:576px){.h-xs-2{height:1rem}}@media only screen and (min-width:768px){.h-sm-2{height:1rem}}@media only screen and (min-width:992px){.h-md-2{height:1rem}}@media only screen and (min-width:1200px){.h-lg-2{height:1rem}}@media only screen and (min-width:1600px){.h-xlg-2{height:1rem}}.h-3{height:1.5rem}@media only screen and (min-width:576px){.h-xs-3{height:1.5rem}}@media only screen and (min-width:768px){.h-sm-3{height:1.5rem}}@media only screen and (min-width:992px){.h-md-3{height:1.5rem}}@media only screen and (min-width:1200px){.h-lg-3{height:1.5rem}}@media only screen and (min-width:1600px){.h-xlg-3{height:1.5rem}}.h-4{height:2rem}@media only screen and (min-width:576px){.h-xs-4{height:2rem}}@media only screen and (min-width:768px){.h-sm-4{height:2rem}}@media only screen and (min-width:992px){.h-md-4{height:2rem}}@media only screen and (min-width:1200px){.h-lg-4{height:2rem}}@media only screen and (min-width:1600px){.h-xlg-4{height:2rem}}.h-5{height:2.5rem}@media only screen and (min-width:576px){.h-xs-5{height:2.5rem}}@media only screen and (min-width:768px){.h-sm-5{height:2.5rem}}@media only screen and (min-width:992px){.h-md-5{height:2.5rem}}@media only screen and (min-width:1200px){.h-lg-5{height:2.5rem}}@media only screen and (min-width:1600px){.h-xlg-5{height:2.5rem}}.h-6{height:3rem}@media only screen and (min-width:576px){.h-xs-6{height:3rem}}@media only screen and (min-width:768px){.h-sm-6{height:3rem}}@media only screen and (min-width:992px){.h-md-6{height:3rem}}@media only screen and (min-width:1200px){.h-lg-6{height:3rem}}@media only screen and (min-width:1600px){.h-xlg-6{height:3rem}}.h-7{height:3.5rem}@media only screen and (min-width:576px){.h-xs-7{height:3.5rem}}@media only screen and (min-width:768px){.h-sm-7{height:3.5rem}}@media only screen and (min-width:992px){.h-md-7{height:3.5rem}}@media only screen and (min-width:1200px){.h-lg-7{height:3.5rem}}@media only screen and (min-width:1600px){.h-xlg-7{height:3.5rem}}.h-8{height:4rem}@media only screen and (min-width:576px){.h-xs-8{height:4rem}}@media only screen and (min-width:768px){.h-sm-8{height:4rem}}@media only screen and (min-width:992px){.h-md-8{height:4rem}}@media only screen and (min-width:1200px){.h-lg-8{height:4rem}}@media only screen and (min-width:1600px){.h-xlg-8{height:4rem}}.h-9{height:4.5rem}@media only screen and (min-width:576px){.h-xs-9{height:4.5rem}}@media only screen and (min-width:768px){.h-sm-9{height:4.5rem}}@media only screen and (min-width:992px){.h-md-9{height:4.5rem}}@media only screen and (min-width:1200px){.h-lg-9{height:4.5rem}}@media only screen and (min-width:1600px){.h-xlg-9{height:4.5rem}}.h-10{height:5rem}@media only screen and (min-width:576px){.h-xs-10{height:5rem}}@media only screen and (min-width:768px){.h-sm-10{height:5rem}}@media only screen and (min-width:992px){.h-md-10{height:5rem}}@media only screen and (min-width:1200px){.h-lg-10{height:5rem}}@media only screen and (min-width:1600px){.h-xlg-10{height:5rem}}.h-11{height:5.5rem}@media only screen and (min-width:576px){.h-xs-11{height:5.5rem}}@media only screen and (min-width:768px){.h-sm-11{height:5.5rem}}@media only screen and (min-width:992px){.h-md-11{height:5.5rem}}@media only screen and (min-width:1200px){.h-lg-11{height:5.5rem}}@media only screen and (min-width:1600px){.h-xlg-11{height:5.5rem}}.h-12{height:6rem}@media only screen and (min-width:576px){.h-xs-12{height:6rem}}@media only screen and (min-width:768px){.h-sm-12{height:6rem}}@media only screen and (min-width:992px){.h-md-12{height:6rem}}@media only screen and (min-width:1200px){.h-lg-12{height:6rem}}@media only screen and (min-width:1600px){.h-xlg-12{height:6rem}}.h-13{height:6.5rem}@media only screen and (min-width:576px){.h-xs-13{height:6.5rem}}@media only screen and (min-width:768px){.h-sm-13{height:6.5rem}}@media only screen and (min-width:992px){.h-md-13{height:6.5rem}}@media only screen and (min-width:1200px){.h-lg-13{height:6.5rem}}@media only screen and (min-width:1600px){.h-xlg-13{height:6.5rem}}.h-14{height:7rem}@media only screen and (min-width:576px){.h-xs-14{height:7rem}}@media only screen and (min-width:768px){.h-sm-14{height:7rem}}@media only screen and (min-width:992px){.h-md-14{height:7rem}}@media only screen and (min-width:1200px){.h-lg-14{height:7rem}}@media only screen and (min-width:1600px){.h-xlg-14{height:7rem}}.h-15{height:7.5rem}@media only screen and (min-width:576px){.h-xs-15{height:7.5rem}}@media only screen and (min-width:768px){.h-sm-15{height:7.5rem}}@media only screen and (min-width:992px){.h-md-15{height:7.5rem}}@media only screen and (min-width:1200px){.h-lg-15{height:7.5rem}}@media only screen and (min-width:1600px){.h-xlg-15{height:7.5rem}}.h-16{height:8rem}@media only screen and (min-width:576px){.h-xs-16{height:8rem}}@media only screen and (min-width:768px){.h-sm-16{height:8rem}}@media only screen and (min-width:992px){.h-md-16{height:8rem}}@media only screen and (min-width:1200px){.h-lg-16{height:8rem}}@media only screen and (min-width:1600px){.h-xlg-16{height:8rem}}.h-17{height:8.5rem}@media only screen and (min-width:576px){.h-xs-17{height:8.5rem}}@media only screen and (min-width:768px){.h-sm-17{height:8.5rem}}@media only screen and (min-width:992px){.h-md-17{height:8.5rem}}@media only screen and (min-width:1200px){.h-lg-17{height:8.5rem}}@media only screen and (min-width:1600px){.h-xlg-17{height:8.5rem}}.h-18{height:9rem}@media only screen and (min-width:576px){.h-xs-18{height:9rem}}@media only screen and (min-width:768px){.h-sm-18{height:9rem}}@media only screen and (min-width:992px){.h-md-18{height:9rem}}@media only screen and (min-width:1200px){.h-lg-18{height:9rem}}@media only screen and (min-width:1600px){.h-xlg-18{height:9rem}}.h-19{height:9.5rem}@media only screen and (min-width:576px){.h-xs-19{height:9.5rem}}@media only screen and (min-width:768px){.h-sm-19{height:9.5rem}}@media only screen and (min-width:992px){.h-md-19{height:9.5rem}}@media only screen and (min-width:1200px){.h-lg-19{height:9.5rem}}@media only screen and (min-width:1600px){.h-xlg-19{height:9.5rem}}.h-20{height:10rem}@media only screen and (min-width:576px){.h-xs-20{height:10rem}}@media only screen and (min-width:768px){.h-sm-20{height:10rem}}@media only screen and (min-width:992px){.h-md-20{height:10rem}}@media only screen and (min-width:1200px){.h-lg-20{height:10rem}}@media only screen and (min-width:1600px){.h-xlg-20{height:10rem}}.h-21{height:10.5rem}@media only screen and (min-width:576px){.h-xs-21{height:10.5rem}}@media only screen and (min-width:768px){.h-sm-21{height:10.5rem}}@media only screen and (min-width:992px){.h-md-21{height:10.5rem}}@media only screen and (min-width:1200px){.h-lg-21{height:10.5rem}}@media only screen and (min-width:1600px){.h-xlg-21{height:10.5rem}}.h-22{height:11rem}@media only screen and (min-width:576px){.h-xs-22{height:11rem}}@media only screen and (min-width:768px){.h-sm-22{height:11rem}}@media only screen and (min-width:992px){.h-md-22{height:11rem}}@media only screen and (min-width:1200px){.h-lg-22{height:11rem}}@media only screen and (min-width:1600px){.h-xlg-22{height:11rem}}.h-23{height:11.5rem}@media only screen and (min-width:576px){.h-xs-23{height:11.5rem}}@media only screen and (min-width:768px){.h-sm-23{height:11.5rem}}@media only screen and (min-width:992px){.h-md-23{height:11.5rem}}@media only screen and (min-width:1200px){.h-lg-23{height:11.5rem}}@media only screen and (min-width:1600px){.h-xlg-23{height:11.5rem}}.h-24{height:12rem}@media only screen and (min-width:576px){.h-xs-24{height:12rem}}@media only screen and (min-width:768px){.h-sm-24{height:12rem}}@media only screen and (min-width:992px){.h-md-24{height:12rem}}@media only screen and (min-width:1200px){.h-lg-24{height:12rem}}@media only screen and (min-width:1600px){.h-xlg-24{height:12rem}}.h-25{height:12.5rem}@media only screen and (min-width:576px){.h-xs-25{height:12.5rem}}@media only screen and (min-width:768px){.h-sm-25{height:12.5rem}}@media only screen and (min-width:992px){.h-md-25{height:12.5rem}}@media only screen and (min-width:1200px){.h-lg-25{height:12.5rem}}@media only screen and (min-width:1600px){.h-xlg-25{height:12.5rem}}.h-26{height:13rem}@media only screen and (min-width:576px){.h-xs-26{height:13rem}}@media only screen and (min-width:768px){.h-sm-26{height:13rem}}@media only screen and (min-width:992px){.h-md-26{height:13rem}}@media only screen and (min-width:1200px){.h-lg-26{height:13rem}}@media only screen and (min-width:1600px){.h-xlg-26{height:13rem}}.h-27{height:13.5rem}@media only screen and (min-width:576px){.h-xs-27{height:13.5rem}}@media only screen and (min-width:768px){.h-sm-27{height:13.5rem}}@media only screen and (min-width:992px){.h-md-27{height:13.5rem}}@media only screen and (min-width:1200px){.h-lg-27{height:13.5rem}}@media only screen and (min-width:1600px){.h-xlg-27{height:13.5rem}}.h-28{height:14rem}@media only screen and (min-width:576px){.h-xs-28{height:14rem}}@media only screen and (min-width:768px){.h-sm-28{height:14rem}}@media only screen and (min-width:992px){.h-md-28{height:14rem}}@media only screen and (min-width:1200px){.h-lg-28{height:14rem}}@media only screen and (min-width:1600px){.h-xlg-28{height:14rem}}.h-29{height:14.5rem}@media only screen and (min-width:576px){.h-xs-29{height:14.5rem}}@media only screen and (min-width:768px){.h-sm-29{height:14.5rem}}@media only screen and (min-width:992px){.h-md-29{height:14.5rem}}@media only screen and (min-width:1200px){.h-lg-29{height:14.5rem}}@media only screen and (min-width:1600px){.h-xlg-29{height:14.5rem}}.h-30{height:15rem}@media only screen and (min-width:576px){.h-xs-30{height:15rem}}@media only screen and (min-width:768px){.h-sm-30{height:15rem}}@media only screen and (min-width:992px){.h-md-30{height:15rem}}@media only screen and (min-width:1200px){.h-lg-30{height:15rem}}@media only screen and (min-width:1600px){.h-xlg-30{height:15rem}}.h-31{height:15.5rem}@media only screen and (min-width:576px){.h-xs-31{height:15.5rem}}@media only screen and (min-width:768px){.h-sm-31{height:15.5rem}}@media only screen and (min-width:992px){.h-md-31{height:15.5rem}}@media only screen and (min-width:1200px){.h-lg-31{height:15.5rem}}@media only screen and (min-width:1600px){.h-xlg-31{height:15.5rem}}.h-32{height:16rem}@media only screen and (min-width:576px){.h-xs-32{height:16rem}}@media only screen and (min-width:768px){.h-sm-32{height:16rem}}@media only screen and (min-width:992px){.h-md-32{height:16rem}}@media only screen and (min-width:1200px){.h-lg-32{height:16rem}}@media only screen and (min-width:1600px){.h-xlg-32{height:16rem}}.h-33{height:16.5rem}@media only screen and (min-width:576px){.h-xs-33{height:16.5rem}}@media only screen and (min-width:768px){.h-sm-33{height:16.5rem}}@media only screen and (min-width:992px){.h-md-33{height:16.5rem}}@media only screen and (min-width:1200px){.h-lg-33{height:16.5rem}}@media only screen and (min-width:1600px){.h-xlg-33{height:16.5rem}}.h-34{height:17rem}@media only screen and (min-width:576px){.h-xs-34{height:17rem}}@media only screen and (min-width:768px){.h-sm-34{height:17rem}}@media only screen and (min-width:992px){.h-md-34{height:17rem}}@media only screen and (min-width:1200px){.h-lg-34{height:17rem}}@media only screen and (min-width:1600px){.h-xlg-34{height:17rem}}.h-35{height:17.5rem}@media only screen and (min-width:576px){.h-xs-35{height:17.5rem}}@media only screen and (min-width:768px){.h-sm-35{height:17.5rem}}@media only screen and (min-width:992px){.h-md-35{height:17.5rem}}@media only screen and (min-width:1200px){.h-lg-35{height:17.5rem}}@media only screen and (min-width:1600px){.h-xlg-35{height:17.5rem}}.h-36{height:18rem}@media only screen and (min-width:576px){.h-xs-36{height:18rem}}@media only screen and (min-width:768px){.h-sm-36{height:18rem}}@media only screen and (min-width:992px){.h-md-36{height:18rem}}@media only screen and (min-width:1200px){.h-lg-36{height:18rem}}@media only screen and (min-width:1600px){.h-xlg-36{height:18rem}}.h-37{height:18.5rem}@media only screen and (min-width:576px){.h-xs-37{height:18.5rem}}@media only screen and (min-width:768px){.h-sm-37{height:18.5rem}}@media only screen and (min-width:992px){.h-md-37{height:18.5rem}}@media only screen and (min-width:1200px){.h-lg-37{height:18.5rem}}@media only screen and (min-width:1600px){.h-xlg-37{height:18.5rem}}.h-38{height:19rem}@media only screen and (min-width:576px){.h-xs-38{height:19rem}}@media only screen and (min-width:768px){.h-sm-38{height:19rem}}@media only screen and (min-width:992px){.h-md-38{height:19rem}}@media only screen and (min-width:1200px){.h-lg-38{height:19rem}}@media only screen and (min-width:1600px){.h-xlg-38{height:19rem}}.h-39{height:19.5rem}@media only screen and (min-width:576px){.h-xs-39{height:19.5rem}}@media only screen and (min-width:768px){.h-sm-39{height:19.5rem}}@media only screen and (min-width:992px){.h-md-39{height:19.5rem}}@media only screen and (min-width:1200px){.h-lg-39{height:19.5rem}}@media only screen and (min-width:1600px){.h-xlg-39{height:19.5rem}}.h-40{height:20rem}@media only screen and (min-width:576px){.h-xs-40{height:20rem}}@media only screen and (min-width:768px){.h-sm-40{height:20rem}}@media only screen and (min-width:992px){.h-md-40{height:20rem}}@media only screen and (min-width:1200px){.h-lg-40{height:20rem}}@media only screen and (min-width:1600px){.h-xlg-40{height:20rem}}.h-41{height:20.5rem}@media only screen and (min-width:576px){.h-xs-41{height:20.5rem}}@media only screen and (min-width:768px){.h-sm-41{height:20.5rem}}@media only screen and (min-width:992px){.h-md-41{height:20.5rem}}@media only screen and (min-width:1200px){.h-lg-41{height:20.5rem}}@media only screen and (min-width:1600px){.h-xlg-41{height:20.5rem}}.h-42{height:21rem}@media only screen and (min-width:576px){.h-xs-42{height:21rem}}@media only screen and (min-width:768px){.h-sm-42{height:21rem}}@media only screen and (min-width:992px){.h-md-42{height:21rem}}@media only screen and (min-width:1200px){.h-lg-42{height:21rem}}@media only screen and (min-width:1600px){.h-xlg-42{height:21rem}}.h-43{height:21.5rem}@media only screen and (min-width:576px){.h-xs-43{height:21.5rem}}@media only screen and (min-width:768px){.h-sm-43{height:21.5rem}}@media only screen and (min-width:992px){.h-md-43{height:21.5rem}}@media only screen and (min-width:1200px){.h-lg-43{height:21.5rem}}@media only screen and (min-width:1600px){.h-xlg-43{height:21.5rem}}.h-44{height:22rem}@media only screen and (min-width:576px){.h-xs-44{height:22rem}}@media only screen and (min-width:768px){.h-sm-44{height:22rem}}@media only screen and (min-width:992px){.h-md-44{height:22rem}}@media only screen and (min-width:1200px){.h-lg-44{height:22rem}}@media only screen and (min-width:1600px){.h-xlg-44{height:22rem}}.h-45{height:22.5rem}@media only screen and (min-width:576px){.h-xs-45{height:22.5rem}}@media only screen and (min-width:768px){.h-sm-45{height:22.5rem}}@media only screen and (min-width:992px){.h-md-45{height:22.5rem}}@media only screen and (min-width:1200px){.h-lg-45{height:22.5rem}}@media only screen and (min-width:1600px){.h-xlg-45{height:22.5rem}}.h-46{height:23rem}@media only screen and (min-width:576px){.h-xs-46{height:23rem}}@media only screen and (min-width:768px){.h-sm-46{height:23rem}}@media only screen and (min-width:992px){.h-md-46{height:23rem}}@media only screen and (min-width:1200px){.h-lg-46{height:23rem}}@media only screen and (min-width:1600px){.h-xlg-46{height:23rem}}.h-47{height:23.5rem}@media only screen and (min-width:576px){.h-xs-47{height:23.5rem}}@media only screen and (min-width:768px){.h-sm-47{height:23.5rem}}@media only screen and (min-width:992px){.h-md-47{height:23.5rem}}@media only screen and (min-width:1200px){.h-lg-47{height:23.5rem}}@media only screen and (min-width:1600px){.h-xlg-47{height:23.5rem}}.h-48{height:24rem}@media only screen and (min-width:576px){.h-xs-48{height:24rem}}@media only screen and (min-width:768px){.h-sm-48{height:24rem}}@media only screen and (min-width:992px){.h-md-48{height:24rem}}@media only screen and (min-width:1200px){.h-lg-48{height:24rem}}@media only screen and (min-width:1600px){.h-xlg-48{height:24rem}}.h-49{height:24.5rem}@media only screen and (min-width:576px){.h-xs-49{height:24.5rem}}@media only screen and (min-width:768px){.h-sm-49{height:24.5rem}}@media only screen and (min-width:992px){.h-md-49{height:24.5rem}}@media only screen and (min-width:1200px){.h-lg-49{height:24.5rem}}@media only screen and (min-width:1600px){.h-xlg-49{height:24.5rem}}.h-50{height:25rem}@media only screen and (min-width:576px){.h-xs-50{height:25rem}}@media only screen and (min-width:768px){.h-sm-50{height:25rem}}@media only screen and (min-width:992px){.h-md-50{height:25rem}}@media only screen and (min-width:1200px){.h-lg-50{height:25rem}}@media only screen and (min-width:1600px){.h-xlg-50{height:25rem}}.h-51{height:25.5rem}@media only screen and (min-width:576px){.h-xs-51{height:25.5rem}}@media only screen and (min-width:768px){.h-sm-51{height:25.5rem}}@media only screen and (min-width:992px){.h-md-51{height:25.5rem}}@media only screen and (min-width:1200px){.h-lg-51{height:25.5rem}}@media only screen and (min-width:1600px){.h-xlg-51{height:25.5rem}}.h-52{height:26rem}@media only screen and (min-width:576px){.h-xs-52{height:26rem}}@media only screen and (min-width:768px){.h-sm-52{height:26rem}}@media only screen and (min-width:992px){.h-md-52{height:26rem}}@media only screen and (min-width:1200px){.h-lg-52{height:26rem}}@media only screen and (min-width:1600px){.h-xlg-52{height:26rem}}.h-53{height:26.5rem}@media only screen and (min-width:576px){.h-xs-53{height:26.5rem}}@media only screen and (min-width:768px){.h-sm-53{height:26.5rem}}@media only screen and (min-width:992px){.h-md-53{height:26.5rem}}@media only screen and (min-width:1200px){.h-lg-53{height:26.5rem}}@media only screen and (min-width:1600px){.h-xlg-53{height:26.5rem}}.h-54{height:27rem}@media only screen and (min-width:576px){.h-xs-54{height:27rem}}@media only screen and (min-width:768px){.h-sm-54{height:27rem}}@media only screen and (min-width:992px){.h-md-54{height:27rem}}@media only screen and (min-width:1200px){.h-lg-54{height:27rem}}@media only screen and (min-width:1600px){.h-xlg-54{height:27rem}}.h-55{height:27.5rem}@media only screen and (min-width:576px){.h-xs-55{height:27.5rem}}@media only screen and (min-width:768px){.h-sm-55{height:27.5rem}}@media only screen and (min-width:992px){.h-md-55{height:27.5rem}}@media only screen and (min-width:1200px){.h-lg-55{height:27.5rem}}@media only screen and (min-width:1600px){.h-xlg-55{height:27.5rem}}.h-56{height:28rem}@media only screen and (min-width:576px){.h-xs-56{height:28rem}}@media only screen and (min-width:768px){.h-sm-56{height:28rem}}@media only screen and (min-width:992px){.h-md-56{height:28rem}}@media only screen and (min-width:1200px){.h-lg-56{height:28rem}}@media only screen and (min-width:1600px){.h-xlg-56{height:28rem}}.h-57{height:28.5rem}@media only screen and (min-width:576px){.h-xs-57{height:28.5rem}}@media only screen and (min-width:768px){.h-sm-57{height:28.5rem}}@media only screen and (min-width:992px){.h-md-57{height:28.5rem}}@media only screen and (min-width:1200px){.h-lg-57{height:28.5rem}}@media only screen and (min-width:1600px){.h-xlg-57{height:28.5rem}}.h-58{height:29rem}@media only screen and (min-width:576px){.h-xs-58{height:29rem}}@media only screen and (min-width:768px){.h-sm-58{height:29rem}}@media only screen and (min-width:992px){.h-md-58{height:29rem}}@media only screen and (min-width:1200px){.h-lg-58{height:29rem}}@media only screen and (min-width:1600px){.h-xlg-58{height:29rem}}.h-59{height:29.5rem}@media only screen and (min-width:576px){.h-xs-59{height:29.5rem}}@media only screen and (min-width:768px){.h-sm-59{height:29.5rem}}@media only screen and (min-width:992px){.h-md-59{height:29.5rem}}@media only screen and (min-width:1200px){.h-lg-59{height:29.5rem}}@media only screen and (min-width:1600px){.h-xlg-59{height:29.5rem}}.h-60{height:30rem}@media only screen and (min-width:576px){.h-xs-60{height:30rem}}@media only screen and (min-width:768px){.h-sm-60{height:30rem}}@media only screen and (min-width:992px){.h-md-60{height:30rem}}@media only screen and (min-width:1200px){.h-lg-60{height:30rem}}@media only screen and (min-width:1600px){.h-xlg-60{height:30rem}}.h-61{height:30.5rem}@media only screen and (min-width:576px){.h-xs-61{height:30.5rem}}@media only screen and (min-width:768px){.h-sm-61{height:30.5rem}}@media only screen and (min-width:992px){.h-md-61{height:30.5rem}}@media only screen and (min-width:1200px){.h-lg-61{height:30.5rem}}@media only screen and (min-width:1600px){.h-xlg-61{height:30.5rem}}.h-62{height:31rem}@media only screen and (min-width:576px){.h-xs-62{height:31rem}}@media only screen and (min-width:768px){.h-sm-62{height:31rem}}@media only screen and (min-width:992px){.h-md-62{height:31rem}}@media only screen and (min-width:1200px){.h-lg-62{height:31rem}}@media only screen and (min-width:1600px){.h-xlg-62{height:31rem}}.h-63{height:31.5rem}@media only screen and (min-width:576px){.h-xs-63{height:31.5rem}}@media only screen and (min-width:768px){.h-sm-63{height:31.5rem}}@media only screen and (min-width:992px){.h-md-63{height:31.5rem}}@media only screen and (min-width:1200px){.h-lg-63{height:31.5rem}}@media only screen and (min-width:1600px){.h-xlg-63{height:31.5rem}}.h-64{height:32rem}@media only screen and (min-width:576px){.h-xs-64{height:32rem}}@media only screen and (min-width:768px){.h-sm-64{height:32rem}}@media only screen and (min-width:992px){.h-md-64{height:32rem}}@media only screen and (min-width:1200px){.h-lg-64{height:32rem}}@media only screen and (min-width:1600px){.h-xlg-64{height:32rem}}.h-65{height:32.5rem}@media only screen and (min-width:576px){.h-xs-65{height:32.5rem}}@media only screen and (min-width:768px){.h-sm-65{height:32.5rem}}@media only screen and (min-width:992px){.h-md-65{height:32.5rem}}@media only screen and (min-width:1200px){.h-lg-65{height:32.5rem}}@media only screen and (min-width:1600px){.h-xlg-65{height:32.5rem}}.h-66{height:33rem}@media only screen and (min-width:576px){.h-xs-66{height:33rem}}@media only screen and (min-width:768px){.h-sm-66{height:33rem}}@media only screen and (min-width:992px){.h-md-66{height:33rem}}@media only screen and (min-width:1200px){.h-lg-66{height:33rem}}@media only screen and (min-width:1600px){.h-xlg-66{height:33rem}}.h-67{height:33.5rem}@media only screen and (min-width:576px){.h-xs-67{height:33.5rem}}@media only screen and (min-width:768px){.h-sm-67{height:33.5rem}}@media only screen and (min-width:992px){.h-md-67{height:33.5rem}}@media only screen and (min-width:1200px){.h-lg-67{height:33.5rem}}@media only screen and (min-width:1600px){.h-xlg-67{height:33.5rem}}.h-68{height:34rem}@media only screen and (min-width:576px){.h-xs-68{height:34rem}}@media only screen and (min-width:768px){.h-sm-68{height:34rem}}@media only screen and (min-width:992px){.h-md-68{height:34rem}}@media only screen and (min-width:1200px){.h-lg-68{height:34rem}}@media only screen and (min-width:1600px){.h-xlg-68{height:34rem}}.h-69{height:34.5rem}@media only screen and (min-width:576px){.h-xs-69{height:34.5rem}}@media only screen and (min-width:768px){.h-sm-69{height:34.5rem}}@media only screen and (min-width:992px){.h-md-69{height:34.5rem}}@media only screen and (min-width:1200px){.h-lg-69{height:34.5rem}}@media only screen and (min-width:1600px){.h-xlg-69{height:34.5rem}}.h-70{height:35rem}@media only screen and (min-width:576px){.h-xs-70{height:35rem}}@media only screen and (min-width:768px){.h-sm-70{height:35rem}}@media only screen and (min-width:992px){.h-md-70{height:35rem}}@media only screen and (min-width:1200px){.h-lg-70{height:35rem}}@media only screen and (min-width:1600px){.h-xlg-70{height:35rem}}.h-71{height:35.5rem}@media only screen and (min-width:576px){.h-xs-71{height:35.5rem}}@media only screen and (min-width:768px){.h-sm-71{height:35.5rem}}@media only screen and (min-width:992px){.h-md-71{height:35.5rem}}@media only screen and (min-width:1200px){.h-lg-71{height:35.5rem}}@media only screen and (min-width:1600px){.h-xlg-71{height:35.5rem}}.h-72{height:36rem}@media only screen and (min-width:576px){.h-xs-72{height:36rem}}@media only screen and (min-width:768px){.h-sm-72{height:36rem}}@media only screen and (min-width:992px){.h-md-72{height:36rem}}@media only screen and (min-width:1200px){.h-lg-72{height:36rem}}@media only screen and (min-width:1600px){.h-xlg-72{height:36rem}}.h-73{height:36.5rem}@media only screen and (min-width:576px){.h-xs-73{height:36.5rem}}@media only screen and (min-width:768px){.h-sm-73{height:36.5rem}}@media only screen and (min-width:992px){.h-md-73{height:36.5rem}}@media only screen and (min-width:1200px){.h-lg-73{height:36.5rem}}@media only screen and (min-width:1600px){.h-xlg-73{height:36.5rem}}.h-74{height:37rem}@media only screen and (min-width:576px){.h-xs-74{height:37rem}}@media only screen and (min-width:768px){.h-sm-74{height:37rem}}@media only screen and (min-width:992px){.h-md-74{height:37rem}}@media only screen and (min-width:1200px){.h-lg-74{height:37rem}}@media only screen and (min-width:1600px){.h-xlg-74{height:37rem}}.h-75{height:37.5rem}@media only screen and (min-width:576px){.h-xs-75{height:37.5rem}}@media only screen and (min-width:768px){.h-sm-75{height:37.5rem}}@media only screen and (min-width:992px){.h-md-75{height:37.5rem}}@media only screen and (min-width:1200px){.h-lg-75{height:37.5rem}}@media only screen and (min-width:1600px){.h-xlg-75{height:37.5rem}}.h-76{height:38rem}@media only screen and (min-width:576px){.h-xs-76{height:38rem}}@media only screen and (min-width:768px){.h-sm-76{height:38rem}}@media only screen and (min-width:992px){.h-md-76{height:38rem}}@media only screen and (min-width:1200px){.h-lg-76{height:38rem}}@media only screen and (min-width:1600px){.h-xlg-76{height:38rem}}.h-77{height:38.5rem}@media only screen and (min-width:576px){.h-xs-77{height:38.5rem}}@media only screen and (min-width:768px){.h-sm-77{height:38.5rem}}@media only screen and (min-width:992px){.h-md-77{height:38.5rem}}@media only screen and (min-width:1200px){.h-lg-77{height:38.5rem}}@media only screen and (min-width:1600px){.h-xlg-77{height:38.5rem}}.h-78{height:39rem}@media only screen and (min-width:576px){.h-xs-78{height:39rem}}@media only screen and (min-width:768px){.h-sm-78{height:39rem}}@media only screen and (min-width:992px){.h-md-78{height:39rem}}@media only screen and (min-width:1200px){.h-lg-78{height:39rem}}@media only screen and (min-width:1600px){.h-xlg-78{height:39rem}}.h-79{height:39.5rem}@media only screen and (min-width:576px){.h-xs-79{height:39.5rem}}@media only screen and (min-width:768px){.h-sm-79{height:39.5rem}}@media only screen and (min-width:992px){.h-md-79{height:39.5rem}}@media only screen and (min-width:1200px){.h-lg-79{height:39.5rem}}@media only screen and (min-width:1600px){.h-xlg-79{height:39.5rem}}.h-80{height:40rem}@media only screen and (min-width:576px){.h-xs-80{height:40rem}}@media only screen and (min-width:768px){.h-sm-80{height:40rem}}@media only screen and (min-width:992px){.h-md-80{height:40rem}}@media only screen and (min-width:1200px){.h-lg-80{height:40rem}}@media only screen and (min-width:1600px){.h-xlg-80{height:40rem}}.h-81{height:40.5rem}@media only screen and (min-width:576px){.h-xs-81{height:40.5rem}}@media only screen and (min-width:768px){.h-sm-81{height:40.5rem}}@media only screen and (min-width:992px){.h-md-81{height:40.5rem}}@media only screen and (min-width:1200px){.h-lg-81{height:40.5rem}}@media only screen and (min-width:1600px){.h-xlg-81{height:40.5rem}}.h-82{height:41rem}@media only screen and (min-width:576px){.h-xs-82{height:41rem}}@media only screen and (min-width:768px){.h-sm-82{height:41rem}}@media only screen and (min-width:992px){.h-md-82{height:41rem}}@media only screen and (min-width:1200px){.h-lg-82{height:41rem}}@media only screen and (min-width:1600px){.h-xlg-82{height:41rem}}.h-83{height:41.5rem}@media only screen and (min-width:576px){.h-xs-83{height:41.5rem}}@media only screen and (min-width:768px){.h-sm-83{height:41.5rem}}@media only screen and (min-width:992px){.h-md-83{height:41.5rem}}@media only screen and (min-width:1200px){.h-lg-83{height:41.5rem}}@media only screen and (min-width:1600px){.h-xlg-83{height:41.5rem}}.h-84{height:42rem}@media only screen and (min-width:576px){.h-xs-84{height:42rem}}@media only screen and (min-width:768px){.h-sm-84{height:42rem}}@media only screen and (min-width:992px){.h-md-84{height:42rem}}@media only screen and (min-width:1200px){.h-lg-84{height:42rem}}@media only screen and (min-width:1600px){.h-xlg-84{height:42rem}}.h-85{height:42.5rem}@media only screen and (min-width:576px){.h-xs-85{height:42.5rem}}@media only screen and (min-width:768px){.h-sm-85{height:42.5rem}}@media only screen and (min-width:992px){.h-md-85{height:42.5rem}}@media only screen and (min-width:1200px){.h-lg-85{height:42.5rem}}@media only screen and (min-width:1600px){.h-xlg-85{height:42.5rem}}.h-86{height:43rem}@media only screen and (min-width:576px){.h-xs-86{height:43rem}}@media only screen and (min-width:768px){.h-sm-86{height:43rem}}@media only screen and (min-width:992px){.h-md-86{height:43rem}}@media only screen and (min-width:1200px){.h-lg-86{height:43rem}}@media only screen and (min-width:1600px){.h-xlg-86{height:43rem}}.h-87{height:43.5rem}@media only screen and (min-width:576px){.h-xs-87{height:43.5rem}}@media only screen and (min-width:768px){.h-sm-87{height:43.5rem}}@media only screen and (min-width:992px){.h-md-87{height:43.5rem}}@media only screen and (min-width:1200px){.h-lg-87{height:43.5rem}}@media only screen and (min-width:1600px){.h-xlg-87{height:43.5rem}}.h-88{height:44rem}@media only screen and (min-width:576px){.h-xs-88{height:44rem}}@media only screen and (min-width:768px){.h-sm-88{height:44rem}}@media only screen and (min-width:992px){.h-md-88{height:44rem}}@media only screen and (min-width:1200px){.h-lg-88{height:44rem}}@media only screen and (min-width:1600px){.h-xlg-88{height:44rem}}.h-89{height:44.5rem}@media only screen and (min-width:576px){.h-xs-89{height:44.5rem}}@media only screen and (min-width:768px){.h-sm-89{height:44.5rem}}@media only screen and (min-width:992px){.h-md-89{height:44.5rem}}@media only screen and (min-width:1200px){.h-lg-89{height:44.5rem}}@media only screen and (min-width:1600px){.h-xlg-89{height:44.5rem}}.h-90{height:45rem}@media only screen and (min-width:576px){.h-xs-90{height:45rem}}@media only screen and (min-width:768px){.h-sm-90{height:45rem}}@media only screen and (min-width:992px){.h-md-90{height:45rem}}@media only screen and (min-width:1200px){.h-lg-90{height:45rem}}@media only screen and (min-width:1600px){.h-xlg-90{height:45rem}}.h-91{height:45.5rem}@media only screen and (min-width:576px){.h-xs-91{height:45.5rem}}@media only screen and (min-width:768px){.h-sm-91{height:45.5rem}}@media only screen and (min-width:992px){.h-md-91{height:45.5rem}}@media only screen and (min-width:1200px){.h-lg-91{height:45.5rem}}@media only screen and (min-width:1600px){.h-xlg-91{height:45.5rem}}.h-92{height:46rem}@media only screen and (min-width:576px){.h-xs-92{height:46rem}}@media only screen and (min-width:768px){.h-sm-92{height:46rem}}@media only screen and (min-width:992px){.h-md-92{height:46rem}}@media only screen and (min-width:1200px){.h-lg-92{height:46rem}}@media only screen and (min-width:1600px){.h-xlg-92{height:46rem}}.h-93{height:46.5rem}@media only screen and (min-width:576px){.h-xs-93{height:46.5rem}}@media only screen and (min-width:768px){.h-sm-93{height:46.5rem}}@media only screen and (min-width:992px){.h-md-93{height:46.5rem}}@media only screen and (min-width:1200px){.h-lg-93{height:46.5rem}}@media only screen and (min-width:1600px){.h-xlg-93{height:46.5rem}}.h-94{height:47rem}@media only screen and (min-width:576px){.h-xs-94{height:47rem}}@media only screen and (min-width:768px){.h-sm-94{height:47rem}}@media only screen and (min-width:992px){.h-md-94{height:47rem}}@media only screen and (min-width:1200px){.h-lg-94{height:47rem}}@media only screen and (min-width:1600px){.h-xlg-94{height:47rem}}.h-95{height:47.5rem}@media only screen and (min-width:576px){.h-xs-95{height:47.5rem}}@media only screen and (min-width:768px){.h-sm-95{height:47.5rem}}@media only screen and (min-width:992px){.h-md-95{height:47.5rem}}@media only screen and (min-width:1200px){.h-lg-95{height:47.5rem}}@media only screen and (min-width:1600px){.h-xlg-95{height:47.5rem}}.h-96{height:48rem}@media only screen and (min-width:576px){.h-xs-96{height:48rem}}@media only screen and (min-width:768px){.h-sm-96{height:48rem}}@media only screen and (min-width:992px){.h-md-96{height:48rem}}@media only screen and (min-width:1200px){.h-lg-96{height:48rem}}@media only screen and (min-width:1600px){.h-xlg-96{height:48rem}}.h-97{height:48.5rem}@media only screen and (min-width:576px){.h-xs-97{height:48.5rem}}@media only screen and (min-width:768px){.h-sm-97{height:48.5rem}}@media only screen and (min-width:992px){.h-md-97{height:48.5rem}}@media only screen and (min-width:1200px){.h-lg-97{height:48.5rem}}@media only screen and (min-width:1600px){.h-xlg-97{height:48.5rem}}.h-98{height:49rem}@media only screen and (min-width:576px){.h-xs-98{height:49rem}}@media only screen and (min-width:768px){.h-sm-98{height:49rem}}@media only screen and (min-width:992px){.h-md-98{height:49rem}}@media only screen and (min-width:1200px){.h-lg-98{height:49rem}}@media only screen and (min-width:1600px){.h-xlg-98{height:49rem}}.h-99{height:49.5rem}@media only screen and (min-width:576px){.h-xs-99{height:49.5rem}}@media only screen and (min-width:768px){.h-sm-99{height:49.5rem}}@media only screen and (min-width:992px){.h-md-99{height:49.5rem}}@media only screen and (min-width:1200px){.h-lg-99{height:49.5rem}}@media only screen and (min-width:1600px){.h-xlg-99{height:49.5rem}}.marginless{margin:0}.paddingless{padding:0}.m-last-child-0>:last-child{margin:0}.m-top-last-child-0>:last-child{margin-top:0}.m-bottom-last-child-0>:last-child{margin-bottom:0}.m-0{margin:0}.m-1{margin:1px}.m-2{margin:.125rem}@media only screen and (min-width:576px){.m-xs-2{margin:.125rem}}@media only screen and (min-width:768px){.m-sm-2{margin:.125rem}}@media only screen and (min-width:992px){.m-md-2{margin:.125rem}}@media only screen and (min-width:1200px){.m-lg-2{margin:.125rem}}@media only screen and (min-width:1600px){.m-xlg-2{margin:.125rem}}.m-3{margin:.5rem}@media only screen and (min-width:576px){.m-xs-3{margin:.5rem}}@media only screen and (min-width:768px){.m-sm-3{margin:.5rem}}@media only screen and (min-width:992px){.m-md-3{margin:.5rem}}@media only screen and (min-width:1200px){.m-lg-3{margin:.5rem}}@media only screen and (min-width:1600px){.m-xlg-3{margin:.5rem}}.m-4{margin:1.125rem}@media only screen and (min-width:576px){.m-xs-4{margin:1.125rem}}@media only screen and (min-width:768px){.m-sm-4{margin:1.125rem}}@media only screen and (min-width:992px){.m-md-4{margin:1.125rem}}@media only screen and (min-width:1200px){.m-lg-4{margin:1.125rem}}@media only screen and (min-width:1600px){.m-xlg-4{margin:1.125rem}}.m-5{margin:2rem}@media only screen and (min-width:576px){.m-xs-5{margin:2rem}}@media only screen and (min-width:768px){.m-sm-5{margin:2rem}}@media only screen and (min-width:992px){.m-md-5{margin:2rem}}@media only screen and (min-width:1200px){.m-lg-5{margin:2rem}}@media only screen and (min-width:1600px){.m-xlg-5{margin:2rem}}.m-6{margin:3.125rem}@media only screen and (min-width:576px){.m-xs-6{margin:3.125rem}}@media only screen and (min-width:768px){.m-sm-6{margin:3.125rem}}@media only screen and (min-width:992px){.m-md-6{margin:3.125rem}}@media only screen and (min-width:1200px){.m-lg-6{margin:3.125rem}}@media only screen and (min-width:1600px){.m-xlg-6{margin:3.125rem}}.m-7{margin:4.5rem}@media only screen and (min-width:576px){.m-xs-7{margin:4.5rem}}@media only screen and (min-width:768px){.m-sm-7{margin:4.5rem}}@media only screen and (min-width:992px){.m-md-7{margin:4.5rem}}@media only screen and (min-width:1200px){.m-lg-7{margin:4.5rem}}@media only screen and (min-width:1600px){.m-xlg-7{margin:4.5rem}}.m-8{margin:6.125rem}@media only screen and (min-width:576px){.m-xs-8{margin:6.125rem}}@media only screen and (min-width:768px){.m-sm-8{margin:6.125rem}}@media only screen and (min-width:992px){.m-md-8{margin:6.125rem}}@media only screen and (min-width:1200px){.m-lg-8{margin:6.125rem}}@media only screen and (min-width:1600px){.m-xlg-8{margin:6.125rem}}.m-9{margin:8rem}@media only screen and (min-width:576px){.m-xs-9{margin:8rem}}@media only screen and (min-width:768px){.m-sm-9{margin:8rem}}@media only screen and (min-width:992px){.m-md-9{margin:8rem}}@media only screen and (min-width:1200px){.m-lg-9{margin:8rem}}@media only screen and (min-width:1600px){.m-xlg-9{margin:8rem}}.m-10{margin:10.125rem}@media only screen and (min-width:576px){.m-xs-10{margin:10.125rem}}@media only screen and (min-width:768px){.m-sm-10{margin:10.125rem}}@media only screen and (min-width:992px){.m-md-10{margin:10.125rem}}@media only screen and (min-width:1200px){.m-lg-10{margin:10.125rem}}@media only screen and (min-width:1600px){.m-xlg-10{margin:10.125rem}}.m-top-0{margin-top:0}@media only screen and (min-width:576px){.m-top-xs-0{margin-top:0}}@media only screen and (min-width:768px){.m-top-sm-0{margin-top:0}}@media only screen and (min-width:992px){.m-top-md-0{margin-top:0}}@media only screen and (min-width:1200px){.m-top-lg-0{margin-top:0}}@media only screen and (min-width:1600px){.m-top-xlg-0{margin-top:0}}.m-top-1{margin-top:1px}@media only screen and (min-width:576px){.m-top-xs-1{margin-top:1px}}@media only screen and (min-width:768px){.m-top-sm-1{margin-top:1px}}@media only screen and (min-width:992px){.m-top-md-1{margin-top:1px}}@media only screen and (min-width:1200px){.m-top-lg-1{margin-top:1px}}@media only screen and (min-width:1600px){.m-top-xlg-1{margin-top:1px}}.m-top-2{margin-top:.125rem}@media only screen and (min-width:576px){.m-top-xs-2{margin-top:.125rem}}@media only screen and (min-width:768px){.m-top-sm-2{margin-top:.125rem}}@media only screen and (min-width:992px){.m-top-md-2{margin-top:.125rem}}@media only screen and (min-width:1200px){.m-top-lg-2{margin-top:.125rem}}@media only screen and (min-width:1600px){.m-top-xlg-2{margin-top:.125rem}}.m-top-3{margin-top:.5rem}@media only screen and (min-width:576px){.m-top-xs-3{margin-top:.5rem}}@media only screen and (min-width:768px){.m-top-sm-3{margin-top:.5rem}}@media only screen and (min-width:992px){.m-top-md-3{margin-top:.5rem}}@media only screen and (min-width:1200px){.m-top-lg-3{margin-top:.5rem}}@media only screen and (min-width:1600px){.m-top-xlg-3{margin-top:.5rem}}.m-top-4{margin-top:1.125rem}@media only screen and (min-width:576px){.m-top-xs-4{margin-top:1.125rem}}@media only screen and (min-width:768px){.m-top-sm-4{margin-top:1.125rem}}@media only screen and (min-width:992px){.m-top-md-4{margin-top:1.125rem}}@media only screen and (min-width:1200px){.m-top-lg-4{margin-top:1.125rem}}@media only screen and (min-width:1600px){.m-top-xlg-4{margin-top:1.125rem}}.m-top-5{margin-top:2rem}@media only screen and (min-width:576px){.m-top-xs-5{margin-top:2rem}}@media only screen and (min-width:768px){.m-top-sm-5{margin-top:2rem}}@media only screen and (min-width:992px){.m-top-md-5{margin-top:2rem}}@media only screen and (min-width:1200px){.m-top-lg-5{margin-top:2rem}}@media only screen and (min-width:1600px){.m-top-xlg-5{margin-top:2rem}}.m-top-6{margin-top:3.125rem}@media only screen and (min-width:576px){.m-top-xs-6{margin-top:3.125rem}}@media only screen and (min-width:768px){.m-top-sm-6{margin-top:3.125rem}}@media only screen and (min-width:992px){.m-top-md-6{margin-top:3.125rem}}@media only screen and (min-width:1200px){.m-top-lg-6{margin-top:3.125rem}}@media only screen and (min-width:1600px){.m-top-xlg-6{margin-top:3.125rem}}.m-top-7{margin-top:4.5rem}@media only screen and (min-width:576px){.m-top-xs-7{margin-top:4.5rem}}@media only screen and (min-width:768px){.m-top-sm-7{margin-top:4.5rem}}@media only screen and (min-width:992px){.m-top-md-7{margin-top:4.5rem}}@media only screen and (min-width:1200px){.m-top-lg-7{margin-top:4.5rem}}@media only screen and (min-width:1600px){.m-top-xlg-7{margin-top:4.5rem}}.m-top-8{margin-top:6.125rem}@media only screen and (min-width:576px){.m-top-xs-8{margin-top:6.125rem}}@media only screen and (min-width:768px){.m-top-sm-8{margin-top:6.125rem}}@media only screen and (min-width:992px){.m-top-md-8{margin-top:6.125rem}}@media only screen and (min-width:1200px){.m-top-lg-8{margin-top:6.125rem}}@media only screen and (min-width:1600px){.m-top-xlg-8{margin-top:6.125rem}}.m-top-9{margin-top:8rem}@media only screen and (min-width:576px){.m-top-xs-9{margin-top:8rem}}@media only screen and (min-width:768px){.m-top-sm-9{margin-top:8rem}}@media only screen and (min-width:992px){.m-top-md-9{margin-top:8rem}}@media only screen and (min-width:1200px){.m-top-lg-9{margin-top:8rem}}@media only screen and (min-width:1600px){.m-top-xlg-9{margin-top:8rem}}.m-top-10{margin-top:10.125rem}@media only screen and (min-width:576px){.m-top-xs-10{margin-top:10.125rem}}@media only screen and (min-width:768px){.m-top-sm-10{margin-top:10.125rem}}@media only screen and (min-width:992px){.m-top-md-10{margin-top:10.125rem}}@media only screen and (min-width:1200px){.m-top-lg-10{margin-top:10.125rem}}@media only screen and (min-width:1600px){.m-top-xlg-10{margin-top:10.125rem}}.m-bottom-0{margin-bottom:0}@media only screen and (min-width:576px){.m-bottom-xs-0{margin-bottom:0}}@media only screen and (min-width:768px){.m-bottom-sm-0{margin-bottom:0}}@media only screen and (min-width:992px){.m-bottom-md-0{margin-bottom:0}}@media only screen and (min-width:1200px){.m-bottom-lg-0{margin-bottom:0}}@media only screen and (min-width:1600px){.m-bottom-xlg-0{margin-bottom:0}}.m-bottom-1{margin-bottom:1px}@media only screen and (min-width:576px){.m-bottom-xs-1{margin-bottom:1px}}@media only screen and (min-width:768px){.m-bottom-sm-1{margin-bottom:1px}}@media only screen and (min-width:992px){.m-bottom-md-1{margin-bottom:1px}}@media only screen and (min-width:1200px){.m-bottom-lg-1{margin-bottom:1px}}@media only screen and (min-width:1600px){.m-bottom-xlg-1{margin-bottom:1px}}.m-bottom-2{margin-bottom:.125rem}@media only screen and (min-width:576px){.m-bottom-xs-2{margin-bottom:.125rem}}@media only screen and (min-width:768px){.m-bottom-sm-2{margin-bottom:.125rem}}@media only screen and (min-width:992px){.m-bottom-md-2{margin-bottom:.125rem}}@media only screen and (min-width:1200px){.m-bottom-lg-2{margin-bottom:.125rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-2{margin-bottom:.125rem}}.m-bottom-3{margin-bottom:.5rem}@media only screen and (min-width:576px){.m-bottom-xs-3{margin-bottom:.5rem}}@media only screen and (min-width:768px){.m-bottom-sm-3{margin-bottom:.5rem}}@media only screen and (min-width:992px){.m-bottom-md-3{margin-bottom:.5rem}}@media only screen and (min-width:1200px){.m-bottom-lg-3{margin-bottom:.5rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-3{margin-bottom:.5rem}}.m-bottom-4{margin-bottom:1.125rem}@media only screen and (min-width:576px){.m-bottom-xs-4{margin-bottom:1.125rem}}@media only screen and (min-width:768px){.m-bottom-sm-4{margin-bottom:1.125rem}}@media only screen and (min-width:992px){.m-bottom-md-4{margin-bottom:1.125rem}}@media only screen and (min-width:1200px){.m-bottom-lg-4{margin-bottom:1.125rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-4{margin-bottom:1.125rem}}.m-bottom-5{margin-bottom:2rem}@media only screen and (min-width:576px){.m-bottom-xs-5{margin-bottom:2rem}}@media only screen and (min-width:768px){.m-bottom-sm-5{margin-bottom:2rem}}@media only screen and (min-width:992px){.m-bottom-md-5{margin-bottom:2rem}}@media only screen and (min-width:1200px){.m-bottom-lg-5{margin-bottom:2rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-5{margin-bottom:2rem}}.m-bottom-6{margin-bottom:3.125rem}@media only screen and (min-width:576px){.m-bottom-xs-6{margin-bottom:3.125rem}}@media only screen and (min-width:768px){.m-bottom-sm-6{margin-bottom:3.125rem}}@media only screen and (min-width:992px){.m-bottom-md-6{margin-bottom:3.125rem}}@media only screen and (min-width:1200px){.m-bottom-lg-6{margin-bottom:3.125rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-6{margin-bottom:3.125rem}}.m-bottom-7{margin-bottom:4.5rem}@media only screen and (min-width:576px){.m-bottom-xs-7{margin-bottom:4.5rem}}@media only screen and (min-width:768px){.m-bottom-sm-7{margin-bottom:4.5rem}}@media only screen and (min-width:992px){.m-bottom-md-7{margin-bottom:4.5rem}}@media only screen and (min-width:1200px){.m-bottom-lg-7{margin-bottom:4.5rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-7{margin-bottom:4.5rem}}.m-bottom-8{margin-bottom:6.125rem}@media only screen and (min-width:576px){.m-bottom-xs-8{margin-bottom:6.125rem}}@media only screen and (min-width:768px){.m-bottom-sm-8{margin-bottom:6.125rem}}@media only screen and (min-width:992px){.m-bottom-md-8{margin-bottom:6.125rem}}@media only screen and (min-width:1200px){.m-bottom-lg-8{margin-bottom:6.125rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-8{margin-bottom:6.125rem}}.m-bottom-9{margin-bottom:8rem}@media only screen and (min-width:576px){.m-bottom-xs-9{margin-bottom:8rem}}@media only screen and (min-width:768px){.m-bottom-sm-9{margin-bottom:8rem}}@media only screen and (min-width:992px){.m-bottom-md-9{margin-bottom:8rem}}@media only screen and (min-width:1200px){.m-bottom-lg-9{margin-bottom:8rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-9{margin-bottom:8rem}}.m-bottom-10{margin-bottom:10.125rem}@media only screen and (min-width:576px){.m-bottom-xs-10{margin-bottom:10.125rem}}@media only screen and (min-width:768px){.m-bottom-sm-10{margin-bottom:10.125rem}}@media only screen and (min-width:992px){.m-bottom-md-10{margin-bottom:10.125rem}}@media only screen and (min-width:1200px){.m-bottom-lg-10{margin-bottom:10.125rem}}@media only screen and (min-width:1600px){.m-bottom-xlg-10{margin-bottom:10.125rem}}.m-left-0{margin-left:0}@media only screen and (min-width:576px){.m-left-xs-0{margin-left:0}}@media only screen and (min-width:768px){.m-left-sm-0{margin-left:0}}@media only screen and (min-width:992px){.m-left-md-0{margin-left:0}}@media only screen and (min-width:1200px){.m-left-lg-0{margin-left:0}}@media only screen and (min-width:1600px){.m-left-xlg-0{margin-left:0}}.m-left-1{margin-left:1px}@media only screen and (min-width:576px){.m-left-xs-1{margin-left:1px}}@media only screen and (min-width:768px){.m-left-sm-1{margin-left:1px}}@media only screen and (min-width:992px){.m-left-md-1{margin-left:1px}}@media only screen and (min-width:1200px){.m-left-lg-1{margin-left:1px}}@media only screen and (min-width:1600px){.m-left-xlg-1{margin-left:1px}}.m-left-2{margin-left:.125rem}@media only screen and (min-width:576px){.m-left-xs-2{margin-left:.125rem}}@media only screen and (min-width:768px){.m-left-sm-2{margin-left:.125rem}}@media only screen and (min-width:992px){.m-left-md-2{margin-left:.125rem}}@media only screen and (min-width:1200px){.m-left-lg-2{margin-left:.125rem}}@media only screen and (min-width:1600px){.m-left-xlg-2{margin-left:.125rem}}.m-left-3{margin-left:.5rem}@media only screen and (min-width:576px){.m-left-xs-3{margin-left:.5rem}}@media only screen and (min-width:768px){.m-left-sm-3{margin-left:.5rem}}@media only screen and (min-width:992px){.m-left-md-3{margin-left:.5rem}}@media only screen and (min-width:1200px){.m-left-lg-3{margin-left:.5rem}}@media only screen and (min-width:1600px){.m-left-xlg-3{margin-left:.5rem}}.m-left-4{margin-left:1.125rem}@media only screen and (min-width:576px){.m-left-xs-4{margin-left:1.125rem}}@media only screen and (min-width:768px){.m-left-sm-4{margin-left:1.125rem}}@media only screen and (min-width:992px){.m-left-md-4{margin-left:1.125rem}}@media only screen and (min-width:1200px){.m-left-lg-4{margin-left:1.125rem}}@media only screen and (min-width:1600px){.m-left-xlg-4{margin-left:1.125rem}}.m-left-5{margin-left:2rem}@media only screen and (min-width:576px){.m-left-xs-5{margin-left:2rem}}@media only screen and (min-width:768px){.m-left-sm-5{margin-left:2rem}}@media only screen and (min-width:992px){.m-left-md-5{margin-left:2rem}}@media only screen and (min-width:1200px){.m-left-lg-5{margin-left:2rem}}@media only screen and (min-width:1600px){.m-left-xlg-5{margin-left:2rem}}.m-left-6{margin-left:3.125rem}@media only screen and (min-width:576px){.m-left-xs-6{margin-left:3.125rem}}@media only screen and (min-width:768px){.m-left-sm-6{margin-left:3.125rem}}@media only screen and (min-width:992px){.m-left-md-6{margin-left:3.125rem}}@media only screen and (min-width:1200px){.m-left-lg-6{margin-left:3.125rem}}@media only screen and (min-width:1600px){.m-left-xlg-6{margin-left:3.125rem}}.m-left-7{margin-left:4.5rem}@media only screen and (min-width:576px){.m-left-xs-7{margin-left:4.5rem}}@media only screen and (min-width:768px){.m-left-sm-7{margin-left:4.5rem}}@media only screen and (min-width:992px){.m-left-md-7{margin-left:4.5rem}}@media only screen and (min-width:1200px){.m-left-lg-7{margin-left:4.5rem}}@media only screen and (min-width:1600px){.m-left-xlg-7{margin-left:4.5rem}}.m-left-8{margin-left:6.125rem}@media only screen and (min-width:576px){.m-left-xs-8{margin-left:6.125rem}}@media only screen and (min-width:768px){.m-left-sm-8{margin-left:6.125rem}}@media only screen and (min-width:992px){.m-left-md-8{margin-left:6.125rem}}@media only screen and (min-width:1200px){.m-left-lg-8{margin-left:6.125rem}}@media only screen and (min-width:1600px){.m-left-xlg-8{margin-left:6.125rem}}.m-left-9{margin-left:8rem}@media only screen and (min-width:576px){.m-left-xs-9{margin-left:8rem}}@media only screen and (min-width:768px){.m-left-sm-9{margin-left:8rem}}@media only screen and (min-width:992px){.m-left-md-9{margin-left:8rem}}@media only screen and (min-width:1200px){.m-left-lg-9{margin-left:8rem}}@media only screen and (min-width:1600px){.m-left-xlg-9{margin-left:8rem}}.m-left-10{margin-left:10.125rem}@media only screen and (min-width:576px){.m-left-xs-10{margin-left:10.125rem}}@media only screen and (min-width:768px){.m-left-sm-10{margin-left:10.125rem}}@media only screen and (min-width:992px){.m-left-md-10{margin-left:10.125rem}}@media only screen and (min-width:1200px){.m-left-lg-10{margin-left:10.125rem}}@media only screen and (min-width:1600px){.m-left-xlg-10{margin-left:10.125rem}}.m-right-0{margin-right:0}@media only screen and (min-width:576px){.m-right-xs-0{margin-right:0}}@media only screen and (min-width:768px){.m-right-sm-0{margin-right:0}}@media only screen and (min-width:992px){.m-right-md-0{margin-right:0}}@media only screen and (min-width:1200px){.m-right-lg-0{margin-right:0}}@media only screen and (min-width:1600px){.m-right-xlg-0{margin-right:0}}.m-right-1{margin-right:1px}@media only screen and (min-width:576px){.m-right-xs-1{margin-right:1px}}@media only screen and (min-width:768px){.m-right-sm-1{margin-right:1px}}@media only screen and (min-width:992px){.m-right-md-1{margin-right:1px}}@media only screen and (min-width:1200px){.m-right-lg-1{margin-right:1px}}@media only screen and (min-width:1600px){.m-right-xlg-1{margin-right:1px}}.m-right-2{margin-right:.125rem}@media only screen and (min-width:576px){.m-right-xs-2{margin-right:.125rem}}@media only screen and (min-width:768px){.m-right-sm-2{margin-right:.125rem}}@media only screen and (min-width:992px){.m-right-md-2{margin-right:.125rem}}@media only screen and (min-width:1200px){.m-right-lg-2{margin-right:.125rem}}@media only screen and (min-width:1600px){.m-right-xlg-2{margin-right:.125rem}}.m-right-3{margin-right:.5rem}@media only screen and (min-width:576px){.m-right-xs-3{margin-right:.5rem}}@media only screen and (min-width:768px){.m-right-sm-3{margin-right:.5rem}}@media only screen and (min-width:992px){.m-right-md-3{margin-right:.5rem}}@media only screen and (min-width:1200px){.m-right-lg-3{margin-right:.5rem}}@media only screen and (min-width:1600px){.m-right-xlg-3{margin-right:.5rem}}.m-right-4{margin-right:1.125rem}@media only screen and (min-width:576px){.m-right-xs-4{margin-right:1.125rem}}@media only screen and (min-width:768px){.m-right-sm-4{margin-right:1.125rem}}@media only screen and (min-width:992px){.m-right-md-4{margin-right:1.125rem}}@media only screen and (min-width:1200px){.m-right-lg-4{margin-right:1.125rem}}@media only screen and (min-width:1600px){.m-right-xlg-4{margin-right:1.125rem}}.m-right-5{margin-right:2rem}@media only screen and (min-width:576px){.m-right-xs-5{margin-right:2rem}}@media only screen and (min-width:768px){.m-right-sm-5{margin-right:2rem}}@media only screen and (min-width:992px){.m-right-md-5{margin-right:2rem}}@media only screen and (min-width:1200px){.m-right-lg-5{margin-right:2rem}}@media only screen and (min-width:1600px){.m-right-xlg-5{margin-right:2rem}}.m-right-6{margin-right:3.125rem}@media only screen and (min-width:576px){.m-right-xs-6{margin-right:3.125rem}}@media only screen and (min-width:768px){.m-right-sm-6{margin-right:3.125rem}}@media only screen and (min-width:992px){.m-right-md-6{margin-right:3.125rem}}@media only screen and (min-width:1200px){.m-right-lg-6{margin-right:3.125rem}}@media only screen and (min-width:1600px){.m-right-xlg-6{margin-right:3.125rem}}.m-right-7{margin-right:4.5rem}@media only screen and (min-width:576px){.m-right-xs-7{margin-right:4.5rem}}@media only screen and (min-width:768px){.m-right-sm-7{margin-right:4.5rem}}@media only screen and (min-width:992px){.m-right-md-7{margin-right:4.5rem}}@media only screen and (min-width:1200px){.m-right-lg-7{margin-right:4.5rem}}@media only screen and (min-width:1600px){.m-right-xlg-7{margin-right:4.5rem}}.m-right-8{margin-right:6.125rem}@media only screen and (min-width:576px){.m-right-xs-8{margin-right:6.125rem}}@media only screen and (min-width:768px){.m-right-sm-8{margin-right:6.125rem}}@media only screen and (min-width:992px){.m-right-md-8{margin-right:6.125rem}}@media only screen and (min-width:1200px){.m-right-lg-8{margin-right:6.125rem}}@media only screen and (min-width:1600px){.m-right-xlg-8{margin-right:6.125rem}}.m-right-9{margin-right:8rem}@media only screen and (min-width:576px){.m-right-xs-9{margin-right:8rem}}@media only screen and (min-width:768px){.m-right-sm-9{margin-right:8rem}}@media only screen and (min-width:992px){.m-right-md-9{margin-right:8rem}}@media only screen and (min-width:1200px){.m-right-lg-9{margin-right:8rem}}@media only screen and (min-width:1600px){.m-right-xlg-9{margin-right:8rem}}.m-right-10{margin-right:10.125rem}@media only screen and (min-width:576px){.m-right-xs-10{margin-right:10.125rem}}@media only screen and (min-width:768px){.m-right-sm-10{margin-right:10.125rem}}@media only screen and (min-width:992px){.m-right-md-10{margin-right:10.125rem}}@media only screen and (min-width:1200px){.m-right-lg-10{margin-right:10.125rem}}@media only screen and (min-width:1600px){.m-right-xlg-10{margin-right:10.125rem}}.p-0{padding:0}.p-1{padding:1px}.p-0{padding:.125rem}@media only screen and (min-width:576px){.p-xs-0{padding:.125rem}}@media only screen and (min-width:768px){.p-sm-0{padding:.125rem}}@media only screen and (min-width:992px){.p-md-0{padding:.125rem}}@media only screen and (min-width:1200px){.p-lg-0{padding:.125rem}}@media only screen and (min-width:1600px){.p-xlg-0{padding:.125rem}}.p-1{padding:0}@media only screen and (min-width:576px){.p-xs-1{padding:0}}@media only screen and (min-width:768px){.p-sm-1{padding:0}}@media only screen and (min-width:992px){.p-md-1{padding:0}}@media only screen and (min-width:1200px){.p-lg-1{padding:0}}@media only screen and (min-width:1600px){.p-xlg-1{padding:0}}.p-2{padding:.125rem}@media only screen and (min-width:576px){.p-xs-2{padding:.125rem}}@media only screen and (min-width:768px){.p-sm-2{padding:.125rem}}@media only screen and (min-width:992px){.p-md-2{padding:.125rem}}@media only screen and (min-width:1200px){.p-lg-2{padding:.125rem}}@media only screen and (min-width:1600px){.p-xlg-2{padding:.125rem}}.p-3{padding:.5rem}@media only screen and (min-width:576px){.p-xs-3{padding:.5rem}}@media only screen and (min-width:768px){.p-sm-3{padding:.5rem}}@media only screen and (min-width:992px){.p-md-3{padding:.5rem}}@media only screen and (min-width:1200px){.p-lg-3{padding:.5rem}}@media only screen and (min-width:1600px){.p-xlg-3{padding:.5rem}}.p-4{padding:1.125rem}@media only screen and (min-width:576px){.p-xs-4{padding:1.125rem}}@media only screen and (min-width:768px){.p-sm-4{padding:1.125rem}}@media only screen and (min-width:992px){.p-md-4{padding:1.125rem}}@media only screen and (min-width:1200px){.p-lg-4{padding:1.125rem}}@media only screen and (min-width:1600px){.p-xlg-4{padding:1.125rem}}.p-5{padding:2rem}@media only screen and (min-width:576px){.p-xs-5{padding:2rem}}@media only screen and (min-width:768px){.p-sm-5{padding:2rem}}@media only screen and (min-width:992px){.p-md-5{padding:2rem}}@media only screen and (min-width:1200px){.p-lg-5{padding:2rem}}@media only screen and (min-width:1600px){.p-xlg-5{padding:2rem}}.p-6{padding:3.125rem}@media only screen and (min-width:576px){.p-xs-6{padding:3.125rem}}@media only screen and (min-width:768px){.p-sm-6{padding:3.125rem}}@media only screen and (min-width:992px){.p-md-6{padding:3.125rem}}@media only screen and (min-width:1200px){.p-lg-6{padding:3.125rem}}@media only screen and (min-width:1600px){.p-xlg-6{padding:3.125rem}}.p-7{padding:4.5rem}@media only screen and (min-width:576px){.p-xs-7{padding:4.5rem}}@media only screen and (min-width:768px){.p-sm-7{padding:4.5rem}}@media only screen and (min-width:992px){.p-md-7{padding:4.5rem}}@media only screen and (min-width:1200px){.p-lg-7{padding:4.5rem}}@media only screen and (min-width:1600px){.p-xlg-7{padding:4.5rem}}.p-8{padding:6.125rem}@media only screen and (min-width:576px){.p-xs-8{padding:6.125rem}}@media only screen and (min-width:768px){.p-sm-8{padding:6.125rem}}@media only screen and (min-width:992px){.p-md-8{padding:6.125rem}}@media only screen and (min-width:1200px){.p-lg-8{padding:6.125rem}}@media only screen and (min-width:1600px){.p-xlg-8{padding:6.125rem}}.p-9{padding:8rem}@media only screen and (min-width:576px){.p-xs-9{padding:8rem}}@media only screen and (min-width:768px){.p-sm-9{padding:8rem}}@media only screen and (min-width:992px){.p-md-9{padding:8rem}}@media only screen and (min-width:1200px){.p-lg-9{padding:8rem}}@media only screen and (min-width:1600px){.p-xlg-9{padding:8rem}}.p-10{padding:10.125rem}@media only screen and (min-width:576px){.p-xs-10{padding:10.125rem}}@media only screen and (min-width:768px){.p-sm-10{padding:10.125rem}}@media only screen and (min-width:992px){.p-md-10{padding:10.125rem}}@media only screen and (min-width:1200px){.p-lg-10{padding:10.125rem}}@media only screen and (min-width:1600px){.p-xlg-10{padding:10.125rem}}.p-top-0{padding-top:0}@media only screen and (min-width:576px){.p-top-xs-0{padding-top:0}}@media only screen and (min-width:768px){.p-top-sm-0{padding-top:0}}@media only screen and (min-width:992px){.p-top-md-0{padding-top:0}}@media only screen and (min-width:1200px){.p-top-lg-0{padding-top:0}}@media only screen and (min-width:1600px){.p-top-xlg-0{padding-top:0}}.p-top-1{padding-top:1px}@media only screen and (min-width:576px){.p-top-xs-1{padding-top:1px}}@media only screen and (min-width:768px){.p-top-sm-1{padding-top:1px}}@media only screen and (min-width:992px){.p-top-md-1{padding-top:1px}}@media only screen and (min-width:1200px){.p-top-lg-1{padding-top:1px}}@media only screen and (min-width:1600px){.p-top-xlg-1{padding-top:1px}}.p-top-0{padding-top:.125rem}@media only screen and (min-width:576px){.p-top-xs-0{padding-top:.125rem}}@media only screen and (min-width:768px){.p-top-sm-0{padding-top:.125rem}}@media only screen and (min-width:992px){.p-top-md-0{padding-top:.125rem}}@media only screen and (min-width:1200px){.p-top-lg-0{padding-top:.125rem}}@media only screen and (min-width:1600px){.p-top-xlg-0{padding-top:.125rem}}.p-top-1{padding-top:0}@media only screen and (min-width:576px){.p-top-xs-1{padding-top:0}}@media only screen and (min-width:768px){.p-top-sm-1{padding-top:0}}@media only screen and (min-width:992px){.p-top-md-1{padding-top:0}}@media only screen and (min-width:1200px){.p-top-lg-1{padding-top:0}}@media only screen and (min-width:1600px){.p-top-xlg-1{padding-top:0}}.p-top-2{padding-top:.125rem}@media only screen and (min-width:576px){.p-top-xs-2{padding-top:.125rem}}@media only screen and (min-width:768px){.p-top-sm-2{padding-top:.125rem}}@media only screen and (min-width:992px){.p-top-md-2{padding-top:.125rem}}@media only screen and (min-width:1200px){.p-top-lg-2{padding-top:.125rem}}@media only screen and (min-width:1600px){.p-top-xlg-2{padding-top:.125rem}}.p-top-3{padding-top:.5rem}@media only screen and (min-width:576px){.p-top-xs-3{padding-top:.5rem}}@media only screen and (min-width:768px){.p-top-sm-3{padding-top:.5rem}}@media only screen and (min-width:992px){.p-top-md-3{padding-top:.5rem}}@media only screen and (min-width:1200px){.p-top-lg-3{padding-top:.5rem}}@media only screen and (min-width:1600px){.p-top-xlg-3{padding-top:.5rem}}.p-top-4{padding-top:1.125rem}@media only screen and (min-width:576px){.p-top-xs-4{padding-top:1.125rem}}@media only screen and (min-width:768px){.p-top-sm-4{padding-top:1.125rem}}@media only screen and (min-width:992px){.p-top-md-4{padding-top:1.125rem}}@media only screen and (min-width:1200px){.p-top-lg-4{padding-top:1.125rem}}@media only screen and (min-width:1600px){.p-top-xlg-4{padding-top:1.125rem}}.p-top-5{padding-top:2rem}@media only screen and (min-width:576px){.p-top-xs-5{padding-top:2rem}}@media only screen and (min-width:768px){.p-top-sm-5{padding-top:2rem}}@media only screen and (min-width:992px){.p-top-md-5{padding-top:2rem}}@media only screen and (min-width:1200px){.p-top-lg-5{padding-top:2rem}}@media only screen and (min-width:1600px){.p-top-xlg-5{padding-top:2rem}}.p-top-6{padding-top:3.125rem}@media only screen and (min-width:576px){.p-top-xs-6{padding-top:3.125rem}}@media only screen and (min-width:768px){.p-top-sm-6{padding-top:3.125rem}}@media only screen and (min-width:992px){.p-top-md-6{padding-top:3.125rem}}@media only screen and (min-width:1200px){.p-top-lg-6{padding-top:3.125rem}}@media only screen and (min-width:1600px){.p-top-xlg-6{padding-top:3.125rem}}.p-top-7{padding-top:4.5rem}@media only screen and (min-width:576px){.p-top-xs-7{padding-top:4.5rem}}@media only screen and (min-width:768px){.p-top-sm-7{padding-top:4.5rem}}@media only screen and (min-width:992px){.p-top-md-7{padding-top:4.5rem}}@media only screen and (min-width:1200px){.p-top-lg-7{padding-top:4.5rem}}@media only screen and (min-width:1600px){.p-top-xlg-7{padding-top:4.5rem}}.p-top-8{padding-top:6.125rem}@media only screen and (min-width:576px){.p-top-xs-8{padding-top:6.125rem}}@media only screen and (min-width:768px){.p-top-sm-8{padding-top:6.125rem}}@media only screen and (min-width:992px){.p-top-md-8{padding-top:6.125rem}}@media only screen and (min-width:1200px){.p-top-lg-8{padding-top:6.125rem}}@media only screen and (min-width:1600px){.p-top-xlg-8{padding-top:6.125rem}}.p-top-9{padding-top:8rem}@media only screen and (min-width:576px){.p-top-xs-9{padding-top:8rem}}@media only screen and (min-width:768px){.p-top-sm-9{padding-top:8rem}}@media only screen and (min-width:992px){.p-top-md-9{padding-top:8rem}}@media only screen and (min-width:1200px){.p-top-lg-9{padding-top:8rem}}@media only screen and (min-width:1600px){.p-top-xlg-9{padding-top:8rem}}.p-top-10{padding-top:10.125rem}@media only screen and (min-width:576px){.p-top-xs-10{padding-top:10.125rem}}@media only screen and (min-width:768px){.p-top-sm-10{padding-top:10.125rem}}@media only screen and (min-width:992px){.p-top-md-10{padding-top:10.125rem}}@media only screen and (min-width:1200px){.p-top-lg-10{padding-top:10.125rem}}@media only screen and (min-width:1600px){.p-top-xlg-10{padding-top:10.125rem}}.p-bottom-0{padding-bottom:0}@media only screen and (min-width:576px){.p-bottom-xs-0{padding-bottom:0}}@media only screen and (min-width:768px){.p-bottom-sm-0{padding-bottom:0}}@media only screen and (min-width:992px){.p-bottom-md-0{padding-bottom:0}}@media only screen and (min-width:1200px){.p-bottom-lg-0{padding-bottom:0}}@media only screen and (min-width:1600px){.p-bottom-xlg-0{padding-bottom:0}}.p-bottom-1{padding-bottom:1px}@media only screen and (min-width:576px){.p-bottom-xs-1{padding-bottom:1px}}@media only screen and (min-width:768px){.p-bottom-sm-1{padding-bottom:1px}}@media only screen and (min-width:992px){.p-bottom-md-1{padding-bottom:1px}}@media only screen and (min-width:1200px){.p-bottom-lg-1{padding-bottom:1px}}@media only screen and (min-width:1600px){.p-bottom-xlg-1{padding-bottom:1px}}.p-bottom-0{padding-bottom:.125rem}@media only screen and (min-width:576px){.p-bottom-xs-0{padding-bottom:.125rem}}@media only screen and (min-width:768px){.p-bottom-sm-0{padding-bottom:.125rem}}@media only screen and (min-width:992px){.p-bottom-md-0{padding-bottom:.125rem}}@media only screen and (min-width:1200px){.p-bottom-lg-0{padding-bottom:.125rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-0{padding-bottom:.125rem}}.p-bottom-1{padding-bottom:0}@media only screen and (min-width:576px){.p-bottom-xs-1{padding-bottom:0}}@media only screen and (min-width:768px){.p-bottom-sm-1{padding-bottom:0}}@media only screen and (min-width:992px){.p-bottom-md-1{padding-bottom:0}}@media only screen and (min-width:1200px){.p-bottom-lg-1{padding-bottom:0}}@media only screen and (min-width:1600px){.p-bottom-xlg-1{padding-bottom:0}}.p-bottom-2{padding-bottom:.125rem}@media only screen and (min-width:576px){.p-bottom-xs-2{padding-bottom:.125rem}}@media only screen and (min-width:768px){.p-bottom-sm-2{padding-bottom:.125rem}}@media only screen and (min-width:992px){.p-bottom-md-2{padding-bottom:.125rem}}@media only screen and (min-width:1200px){.p-bottom-lg-2{padding-bottom:.125rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-2{padding-bottom:.125rem}}.p-bottom-3{padding-bottom:.5rem}@media only screen and (min-width:576px){.p-bottom-xs-3{padding-bottom:.5rem}}@media only screen and (min-width:768px){.p-bottom-sm-3{padding-bottom:.5rem}}@media only screen and (min-width:992px){.p-bottom-md-3{padding-bottom:.5rem}}@media only screen and (min-width:1200px){.p-bottom-lg-3{padding-bottom:.5rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-3{padding-bottom:.5rem}}.p-bottom-4{padding-bottom:1.125rem}@media only screen and (min-width:576px){.p-bottom-xs-4{padding-bottom:1.125rem}}@media only screen and (min-width:768px){.p-bottom-sm-4{padding-bottom:1.125rem}}@media only screen and (min-width:992px){.p-bottom-md-4{padding-bottom:1.125rem}}@media only screen and (min-width:1200px){.p-bottom-lg-4{padding-bottom:1.125rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-4{padding-bottom:1.125rem}}.p-bottom-5{padding-bottom:2rem}@media only screen and (min-width:576px){.p-bottom-xs-5{padding-bottom:2rem}}@media only screen and (min-width:768px){.p-bottom-sm-5{padding-bottom:2rem}}@media only screen and (min-width:992px){.p-bottom-md-5{padding-bottom:2rem}}@media only screen and (min-width:1200px){.p-bottom-lg-5{padding-bottom:2rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-5{padding-bottom:2rem}}.p-bottom-6{padding-bottom:3.125rem}@media only screen and (min-width:576px){.p-bottom-xs-6{padding-bottom:3.125rem}}@media only screen and (min-width:768px){.p-bottom-sm-6{padding-bottom:3.125rem}}@media only screen and (min-width:992px){.p-bottom-md-6{padding-bottom:3.125rem}}@media only screen and (min-width:1200px){.p-bottom-lg-6{padding-bottom:3.125rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-6{padding-bottom:3.125rem}}.p-bottom-7{padding-bottom:4.5rem}@media only screen and (min-width:576px){.p-bottom-xs-7{padding-bottom:4.5rem}}@media only screen and (min-width:768px){.p-bottom-sm-7{padding-bottom:4.5rem}}@media only screen and (min-width:992px){.p-bottom-md-7{padding-bottom:4.5rem}}@media only screen and (min-width:1200px){.p-bottom-lg-7{padding-bottom:4.5rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-7{padding-bottom:4.5rem}}.p-bottom-8{padding-bottom:6.125rem}@media only screen and (min-width:576px){.p-bottom-xs-8{padding-bottom:6.125rem}}@media only screen and (min-width:768px){.p-bottom-sm-8{padding-bottom:6.125rem}}@media only screen and (min-width:992px){.p-bottom-md-8{padding-bottom:6.125rem}}@media only screen and (min-width:1200px){.p-bottom-lg-8{padding-bottom:6.125rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-8{padding-bottom:6.125rem}}.p-bottom-9{padding-bottom:8rem}@media only screen and (min-width:576px){.p-bottom-xs-9{padding-bottom:8rem}}@media only screen and (min-width:768px){.p-bottom-sm-9{padding-bottom:8rem}}@media only screen and (min-width:992px){.p-bottom-md-9{padding-bottom:8rem}}@media only screen and (min-width:1200px){.p-bottom-lg-9{padding-bottom:8rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-9{padding-bottom:8rem}}.p-bottom-10{padding-bottom:10.125rem}@media only screen and (min-width:576px){.p-bottom-xs-10{padding-bottom:10.125rem}}@media only screen and (min-width:768px){.p-bottom-sm-10{padding-bottom:10.125rem}}@media only screen and (min-width:992px){.p-bottom-md-10{padding-bottom:10.125rem}}@media only screen and (min-width:1200px){.p-bottom-lg-10{padding-bottom:10.125rem}}@media only screen and (min-width:1600px){.p-bottom-xlg-10{padding-bottom:10.125rem}}.p-left-0{padding-left:0}@media only screen and (min-width:576px){.p-left-xs-0{padding-left:0}}@media only screen and (min-width:768px){.p-left-sm-0{padding-left:0}}@media only screen and (min-width:992px){.p-left-md-0{padding-left:0}}@media only screen and (min-width:1200px){.p-left-lg-0{padding-left:0}}@media only screen and (min-width:1600px){.p-left-xlg-0{padding-left:0}}.p-left-1{padding-left:1px}@media only screen and (min-width:576px){.p-left-xs-1{padding-left:1px}}@media only screen and (min-width:768px){.p-left-sm-1{padding-left:1px}}@media only screen and (min-width:992px){.p-left-md-1{padding-left:1px}}@media only screen and (min-width:1200px){.p-left-lg-1{padding-left:1px}}@media only screen and (min-width:1600px){.p-left-xlg-1{padding-left:1px}}.p-left-0{padding-left:.125rem}@media only screen and (min-width:576px){.p-left-xs-0{padding-left:.125rem}}@media only screen and (min-width:768px){.p-left-sm-0{padding-left:.125rem}}@media only screen and (min-width:992px){.p-left-md-0{padding-left:.125rem}}@media only screen and (min-width:1200px){.p-left-lg-0{padding-left:.125rem}}@media only screen and (min-width:1600px){.p-left-xlg-0{padding-left:.125rem}}.p-left-1{padding-left:0}@media only screen and (min-width:576px){.p-left-xs-1{padding-left:0}}@media only screen and (min-width:768px){.p-left-sm-1{padding-left:0}}@media only screen and (min-width:992px){.p-left-md-1{padding-left:0}}@media only screen and (min-width:1200px){.p-left-lg-1{padding-left:0}}@media only screen and (min-width:1600px){.p-left-xlg-1{padding-left:0}}.p-left-2{padding-left:.125rem}@media only screen and (min-width:576px){.p-left-xs-2{padding-left:.125rem}}@media only screen and (min-width:768px){.p-left-sm-2{padding-left:.125rem}}@media only screen and (min-width:992px){.p-left-md-2{padding-left:.125rem}}@media only screen and (min-width:1200px){.p-left-lg-2{padding-left:.125rem}}@media only screen and (min-width:1600px){.p-left-xlg-2{padding-left:.125rem}}.p-left-3{padding-left:.5rem}@media only screen and (min-width:576px){.p-left-xs-3{padding-left:.5rem}}@media only screen and (min-width:768px){.p-left-sm-3{padding-left:.5rem}}@media only screen and (min-width:992px){.p-left-md-3{padding-left:.5rem}}@media only screen and (min-width:1200px){.p-left-lg-3{padding-left:.5rem}}@media only screen and (min-width:1600px){.p-left-xlg-3{padding-left:.5rem}}.p-left-4{padding-left:1.125rem}@media only screen and (min-width:576px){.p-left-xs-4{padding-left:1.125rem}}@media only screen and (min-width:768px){.p-left-sm-4{padding-left:1.125rem}}@media only screen and (min-width:992px){.p-left-md-4{padding-left:1.125rem}}@media only screen and (min-width:1200px){.p-left-lg-4{padding-left:1.125rem}}@media only screen and (min-width:1600px){.p-left-xlg-4{padding-left:1.125rem}}.p-left-5{padding-left:2rem}@media only screen and (min-width:576px){.p-left-xs-5{padding-left:2rem}}@media only screen and (min-width:768px){.p-left-sm-5{padding-left:2rem}}@media only screen and (min-width:992px){.p-left-md-5{padding-left:2rem}}@media only screen and (min-width:1200px){.p-left-lg-5{padding-left:2rem}}@media only screen and (min-width:1600px){.p-left-xlg-5{padding-left:2rem}}.p-left-6{padding-left:3.125rem}@media only screen and (min-width:576px){.p-left-xs-6{padding-left:3.125rem}}@media only screen and (min-width:768px){.p-left-sm-6{padding-left:3.125rem}}@media only screen and (min-width:992px){.p-left-md-6{padding-left:3.125rem}}@media only screen and (min-width:1200px){.p-left-lg-6{padding-left:3.125rem}}@media only screen and (min-width:1600px){.p-left-xlg-6{padding-left:3.125rem}}.p-left-7{padding-left:4.5rem}@media only screen and (min-width:576px){.p-left-xs-7{padding-left:4.5rem}}@media only screen and (min-width:768px){.p-left-sm-7{padding-left:4.5rem}}@media only screen and (min-width:992px){.p-left-md-7{padding-left:4.5rem}}@media only screen and (min-width:1200px){.p-left-lg-7{padding-left:4.5rem}}@media only screen and (min-width:1600px){.p-left-xlg-7{padding-left:4.5rem}}.p-left-8{padding-left:6.125rem}@media only screen and (min-width:576px){.p-left-xs-8{padding-left:6.125rem}}@media only screen and (min-width:768px){.p-left-sm-8{padding-left:6.125rem}}@media only screen and (min-width:992px){.p-left-md-8{padding-left:6.125rem}}@media only screen and (min-width:1200px){.p-left-lg-8{padding-left:6.125rem}}@media only screen and (min-width:1600px){.p-left-xlg-8{padding-left:6.125rem}}.p-left-9{padding-left:8rem}@media only screen and (min-width:576px){.p-left-xs-9{padding-left:8rem}}@media only screen and (min-width:768px){.p-left-sm-9{padding-left:8rem}}@media only screen and (min-width:992px){.p-left-md-9{padding-left:8rem}}@media only screen and (min-width:1200px){.p-left-lg-9{padding-left:8rem}}@media only screen and (min-width:1600px){.p-left-xlg-9{padding-left:8rem}}.p-left-10{padding-left:10.125rem}@media only screen and (min-width:576px){.p-left-xs-10{padding-left:10.125rem}}@media only screen and (min-width:768px){.p-left-sm-10{padding-left:10.125rem}}@media only screen and (min-width:992px){.p-left-md-10{padding-left:10.125rem}}@media only screen and (min-width:1200px){.p-left-lg-10{padding-left:10.125rem}}@media only screen and (min-width:1600px){.p-left-xlg-10{padding-left:10.125rem}}.p-right-0{padding-right:0}@media only screen and (min-width:576px){.p-right-xs-0{padding-right:0}}@media only screen and (min-width:768px){.p-right-sm-0{padding-right:0}}@media only screen and (min-width:992px){.p-right-md-0{padding-right:0}}@media only screen and (min-width:1200px){.p-right-lg-0{padding-right:0}}@media only screen and (min-width:1600px){.p-right-xlg-0{padding-right:0}}.p-right-1{padding-right:1px}@media only screen and (min-width:576px){.p-right-xs-1{padding-right:1px}}@media only screen and (min-width:768px){.p-right-sm-1{padding-right:1px}}@media only screen and (min-width:992px){.p-right-md-1{padding-right:1px}}@media only screen and (min-width:1200px){.p-right-lg-1{padding-right:1px}}@media only screen and (min-width:1600px){.p-right-xlg-1{padding-right:1px}}.p-right-0{padding-right:.125rem}@media only screen and (min-width:576px){.p-right-xs-0{padding-right:.125rem}}@media only screen and (min-width:768px){.p-right-sm-0{padding-right:.125rem}}@media only screen and (min-width:992px){.p-right-md-0{padding-right:.125rem}}@media only screen and (min-width:1200px){.p-right-lg-0{padding-right:.125rem}}@media only screen and (min-width:1600px){.p-right-xlg-0{padding-right:.125rem}}.p-right-1{padding-right:0}@media only screen and (min-width:576px){.p-right-xs-1{padding-right:0}}@media only screen and (min-width:768px){.p-right-sm-1{padding-right:0}}@media only screen and (min-width:992px){.p-right-md-1{padding-right:0}}@media only screen and (min-width:1200px){.p-right-lg-1{padding-right:0}}@media only screen and (min-width:1600px){.p-right-xlg-1{padding-right:0}}.p-right-2{padding-right:.125rem}@media only screen and (min-width:576px){.p-right-xs-2{padding-right:.125rem}}@media only screen and (min-width:768px){.p-right-sm-2{padding-right:.125rem}}@media only screen and (min-width:992px){.p-right-md-2{padding-right:.125rem}}@media only screen and (min-width:1200px){.p-right-lg-2{padding-right:.125rem}}@media only screen and (min-width:1600px){.p-right-xlg-2{padding-right:.125rem}}.p-right-3{padding-right:.5rem}@media only screen and (min-width:576px){.p-right-xs-3{padding-right:.5rem}}@media only screen and (min-width:768px){.p-right-sm-3{padding-right:.5rem}}@media only screen and (min-width:992px){.p-right-md-3{padding-right:.5rem}}@media only screen and (min-width:1200px){.p-right-lg-3{padding-right:.5rem}}@media only screen and (min-width:1600px){.p-right-xlg-3{padding-right:.5rem}}.p-right-4{padding-right:1.125rem}@media only screen and (min-width:576px){.p-right-xs-4{padding-right:1.125rem}}@media only screen and (min-width:768px){.p-right-sm-4{padding-right:1.125rem}}@media only screen and (min-width:992px){.p-right-md-4{padding-right:1.125rem}}@media only screen and (min-width:1200px){.p-right-lg-4{padding-right:1.125rem}}@media only screen and (min-width:1600px){.p-right-xlg-4{padding-right:1.125rem}}.p-right-5{padding-right:2rem}@media only screen and (min-width:576px){.p-right-xs-5{padding-right:2rem}}@media only screen and (min-width:768px){.p-right-sm-5{padding-right:2rem}}@media only screen and (min-width:992px){.p-right-md-5{padding-right:2rem}}@media only screen and (min-width:1200px){.p-right-lg-5{padding-right:2rem}}@media only screen and (min-width:1600px){.p-right-xlg-5{padding-right:2rem}}.p-right-6{padding-right:3.125rem}@media only screen and (min-width:576px){.p-right-xs-6{padding-right:3.125rem}}@media only screen and (min-width:768px){.p-right-sm-6{padding-right:3.125rem}}@media only screen and (min-width:992px){.p-right-md-6{padding-right:3.125rem}}@media only screen and (min-width:1200px){.p-right-lg-6{padding-right:3.125rem}}@media only screen and (min-width:1600px){.p-right-xlg-6{padding-right:3.125rem}}.p-right-7{padding-right:4.5rem}@media only screen and (min-width:576px){.p-right-xs-7{padding-right:4.5rem}}@media only screen and (min-width:768px){.p-right-sm-7{padding-right:4.5rem}}@media only screen and (min-width:992px){.p-right-md-7{padding-right:4.5rem}}@media only screen and (min-width:1200px){.p-right-lg-7{padding-right:4.5rem}}@media only screen and (min-width:1600px){.p-right-xlg-7{padding-right:4.5rem}}.p-right-8{padding-right:6.125rem}@media only screen and (min-width:576px){.p-right-xs-8{padding-right:6.125rem}}@media only screen and (min-width:768px){.p-right-sm-8{padding-right:6.125rem}}@media only screen and (min-width:992px){.p-right-md-8{padding-right:6.125rem}}@media only screen and (min-width:1200px){.p-right-lg-8{padding-right:6.125rem}}@media only screen and (min-width:1600px){.p-right-xlg-8{padding-right:6.125rem}}.p-right-9{padding-right:8rem}@media only screen and (min-width:576px){.p-right-xs-9{padding-right:8rem}}@media only screen and (min-width:768px){.p-right-sm-9{padding-right:8rem}}@media only screen and (min-width:992px){.p-right-md-9{padding-right:8rem}}@media only screen and (min-width:1200px){.p-right-lg-9{padding-right:8rem}}@media only screen and (min-width:1600px){.p-right-xlg-9{padding-right:8rem}}.p-right-10{padding-right:10.125rem}@media only screen and (min-width:576px){.p-right-xs-10{padding-right:10.125rem}}@media only screen and (min-width:768px){.p-right-sm-10{padding-right:10.125rem}}@media only screen and (min-width:992px){.p-right-md-10{padding-right:10.125rem}}@media only screen and (min-width:1200px){.p-right-lg-10{padding-right:10.125rem}}@media only screen and (min-width:1600px){.p-right-xlg-10{padding-right:10.125rem}}.color-body{color:var(--body)}.color-text{color:var(--text)}.color-text-contrast{color:var(--text-contrast)}.color-primary{color:var(--primary)}.color-primary-contrast{color:var(--primary-contrast)}.color-active{color:var(--active)}.color-active-contrast{color:var(--active-contrast)}.color-link{color:var(--link)}.color-link-hover{color:var(--link-hover)}.color-danger{color:var(--danger)}.color-danger-contrast{color:var(--danger-contrast)}.color-info{color:var(--info)}.color-info-constrast{color:var(--info-constrast)}.color-success{color:var(--success)}.color-success-contrast{color:var(--success-contrast)}.color-warning{color:var(--warning)}.color-warning-contrast{color:var(--warning-contrast)}.color-background{color:var(--background)}.color-background-contrast{color:var(--background-contrast)}.color-background-alpha{color:var(--background-alpha)}.color-border{color:var(--border)}.color-border-contrast{color:var(--border-contrast)}.fill-body,.fill-body svg{fill:var(--body)}.fill-text,.fill-text svg{fill:var(--text)}.fill-text-contrast,.fill-text-contrast svg{fill:var(--text-contrast)}.fill-primary,.fill-primary svg{fill:var(--primary)}.fill-primary-contrast,.fill-primary-contrast svg{fill:var(--primary-contrast)}.fill-active,.fill-active svg{fill:var(--active)}.fill-active-contrast,.fill-active-contrast svg{fill:var(--active-contrast)}.fill-link,.fill-link svg{fill:var(--link)}.fill-link-hover,.fill-link-hover svg{fill:var(--link-hover)}.fill-danger,.fill-danger svg{fill:var(--danger)}.fill-danger-contrast,.fill-danger-contrast svg{fill:var(--danger-contrast)}.fill-info,.fill-info svg{fill:var(--info)}.fill-info-constrast,.fill-info-constrast svg{fill:var(--info-constrast)}.fill-success,.fill-success svg{fill:var(--success)}.fill-success-contrast,.fill-success-contrast svg{fill:var(--success-contrast)}.fill-warning,.fill-warning svg{fill:var(--warning)}.fill-warning-contrast,.fill-warning-contrast svg{fill:var(--warning-contrast)}.fill-background,.fill-background svg{fill:var(--background)}.fill-background-contrast,.fill-background-contrast svg{fill:var(--background-contrast)}.fill-background-alpha,.fill-background-alpha svg{fill:var(--background-alpha)}.fill-border,.fill-border svg{fill:var(--border)}.fill-border-contrast,.fill-border-contrast svg{fill:var(--border-contrast)}.fill-body-hover:hover,.fill-body-hover:hover svg{fill:var(--body)}.fill-text-hover:hover,.fill-text-hover:hover svg{fill:var(--text)}.fill-text-contrast-hover:hover,.fill-text-contrast-hover:hover svg{fill:var(--text-contrast)}.fill-primary-hover:hover,.fill-primary-hover:hover svg{fill:var(--primary)}.fill-primary-contrast-hover:hover,.fill-primary-contrast-hover:hover svg{fill:var(--primary-contrast)}.fill-active-hover:hover,.fill-active-hover:hover svg{fill:var(--active)}.fill-active-contrast-hover:hover,.fill-active-contrast-hover:hover svg{fill:var(--active-contrast)}.fill-link-hover:hover,.fill-link-hover:hover svg{fill:var(--link)}.fill-link-hover-hover:hover,.fill-link-hover-hover:hover svg{fill:var(--link-hover)}.fill-danger-hover:hover,.fill-danger-hover:hover svg{fill:var(--danger)}.fill-danger-contrast-hover:hover,.fill-danger-contrast-hover:hover svg{fill:var(--danger-contrast)}.fill-info-hover:hover,.fill-info-hover:hover svg{fill:var(--info)}.fill-info-constrast-hover:hover,.fill-info-constrast-hover:hover svg{fill:var(--info-constrast)}.fill-success-hover:hover,.fill-success-hover:hover svg{fill:var(--success)}.fill-success-contrast-hover:hover,.fill-success-contrast-hover:hover svg{fill:var(--success-contrast)}.fill-warning-hover:hover,.fill-warning-hover:hover svg{fill:var(--warning)}.fill-warning-contrast-hover:hover,.fill-warning-contrast-hover:hover svg{fill:var(--warning-contrast)}.fill-background-hover:hover,.fill-background-hover:hover svg{fill:var(--background)}.fill-background-contrast-hover:hover,.fill-background-contrast-hover:hover svg{fill:var(--background-contrast)}.fill-background-alpha-hover:hover,.fill-background-alpha-hover:hover svg{fill:var(--background-alpha)}.fill-border-hover:hover,.fill-border-hover:hover svg{fill:var(--border)}.fill-border-contrast-hover:hover,.fill-border-contrast-hover:hover svg{fill:var(--border-contrast)}.border-color-body{border-color:var(--body)}.border-color-text{border-color:var(--text)}.border-color-text-contrast{border-color:var(--text-contrast)}.border-color-primary{border-color:var(--primary)}.border-color-primary-contrast{border-color:var(--primary-contrast)}.border-color-active{border-color:var(--active)}.border-color-active-contrast{border-color:var(--active-contrast)}.border-color-link{border-color:var(--link)}.border-color-link-hover{border-color:var(--link-hover)}.border-color-danger{border-color:var(--danger)}.border-color-danger-contrast{border-color:var(--danger-contrast)}.border-color-info{border-color:var(--info)}.border-color-info-constrast{border-color:var(--info-constrast)}.border-color-success{border-color:var(--success)}.border-color-success-contrast{border-color:var(--success-contrast)}.border-color-warning{border-color:var(--warning)}.border-color-warning-contrast{border-color:var(--warning-contrast)}.border-color-background{border-color:var(--background)}.border-color-background-contrast{border-color:var(--background-contrast)}.border-color-background-alpha{border-color:var(--background-alpha)}.border-color-border{border-color:var(--border)}.border-color-border-contrast{border-color:var(--border-contrast)}.background-color-body{background-color:var(--body)}.background-color-text{background-color:var(--text)}.background-color-text-contrast{background-color:var(--text-contrast)}.background-color-primary{background-color:var(--primary)}.background-color-primary-contrast{background-color:var(--primary-contrast)}.background-color-active{background-color:var(--active)}.background-color-active-contrast{background-color:var(--active-contrast)}.background-color-link{background-color:var(--link)}.background-color-link-hover{background-color:var(--link-hover)}.background-color-danger{background-color:var(--danger)}.background-color-danger-contrast{background-color:var(--danger-contrast)}.background-color-info{background-color:var(--info)}.background-color-info-constrast{background-color:var(--info-constrast)}.background-color-success{background-color:var(--success)}.background-color-success-contrast{background-color:var(--success-contrast)}.background-color-warning{background-color:var(--warning)}.background-color-warning-contrast{background-color:var(--warning-contrast)}.background-color-background{background-color:var(--background)}.background-color-background-contrast{background-color:var(--background-contrast)}.background-color-background-alpha{background-color:var(--background-alpha)}.background-color-border{background-color:var(--border)}.background-color-border-contrast{background-color:var(--border-contrast)}.left{text-align:left}@media only screen and (min-width:576px){.left-xs{text-align:left}}@media only screen and (min-width:768px){.left-sm{text-align:left}}@media only screen and (min-width:992px){.left-md{text-align:left}}@media only screen and (min-width:1200px){.left-lg{text-align:left}}@media only screen and (min-width:1600px){.left-xlg{text-align:left}}.right{text-align:right}@media only screen and (min-width:576px){.right-xs{text-align:right}}@media only screen and (min-width:768px){.right-sm{text-align:right}}@media only screen and (min-width:992px){.right-md{text-align:right}}@media only screen and (min-width:1200px){.right-lg{text-align:right}}@media only screen and (min-width:1600px){.right-xlg{text-align:right}}.center{text-align:center}@media only screen and (min-width:576px){.center-xs{text-align:center}}@media only screen and (min-width:768px){.center-sm{text-align:center}}@media only screen and (min-width:992px){.center-md{text-align:center}}@media only screen and (min-width:1200px){.center-lg{text-align:center}}@media only screen and (min-width:1600px){.center-xlg{text-align:center}}.justify{text-align:justify}@media only screen and (min-width:576px){.justify-xs{text-align:justify}}@media only screen and (min-width:768px){.justify-sm{text-align:justify}}@media only screen and (min-width:992px){.justify-md{text-align:justify}}@media only screen and (min-width:1200px){.justify-lg{text-align:justify}}@media only screen and (min-width:1600px){.justify-xlg{text-align:justify}}.uppercase{text-transform:uppercase}@media only screen and (min-width:576px){.uppercase-xs{text-transform:uppercase}}@media only screen and (min-width:768px){.uppercase-sm{text-transform:uppercase}}@media only screen and (min-width:992px){.uppercase-md{text-transform:uppercase}}@media only screen and (min-width:1200px){.uppercase-lg{text-transform:uppercase}}@media only screen and (min-width:1600px){.uppercase-xlg{text-transform:uppercase}}.lowercase{text-transform:lowercase}@media only screen and (min-width:576px){.lowercase-xs{text-transform:lowercase}}@media only screen and (min-width:768px){.lowercase-sm{text-transform:lowercase}}@media only screen and (min-width:992px){.lowercase-md{text-transform:lowercase}}@media only screen and (min-width:1200px){.lowercase-lg{text-transform:lowercase}}@media only screen and (min-width:1600px){.lowercase-xlg{text-transform:lowercase}}.crossed{text-decoration:line-through}@media only screen and (min-width:576px){.crossed-xs{text-decoration:line-through}}@media only screen and (min-width:768px){.crossed-sm{text-decoration:line-through}}@media only screen and (min-width:992px){.crossed-md{text-decoration:line-through}}@media only screen and (min-width:1200px){.crossed-lg{text-decoration:line-through}}@media only screen and (min-width:1600px){.crossed-xlg{text-decoration:line-through}}.underline{text-decoration:underline}@media only screen and (min-width:576px){.underline-xs{text-decoration:underline}}@media only screen and (min-width:768px){.underline-sm{text-decoration:underline}}@media only screen and (min-width:992px){.underline-md{text-decoration:underline}}@media only screen and (min-width:1200px){.underline-lg{text-decoration:underline}}@media only screen and (min-width:1600px){.underline-xlg{text-decoration:underline}}.capitalize{text-transform:capitalize}@media only screen and (min-width:576px){.capitalize-xs{text-transform:capitalize}}@media only screen and (min-width:768px){.capitalize-sm{text-transform:capitalize}}@media only screen and (min-width:992px){.capitalize-md{text-transform:capitalize}}@media only screen and (min-width:1200px){.capitalize-lg{text-transform:capitalize}}@media only screen and (min-width:1600px){.capitalize-xlg{text-transform:capitalize}}.italic{font-style:italic}@media only screen and (min-width:576px){.italic-xs{font-style:italic}}@media only screen and (min-width:768px){.italic-sm{font-style:italic}}@media only screen and (min-width:992px){.italic-md{font-style:italic}}@media only screen and (min-width:1200px){.italic-lg{font-style:italic}}@media only screen and (min-width:1600px){.italic-xlg{font-style:italic}}.light{font-weight:lighter}@media only screen and (min-width:576px){.light-xs{font-weight:lighter}}@media only screen and (min-width:768px){.light-sm{font-weight:lighter}}@media only screen and (min-width:992px){.light-md{font-weight:lighter}}@media only screen and (min-width:1200px){.light-lg{font-weight:lighter}}@media only screen and (min-width:1600px){.light-xlg{font-weight:lighter}}.normal{font-weight:400}@media only screen and (min-width:576px){.normal-xs{font-weight:400}}@media only screen and (min-width:768px){.normal-sm{font-weight:400}}@media only screen and (min-width:992px){.normal-md{font-weight:400}}@media only screen and (min-width:1200px){.normal-lg{font-weight:400}}@media only screen and (min-width:1600px){.normal-xlg{font-weight:400}}.medium{font-weight:medium}@media only screen and (min-width:576px){.medium-xs{font-weight:medium}}@media only screen and (min-width:768px){.medium-sm{font-weight:medium}}@media only screen and (min-width:992px){.medium-md{font-weight:medium}}@media only screen and (min-width:1200px){.medium-lg{font-weight:medium}}@media only screen and (min-width:1600px){.medium-xlg{font-weight:medium}}.bold{font-weight:bolder}@media only screen and (min-width:576px){.bold-xs{font-weight:bolder}}@media only screen and (min-width:768px){.bold-sm{font-weight:bolder}}@media only screen and (min-width:992px){.bold-md{font-weight:bolder}}@media only screen and (min-width:1200px){.bold-lg{font-weight:bolder}}@media only screen and (min-width:1600px){.bold-xlg{font-weight:bolder}}.size-default{font-size:.9rem}@media only screen and (min-width:576px){.size-xs-default{font-size:.9rem}}@media only screen and (min-width:768px){.size-sm-default{font-size:.9rem}}@media only screen and (min-width:992px){.size-md-default{font-size:.9rem}}@media only screen and (min-width:1200px){.size-lg-default{font-size:.9rem}}@media only screen and (min-width:1600px){.size-xlg-default{font-size:.9rem}}.size-small{font-size:.675rem}@media only screen and (min-width:576px){.size-xs-small{font-size:.675rem}}@media only screen and (min-width:768px){.size-sm-small{font-size:.675rem}}@media only screen and (min-width:992px){.size-md-small{font-size:.675rem}}@media only screen and (min-width:1200px){.size-lg-small{font-size:.675rem}}@media only screen and (min-width:1600px){.size-xlg-small{font-size:.675rem}}.size-medium{font-size:1.35rem}@media only screen and (min-width:576px){.size-xs-medium{font-size:1.35rem}}@media only screen and (min-width:768px){.size-sm-medium{font-size:1.35rem}}@media only screen and (min-width:992px){.size-md-medium{font-size:1.35rem}}@media only screen and (min-width:1200px){.size-lg-medium{font-size:1.35rem}}@media only screen and (min-width:1600px){.size-xlg-medium{font-size:1.35rem}}.size-large{font-size:1.8rem}@media only screen and (min-width:576px){.size-xs-large{font-size:1.8rem}}@media only screen and (min-width:768px){.size-sm-large{font-size:1.8rem}}@media only screen and (min-width:992px){.size-md-large{font-size:1.8rem}}@media only screen and (min-width:1200px){.size-lg-large{font-size:1.8rem}}@media only screen and (min-width:1600px){.size-xlg-large{font-size:1.8rem}}.size-big{font-size:2.7rem}@media only screen and (min-width:576px){.size-xs-big{font-size:2.7rem}}@media only screen and (min-width:768px){.size-sm-big{font-size:2.7rem}}@media only screen and (min-width:992px){.size-md-big{font-size:2.7rem}}@media only screen and (min-width:1200px){.size-lg-big{font-size:2.7rem}}@media only screen and (min-width:1600px){.size-xlg-big{font-size:2.7rem}}.white-space-normal{white-space:normal}@media only screen and (min-width:576px){.white-space-normal-xs{white-space:normal}}@media only screen and (min-width:768px){.white-space-normal-sm{white-space:normal}}@media only screen and (min-width:992px){.white-space-normal-md{white-space:normal}}@media only screen and (min-width:1200px){.white-space-normal-lg{white-space:normal}}@media only screen and (min-width:1600px){.white-space-normal-xlg{white-space:normal}}.white-space-nowrap{white-space:nowrap}@media only screen and (min-width:576px){.white-space-nowrap-xs{white-space:nowrap}}@media only screen and (min-width:768px){.white-space-nowrap-sm{white-space:nowrap}}@media only screen and (min-width:992px){.white-space-nowrap-md{white-space:nowrap}}@media only screen and (min-width:1200px){.white-space-nowrap-lg{white-space:nowrap}}@media only screen and (min-width:1600px){.white-space-nowrap-xlg{white-space:nowrap}}.white-space-pre{white-space:pre}@media only screen and (min-width:576px){.white-space-pre-xs{white-space:pre}}@media only screen and (min-width:768px){.white-space-pre-sm{white-space:pre}}@media only screen and (min-width:992px){.white-space-pre-md{white-space:pre}}@media only screen and (min-width:1200px){.white-space-pre-lg{white-space:pre}}@media only screen and (min-width:1600px){.white-space-pre-xlg{white-space:pre}}.white-space-preline{white-space:preline}@media only screen and (min-width:576px){.white-space-preline-xs{white-space:preline}}@media only screen and (min-width:768px){.white-space-preline-sm{white-space:preline}}@media only screen and (min-width:992px){.white-space-preline-md{white-space:preline}}@media only screen and (min-width:1200px){.white-space-preline-lg{white-space:preline}}@media only screen and (min-width:1600px){.white-space-preline-xlg{white-space:preline}}.white-space-preline{white-space:pre-line}@media only screen and (min-width:576px){.white-space-preline-xs{white-space:pre-line}}@media only screen and (min-width:768px){.white-space-preline-sm{white-space:pre-line}}@media only screen and (min-width:992px){.white-space-preline-md{white-space:pre-line}}@media only screen and (min-width:1200px){.white-space-preline-lg{white-space:pre-line}}@media only screen and (min-width:1600px){.white-space-preline-xlg{white-space:pre-line}}.white-space-prewrap{white-space:pre-wrap}@media only screen and (min-width:576px){.white-space-prewrap-xs{white-space:pre-wrap}}@media only screen and (min-width:768px){.white-space-prewrap-sm{white-space:pre-wrap}}@media only screen and (min-width:992px){.white-space-prewrap-md{white-space:pre-wrap}}@media only screen and (min-width:1200px){.white-space-prewrap-lg{white-space:pre-wrap}}@media only screen and (min-width:1600px){.white-space-prewrap-xlg{white-space:pre-wrap}}.display-block{display:block}@media only screen and (min-width:576px){.display-block-xs{display:block}}@media only screen and (min-width:768px){.display-block-sm{display:block}}@media only screen and (min-width:992px){.display-block-md{display:block}}@media only screen and (min-width:1200px){.display-block-lg{display:block}}@media only screen and (min-width:1600px){.display-block-xlg{display:block}}.display-inline{display:inline}@media only screen and (min-width:576px){.display-inline-xs{display:inline}}@media only screen and (min-width:768px){.display-inline-sm{display:inline}}@media only screen and (min-width:992px){.display-inline-md{display:inline}}@media only screen and (min-width:1200px){.display-inline-lg{display:inline}}@media only screen and (min-width:1600px){.display-inline-xlg{display:inline}}.display-inline-block{display:inline-block}@media only screen and (min-width:576px){.display-inline-block-xs{display:inline-block}}@media only screen and (min-width:768px){.display-inline-block-sm{display:inline-block}}@media only screen and (min-width:992px){.display-inline-block-md{display:inline-block}}@media only screen and (min-width:1200px){.display-inline-block-lg{display:inline-block}}@media only screen and (min-width:1600px){.display-inline-block-xlg{display:inline-block}}.display-flex{display:flex}@media only screen and (min-width:576px){.display-flex-xs{display:flex}}@media only screen and (min-width:768px){.display-flex-sm{display:flex}}@media only screen and (min-width:992px){.display-flex-md{display:flex}}@media only screen and (min-width:1200px){.display-flex-lg{display:flex}}@media only screen and (min-width:1600px){.display-flex-xlg{display:flex}}.display-inline-flex{display:inline-flex}@media only screen and (min-width:576px){.display-inline-flex-xs{display:inline-flex}}@media only screen and (min-width:768px){.display-inline-flex-sm{display:inline-flex}}@media only screen and (min-width:992px){.display-inline-flex-md{display:inline-flex}}@media only screen and (min-width:1200px){.display-inline-flex-lg{display:inline-flex}}@media only screen and (min-width:1600px){.display-inline-flex-xlg{display:inline-flex}}.display-table{display:table}@media only screen and (min-width:576px){.display-table-xs{display:table}}@media only screen and (min-width:768px){.display-table-sm{display:table}}@media only screen and (min-width:992px){.display-table-md{display:table}}@media only screen and (min-width:1200px){.display-table-lg{display:table}}@media only screen and (min-width:1600px){.display-table-xlg{display:table}}.visibility-hidden{visibility:hidden}.visibility-visible{visibility:visible}.visibility-collapse{visibility:collapse}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.opacity-3{opacity:.3}.opacity-4{opacity:.4}.opacity-5{opacity:.5}.opacity-6{opacity:.6}.opacity-7{opacity:.7}.opacity-8{opacity:.8}.opacity-9{opacity:.9}.opacity-10{opacity:1}.inner{max-width:770px;width:100%}.post__header h2 a{color:#fff}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.breadcrumb{display:flex;list-style:none;padding:0}.breadcrumb li{margin-right:1em}.site-footer{border-top:1px solid}
+@charset "UTF-8";
+@font-face {
+  font-family: "IBM Plex Mono";
+  src: url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.eot?85f924ecb898e5720062617e4a86f1d1);
+  src: url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.eot?85f924ecb898e5720062617e4a86f1d1?#iefix) format("embedded-opentype"), url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.woff2?db620201a437f00ce78da2a10cf50f3f) format("woff2"), url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.woff?3d04ef6de65d3c77bd60c158326be298) format("woff"), url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono.ttf?ce51a85eb7160067d01bcf6e56f837d1) format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "IBM Plex Mono";
+  src: url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.eot?eb105b142ce736849ef4828cb0c8eb34);
+  src: url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.eot?eb105b142ce736849ef4828cb0c8eb34?#iefix) format("embedded-opentype"), url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.woff2?8b633c62813e0275ebd7a1c793c4e99c) format("woff2"), url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.woff?b72090c625b4144f3763d5b2bf8f5942) format("woff"), url(/fonts/vendor/@tiny-components/plain-ui/src/IBMPlexMono-Bold.ttf?558e55bd46468bb8d7074d7064d02c30) format("truetype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+/**
+ *  functions
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  strip unit from value
+ *
+ *  @param  {mixed} $value
+ *  @return {number}
+ *
+ */
+/**
+ *
+ *
+ *  https://css-tricks.com/snippets/sass/str-replace-function/
+ *
+ */
+/**
+ *  get value of key "default" in map
+ *
+ *  @param  {map} $value
+ *  @return {boolean|unit}
+ *
+ */
+/**
+ *  factor
+ *
+ *
+ *
+ *  @param  {integer} $x
+ *  @return {float}
+ *
+ */
+/**
+ *  mixins
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  Clear Floats
+ *
+ *
+ *
+ */
+/**
+ *  clear styles from list
+ *
+ *
+ */
+/**
+ *  media-queries as mixins
+ *  based on breakpoints from variables
+ *
+ *
+ *
+ */
+/**
+ *  Set property and his value for each Breakpoint
+ *
+ *  (
+ *      $md: 10px
+ *  )
+ *
+ *
+ *  @param  {css} $property
+ *  @param  {map} $breakpoints
+ *  @param  {Boolean} $important   [false]
+ *
+ */
+/**
+ *  Set property and his value with an factor for each Breakpoint
+ *
+ *  (
+ *      $md: 10px
+ *  )
+ *
+ *  @param  {css} $property
+ *  @param  {number} $factor
+ *  @param  {map} $breakpoints
+ *  @param  {Boolean} $important   [false]
+ *
+ */
+/**
+ *  Set font-size from Breakpoints, use for calculating difference from font-size and default font-size
+ *
+ *  (
+ *      $md: 1rem
+ *  )
+ *
+ *  @param  {map}  $breakpoints
+ *  @param  {unit}  $font-size
+ *  @param  {unit}  $default
+ *  @param  {Boolean} $important   [false]
+ *
+ */
+/**
+ *  adding overlay with z-index and color
+ *
+ *  @param {z-index}
+ *  @param {color}
+ *
+ */
+/**
+ *  variables
+ *
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  grid
+ *
+ */
+:root {
+  --grid-columns: 12;
+  --grid-grid-spacing: 15px;
+  --grid-xs: 576px;
+  --grid-sm: 768px;
+  --grid-md: 992px;
+  --grid-lg: 1200px;
+  --grid-xlg: 1600px;
+  --grid-xxs-max: 575px;
+  --grid-xs-max: 767px;
+  --grid-sm-max: 991px;
+  --grid-md-max: 1199px;
+  --grid-lg-max: 1599px;
+}
+
+/**
+ *  fonts
+ *
+ */
+/**
+ *  colors
+ *
+ *
+ */
+/**
+ *  margin
+ *
+ */
+/**
+ *  padding
+ *
+ */
+/**
+ *  border
+ *
+ */
+/**
+ *  normalize
+ *
+ *  Thanks to https://necolas.github.io/normalize.css/, use a lot from them
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+:root {
+  --body: #f9f9f9;
+  --text: #363636;
+  --text-contrast: #ffffff;
+  --primary: #3e3e3e;
+  --primary-contrast: #3e3e3e;
+  --active: #717171;
+  --active-contrast: #ffffff;
+  --link: #363636;
+  --link-hover: #d95959;
+  --danger: #d95959;
+  --danger-contrast: #ecacac;
+  --info: #0090d4;
+  --info-constrast: #3bc0ff;
+  --success: #64ac64;
+  --success-contrast: #a6d0a6;
+  --warning: #f0ad4e;
+  --warning-contrast: #f8d9ac;
+  --background: #3e3e3e;
+  --background-contrast: #ffffff;
+  --background-alpha: rgba(0, 0, 0, 0.7);
+  --border: #3e3e3e;
+  --border-contrast: #ffffff;
+  --font-family: IBM Plex Mono, sans-serif;
+}
+
+html {
+  font-size: 100%;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+
+body,
+html {
+  margin: 0;
+  height: 100%;
+}
+
+html,
+legend {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: var(--font-family);
+  color: var(--text);
+  background-color: var(--body);
+  direction: ltr;
+  font-size: 0.9rem;
+  line-height: 1.618;
+}
+@media only screen and (min-width: 992px) {
+  body {
+    font-size: 1rem;
+  }
+}
+
+a {
+  color: var(--link);
+  transition: color 0.5s;
+  text-decoration: none;
+}
+a:hover {
+  color: var(--link-hover);
+}
+a:focus {
+  outline: none;
+}
+
+main {
+  display: block;
+}
+
+*,
+*::after,
+*::before {
+  box-sizing: inherit;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+figure {
+  margin: 0;
+}
+
+figcaption {
+  margin: 0;
+}
+
+p {
+  margin: 0;
+}
+
+/**
+ *  form elements
+ *
+ *
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0 0 1rem;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[type=button],
+[type=reset],
+[type=submit],
+button {
+  -webkit-appearance: button;
+}
+
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner,
+button::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring,
+button:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+legend {
+  box-sizing: border-box;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+/**
+ * hr
+ *
+ */
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+  border: 0;
+  border-top: 1px solid var(--border);
+  margin: 0 0 1rem;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: var(--font-family);
+  font-size: 0.9rem;
+}
+
+/**
+ *  Content
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.content {
+  /**
+   *  Prevent `sub` and `sup` elements from affecting the line height in
+   *  all browsers.
+   */
+  /**
+   *  blockquote
+   *
+   *
+   */
+  /**
+   *  lists
+   *
+   */
+}
+.content p {
+  margin: 0 0 1rem;
+}
+@media only screen and (min-width: 992px) {
+  .content p {
+    margin: 0 0 1.2rem;
+  }
+}
+.content a,
+.content ins,
+.content u {
+  -webkit-text-decoration-skip: ink edges;
+          text-decoration-skip: ink edges;
+}
+.content a {
+  text-decoration: underline;
+}
+.content b,
+.content strong {
+  font-weight: bolder;
+}
+.content small {
+  font-size: 80%;
+}
+.content sub,
+.content sup {
+  font-size: 70%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.content sub {
+  bottom: -0.25em;
+}
+.content sup {
+  top: -0.5em;
+}
+.content abbr[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+  text-decoration: none;
+}
+.content mark {
+  padding: 0.25rem;
+  background-color: var(--warning);
+}
+.content blockquote {
+  border-left: 1px solid var(--border);
+  margin-left: 0;
+  padding: 0.6rem 0.8rem;
+}
+.content blockquote p:last-child {
+  margin-bottom: 0;
+}
+.content dl,
+.content ol,
+.content ul {
+  padding: 0;
+  margin: 0 0 1rem;
+}
+@media only screen and (min-width: 992px) {
+  .content dl,
+  .content ol,
+  .content ul {
+    margin: 0 0 1.2rem;
+  }
+}
+.content ul {
+  margin-left: 1.5rem;
+}
+.content ol {
+  margin-left: 2.5rem;
+}
+.content ol ol,
+.content ul ul {
+  margin-top: 0;
+  margin-left: 1.5rem;
+}
+.content ol {
+  list-style: decimal outside;
+}
+.content ul {
+  list-style: square outside;
+}
+.content dl {
+  margin-left: 0.5rem;
+}
+.content dd,
+.content dt {
+  margin: 0;
+}
+.content dt {
+  font-weight: bold;
+}
+.content code {
+  white-space: pre;
+  display: block;
+  color: var(--text-contrast);
+  overflow-y: hidden;
+  overflow-x: auto;
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  background-color: var(--background);
+  margin: 0 0 1rem;
+  padding: 0.6rem 0.8rem;
+}
+@media only screen and (min-width: 992px) {
+  .content code {
+    margin: 0 0 1.2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .content code {
+    padding: 0.7rem 1rem 0.9rem;
+  }
+}
+
+.highlight {
+  padding: 0.15rem 0.4rem 0.25rem;
+  background: var(--primary);
+  color: var(--text-contrast);
+  border-radius: 2px;
+}
+
+/**
+ *  Heading
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ * add font-size for heading as class and element
+ *
+ *
+ */
+h1, .h1,
+h2, .h2,
+h3, .h3,
+h4, .h4,
+h5, .h5,
+h6, .h6 {
+  font-family: "IBM Plex Mono", sans-serif;
+  font-weight: bold;
+  line-height: 1.2;
+  margin: 0 0 1rem;
+}
+h1.highlight, .h1.highlight,
+h2.highlight, .h2.highlight,
+h3.highlight, .h3.highlight,
+h4.highlight, .h4.highlight,
+h5.highlight, .h5.highlight,
+h6.highlight, .h6.highlight {
+  display: table;
+}
+
+h1, .h1 {
+  font-size: 2.5rem;
+}
+
+h2, .h2 {
+  font-size: 2rem;
+}
+
+h3, .h3 {
+  font-size: 1.75rem;
+}
+
+h4, .h4 {
+  font-size: 1.5rem;
+}
+
+h5, .h5 {
+  font-size: 1.25rem;
+}
+
+h6, .h6 {
+  font-size: 1rem;
+}
+
+@media only screen and (min-width: 992px) {
+  h1, .h1 {
+    font-size: 2.75rem;
+  }
+  h2, .h2 {
+    font-size: 2.5rem;
+  }
+  h3, .h3 {
+    font-size: 2rem;
+  }
+  h4, .h4 {
+    font-size: 1.75rem;
+  }
+  h5, .h5 {
+    font-size: 1.5rem;
+  }
+  h6, .h6 {
+    font-size: 1.2rem;
+  }
+}
+/**
+ *  <span class="badge">
+ *     A
+ *  </span>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.badge {
+  display: inline-block;
+  background-color: var(--background);
+  color: var(--text-contrast);
+  font-size: 0.85rem;
+  padding: 0.4rem 0.8rem;
+  border: 1px solid var(--border);
+  border-radius: 2px;
+}
+.badge--round {
+  display: inline-flex;
+  justify-content: center;
+  border-radius: 50%;
+  width: 2.8em;
+}
+
+/**
+ *  Button
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *
+ *
+ */
+/**
+ *
+ *
+ */
+/**
+ *
+ *
+ */
+.button {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  font-family: var(--font-family);
+  font-size: 1rem;
+  border: 1px solid var(--border);
+  background-color: var(--background-contrast);
+  color: var(--text);
+  border-radius: 2px;
+  transition: background-color 0.1s;
+  margin: 0 0 1rem;
+  padding: 0.5rem 1.3rem;
+  width: 100%;
+}
+@media only screen and (min-width: 768px) {
+  .button {
+    width: auto;
+  }
+}
+.button--small {
+  padding: 0.3rem 1.1rem;
+  font-size: 0.8rem;
+}
+.button:hover, .button--selected {
+  cursor: pointer;
+  text-decoration: none;
+  color: white;
+  background-color: var(--active);
+}
+.button:focus, .button:active {
+  outline: 1px solid var(--active);
+}
+.button:disabled {
+  opacity: 0.5;
+}
+.button:disabled:hover {
+  cursor: not-allowed;
+  border: 1px solid var(--border);
+  background-color: var(--background-contrast);
+  color: var(--border);
+}
+.button--transparent {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  border-radius: 0;
+}
+.button--transparent:focus, .button--transparent:active {
+  outline: none;
+}
+.button--danger {
+  border-color: var(--danger);
+}
+.button--danger:hover {
+  background-color: var(--danger);
+}
+.button--danger:focus, .button--danger:active {
+  outline: 2px solid var(--danger);
+}
+.button--info {
+  border-color: var(--info);
+}
+.button--info:hover {
+  background-color: var(--info);
+}
+.button--info:focus, .button--info:active {
+  outline: 2px solid var(--info);
+}
+.button--warning {
+  border-color: var(--warning);
+}
+.button--warning:hover {
+  background-color: var(--warning);
+}
+.button--warning:focus, .button--warning:active {
+  outline: 2px solid var(--warning);
+}
+.button--success {
+  border-color: var(--success);
+}
+.button--success:hover {
+  background-color: var(--success);
+}
+.button--success:focus, .button--success:active {
+  outline: 2px solid var(--success);
+}
+.button--outline {
+  background-color: transparent;
+}
+.button--outline:hover {
+  color: var(--border);
+  border-color: #a4a4a4;
+  background-color: transparent;
+}
+.button--danger.button--outline:hover {
+  border-color: #ecacac;
+}
+.button--info.button--outline:hover {
+  border-color: #3bc0ff;
+}
+.button--warning.button--outline:hover {
+  border-color: #f8d9ac;
+}
+.button--success.button--outline:hover {
+  border-color: #a6d0a6;
+}
+.button--full {
+  background-color: var(--active);
+  color: white;
+}
+.button--full:hover {
+  background-color: var(--background-contrast);
+  color: var(--text);
+}
+.button--danger.button--full {
+  background-color: var(--danger);
+}
+.button--danger.button--full:hover {
+  background-color: var(--background-contrast);
+  border-color: var(--danger);
+}
+.button--danger.button--full:focus, .button--danger.button--full:active {
+  outline: 2px solid var(--danger);
+}
+.button--info.button--full {
+  background-color: var(--info);
+}
+.button--info.button--full:hover {
+  background-color: var(--background-contrast);
+  border-color: var(--info);
+}
+.button--info.button--full:focus, .button--info.button--full:active {
+  outline: 2px solid var(--info);
+}
+.button--warning.button--full {
+  background-color: var(--warning);
+}
+.button--warning.button--full:hover {
+  background-color: var(--background-contrast);
+  border-color: var(--warning);
+}
+.button--warning.button--full:focus, .button--warning.button--full:active {
+  outline: 2px solid var(--warning);
+}
+.button--success.button--full {
+  background-color: var(--success);
+}
+.button--success.button--full:hover {
+  background-color: var(--background-contrast);
+  border-color: var(--success);
+}
+.button--success.button--full:focus, .button--success.button--full:active {
+  outline: 2px solid var(--success);
+}
+
+/**
+ *
+ *  fields
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.field-group {
+  margin: 0 0 1rem;
+}
+.field-group--valid .field-text {
+  border-color: var(--success);
+}
+.field-group--valid .icon {
+  fill: var(--success);
+}
+.field-group--error .field-text {
+  border-color: var(--danger);
+}
+.field-group--error .icon {
+  fill: var(--danger);
+}
+
+.field-label {
+  font-size: 1rem;
+  font-family: var(--font-family);
+}
+.field-label .icon {
+  vertical-align: text-bottom;
+}
+.field-label:hover {
+  cursor: pointer;
+}
+
+.field-text, .field-choice {
+  font-family: var(--font-family);
+  font-size: 0.95rem;
+  width: 100%;
+  border: 1px solid #a4a4a4;
+  border-radius: 2px;
+  margin: 0.7rem 0 0;
+}
+.field-text:focus, .field-text:active, .field-choice:focus, .field-choice:active {
+  outline: 0;
+  border-color: var(--border);
+}
+
+.field-text {
+  padding: 0.8em 1.1em;
+}
+
+textarea.field-text {
+  height: 180px;
+}
+
+/**
+ * field-choice
+ *
+ *
+ */
+.field-choice {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  padding: 0.8em;
+  background-image: linear-gradient(to right, #717171, #717171);
+  background-position: 100%;
+  background-size: 1.5rem 100%;
+  background-repeat: no-repeat;
+}
+.field-choice:active, .field-choice:focus {
+  background-image: linear-gradient(to right, #3e3e3e, #3e3e3e);
+}
+
+/**
+ * radio & checkbox
+ *
+ * <div class="field">
+ *     <label for="field__checkbox__1" class="field__label">
+ *         <input class="field__choice" type="checkbox" name="field__checkbox__1" value="true" />
+ *         <svg class="icon field__choice__unchecked" aria-hidden="true">
+ *             <use xlink:href="symbol-defs.svg#icon-minus"></use>
+ *         </svg>
+ *         <svg class="icon field__choice__checked" aria-hidden="true">
+ *             <use xlink:href="symbol-defs.svg#icon-checked"></use>
+ *         </svg>
+ *         checkbox 1
+ *    </label>
+ * </div>
+ *
+ */
+[type=checkbox].field-choice,
+[type=radio].field-choice {
+  position: relative;
+  display: none;
+}
+[type=checkbox].field-choice ~ .field-choice__checked,
+[type=radio].field-choice ~ .field-choice__checked {
+  display: none;
+}
+[type=checkbox].field-choice:checked ~ .field-choice__checked,
+[type=radio].field-choice:checked ~ .field-choice__checked {
+  display: inline-block;
+}
+[type=checkbox].field-choice:checked ~ .field-choice__unchecked,
+[type=radio].field-choice:checked ~ .field-choice__unchecked {
+  display: none;
+}
+
+svg.field-choice__unchecked {
+  fill: var(--active);
+}
+
+svg.field-choice__checked {
+  fill: var(--success);
+}
+
+.field-help, .field-error {
+  display: inline-block;
+  width: 100%;
+  padding: 0.6em 0.5em;
+  font-size: 0.8rem;
+}
+
+/**
+ *
+ *
+ */
+.field-switch {
+  position: relative;
+  display: inline-block;
+  width: 75px;
+  height: 35px;
+  border: 1px solid var(--border);
+  border-radius: 2px;
+}
+.field-switch:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+  content: "";
+  border: 1px solid var(--border);
+  border-color: var(--border-contrast);
+  border-radius: 2px;
+  background-color: var(--active);
+  transition: transform 0.25s;
+}
+
+[type=checkbox].field-choice ~ .field-switch:after {
+  left: 0;
+}
+[type=checkbox].field-choice:checked ~ .field-switch {
+  border-color: var(--success);
+}
+[type=checkbox].field-choice:checked ~ .field-switch:after {
+  background-color: var(--success);
+  transform: translateX(100%);
+}
+
+/**
+ * display error for fields
+ *
+ */
+.field-error {
+  color: var(--danger);
+}
+
+/**
+ *
+ *  <div class="group">
+ *      <span class="group__item">
+ *          A
+ *      </span>
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.group__item {
+  width: auto;
+  display: inline-block;
+  margin: 0 0 1rem;
+  margin-right: 0.25rem;
+}
+.group__item:last-child {
+  margin-right: 0;
+}
+
+/**
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.icon {
+  width: 1em;
+  height: 1em;
+  max-height: 100%;
+  max-width: 100%;
+  vertical-align: middle;
+  overflow: hidden;
+  font-size: 1.4rem;
+  fill: var(--text);
+}
+
+/**
+ *  <div class="hero">
+ *      <img src="image.png" alt="image" />
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.hero {
+  position: relative;
+}
+.hero img {
+  width: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -o-object-position: 50% 50%;
+     object-position: 50% 50%;
+}
+
+/**
+ *  
+ *  tabs
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.tabs {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border-bottom: 1px solid var(--border);
+}
+@media only screen and (min-width: 768px) {
+  .tabs {
+    width: auto;
+    flex-direction: row;
+  }
+}
+.tabs__item {
+  min-height: 2.8em;
+  display: flex;
+  align-items: center;
+  padding: 0 1em;
+  color: var(--text);
+  transition: background-color 0.1s;
+  border-bottom: 3px solid transparent;
+  background-color: transparent;
+  width: 100%;
+}
+@media only screen and (min-width: 768px) {
+  .tabs__item {
+    width: auto;
+    display: inline-flex;
+  }
+}
+.tabs__item:hover {
+  cursor: pointer;
+  background-color: var(--active);
+  color: var(--text-contrast);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.tabs__item--selected {
+  color: var(--text);
+  border-color: var(--border);
+}
+.tabs--contrast {
+  border: 0;
+}
+.tabs--contrast .tabs__item {
+  color: var(--text-contrast);
+}
+.tabs--contrast .tabs__item:hover {
+  background-color: var(--background-contrast);
+  color: var(--text);
+  border-radius: 0;
+}
+.tabs--contrast .tabs__item--selected {
+  border-color: var(--border-contrast);
+}
+.tabs--contrast .tabs__item--selected:hover {
+  border-color: var(--active);
+}
+
+/**
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.panel, .sidebar__inner {
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  background-color: var(--background-contrast);
+}
+.panel__body, .sidebar__body {
+  padding: 0.6rem 0.8rem;
+}
+@media only screen and (min-width: 992px) {
+  .panel__body, .sidebar__body {
+    padding: 0.7rem 1rem 0.9rem;
+  }
+}
+.panel--border-highlight {
+  border-left-width: 12px;
+}
+
+/**
+ *  <div class="progress">
+ *     <div class="progress__inner" style="width: 20%"></div>
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.progress {
+  height: 40px;
+  width: 100%;
+  border: 1px solid var(--border);
+}
+.progress__inner {
+  height: 100%;
+  border: 1px solid var(--background-contrast);
+  background-color: var(--background);
+}
+
+/**
+ *  <figure class="media-figure">
+ *      <img class="media__img" src="https://via.placeholder.com/150" />
+ *      <figcaption class="media-figure__caption">
+ *          food truck yr franzen pabst
+ *      </figcaption>
+ *  </figure>
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.figure {
+  margin: 0;
+  display: inline-block;
+  line-height: 0;
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  overflow: hidden;
+}
+.figure__caption {
+  padding: 0.75em 1.1em;
+  font-size: 0.7rem;
+  background: var(--background);
+  line-height: 1.618;
+  margin: 0;
+  color: var(--text-contrast);
+  border-top: 1px solid var(--border-contrast);
+}
+.figure .media {
+  border: 0;
+  border-radius: 0;
+}
+
+.media {
+  border-radius: 2px;
+  border: 1px solid var(--border);
+  width: 100%;
+  height: auto;
+}
+
+/**
+ *
+ *  table
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.table {
+  width: 100%;
+  border: 1px solid var(--border);
+  background: var(--white);
+}
+.table--scroll {
+  overflow-x: auto;
+}
+.table__td {
+  color: var(--text);
+}
+.table__td, .table__th {
+  text-align: left;
+  border-bottom: 1px solid var(--border);
+  padding: 0.25em 0.75em;
+}
+@media only screen and (min-width: 992px) {
+  .table__td, .table__th {
+    padding: 0.5em 1.25em;
+  }
+}
+.table__th {
+  color: white;
+  background-color: var(--background);
+}
+.table--striped .table__tr:nth-child(even) .table__td {
+  background-color: #e4e4e4;
+}
+.table--hover .table__tr:hover .table__td {
+  color: white;
+  background-color: #585858;
+}
+
+/**
+ *  <div class="bar">
+ *      <div class="bar__start">
+ *      </div>
+ *      <div class="bar__main">
+ *      </div>
+ *      <div class="bar__end">
+ *      </div>
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.bar {
+  display: flex;
+  min-height: 2.8em;
+  background-color: var(--background);
+  color: var(--text-contrast);
+  border: 1px solid var(--border);
+  border-radius: 2px;
+}
+.bar__start {
+  justify-content: start;
+}
+.bar__main {
+  flex-grow: 1;
+}
+.bar__end {
+  justify-content: end;
+}
+.bar__start, .bar__main, .bar__end {
+  display: flex;
+  align-self: center;
+  align-items: center;
+  margin-left: 0.75em;
+}
+.bar__start:last-child, .bar__main:last-child, .bar__end:last-child {
+  margin-right: 0.75em;
+}
+
+/**
+ *  <figure class="media-figure">
+ *      <img class="media__img" src="https://via.placeholder.com/150" />
+ *      <figcaption class="media-figure__caption">
+ *          food truck yr franzen pabst
+ *      </figcaption>
+ *  </figure>
+ *
+ *  
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.modal {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  visibility: hidden;
+  transition: visibility 0s linear 0.5s;
+  padding: 1rem;
+  z-index: 20;
+  align-items: center;
+  justify-content: center;
+}
+.modal:before {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  transition: background-color 0.5s;
+  z-index: 19;
+  content: "";
+  transition: background-color 0.5s;
+}
+.modal__inner {
+  position: relative;
+  z-index: 21;
+  transition: transform 0.5s;
+  transform: scale(0);
+  max-width: 600px;
+  width: 100%;
+}
+.modal__title {
+  font-size: 2rem;
+  text-align: center;
+  white-space: pre-line;
+  margin-bottom: 2rem;
+}
+.modal__title .icon {
+  font-size: 3rem;
+}
+.modal__title, .modal__body {
+  color: var(--text-contrast);
+}
+.modal__body {
+  margin-bottom: 1.5rem;
+}
+.modal .button {
+  color: var(--text-contrast);
+}
+.modal--open {
+  display: flex;
+  visibility: visible;
+  transition: visibility 0s linear 0s;
+}
+.modal--open:before {
+  background-color: var(--background-alpha);
+}
+.modal--open .modal__inner {
+  transform: scale(1);
+}
+
+/**
+ *  <div class="loading">
+ *      <span></span>
+ *      <span></span>
+ *      <span></span>
+ *  </div>
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.loading {
+  height: 60px;
+  width: 47px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+}
+.loading span {
+  display: block;
+  width: 15px;
+  height: 80px;
+  background-color: var(--background);
+  animation-name: loading-animation;
+  animation-duration: 0.5s;
+  animation-iteration-count: infinite;
+  animation-delay: 0.15s;
+  border-top: 1px solid var(--background);
+  border-bottom: 1px solid var(--background);
+}
+.loading span:first-child {
+  margin-right: 1px;
+  animation-delay: 0s;
+}
+.loading span:last-child {
+  margin-left: 1px;
+  animation-delay: 0.3s;
+}
+
+@keyframes loading-animation {
+  0% {
+    height: 60px;
+  }
+  50% {
+    height: 40px;
+  }
+  100% {
+    height: 60px;
+  }
+}
+/**
+ *  <div class="sidebar">
+ *      <div class="sidebar__inner">
+ *          <div class="sidebar__body">
+ *          </div>
+ *          <div class="sidebar__footer">
+ *          </div>
+ *      </div>
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.sidebar {
+  position: fixed;
+  z-index: 9;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 95%;
+  visibility: hidden;
+  transition: visibility 0s linear 0.5s;
+}
+.sidebar:before {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  transition: background-color 0.5s;
+  z-index: 9;
+  content: "";
+  transition: background-color 0.5s;
+}
+.sidebar__inner {
+  position: relative;
+  height: 100%;
+  z-index: 10;
+  transition: transform 0.2s;
+  transform: translateX(-100%);
+}
+.sidebar__footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: space-between;
+  background: var(--background);
+  width: 100%;
+  padding: 1rem;
+}
+.sidebar--open {
+  visibility: visible;
+  transition: visibility 0s linear 0s;
+}
+.sidebar--open .sidebar__inner {
+  transform: translateX(0);
+}
+.sidebar--open:before {
+  background: var(--background-alpha);
+}
+@media only screen and (min-width: 992px) {
+  .sidebar {
+    max-width: 33%;
+  }
+}
+
+/**
+ *  <div class="toast-wrapper">
+ *      <div class="toast">
+ *          <div class="toast__icon">
+ *               <svg class="icon fill-text-contrast" aria-hidden="true">
+ *                   <use xlink:href="/symbol-defs.svg#icon-warning"></use>
+ *               </svg>
+ *          </div>
+ *          <div class="toast__body">
+ *
+ *          </div>
+ *          <div class="toast__button">
+ *              <svg class="icon fill-text-contrast" aria-hidden="true">
+ *                   <use xlink:href="/symbol-defs.svg#icon-close"></use>
+ *              </svg>
+ *          </div>
+ *      </div>
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.toast {
+  display: flex;
+  background: var(--background);
+  border: 1px solid var(--border);
+  max-width: 800px;
+  width: -moz-max-content;
+  width: max-content;
+  margin-top: 1.25rem;
+  position: relative;
+  left: calc(-100% - 2rem);
+  transition: left 0.1s;
+  pointer-events: auto;
+}
+.toast--animation {
+  left: 0;
+}
+.toast__body {
+  width: 100%;
+  padding: 1em 1.25em;
+}
+.toast__button {
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: var(--background);
+}
+.toast__button:hover {
+  cursor: pointer;
+}
+.toast__body, .toast__button {
+  color: var(--text-contrast);
+}
+.toast__icon, .toast__button {
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  padding: 0 1em;
+}
+.toast__icon svg, .toast__button svg {
+  font-size: 2rem;
+}
+.toast--danger {
+  background: var(--danger);
+}
+.toast--danger .toast__button {
+  background: var(--danger);
+}
+.toast--info {
+  background: var(--info);
+}
+.toast--info .toast__button {
+  background: var(--info);
+}
+.toast--success {
+  background: var(--success);
+}
+.toast--success .toast__button {
+  background: var(--success);
+}
+.toast--warning {
+  background: var(--warning);
+}
+.toast--warning .toast__button {
+  background: var(--warning);
+}
+.toast-wrapper {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  margin: 2rem;
+  z-index: 30;
+  pointer-events: none;
+}
+.toast-wrapper--right {
+  left: inherit;
+  right: 0;
+}
+.toast-wrapper--right .toast {
+  left: inherit;
+  right: calc(-100% - 2rem);
+  transition: right 0.1s;
+}
+.toast-wrapper--right .toast--animation {
+  left: inherit;
+  right: 0;
+}
+.toast-wrapper--top {
+  bottom: inherit;
+  top: 0;
+}
+
+/**
+ *  masonry
+ *
+ *  <div class="masonry">
+ *      <div class="mansonry__iten">
+ *
+ *      </div>
+ *  </div>
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.masonry {
+  display: flex;
+  width: 100%;
+  flex-flow: row wrap;
+  gap: 15px;
+}
+.masonry__item {
+  width: 100%;
+  height: 200px;
+}
+@media only screen and (min-width: 768px) {
+  .masonry__item {
+    height: 300px;
+  }
+  .masonry__item:nth-child(4n+1) {
+    width: calc(25% - 10px);
+  }
+  .masonry__item:nth-child(4n+2) {
+    width: calc(55% - 10px);
+  }
+  .masonry__item:nth-child(4n+3) {
+    width: calc(20% - 10px);
+  }
+  .masonry__item:nth-child(4n+4) {
+    width: calc(67% - 10px);
+  }
+  .masonry__item:nth-child(4n+5) {
+    width: calc(33% - 10px);
+  }
+}
+
+/**
+ *  slider 
+ *
+ *  <div class="slider">
+ *      <div class="slider__inner">
+ *          <div class="slider__item w-10"></div>
+ *      </div>
+ *  </div>
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.slider {
+  position: relative;
+  overflow-x: visible;
+}
+.slider__inner {
+  display: flex;
+  white-space: nowrap;
+}
+.slider__item {
+  padding: 0 0.6em;
+  display: inline-block;
+  white-space: normal;
+  flex-shrink: 0;
+}
+
+/**
+ *  grid
+ *
+ *  This Grid is mainly the Reflex Grid from Lee Gordon https://reflexgrid.com/, he has
+ *  done a great work, for i few changes it was needed to integrated
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  grid: mixin
+ *
+ *  
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  order class generation mixins
+ *
+ */
+/**
+ *  offset class generation mixins
+ *
+ */
+/**
+ *  modifier mixins
+ *
+ */
+/**
+ *  justify-content
+ *
+ *  Uses "text-align" for the fallback inline-block grid
+ *  "text-align" is globally supported and works on all rows except the last
+ *  "text-align-last", where supported, handles the last line (and, happily, grids with only one row)
+ *
+ */
+/**
+ *  Responsible Visibility
+ *
+ */
+/**
+ *  Breakpoint viewport sizes and media queries
+ *
+ *  Breakpoints are defined as a map of (name: minimum width), order from small to large:
+ *  (xs: 576px, sm: 768px, md: 992px)
+ *  The map defined in the `$reflex-breakpoints` global variable is used as the `$breakpoints` argument by default.
+ *  Name of the next breakpoint, or null for the last breakpoint.
+ *  >> breakpoint-next(sm) -> md
+ *  >> breakpoint-next(sm, $breakpoints: (xs: 576px, sm: 768px, md: 992px)) -> md
+ *  >> breakpoint-next(sm, $breakpoint-names: (xs sm md)) -> md
+ *
+ */
+/**
+ *  Minimum breakpoint width. Null for the smallest (first) breakpoint.
+ *  breakpoint-min(sm, (xs: 576px, sm: 768px, md: 992px)) -> 768px
+ *
+ */
+/**
+ *  Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+ *  Makes the @content apply to the given breakpoint and narrower.
+ *
+ */
+/**
+ *  Media between the breakpoint's minimum and maximum widths.
+ *  No minimum for the smallest breakpoint, and no maximum for the largest one.
+ *  Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
+ *
+ */
+/**
+ *  grid: helpers
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.wrap {
+  flex-wrap: wrap;
+}
+
+.no-wrap {
+  flex-wrap: nowrap;
+}
+.no-wrap [class*=col-] {
+  flex-shrink: 1;
+}
+
+.wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+/**
+ *  flex-direction
+ *
+ */
+.direction-row {
+  flex-direction: row;
+}
+
+.direction-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.direction-column {
+  flex-direction: column;
+}
+
+.direction-column-reverse {
+  flex-direction: column-reverse;
+}
+
+/**
+ *  align items (cross axis)
+ *
+ */
+.align-start {
+  align-items: flex-start;
+}
+
+.align-end {
+  align-items: flex-end;
+}
+
+.align-center {
+  align-items: center;
+}
+
+.align-baseline {
+  align-items: baseline;
+}
+
+/**
+ *  align content (cross axis)
+ *
+ */
+.align-content-start {
+  align-content: flex-start;
+}
+
+.align-content-end {
+  align-content: flex-end;
+}
+.align-content-end [class*=col-] {
+  vertical-align: bottom;
+}
+
+.align-content-center {
+  align-content: center;
+}
+
+.align-content-space-between {
+  align-content: space-between;
+}
+
+.align-content-space-around {
+  align-content: space-around;
+}
+
+/**
+ *  align-self
+ *
+ */
+.align-self-stretch {
+  align-self: stretch;
+}
+
+.align-self-start {
+  align-self: flex-start;
+}
+
+.align-self-end {
+  align-self: flex-end;
+  vertical-align: bottom;
+}
+
+.align-self-center {
+  align-self: center;
+  vertical-align: middle;
+}
+
+.align-self-baseline {
+  align-self: baseline;
+  vertical-align: baseline;
+}
+
+/**
+ *  justify-content (main axis)
+ *
+ */
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-space-between {
+  justify-content: space-between;
+}
+
+.justify-space-around {
+  justify-content: space-around;
+}
+
+/**
+ *  cosmetic grid modifiers
+ *
+ */
+.grid-bleed [class*=col-] {
+  padding: 0;
+}
+
+/**
+ *  col modifiers
+ *
+ */
+.col-grid {
+  display: flex;
+  flex-direction: column;
+}
+.col-grid.direction-row {
+  flex-direction: row;
+}
+
+.col-bleed {
+  padding: 0;
+}
+
+.col-bleed-x {
+  padding: 15px 0;
+}
+
+.col-bleed-y {
+  padding: 0 15px;
+}
+
+/**
+ *  col-grid contents
+ *
+ */
+.flex-img {
+  display: block;
+  flex: 0 0 auto;
+  max-width: 100%;
+  height: auto;
+  width: 100%;
+}
+
+.flex-footer {
+  width: 100%;
+  margin-top: auto;
+  margin-bottom: 0;
+}
+.flex-footer > :last-child {
+  margin-bottom: 0;
+}
+
+/**
+ *  Responsive visibility modifiers
+ *
+ */
+@media (min-width: 0px) and (max-width: 575px) {
+  .hidden-xxs {
+    display: none;
+  }
+}
+
+@media (min-width: 576px) {
+  .hidden-xs-up {
+    display: none;
+  }
+}
+
+@media (max-width: 767px) {
+  .hidden-xs-down {
+    display: none;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767px) {
+  .hidden-xs {
+    display: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .hidden-sm-up {
+    display: none;
+  }
+}
+
+@media (max-width: 991px) {
+  .hidden-sm-down {
+    display: none;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none;
+  }
+}
+
+@media (min-width: 992px) {
+  .hidden-md-up {
+    display: none;
+  }
+}
+
+@media (max-width: 1199px) {
+  .hidden-md-down {
+    display: none;
+  }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none;
+  }
+}
+
+@media (min-width: 1200px) {
+  .hidden-lg-up {
+    display: none;
+  }
+}
+
+@media (max-width: 1599px) {
+  .hidden-lg-down {
+    display: none;
+  }
+}
+
+@media (min-width: 1200px) and (max-width: 1599px) {
+  .hidden-lg {
+    display: none;
+  }
+}
+
+@media (min-width: 1600px) {
+  .hidden-xlg {
+    display: none;
+  }
+}
+
+.container,
+.container-full {
+  box-sizing: border-box;
+  width: 100%;
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: 30px;
+  padding-left: 30px;
+}
+.container .grid,
+.container-full .grid {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+@media (min-width: 576px) {
+  .container {
+    max-width: 576px;
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    max-width: 992px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1200px;
+  }
+}
+@media (min-width: 1600px) {
+  .container {
+    max-width: 1600px;
+  }
+}
+
+.grid {
+  display: block;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0;
+  margin: 0 auto;
+  position: relative;
+  list-style-type: none;
+}
+.grid::after, .grid::before {
+  box-sizing: border-box;
+}
+
+.col-item, .col-xs-auto, .col-sm-auto, .col-lg-auto, .col-xlg-auto, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
+  box-sizing: border-box;
+  position: relative;
+  width: 100%;
+  vertical-align: top;
+  padding: 15px;
+}
+.col-item::after, .col-xs-auto::after, .col-sm-auto::after, .col-lg-auto::after, .col-xlg-auto::after, .col-auto::after, .col-12::after, .col-11::after, .col-10::after, .col-9::after, .col-8::after, .col-7::after, .col-6::after, .col-5::after, .col-4::after, .col-3::after, .col-2::after, .col-1::after, .col-item::before, .col-xs-auto::before, .col-sm-auto::before, .col-lg-auto::before, .col-xlg-auto::before, .col-auto::before, .col-12::before, .col-11::before, .col-10::before, .col-9::before, .col-8::before, .col-7::before, .col-6::before, .col-5::before, .col-4::before, .col-3::before, .col-2::before, .col-1::before {
+  box-sizing: border-box;
+}
+.col-item .grid, .col-xs-auto .grid, .col-sm-auto .grid, .col-lg-auto .grid, .col-xlg-auto .grid, .col-auto .grid, .col-12 .grid, .col-11 .grid, .col-10 .grid, .col-9 .grid, .col-8 .grid, .col-7 .grid, .col-6 .grid, .col-5 .grid, .col-4 .grid, .col-3 .grid, .col-2 .grid, .col-1 .grid {
+  flex: 1 1 auto;
+  margin: -15px;
+}
+
+/**
+ *  grid generation
+ *
+ *
+ */
+.col-12 {
+  width: 100%;
+}
+
+.col-11 {
+  width: 91.6666666667%;
+}
+
+.col-10 {
+  width: 83.3333333333%;
+}
+
+.col-9 {
+  width: 75%;
+}
+
+.col-8 {
+  width: 66.6666666667%;
+}
+
+.col-7 {
+  width: 58.3333333333%;
+}
+
+.col-6 {
+  width: 50%;
+}
+
+.col-5 {
+  width: 41.6666666667%;
+}
+
+.col-4 {
+  width: 33.3333333333%;
+}
+
+.col-3 {
+  width: 25%;
+}
+
+.col-2 {
+  width: 16.6666666667%;
+}
+
+.col-1 {
+  width: 8.3333333333%;
+}
+
+@media (min-width: 576px) {
+  .col-xs-12 {
+    width: 100%;
+  }
+  .col-xs-11 {
+    width: 91.6666666667%;
+  }
+  .col-xs-10 {
+    width: 83.3333333333%;
+  }
+  .col-xs-9 {
+    width: 75%;
+  }
+  .col-xs-8 {
+    width: 66.6666666667%;
+  }
+  .col-xs-7 {
+    width: 58.3333333333%;
+  }
+  .col-xs-6 {
+    width: 50%;
+  }
+  .col-xs-5 {
+    width: 41.6666666667%;
+  }
+  .col-xs-4 {
+    width: 33.3333333333%;
+  }
+  .col-xs-3 {
+    width: 25%;
+  }
+  .col-xs-2 {
+    width: 16.6666666667%;
+  }
+  .col-xs-1 {
+    width: 8.3333333333%;
+  }
+}
+@media (min-width: 768px) {
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.6666666667%;
+  }
+  .col-sm-10 {
+    width: 83.3333333333%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.6666666667%;
+  }
+  .col-sm-7 {
+    width: 58.3333333333%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.6666666667%;
+  }
+  .col-sm-4 {
+    width: 33.3333333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.6666666667%;
+  }
+  .col-sm-1 {
+    width: 8.3333333333%;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.6666666667%;
+  }
+  .col-md-10 {
+    width: 83.3333333333%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.6666666667%;
+  }
+  .col-md-7 {
+    width: 58.3333333333%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.6666666667%;
+  }
+  .col-md-4 {
+    width: 33.3333333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.6666666667%;
+  }
+  .col-md-1 {
+    width: 8.3333333333%;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.6666666667%;
+  }
+  .col-lg-10 {
+    width: 83.3333333333%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.6666666667%;
+  }
+  .col-lg-7 {
+    width: 58.3333333333%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.6666666667%;
+  }
+  .col-lg-4 {
+    width: 33.3333333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.6666666667%;
+  }
+  .col-lg-1 {
+    width: 8.3333333333%;
+  }
+}
+@media (min-width: 1600px) {
+  .col-xlg-12 {
+    width: 100%;
+  }
+  .col-xlg-11 {
+    width: 91.6666666667%;
+  }
+  .col-xlg-10 {
+    width: 83.3333333333%;
+  }
+  .col-xlg-9 {
+    width: 75%;
+  }
+  .col-xlg-8 {
+    width: 66.6666666667%;
+  }
+  .col-xlg-7 {
+    width: 58.3333333333%;
+  }
+  .col-xlg-6 {
+    width: 50%;
+  }
+  .col-xlg-5 {
+    width: 41.6666666667%;
+  }
+  .col-xlg-4 {
+    width: 33.3333333333%;
+  }
+  .col-xlg-3 {
+    width: 25%;
+  }
+  .col-xlg-2 {
+    width: 16.6666666667%;
+  }
+  .col-xlg-1 {
+    width: 8.3333333333%;
+  }
+}
+/**
+ *  col-auto
+ *
+ *
+ */
+.col-auto {
+  flex: 1 0 0px;
+}
+
+@media (min-width: 576px) {
+  .col-xs-auto {
+    flex: 1 0 0px;
+  }
+}
+@media (min-width: 768px) {
+  .col-sm-auto {
+    flex: 1 0 0px;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-auto {
+    flex: 1 0 0px;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-auto {
+    flex: 1 0 0px;
+  }
+}
+@media (min-width: 1600px) {
+  .col-xlg-auto {
+    flex: 1 0 0px;
+  }
+}
+/**
+ *  order helpers generation
+ *
+ *
+ */
+.order-12 {
+  order: 12;
+}
+
+.order-11 {
+  order: 11;
+}
+
+.order-10 {
+  order: 10;
+}
+
+.order-9 {
+  order: 9;
+}
+
+.order-8 {
+  order: 8;
+}
+
+.order-7 {
+  order: 7;
+}
+
+.order-6 {
+  order: 6;
+}
+
+.order-5 {
+  order: 5;
+}
+
+.order-4 {
+  order: 4;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-1 {
+  order: 1;
+}
+
+.order-0 {
+  order: 0;
+}
+
+@media (min-width: 576px) {
+  .order-xs-12 {
+    order: 12;
+  }
+  .order-xs-11 {
+    order: 11;
+  }
+  .order-xs-10 {
+    order: 10;
+  }
+  .order-xs-9 {
+    order: 9;
+  }
+  .order-xs-8 {
+    order: 8;
+  }
+  .order-xs-7 {
+    order: 7;
+  }
+  .order-xs-6 {
+    order: 6;
+  }
+  .order-xs-5 {
+    order: 5;
+  }
+  .order-xs-4 {
+    order: 4;
+  }
+  .order-xs-3 {
+    order: 3;
+  }
+  .order-xs-2 {
+    order: 2;
+  }
+  .order-xs-1 {
+    order: 1;
+  }
+  .order-xs-0 {
+    order: 0;
+  }
+}
+@media (min-width: 768px) {
+  .order-sm-12 {
+    order: 12;
+  }
+  .order-sm-11 {
+    order: 11;
+  }
+  .order-sm-10 {
+    order: 10;
+  }
+  .order-sm-9 {
+    order: 9;
+  }
+  .order-sm-8 {
+    order: 8;
+  }
+  .order-sm-7 {
+    order: 7;
+  }
+  .order-sm-6 {
+    order: 6;
+  }
+  .order-sm-5 {
+    order: 5;
+  }
+  .order-sm-4 {
+    order: 4;
+  }
+  .order-sm-3 {
+    order: 3;
+  }
+  .order-sm-2 {
+    order: 2;
+  }
+  .order-sm-1 {
+    order: 1;
+  }
+  .order-sm-0 {
+    order: 0;
+  }
+}
+@media (min-width: 992px) {
+  .order-md-12 {
+    order: 12;
+  }
+  .order-md-11 {
+    order: 11;
+  }
+  .order-md-10 {
+    order: 10;
+  }
+  .order-md-9 {
+    order: 9;
+  }
+  .order-md-8 {
+    order: 8;
+  }
+  .order-md-7 {
+    order: 7;
+  }
+  .order-md-6 {
+    order: 6;
+  }
+  .order-md-5 {
+    order: 5;
+  }
+  .order-md-4 {
+    order: 4;
+  }
+  .order-md-3 {
+    order: 3;
+  }
+  .order-md-2 {
+    order: 2;
+  }
+  .order-md-1 {
+    order: 1;
+  }
+  .order-md-0 {
+    order: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .order-lg-12 {
+    order: 12;
+  }
+  .order-lg-11 {
+    order: 11;
+  }
+  .order-lg-10 {
+    order: 10;
+  }
+  .order-lg-9 {
+    order: 9;
+  }
+  .order-lg-8 {
+    order: 8;
+  }
+  .order-lg-7 {
+    order: 7;
+  }
+  .order-lg-6 {
+    order: 6;
+  }
+  .order-lg-5 {
+    order: 5;
+  }
+  .order-lg-4 {
+    order: 4;
+  }
+  .order-lg-3 {
+    order: 3;
+  }
+  .order-lg-2 {
+    order: 2;
+  }
+  .order-lg-1 {
+    order: 1;
+  }
+  .order-lg-0 {
+    order: 0;
+  }
+}
+@media (min-width: 1600px) {
+  .order-xlg-12 {
+    order: 12;
+  }
+  .order-xlg-11 {
+    order: 11;
+  }
+  .order-xlg-10 {
+    order: 10;
+  }
+  .order-xlg-9 {
+    order: 9;
+  }
+  .order-xlg-8 {
+    order: 8;
+  }
+  .order-xlg-7 {
+    order: 7;
+  }
+  .order-xlg-6 {
+    order: 6;
+  }
+  .order-xlg-5 {
+    order: 5;
+  }
+  .order-xlg-4 {
+    order: 4;
+  }
+  .order-xlg-3 {
+    order: 3;
+  }
+  .order-xlg-2 {
+    order: 2;
+  }
+  .order-xlg-1 {
+    order: 1;
+  }
+  .order-xlg-0 {
+    order: 0;
+  }
+}
+/**
+ *  offset helpers generation
+ *
+ *
+ */
+.offset-11 {
+  margin-left: 91.6666666667%;
+}
+
+.offset-10 {
+  margin-left: 83.3333333333%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-8 {
+  margin-left: 66.6666666667%;
+}
+
+.offset-7 {
+  margin-left: 58.3333333333%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-5 {
+  margin-left: 41.6666666667%;
+}
+
+.offset-4 {
+  margin-left: 33.3333333333%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-2 {
+  margin-left: 16.6666666667%;
+}
+
+.offset-1 {
+  margin-left: 8.3333333333%;
+}
+
+@media (min-width: 576px) {
+  .offset-xs-11 {
+    margin-left: 91.6666666667%;
+  }
+  .offset-xs-10 {
+    margin-left: 83.3333333333%;
+  }
+  .offset-xs-9 {
+    margin-left: 75%;
+  }
+  .offset-xs-8 {
+    margin-left: 66.6666666667%;
+  }
+  .offset-xs-7 {
+    margin-left: 58.3333333333%;
+  }
+  .offset-xs-6 {
+    margin-left: 50%;
+  }
+  .offset-xs-5 {
+    margin-left: 41.6666666667%;
+  }
+  .offset-xs-4 {
+    margin-left: 33.3333333333%;
+  }
+  .offset-xs-3 {
+    margin-left: 25%;
+  }
+  .offset-xs-2 {
+    margin-left: 16.6666666667%;
+  }
+  .offset-xs-1 {
+    margin-left: 8.3333333333%;
+  }
+  .offset-xs-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 768px) {
+  .offset-sm-11 {
+    margin-left: 91.6666666667%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.3333333333%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.6666666667%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.3333333333%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.6666666667%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.3333333333%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.6666666667%;
+  }
+  .offset-sm-1 {
+    margin-left: 8.3333333333%;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 992px) {
+  .offset-md-11 {
+    margin-left: 91.6666666667%;
+  }
+  .offset-md-10 {
+    margin-left: 83.3333333333%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-8 {
+    margin-left: 66.6666666667%;
+  }
+  .offset-md-7 {
+    margin-left: 58.3333333333%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-5 {
+    margin-left: 41.6666666667%;
+  }
+  .offset-md-4 {
+    margin-left: 33.3333333333%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-2 {
+    margin-left: 16.6666666667%;
+  }
+  .offset-md-1 {
+    margin-left: 8.3333333333%;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .offset-lg-11 {
+    margin-left: 91.6666666667%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.3333333333%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.6666666667%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.3333333333%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.6666666667%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.3333333333%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.6666666667%;
+  }
+  .offset-lg-1 {
+    margin-left: 8.3333333333%;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 1600px) {
+  .offset-xlg-11 {
+    margin-left: 91.6666666667%;
+  }
+  .offset-xlg-10 {
+    margin-left: 83.3333333333%;
+  }
+  .offset-xlg-9 {
+    margin-left: 75%;
+  }
+  .offset-xlg-8 {
+    margin-left: 66.6666666667%;
+  }
+  .offset-xlg-7 {
+    margin-left: 58.3333333333%;
+  }
+  .offset-xlg-6 {
+    margin-left: 50%;
+  }
+  .offset-xlg-5 {
+    margin-left: 41.6666666667%;
+  }
+  .offset-xlg-4 {
+    margin-left: 33.3333333333%;
+  }
+  .offset-xlg-3 {
+    margin-left: 25%;
+  }
+  .offset-xlg-2 {
+    margin-left: 16.6666666667%;
+  }
+  .offset-xlg-1 {
+    margin-left: 8.3333333333%;
+  }
+  .offset-xlg-0 {
+    margin-left: 0;
+  }
+}
+/**
+ *  core
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.border {
+  border: 1px solid var(--border);
+}
+
+.border-round {
+  border-radius: 2px;
+}
+
+.border-0 {
+  border: 0;
+}
+
+.radius-0 {
+  border-radius: 0;
+}
+
+.round {
+  border-radius: 50%;
+}
+
+/**
+ *  z-index
+ *
+ *
+ */
+.z-index-1 {
+  z-index: 1;
+}
+
+.z-index-2 {
+  z-index: 2;
+}
+
+.z-index-3 {
+  z-index: 3;
+}
+
+.z-index-4 {
+  z-index: 4;
+}
+
+.z-index-5 {
+  z-index: 5;
+}
+
+.z-index-6 {
+  z-index: 6;
+}
+
+.z-index-7 {
+  z-index: 7;
+}
+
+.z-index-8 {
+  z-index: 8;
+}
+
+.z-index-9 {
+  z-index: 9;
+}
+
+.z-index-10 {
+  z-index: 10;
+}
+
+.z-index-11 {
+  z-index: 11;
+}
+
+.z-index-12 {
+  z-index: 12;
+}
+
+.z-index-13 {
+  z-index: 13;
+}
+
+.z-index-14 {
+  z-index: 14;
+}
+
+.z-index-15 {
+  z-index: 15;
+}
+
+.z-index-16 {
+  z-index: 16;
+}
+
+.z-index-17 {
+  z-index: 17;
+}
+
+.z-index-18 {
+  z-index: 18;
+}
+
+.z-index-19 {
+  z-index: 19;
+}
+
+.z-index-20 {
+  z-index: 20;
+}
+
+/**
+ *  floating
+ *
+ *
+ */
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-none {
+  float: none;
+}
+
+.centered {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.clearfix::before, .clearfix::after {
+  display: table;
+  content: " ";
+}
+.clearfix::after {
+  clear: both;
+}
+
+/**
+ *  position
+ *
+ *
+ */
+.absolute {
+  position: absolute !important;
+}
+
+.fixed {
+  position: fixed !important;
+}
+
+.relative {
+  position: relative !important;
+}
+
+/**
+ *
+ *
+ */
+.vertical-align-bottom {
+  vertical-align: bottom;
+}
+
+.vertical-align-top {
+  vertical-align: top;
+}
+
+.vertical-align-baseline {
+  vertical-align: baseline;
+}
+
+/**
+ *
+ *
+ */
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+
+.object-fit-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+/**
+ *  Sizing
+ *
+ *  Width and Height Classes,
+ *  Sizes with percentage will calculate with the Reflex Grid
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  mixin: sizing
+ *
+ */
+/**
+ *  mixin: sizing for each breakpoint
+ *
+ *
+ */
+.w-0 {
+  width: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-1 {
+    width: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-1 {
+    width: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-1 {
+    width: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-1 {
+    width: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-1 {
+    width: 0;
+  }
+}
+.h-0 {
+  height: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-1 {
+    height: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-1 {
+    height: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-1 {
+    height: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-1 {
+    height: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-1 {
+    height: 0;
+  }
+}
+.w-1 {
+  width: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-1 {
+    width: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-1 {
+    width: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-1 {
+    width: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-1 {
+    width: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-1 {
+    width: 1px;
+  }
+}
+.h-1 {
+  height: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-1 {
+    height: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-1 {
+    height: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-1 {
+    height: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-1 {
+    height: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-1 {
+    height: 1px;
+  }
+}
+.w-100 {
+  width: 100%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-100 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-100 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-100 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-100 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-100 {
+    width: 100%;
+  }
+}
+.w-auto {
+  width: auto;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-auto {
+    width: auto;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-auto {
+    width: auto;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-auto {
+    width: auto;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-auto {
+    width: auto;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-auto {
+    width: auto;
+  }
+}
+.h-100 {
+  height: 100%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-100 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-100 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-100 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-100 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-100 {
+    height: 100%;
+  }
+}
+.h-auto {
+  height: auto;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-auto {
+    height: auto;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-auto {
+    height: auto;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-auto {
+    height: auto;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-auto {
+    height: auto;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-auto {
+    height: auto;
+  }
+}
+.w-col-1 {
+  width: 8.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-1 {
+    width: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-1 {
+    width: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-1 {
+    width: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-1 {
+    width: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-1 {
+    width: 8.3333333333%;
+  }
+}
+.h-col-1 {
+  height: 8.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-1 {
+    height: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-1 {
+    height: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-1 {
+    height: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-1 {
+    height: 8.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-1 {
+    height: 8.3333333333%;
+  }
+}
+.w-col-2 {
+  width: 16.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-2 {
+    width: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-2 {
+    width: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-2 {
+    width: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-2 {
+    width: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-2 {
+    width: 16.6666666667%;
+  }
+}
+.h-col-2 {
+  height: 16.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-2 {
+    height: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-2 {
+    height: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-2 {
+    height: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-2 {
+    height: 16.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-2 {
+    height: 16.6666666667%;
+  }
+}
+.w-col-3 {
+  width: 25%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-3 {
+    width: 25%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-3 {
+    width: 25%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-3 {
+    width: 25%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-3 {
+    width: 25%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-3 {
+    width: 25%;
+  }
+}
+.h-col-3 {
+  height: 25%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-3 {
+    height: 25%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-3 {
+    height: 25%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-3 {
+    height: 25%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-3 {
+    height: 25%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-3 {
+    height: 25%;
+  }
+}
+.w-col-4 {
+  width: 33.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-4 {
+    width: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-4 {
+    width: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-4 {
+    width: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-4 {
+    width: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-4 {
+    width: 33.3333333333%;
+  }
+}
+.h-col-4 {
+  height: 33.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-4 {
+    height: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-4 {
+    height: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-4 {
+    height: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-4 {
+    height: 33.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-4 {
+    height: 33.3333333333%;
+  }
+}
+.w-col-5 {
+  width: 41.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-5 {
+    width: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-5 {
+    width: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-5 {
+    width: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-5 {
+    width: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-5 {
+    width: 41.6666666667%;
+  }
+}
+.h-col-5 {
+  height: 41.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-5 {
+    height: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-5 {
+    height: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-5 {
+    height: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-5 {
+    height: 41.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-5 {
+    height: 41.6666666667%;
+  }
+}
+.w-col-6 {
+  width: 50%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-6 {
+    width: 50%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-6 {
+    width: 50%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-6 {
+    width: 50%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-6 {
+    width: 50%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-6 {
+    width: 50%;
+  }
+}
+.h-col-6 {
+  height: 50%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-6 {
+    height: 50%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-6 {
+    height: 50%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-6 {
+    height: 50%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-6 {
+    height: 50%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-6 {
+    height: 50%;
+  }
+}
+.w-col-7 {
+  width: 58.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-7 {
+    width: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-7 {
+    width: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-7 {
+    width: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-7 {
+    width: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-7 {
+    width: 58.3333333333%;
+  }
+}
+.h-col-7 {
+  height: 58.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-7 {
+    height: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-7 {
+    height: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-7 {
+    height: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-7 {
+    height: 58.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-7 {
+    height: 58.3333333333%;
+  }
+}
+.w-col-8 {
+  width: 66.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-8 {
+    width: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-8 {
+    width: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-8 {
+    width: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-8 {
+    width: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-8 {
+    width: 66.6666666667%;
+  }
+}
+.h-col-8 {
+  height: 66.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-8 {
+    height: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-8 {
+    height: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-8 {
+    height: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-8 {
+    height: 66.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-8 {
+    height: 66.6666666667%;
+  }
+}
+.w-col-9 {
+  width: 75%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-9 {
+    width: 75%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-9 {
+    width: 75%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-9 {
+    width: 75%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-9 {
+    width: 75%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-9 {
+    width: 75%;
+  }
+}
+.h-col-9 {
+  height: 75%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-9 {
+    height: 75%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-9 {
+    height: 75%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-9 {
+    height: 75%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-9 {
+    height: 75%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-9 {
+    height: 75%;
+  }
+}
+.w-col-10 {
+  width: 83.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-10 {
+    width: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-10 {
+    width: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-10 {
+    width: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-10 {
+    width: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-10 {
+    width: 83.3333333333%;
+  }
+}
+.h-col-10 {
+  height: 83.3333333333%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-10 {
+    height: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-10 {
+    height: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-10 {
+    height: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-10 {
+    height: 83.3333333333%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-10 {
+    height: 83.3333333333%;
+  }
+}
+.w-col-11 {
+  width: 91.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-11 {
+    width: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-11 {
+    width: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-11 {
+    width: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-11 {
+    width: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-11 {
+    width: 91.6666666667%;
+  }
+}
+.h-col-11 {
+  height: 91.6666666667%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-11 {
+    height: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-11 {
+    height: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-11 {
+    height: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-11 {
+    height: 91.6666666667%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-11 {
+    height: 91.6666666667%;
+  }
+}
+.w-col-12 {
+  width: 100%;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-col-xs-12 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-col-sm-12 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-col-md-12 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-col-lg-12 {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-col-xlg-12 {
+    width: 100%;
+  }
+}
+.h-col-12 {
+  height: 100%;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-col-xs-12 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-col-sm-12 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-col-md-12 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-col-lg-12 {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-col-xlg-12 {
+    height: 100%;
+  }
+}
+.w-1 {
+  width: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-1 {
+    width: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-1 {
+    width: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-1 {
+    width: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-1 {
+    width: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-1 {
+    width: 0.5rem;
+  }
+}
+.w-2 {
+  width: 1rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-2 {
+    width: 1rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-2 {
+    width: 1rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-2 {
+    width: 1rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-2 {
+    width: 1rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-2 {
+    width: 1rem;
+  }
+}
+.w-3 {
+  width: 1.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-3 {
+    width: 1.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-3 {
+    width: 1.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-3 {
+    width: 1.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-3 {
+    width: 1.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-3 {
+    width: 1.5rem;
+  }
+}
+.w-4 {
+  width: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-4 {
+    width: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-4 {
+    width: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-4 {
+    width: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-4 {
+    width: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-4 {
+    width: 2rem;
+  }
+}
+.w-5 {
+  width: 2.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-5 {
+    width: 2.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-5 {
+    width: 2.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-5 {
+    width: 2.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-5 {
+    width: 2.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-5 {
+    width: 2.5rem;
+  }
+}
+.w-6 {
+  width: 3rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-6 {
+    width: 3rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-6 {
+    width: 3rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-6 {
+    width: 3rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-6 {
+    width: 3rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-6 {
+    width: 3rem;
+  }
+}
+.w-7 {
+  width: 3.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-7 {
+    width: 3.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-7 {
+    width: 3.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-7 {
+    width: 3.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-7 {
+    width: 3.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-7 {
+    width: 3.5rem;
+  }
+}
+.w-8 {
+  width: 4rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-8 {
+    width: 4rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-8 {
+    width: 4rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-8 {
+    width: 4rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-8 {
+    width: 4rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-8 {
+    width: 4rem;
+  }
+}
+.w-9 {
+  width: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-9 {
+    width: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-9 {
+    width: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-9 {
+    width: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-9 {
+    width: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-9 {
+    width: 4.5rem;
+  }
+}
+.w-10 {
+  width: 5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-10 {
+    width: 5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-10 {
+    width: 5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-10 {
+    width: 5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-10 {
+    width: 5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-10 {
+    width: 5rem;
+  }
+}
+.w-11 {
+  width: 5.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-11 {
+    width: 5.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-11 {
+    width: 5.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-11 {
+    width: 5.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-11 {
+    width: 5.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-11 {
+    width: 5.5rem;
+  }
+}
+.w-12 {
+  width: 6rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-12 {
+    width: 6rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-12 {
+    width: 6rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-12 {
+    width: 6rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-12 {
+    width: 6rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-12 {
+    width: 6rem;
+  }
+}
+.w-13 {
+  width: 6.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-13 {
+    width: 6.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-13 {
+    width: 6.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-13 {
+    width: 6.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-13 {
+    width: 6.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-13 {
+    width: 6.5rem;
+  }
+}
+.w-14 {
+  width: 7rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-14 {
+    width: 7rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-14 {
+    width: 7rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-14 {
+    width: 7rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-14 {
+    width: 7rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-14 {
+    width: 7rem;
+  }
+}
+.w-15 {
+  width: 7.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-15 {
+    width: 7.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-15 {
+    width: 7.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-15 {
+    width: 7.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-15 {
+    width: 7.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-15 {
+    width: 7.5rem;
+  }
+}
+.w-16 {
+  width: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-16 {
+    width: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-16 {
+    width: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-16 {
+    width: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-16 {
+    width: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-16 {
+    width: 8rem;
+  }
+}
+.w-17 {
+  width: 8.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-17 {
+    width: 8.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-17 {
+    width: 8.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-17 {
+    width: 8.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-17 {
+    width: 8.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-17 {
+    width: 8.5rem;
+  }
+}
+.w-18 {
+  width: 9rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-18 {
+    width: 9rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-18 {
+    width: 9rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-18 {
+    width: 9rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-18 {
+    width: 9rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-18 {
+    width: 9rem;
+  }
+}
+.w-19 {
+  width: 9.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-19 {
+    width: 9.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-19 {
+    width: 9.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-19 {
+    width: 9.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-19 {
+    width: 9.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-19 {
+    width: 9.5rem;
+  }
+}
+.w-20 {
+  width: 10rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-20 {
+    width: 10rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-20 {
+    width: 10rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-20 {
+    width: 10rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-20 {
+    width: 10rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-20 {
+    width: 10rem;
+  }
+}
+.w-21 {
+  width: 10.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-21 {
+    width: 10.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-21 {
+    width: 10.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-21 {
+    width: 10.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-21 {
+    width: 10.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-21 {
+    width: 10.5rem;
+  }
+}
+.w-22 {
+  width: 11rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-22 {
+    width: 11rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-22 {
+    width: 11rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-22 {
+    width: 11rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-22 {
+    width: 11rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-22 {
+    width: 11rem;
+  }
+}
+.w-23 {
+  width: 11.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-23 {
+    width: 11.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-23 {
+    width: 11.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-23 {
+    width: 11.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-23 {
+    width: 11.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-23 {
+    width: 11.5rem;
+  }
+}
+.w-24 {
+  width: 12rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-24 {
+    width: 12rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-24 {
+    width: 12rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-24 {
+    width: 12rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-24 {
+    width: 12rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-24 {
+    width: 12rem;
+  }
+}
+.w-25 {
+  width: 12.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-25 {
+    width: 12.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-25 {
+    width: 12.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-25 {
+    width: 12.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-25 {
+    width: 12.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-25 {
+    width: 12.5rem;
+  }
+}
+.w-26 {
+  width: 13rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-26 {
+    width: 13rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-26 {
+    width: 13rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-26 {
+    width: 13rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-26 {
+    width: 13rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-26 {
+    width: 13rem;
+  }
+}
+.w-27 {
+  width: 13.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-27 {
+    width: 13.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-27 {
+    width: 13.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-27 {
+    width: 13.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-27 {
+    width: 13.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-27 {
+    width: 13.5rem;
+  }
+}
+.w-28 {
+  width: 14rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-28 {
+    width: 14rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-28 {
+    width: 14rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-28 {
+    width: 14rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-28 {
+    width: 14rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-28 {
+    width: 14rem;
+  }
+}
+.w-29 {
+  width: 14.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-29 {
+    width: 14.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-29 {
+    width: 14.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-29 {
+    width: 14.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-29 {
+    width: 14.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-29 {
+    width: 14.5rem;
+  }
+}
+.w-30 {
+  width: 15rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-30 {
+    width: 15rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-30 {
+    width: 15rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-30 {
+    width: 15rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-30 {
+    width: 15rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-30 {
+    width: 15rem;
+  }
+}
+.w-31 {
+  width: 15.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-31 {
+    width: 15.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-31 {
+    width: 15.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-31 {
+    width: 15.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-31 {
+    width: 15.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-31 {
+    width: 15.5rem;
+  }
+}
+.w-32 {
+  width: 16rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-32 {
+    width: 16rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-32 {
+    width: 16rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-32 {
+    width: 16rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-32 {
+    width: 16rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-32 {
+    width: 16rem;
+  }
+}
+.w-33 {
+  width: 16.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-33 {
+    width: 16.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-33 {
+    width: 16.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-33 {
+    width: 16.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-33 {
+    width: 16.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-33 {
+    width: 16.5rem;
+  }
+}
+.w-34 {
+  width: 17rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-34 {
+    width: 17rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-34 {
+    width: 17rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-34 {
+    width: 17rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-34 {
+    width: 17rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-34 {
+    width: 17rem;
+  }
+}
+.w-35 {
+  width: 17.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-35 {
+    width: 17.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-35 {
+    width: 17.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-35 {
+    width: 17.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-35 {
+    width: 17.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-35 {
+    width: 17.5rem;
+  }
+}
+.w-36 {
+  width: 18rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-36 {
+    width: 18rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-36 {
+    width: 18rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-36 {
+    width: 18rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-36 {
+    width: 18rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-36 {
+    width: 18rem;
+  }
+}
+.w-37 {
+  width: 18.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-37 {
+    width: 18.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-37 {
+    width: 18.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-37 {
+    width: 18.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-37 {
+    width: 18.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-37 {
+    width: 18.5rem;
+  }
+}
+.w-38 {
+  width: 19rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-38 {
+    width: 19rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-38 {
+    width: 19rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-38 {
+    width: 19rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-38 {
+    width: 19rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-38 {
+    width: 19rem;
+  }
+}
+.w-39 {
+  width: 19.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-39 {
+    width: 19.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-39 {
+    width: 19.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-39 {
+    width: 19.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-39 {
+    width: 19.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-39 {
+    width: 19.5rem;
+  }
+}
+.w-40 {
+  width: 20rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-40 {
+    width: 20rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-40 {
+    width: 20rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-40 {
+    width: 20rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-40 {
+    width: 20rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-40 {
+    width: 20rem;
+  }
+}
+.w-41 {
+  width: 20.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-41 {
+    width: 20.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-41 {
+    width: 20.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-41 {
+    width: 20.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-41 {
+    width: 20.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-41 {
+    width: 20.5rem;
+  }
+}
+.w-42 {
+  width: 21rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-42 {
+    width: 21rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-42 {
+    width: 21rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-42 {
+    width: 21rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-42 {
+    width: 21rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-42 {
+    width: 21rem;
+  }
+}
+.w-43 {
+  width: 21.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-43 {
+    width: 21.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-43 {
+    width: 21.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-43 {
+    width: 21.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-43 {
+    width: 21.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-43 {
+    width: 21.5rem;
+  }
+}
+.w-44 {
+  width: 22rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-44 {
+    width: 22rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-44 {
+    width: 22rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-44 {
+    width: 22rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-44 {
+    width: 22rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-44 {
+    width: 22rem;
+  }
+}
+.w-45 {
+  width: 22.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-45 {
+    width: 22.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-45 {
+    width: 22.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-45 {
+    width: 22.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-45 {
+    width: 22.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-45 {
+    width: 22.5rem;
+  }
+}
+.w-46 {
+  width: 23rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-46 {
+    width: 23rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-46 {
+    width: 23rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-46 {
+    width: 23rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-46 {
+    width: 23rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-46 {
+    width: 23rem;
+  }
+}
+.w-47 {
+  width: 23.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-47 {
+    width: 23.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-47 {
+    width: 23.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-47 {
+    width: 23.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-47 {
+    width: 23.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-47 {
+    width: 23.5rem;
+  }
+}
+.w-48 {
+  width: 24rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-48 {
+    width: 24rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-48 {
+    width: 24rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-48 {
+    width: 24rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-48 {
+    width: 24rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-48 {
+    width: 24rem;
+  }
+}
+.w-49 {
+  width: 24.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-49 {
+    width: 24.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-49 {
+    width: 24.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-49 {
+    width: 24.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-49 {
+    width: 24.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-49 {
+    width: 24.5rem;
+  }
+}
+.w-50 {
+  width: 25rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-50 {
+    width: 25rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-50 {
+    width: 25rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-50 {
+    width: 25rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-50 {
+    width: 25rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-50 {
+    width: 25rem;
+  }
+}
+.w-51 {
+  width: 25.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-51 {
+    width: 25.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-51 {
+    width: 25.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-51 {
+    width: 25.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-51 {
+    width: 25.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-51 {
+    width: 25.5rem;
+  }
+}
+.w-52 {
+  width: 26rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-52 {
+    width: 26rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-52 {
+    width: 26rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-52 {
+    width: 26rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-52 {
+    width: 26rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-52 {
+    width: 26rem;
+  }
+}
+.w-53 {
+  width: 26.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-53 {
+    width: 26.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-53 {
+    width: 26.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-53 {
+    width: 26.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-53 {
+    width: 26.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-53 {
+    width: 26.5rem;
+  }
+}
+.w-54 {
+  width: 27rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-54 {
+    width: 27rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-54 {
+    width: 27rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-54 {
+    width: 27rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-54 {
+    width: 27rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-54 {
+    width: 27rem;
+  }
+}
+.w-55 {
+  width: 27.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-55 {
+    width: 27.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-55 {
+    width: 27.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-55 {
+    width: 27.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-55 {
+    width: 27.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-55 {
+    width: 27.5rem;
+  }
+}
+.w-56 {
+  width: 28rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-56 {
+    width: 28rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-56 {
+    width: 28rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-56 {
+    width: 28rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-56 {
+    width: 28rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-56 {
+    width: 28rem;
+  }
+}
+.w-57 {
+  width: 28.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-57 {
+    width: 28.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-57 {
+    width: 28.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-57 {
+    width: 28.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-57 {
+    width: 28.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-57 {
+    width: 28.5rem;
+  }
+}
+.w-58 {
+  width: 29rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-58 {
+    width: 29rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-58 {
+    width: 29rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-58 {
+    width: 29rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-58 {
+    width: 29rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-58 {
+    width: 29rem;
+  }
+}
+.w-59 {
+  width: 29.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-59 {
+    width: 29.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-59 {
+    width: 29.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-59 {
+    width: 29.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-59 {
+    width: 29.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-59 {
+    width: 29.5rem;
+  }
+}
+.w-60 {
+  width: 30rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-60 {
+    width: 30rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-60 {
+    width: 30rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-60 {
+    width: 30rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-60 {
+    width: 30rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-60 {
+    width: 30rem;
+  }
+}
+.w-61 {
+  width: 30.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-61 {
+    width: 30.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-61 {
+    width: 30.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-61 {
+    width: 30.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-61 {
+    width: 30.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-61 {
+    width: 30.5rem;
+  }
+}
+.w-62 {
+  width: 31rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-62 {
+    width: 31rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-62 {
+    width: 31rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-62 {
+    width: 31rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-62 {
+    width: 31rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-62 {
+    width: 31rem;
+  }
+}
+.w-63 {
+  width: 31.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-63 {
+    width: 31.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-63 {
+    width: 31.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-63 {
+    width: 31.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-63 {
+    width: 31.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-63 {
+    width: 31.5rem;
+  }
+}
+.w-64 {
+  width: 32rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-64 {
+    width: 32rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-64 {
+    width: 32rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-64 {
+    width: 32rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-64 {
+    width: 32rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-64 {
+    width: 32rem;
+  }
+}
+.w-65 {
+  width: 32.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-65 {
+    width: 32.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-65 {
+    width: 32.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-65 {
+    width: 32.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-65 {
+    width: 32.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-65 {
+    width: 32.5rem;
+  }
+}
+.w-66 {
+  width: 33rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-66 {
+    width: 33rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-66 {
+    width: 33rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-66 {
+    width: 33rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-66 {
+    width: 33rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-66 {
+    width: 33rem;
+  }
+}
+.w-67 {
+  width: 33.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-67 {
+    width: 33.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-67 {
+    width: 33.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-67 {
+    width: 33.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-67 {
+    width: 33.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-67 {
+    width: 33.5rem;
+  }
+}
+.w-68 {
+  width: 34rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-68 {
+    width: 34rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-68 {
+    width: 34rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-68 {
+    width: 34rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-68 {
+    width: 34rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-68 {
+    width: 34rem;
+  }
+}
+.w-69 {
+  width: 34.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-69 {
+    width: 34.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-69 {
+    width: 34.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-69 {
+    width: 34.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-69 {
+    width: 34.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-69 {
+    width: 34.5rem;
+  }
+}
+.w-70 {
+  width: 35rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-70 {
+    width: 35rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-70 {
+    width: 35rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-70 {
+    width: 35rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-70 {
+    width: 35rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-70 {
+    width: 35rem;
+  }
+}
+.w-71 {
+  width: 35.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-71 {
+    width: 35.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-71 {
+    width: 35.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-71 {
+    width: 35.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-71 {
+    width: 35.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-71 {
+    width: 35.5rem;
+  }
+}
+.w-72 {
+  width: 36rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-72 {
+    width: 36rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-72 {
+    width: 36rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-72 {
+    width: 36rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-72 {
+    width: 36rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-72 {
+    width: 36rem;
+  }
+}
+.w-73 {
+  width: 36.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-73 {
+    width: 36.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-73 {
+    width: 36.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-73 {
+    width: 36.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-73 {
+    width: 36.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-73 {
+    width: 36.5rem;
+  }
+}
+.w-74 {
+  width: 37rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-74 {
+    width: 37rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-74 {
+    width: 37rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-74 {
+    width: 37rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-74 {
+    width: 37rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-74 {
+    width: 37rem;
+  }
+}
+.w-75 {
+  width: 37.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-75 {
+    width: 37.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-75 {
+    width: 37.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-75 {
+    width: 37.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-75 {
+    width: 37.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-75 {
+    width: 37.5rem;
+  }
+}
+.w-76 {
+  width: 38rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-76 {
+    width: 38rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-76 {
+    width: 38rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-76 {
+    width: 38rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-76 {
+    width: 38rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-76 {
+    width: 38rem;
+  }
+}
+.w-77 {
+  width: 38.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-77 {
+    width: 38.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-77 {
+    width: 38.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-77 {
+    width: 38.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-77 {
+    width: 38.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-77 {
+    width: 38.5rem;
+  }
+}
+.w-78 {
+  width: 39rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-78 {
+    width: 39rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-78 {
+    width: 39rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-78 {
+    width: 39rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-78 {
+    width: 39rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-78 {
+    width: 39rem;
+  }
+}
+.w-79 {
+  width: 39.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-79 {
+    width: 39.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-79 {
+    width: 39.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-79 {
+    width: 39.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-79 {
+    width: 39.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-79 {
+    width: 39.5rem;
+  }
+}
+.w-80 {
+  width: 40rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-80 {
+    width: 40rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-80 {
+    width: 40rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-80 {
+    width: 40rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-80 {
+    width: 40rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-80 {
+    width: 40rem;
+  }
+}
+.w-81 {
+  width: 40.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-81 {
+    width: 40.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-81 {
+    width: 40.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-81 {
+    width: 40.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-81 {
+    width: 40.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-81 {
+    width: 40.5rem;
+  }
+}
+.w-82 {
+  width: 41rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-82 {
+    width: 41rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-82 {
+    width: 41rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-82 {
+    width: 41rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-82 {
+    width: 41rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-82 {
+    width: 41rem;
+  }
+}
+.w-83 {
+  width: 41.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-83 {
+    width: 41.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-83 {
+    width: 41.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-83 {
+    width: 41.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-83 {
+    width: 41.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-83 {
+    width: 41.5rem;
+  }
+}
+.w-84 {
+  width: 42rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-84 {
+    width: 42rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-84 {
+    width: 42rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-84 {
+    width: 42rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-84 {
+    width: 42rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-84 {
+    width: 42rem;
+  }
+}
+.w-85 {
+  width: 42.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-85 {
+    width: 42.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-85 {
+    width: 42.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-85 {
+    width: 42.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-85 {
+    width: 42.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-85 {
+    width: 42.5rem;
+  }
+}
+.w-86 {
+  width: 43rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-86 {
+    width: 43rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-86 {
+    width: 43rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-86 {
+    width: 43rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-86 {
+    width: 43rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-86 {
+    width: 43rem;
+  }
+}
+.w-87 {
+  width: 43.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-87 {
+    width: 43.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-87 {
+    width: 43.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-87 {
+    width: 43.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-87 {
+    width: 43.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-87 {
+    width: 43.5rem;
+  }
+}
+.w-88 {
+  width: 44rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-88 {
+    width: 44rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-88 {
+    width: 44rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-88 {
+    width: 44rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-88 {
+    width: 44rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-88 {
+    width: 44rem;
+  }
+}
+.w-89 {
+  width: 44.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-89 {
+    width: 44.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-89 {
+    width: 44.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-89 {
+    width: 44.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-89 {
+    width: 44.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-89 {
+    width: 44.5rem;
+  }
+}
+.w-90 {
+  width: 45rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-90 {
+    width: 45rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-90 {
+    width: 45rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-90 {
+    width: 45rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-90 {
+    width: 45rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-90 {
+    width: 45rem;
+  }
+}
+.w-91 {
+  width: 45.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-91 {
+    width: 45.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-91 {
+    width: 45.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-91 {
+    width: 45.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-91 {
+    width: 45.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-91 {
+    width: 45.5rem;
+  }
+}
+.w-92 {
+  width: 46rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-92 {
+    width: 46rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-92 {
+    width: 46rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-92 {
+    width: 46rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-92 {
+    width: 46rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-92 {
+    width: 46rem;
+  }
+}
+.w-93 {
+  width: 46.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-93 {
+    width: 46.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-93 {
+    width: 46.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-93 {
+    width: 46.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-93 {
+    width: 46.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-93 {
+    width: 46.5rem;
+  }
+}
+.w-94 {
+  width: 47rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-94 {
+    width: 47rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-94 {
+    width: 47rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-94 {
+    width: 47rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-94 {
+    width: 47rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-94 {
+    width: 47rem;
+  }
+}
+.w-95 {
+  width: 47.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-95 {
+    width: 47.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-95 {
+    width: 47.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-95 {
+    width: 47.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-95 {
+    width: 47.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-95 {
+    width: 47.5rem;
+  }
+}
+.w-96 {
+  width: 48rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-96 {
+    width: 48rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-96 {
+    width: 48rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-96 {
+    width: 48rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-96 {
+    width: 48rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-96 {
+    width: 48rem;
+  }
+}
+.w-97 {
+  width: 48.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-97 {
+    width: 48.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-97 {
+    width: 48.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-97 {
+    width: 48.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-97 {
+    width: 48.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-97 {
+    width: 48.5rem;
+  }
+}
+.w-98 {
+  width: 49rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-98 {
+    width: 49rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-98 {
+    width: 49rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-98 {
+    width: 49rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-98 {
+    width: 49rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-98 {
+    width: 49rem;
+  }
+}
+.w-99 {
+  width: 49.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .w-xs-99 {
+    width: 49.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .w-sm-99 {
+    width: 49.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .w-md-99 {
+    width: 49.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .w-lg-99 {
+    width: 49.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .w-xlg-99 {
+    width: 49.5rem;
+  }
+}
+.h-1 {
+  height: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-1 {
+    height: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-1 {
+    height: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-1 {
+    height: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-1 {
+    height: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-1 {
+    height: 0.5rem;
+  }
+}
+.h-2 {
+  height: 1rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-2 {
+    height: 1rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-2 {
+    height: 1rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-2 {
+    height: 1rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-2 {
+    height: 1rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-2 {
+    height: 1rem;
+  }
+}
+.h-3 {
+  height: 1.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-3 {
+    height: 1.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-3 {
+    height: 1.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-3 {
+    height: 1.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-3 {
+    height: 1.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-3 {
+    height: 1.5rem;
+  }
+}
+.h-4 {
+  height: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-4 {
+    height: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-4 {
+    height: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-4 {
+    height: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-4 {
+    height: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-4 {
+    height: 2rem;
+  }
+}
+.h-5 {
+  height: 2.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-5 {
+    height: 2.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-5 {
+    height: 2.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-5 {
+    height: 2.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-5 {
+    height: 2.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-5 {
+    height: 2.5rem;
+  }
+}
+.h-6 {
+  height: 3rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-6 {
+    height: 3rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-6 {
+    height: 3rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-6 {
+    height: 3rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-6 {
+    height: 3rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-6 {
+    height: 3rem;
+  }
+}
+.h-7 {
+  height: 3.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-7 {
+    height: 3.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-7 {
+    height: 3.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-7 {
+    height: 3.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-7 {
+    height: 3.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-7 {
+    height: 3.5rem;
+  }
+}
+.h-8 {
+  height: 4rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-8 {
+    height: 4rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-8 {
+    height: 4rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-8 {
+    height: 4rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-8 {
+    height: 4rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-8 {
+    height: 4rem;
+  }
+}
+.h-9 {
+  height: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-9 {
+    height: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-9 {
+    height: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-9 {
+    height: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-9 {
+    height: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-9 {
+    height: 4.5rem;
+  }
+}
+.h-10 {
+  height: 5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-10 {
+    height: 5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-10 {
+    height: 5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-10 {
+    height: 5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-10 {
+    height: 5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-10 {
+    height: 5rem;
+  }
+}
+.h-11 {
+  height: 5.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-11 {
+    height: 5.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-11 {
+    height: 5.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-11 {
+    height: 5.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-11 {
+    height: 5.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-11 {
+    height: 5.5rem;
+  }
+}
+.h-12 {
+  height: 6rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-12 {
+    height: 6rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-12 {
+    height: 6rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-12 {
+    height: 6rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-12 {
+    height: 6rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-12 {
+    height: 6rem;
+  }
+}
+.h-13 {
+  height: 6.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-13 {
+    height: 6.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-13 {
+    height: 6.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-13 {
+    height: 6.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-13 {
+    height: 6.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-13 {
+    height: 6.5rem;
+  }
+}
+.h-14 {
+  height: 7rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-14 {
+    height: 7rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-14 {
+    height: 7rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-14 {
+    height: 7rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-14 {
+    height: 7rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-14 {
+    height: 7rem;
+  }
+}
+.h-15 {
+  height: 7.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-15 {
+    height: 7.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-15 {
+    height: 7.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-15 {
+    height: 7.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-15 {
+    height: 7.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-15 {
+    height: 7.5rem;
+  }
+}
+.h-16 {
+  height: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-16 {
+    height: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-16 {
+    height: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-16 {
+    height: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-16 {
+    height: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-16 {
+    height: 8rem;
+  }
+}
+.h-17 {
+  height: 8.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-17 {
+    height: 8.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-17 {
+    height: 8.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-17 {
+    height: 8.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-17 {
+    height: 8.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-17 {
+    height: 8.5rem;
+  }
+}
+.h-18 {
+  height: 9rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-18 {
+    height: 9rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-18 {
+    height: 9rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-18 {
+    height: 9rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-18 {
+    height: 9rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-18 {
+    height: 9rem;
+  }
+}
+.h-19 {
+  height: 9.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-19 {
+    height: 9.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-19 {
+    height: 9.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-19 {
+    height: 9.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-19 {
+    height: 9.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-19 {
+    height: 9.5rem;
+  }
+}
+.h-20 {
+  height: 10rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-20 {
+    height: 10rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-20 {
+    height: 10rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-20 {
+    height: 10rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-20 {
+    height: 10rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-20 {
+    height: 10rem;
+  }
+}
+.h-21 {
+  height: 10.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-21 {
+    height: 10.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-21 {
+    height: 10.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-21 {
+    height: 10.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-21 {
+    height: 10.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-21 {
+    height: 10.5rem;
+  }
+}
+.h-22 {
+  height: 11rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-22 {
+    height: 11rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-22 {
+    height: 11rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-22 {
+    height: 11rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-22 {
+    height: 11rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-22 {
+    height: 11rem;
+  }
+}
+.h-23 {
+  height: 11.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-23 {
+    height: 11.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-23 {
+    height: 11.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-23 {
+    height: 11.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-23 {
+    height: 11.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-23 {
+    height: 11.5rem;
+  }
+}
+.h-24 {
+  height: 12rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-24 {
+    height: 12rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-24 {
+    height: 12rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-24 {
+    height: 12rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-24 {
+    height: 12rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-24 {
+    height: 12rem;
+  }
+}
+.h-25 {
+  height: 12.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-25 {
+    height: 12.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-25 {
+    height: 12.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-25 {
+    height: 12.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-25 {
+    height: 12.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-25 {
+    height: 12.5rem;
+  }
+}
+.h-26 {
+  height: 13rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-26 {
+    height: 13rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-26 {
+    height: 13rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-26 {
+    height: 13rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-26 {
+    height: 13rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-26 {
+    height: 13rem;
+  }
+}
+.h-27 {
+  height: 13.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-27 {
+    height: 13.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-27 {
+    height: 13.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-27 {
+    height: 13.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-27 {
+    height: 13.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-27 {
+    height: 13.5rem;
+  }
+}
+.h-28 {
+  height: 14rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-28 {
+    height: 14rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-28 {
+    height: 14rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-28 {
+    height: 14rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-28 {
+    height: 14rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-28 {
+    height: 14rem;
+  }
+}
+.h-29 {
+  height: 14.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-29 {
+    height: 14.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-29 {
+    height: 14.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-29 {
+    height: 14.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-29 {
+    height: 14.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-29 {
+    height: 14.5rem;
+  }
+}
+.h-30 {
+  height: 15rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-30 {
+    height: 15rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-30 {
+    height: 15rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-30 {
+    height: 15rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-30 {
+    height: 15rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-30 {
+    height: 15rem;
+  }
+}
+.h-31 {
+  height: 15.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-31 {
+    height: 15.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-31 {
+    height: 15.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-31 {
+    height: 15.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-31 {
+    height: 15.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-31 {
+    height: 15.5rem;
+  }
+}
+.h-32 {
+  height: 16rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-32 {
+    height: 16rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-32 {
+    height: 16rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-32 {
+    height: 16rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-32 {
+    height: 16rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-32 {
+    height: 16rem;
+  }
+}
+.h-33 {
+  height: 16.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-33 {
+    height: 16.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-33 {
+    height: 16.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-33 {
+    height: 16.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-33 {
+    height: 16.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-33 {
+    height: 16.5rem;
+  }
+}
+.h-34 {
+  height: 17rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-34 {
+    height: 17rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-34 {
+    height: 17rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-34 {
+    height: 17rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-34 {
+    height: 17rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-34 {
+    height: 17rem;
+  }
+}
+.h-35 {
+  height: 17.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-35 {
+    height: 17.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-35 {
+    height: 17.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-35 {
+    height: 17.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-35 {
+    height: 17.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-35 {
+    height: 17.5rem;
+  }
+}
+.h-36 {
+  height: 18rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-36 {
+    height: 18rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-36 {
+    height: 18rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-36 {
+    height: 18rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-36 {
+    height: 18rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-36 {
+    height: 18rem;
+  }
+}
+.h-37 {
+  height: 18.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-37 {
+    height: 18.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-37 {
+    height: 18.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-37 {
+    height: 18.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-37 {
+    height: 18.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-37 {
+    height: 18.5rem;
+  }
+}
+.h-38 {
+  height: 19rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-38 {
+    height: 19rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-38 {
+    height: 19rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-38 {
+    height: 19rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-38 {
+    height: 19rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-38 {
+    height: 19rem;
+  }
+}
+.h-39 {
+  height: 19.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-39 {
+    height: 19.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-39 {
+    height: 19.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-39 {
+    height: 19.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-39 {
+    height: 19.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-39 {
+    height: 19.5rem;
+  }
+}
+.h-40 {
+  height: 20rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-40 {
+    height: 20rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-40 {
+    height: 20rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-40 {
+    height: 20rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-40 {
+    height: 20rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-40 {
+    height: 20rem;
+  }
+}
+.h-41 {
+  height: 20.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-41 {
+    height: 20.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-41 {
+    height: 20.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-41 {
+    height: 20.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-41 {
+    height: 20.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-41 {
+    height: 20.5rem;
+  }
+}
+.h-42 {
+  height: 21rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-42 {
+    height: 21rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-42 {
+    height: 21rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-42 {
+    height: 21rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-42 {
+    height: 21rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-42 {
+    height: 21rem;
+  }
+}
+.h-43 {
+  height: 21.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-43 {
+    height: 21.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-43 {
+    height: 21.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-43 {
+    height: 21.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-43 {
+    height: 21.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-43 {
+    height: 21.5rem;
+  }
+}
+.h-44 {
+  height: 22rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-44 {
+    height: 22rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-44 {
+    height: 22rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-44 {
+    height: 22rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-44 {
+    height: 22rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-44 {
+    height: 22rem;
+  }
+}
+.h-45 {
+  height: 22.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-45 {
+    height: 22.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-45 {
+    height: 22.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-45 {
+    height: 22.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-45 {
+    height: 22.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-45 {
+    height: 22.5rem;
+  }
+}
+.h-46 {
+  height: 23rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-46 {
+    height: 23rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-46 {
+    height: 23rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-46 {
+    height: 23rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-46 {
+    height: 23rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-46 {
+    height: 23rem;
+  }
+}
+.h-47 {
+  height: 23.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-47 {
+    height: 23.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-47 {
+    height: 23.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-47 {
+    height: 23.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-47 {
+    height: 23.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-47 {
+    height: 23.5rem;
+  }
+}
+.h-48 {
+  height: 24rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-48 {
+    height: 24rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-48 {
+    height: 24rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-48 {
+    height: 24rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-48 {
+    height: 24rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-48 {
+    height: 24rem;
+  }
+}
+.h-49 {
+  height: 24.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-49 {
+    height: 24.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-49 {
+    height: 24.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-49 {
+    height: 24.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-49 {
+    height: 24.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-49 {
+    height: 24.5rem;
+  }
+}
+.h-50 {
+  height: 25rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-50 {
+    height: 25rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-50 {
+    height: 25rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-50 {
+    height: 25rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-50 {
+    height: 25rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-50 {
+    height: 25rem;
+  }
+}
+.h-51 {
+  height: 25.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-51 {
+    height: 25.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-51 {
+    height: 25.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-51 {
+    height: 25.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-51 {
+    height: 25.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-51 {
+    height: 25.5rem;
+  }
+}
+.h-52 {
+  height: 26rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-52 {
+    height: 26rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-52 {
+    height: 26rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-52 {
+    height: 26rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-52 {
+    height: 26rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-52 {
+    height: 26rem;
+  }
+}
+.h-53 {
+  height: 26.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-53 {
+    height: 26.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-53 {
+    height: 26.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-53 {
+    height: 26.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-53 {
+    height: 26.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-53 {
+    height: 26.5rem;
+  }
+}
+.h-54 {
+  height: 27rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-54 {
+    height: 27rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-54 {
+    height: 27rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-54 {
+    height: 27rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-54 {
+    height: 27rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-54 {
+    height: 27rem;
+  }
+}
+.h-55 {
+  height: 27.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-55 {
+    height: 27.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-55 {
+    height: 27.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-55 {
+    height: 27.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-55 {
+    height: 27.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-55 {
+    height: 27.5rem;
+  }
+}
+.h-56 {
+  height: 28rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-56 {
+    height: 28rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-56 {
+    height: 28rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-56 {
+    height: 28rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-56 {
+    height: 28rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-56 {
+    height: 28rem;
+  }
+}
+.h-57 {
+  height: 28.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-57 {
+    height: 28.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-57 {
+    height: 28.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-57 {
+    height: 28.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-57 {
+    height: 28.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-57 {
+    height: 28.5rem;
+  }
+}
+.h-58 {
+  height: 29rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-58 {
+    height: 29rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-58 {
+    height: 29rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-58 {
+    height: 29rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-58 {
+    height: 29rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-58 {
+    height: 29rem;
+  }
+}
+.h-59 {
+  height: 29.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-59 {
+    height: 29.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-59 {
+    height: 29.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-59 {
+    height: 29.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-59 {
+    height: 29.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-59 {
+    height: 29.5rem;
+  }
+}
+.h-60 {
+  height: 30rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-60 {
+    height: 30rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-60 {
+    height: 30rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-60 {
+    height: 30rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-60 {
+    height: 30rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-60 {
+    height: 30rem;
+  }
+}
+.h-61 {
+  height: 30.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-61 {
+    height: 30.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-61 {
+    height: 30.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-61 {
+    height: 30.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-61 {
+    height: 30.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-61 {
+    height: 30.5rem;
+  }
+}
+.h-62 {
+  height: 31rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-62 {
+    height: 31rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-62 {
+    height: 31rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-62 {
+    height: 31rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-62 {
+    height: 31rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-62 {
+    height: 31rem;
+  }
+}
+.h-63 {
+  height: 31.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-63 {
+    height: 31.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-63 {
+    height: 31.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-63 {
+    height: 31.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-63 {
+    height: 31.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-63 {
+    height: 31.5rem;
+  }
+}
+.h-64 {
+  height: 32rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-64 {
+    height: 32rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-64 {
+    height: 32rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-64 {
+    height: 32rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-64 {
+    height: 32rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-64 {
+    height: 32rem;
+  }
+}
+.h-65 {
+  height: 32.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-65 {
+    height: 32.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-65 {
+    height: 32.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-65 {
+    height: 32.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-65 {
+    height: 32.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-65 {
+    height: 32.5rem;
+  }
+}
+.h-66 {
+  height: 33rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-66 {
+    height: 33rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-66 {
+    height: 33rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-66 {
+    height: 33rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-66 {
+    height: 33rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-66 {
+    height: 33rem;
+  }
+}
+.h-67 {
+  height: 33.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-67 {
+    height: 33.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-67 {
+    height: 33.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-67 {
+    height: 33.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-67 {
+    height: 33.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-67 {
+    height: 33.5rem;
+  }
+}
+.h-68 {
+  height: 34rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-68 {
+    height: 34rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-68 {
+    height: 34rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-68 {
+    height: 34rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-68 {
+    height: 34rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-68 {
+    height: 34rem;
+  }
+}
+.h-69 {
+  height: 34.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-69 {
+    height: 34.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-69 {
+    height: 34.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-69 {
+    height: 34.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-69 {
+    height: 34.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-69 {
+    height: 34.5rem;
+  }
+}
+.h-70 {
+  height: 35rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-70 {
+    height: 35rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-70 {
+    height: 35rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-70 {
+    height: 35rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-70 {
+    height: 35rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-70 {
+    height: 35rem;
+  }
+}
+.h-71 {
+  height: 35.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-71 {
+    height: 35.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-71 {
+    height: 35.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-71 {
+    height: 35.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-71 {
+    height: 35.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-71 {
+    height: 35.5rem;
+  }
+}
+.h-72 {
+  height: 36rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-72 {
+    height: 36rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-72 {
+    height: 36rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-72 {
+    height: 36rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-72 {
+    height: 36rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-72 {
+    height: 36rem;
+  }
+}
+.h-73 {
+  height: 36.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-73 {
+    height: 36.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-73 {
+    height: 36.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-73 {
+    height: 36.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-73 {
+    height: 36.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-73 {
+    height: 36.5rem;
+  }
+}
+.h-74 {
+  height: 37rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-74 {
+    height: 37rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-74 {
+    height: 37rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-74 {
+    height: 37rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-74 {
+    height: 37rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-74 {
+    height: 37rem;
+  }
+}
+.h-75 {
+  height: 37.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-75 {
+    height: 37.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-75 {
+    height: 37.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-75 {
+    height: 37.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-75 {
+    height: 37.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-75 {
+    height: 37.5rem;
+  }
+}
+.h-76 {
+  height: 38rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-76 {
+    height: 38rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-76 {
+    height: 38rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-76 {
+    height: 38rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-76 {
+    height: 38rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-76 {
+    height: 38rem;
+  }
+}
+.h-77 {
+  height: 38.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-77 {
+    height: 38.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-77 {
+    height: 38.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-77 {
+    height: 38.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-77 {
+    height: 38.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-77 {
+    height: 38.5rem;
+  }
+}
+.h-78 {
+  height: 39rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-78 {
+    height: 39rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-78 {
+    height: 39rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-78 {
+    height: 39rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-78 {
+    height: 39rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-78 {
+    height: 39rem;
+  }
+}
+.h-79 {
+  height: 39.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-79 {
+    height: 39.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-79 {
+    height: 39.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-79 {
+    height: 39.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-79 {
+    height: 39.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-79 {
+    height: 39.5rem;
+  }
+}
+.h-80 {
+  height: 40rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-80 {
+    height: 40rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-80 {
+    height: 40rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-80 {
+    height: 40rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-80 {
+    height: 40rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-80 {
+    height: 40rem;
+  }
+}
+.h-81 {
+  height: 40.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-81 {
+    height: 40.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-81 {
+    height: 40.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-81 {
+    height: 40.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-81 {
+    height: 40.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-81 {
+    height: 40.5rem;
+  }
+}
+.h-82 {
+  height: 41rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-82 {
+    height: 41rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-82 {
+    height: 41rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-82 {
+    height: 41rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-82 {
+    height: 41rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-82 {
+    height: 41rem;
+  }
+}
+.h-83 {
+  height: 41.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-83 {
+    height: 41.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-83 {
+    height: 41.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-83 {
+    height: 41.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-83 {
+    height: 41.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-83 {
+    height: 41.5rem;
+  }
+}
+.h-84 {
+  height: 42rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-84 {
+    height: 42rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-84 {
+    height: 42rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-84 {
+    height: 42rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-84 {
+    height: 42rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-84 {
+    height: 42rem;
+  }
+}
+.h-85 {
+  height: 42.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-85 {
+    height: 42.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-85 {
+    height: 42.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-85 {
+    height: 42.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-85 {
+    height: 42.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-85 {
+    height: 42.5rem;
+  }
+}
+.h-86 {
+  height: 43rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-86 {
+    height: 43rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-86 {
+    height: 43rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-86 {
+    height: 43rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-86 {
+    height: 43rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-86 {
+    height: 43rem;
+  }
+}
+.h-87 {
+  height: 43.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-87 {
+    height: 43.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-87 {
+    height: 43.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-87 {
+    height: 43.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-87 {
+    height: 43.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-87 {
+    height: 43.5rem;
+  }
+}
+.h-88 {
+  height: 44rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-88 {
+    height: 44rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-88 {
+    height: 44rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-88 {
+    height: 44rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-88 {
+    height: 44rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-88 {
+    height: 44rem;
+  }
+}
+.h-89 {
+  height: 44.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-89 {
+    height: 44.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-89 {
+    height: 44.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-89 {
+    height: 44.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-89 {
+    height: 44.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-89 {
+    height: 44.5rem;
+  }
+}
+.h-90 {
+  height: 45rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-90 {
+    height: 45rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-90 {
+    height: 45rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-90 {
+    height: 45rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-90 {
+    height: 45rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-90 {
+    height: 45rem;
+  }
+}
+.h-91 {
+  height: 45.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-91 {
+    height: 45.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-91 {
+    height: 45.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-91 {
+    height: 45.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-91 {
+    height: 45.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-91 {
+    height: 45.5rem;
+  }
+}
+.h-92 {
+  height: 46rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-92 {
+    height: 46rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-92 {
+    height: 46rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-92 {
+    height: 46rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-92 {
+    height: 46rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-92 {
+    height: 46rem;
+  }
+}
+.h-93 {
+  height: 46.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-93 {
+    height: 46.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-93 {
+    height: 46.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-93 {
+    height: 46.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-93 {
+    height: 46.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-93 {
+    height: 46.5rem;
+  }
+}
+.h-94 {
+  height: 47rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-94 {
+    height: 47rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-94 {
+    height: 47rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-94 {
+    height: 47rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-94 {
+    height: 47rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-94 {
+    height: 47rem;
+  }
+}
+.h-95 {
+  height: 47.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-95 {
+    height: 47.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-95 {
+    height: 47.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-95 {
+    height: 47.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-95 {
+    height: 47.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-95 {
+    height: 47.5rem;
+  }
+}
+.h-96 {
+  height: 48rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-96 {
+    height: 48rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-96 {
+    height: 48rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-96 {
+    height: 48rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-96 {
+    height: 48rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-96 {
+    height: 48rem;
+  }
+}
+.h-97 {
+  height: 48.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-97 {
+    height: 48.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-97 {
+    height: 48.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-97 {
+    height: 48.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-97 {
+    height: 48.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-97 {
+    height: 48.5rem;
+  }
+}
+.h-98 {
+  height: 49rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-98 {
+    height: 49rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-98 {
+    height: 49rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-98 {
+    height: 49rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-98 {
+    height: 49rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-98 {
+    height: 49rem;
+  }
+}
+.h-99 {
+  height: 49.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .h-xs-99 {
+    height: 49.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .h-sm-99 {
+    height: 49.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-md-99 {
+    height: 49.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .h-lg-99 {
+    height: 49.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .h-xlg-99 {
+    height: 49.5rem;
+  }
+}
+/**
+ *  Spacing
+ *
+ *  creates margin and padding for each direction and for each breakpont
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  mixin: spacing for single padding or margin
+ *
+ *
+ */
+/**
+ *  mixin: spacing for each breakpoint
+ *
+ *
+ */
+/**
+ *
+ *
+ *
+ */
+.marginless {
+  margin: 0;
+}
+
+.paddingless {
+  padding: 0;
+}
+
+.m-last-child-0 > *:last-child {
+  margin: 0;
+}
+
+.m-top-last-child-0 > *:last-child {
+  margin-top: 0;
+}
+
+.m-bottom-last-child-0 > *:last-child {
+  margin-bottom: 0;
+}
+
+.m-0 {
+  margin: 0;
+}
+
+.m-1 {
+  margin: 1px;
+}
+
+.m-2 {
+  margin: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-2 {
+    margin: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-2 {
+    margin: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-2 {
+    margin: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-2 {
+    margin: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-2 {
+    margin: 0.125rem;
+  }
+}
+.m-3 {
+  margin: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-3 {
+    margin: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-3 {
+    margin: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-3 {
+    margin: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-3 {
+    margin: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-3 {
+    margin: 0.5rem;
+  }
+}
+.m-4 {
+  margin: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-4 {
+    margin: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-4 {
+    margin: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-4 {
+    margin: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-4 {
+    margin: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-4 {
+    margin: 1.125rem;
+  }
+}
+.m-5 {
+  margin: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-5 {
+    margin: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-5 {
+    margin: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-5 {
+    margin: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-5 {
+    margin: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-5 {
+    margin: 2rem;
+  }
+}
+.m-6 {
+  margin: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-6 {
+    margin: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-6 {
+    margin: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-6 {
+    margin: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-6 {
+    margin: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-6 {
+    margin: 3.125rem;
+  }
+}
+.m-7 {
+  margin: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-7 {
+    margin: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-7 {
+    margin: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-7 {
+    margin: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-7 {
+    margin: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-7 {
+    margin: 4.5rem;
+  }
+}
+.m-8 {
+  margin: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-8 {
+    margin: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-8 {
+    margin: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-8 {
+    margin: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-8 {
+    margin: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-8 {
+    margin: 6.125rem;
+  }
+}
+.m-9 {
+  margin: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-9 {
+    margin: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-9 {
+    margin: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-9 {
+    margin: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-9 {
+    margin: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-9 {
+    margin: 8rem;
+  }
+}
+.m-10 {
+  margin: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-xs-10 {
+    margin: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-sm-10 {
+    margin: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-md-10 {
+    margin: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-lg-10 {
+    margin: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-xlg-10 {
+    margin: 10.125rem;
+  }
+}
+.m-top-0 {
+  margin-top: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-0 {
+    margin-top: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-0 {
+    margin-top: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-0 {
+    margin-top: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-0 {
+    margin-top: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-0 {
+    margin-top: 0;
+  }
+}
+.m-top-1 {
+  margin-top: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-1 {
+    margin-top: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-1 {
+    margin-top: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-1 {
+    margin-top: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-1 {
+    margin-top: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-1 {
+    margin-top: 1px;
+  }
+}
+.m-top-2 {
+  margin-top: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-2 {
+    margin-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-2 {
+    margin-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-2 {
+    margin-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-2 {
+    margin-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-2 {
+    margin-top: 0.125rem;
+  }
+}
+.m-top-3 {
+  margin-top: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-3 {
+    margin-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-3 {
+    margin-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-3 {
+    margin-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-3 {
+    margin-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-3 {
+    margin-top: 0.5rem;
+  }
+}
+.m-top-4 {
+  margin-top: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-4 {
+    margin-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-4 {
+    margin-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-4 {
+    margin-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-4 {
+    margin-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-4 {
+    margin-top: 1.125rem;
+  }
+}
+.m-top-5 {
+  margin-top: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-5 {
+    margin-top: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-5 {
+    margin-top: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-5 {
+    margin-top: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-5 {
+    margin-top: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-5 {
+    margin-top: 2rem;
+  }
+}
+.m-top-6 {
+  margin-top: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-6 {
+    margin-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-6 {
+    margin-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-6 {
+    margin-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-6 {
+    margin-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-6 {
+    margin-top: 3.125rem;
+  }
+}
+.m-top-7 {
+  margin-top: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-7 {
+    margin-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-7 {
+    margin-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-7 {
+    margin-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-7 {
+    margin-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-7 {
+    margin-top: 4.5rem;
+  }
+}
+.m-top-8 {
+  margin-top: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-8 {
+    margin-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-8 {
+    margin-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-8 {
+    margin-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-8 {
+    margin-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-8 {
+    margin-top: 6.125rem;
+  }
+}
+.m-top-9 {
+  margin-top: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-9 {
+    margin-top: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-9 {
+    margin-top: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-9 {
+    margin-top: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-9 {
+    margin-top: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-9 {
+    margin-top: 8rem;
+  }
+}
+.m-top-10 {
+  margin-top: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-top-xs-10 {
+    margin-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-top-sm-10 {
+    margin-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-top-md-10 {
+    margin-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-top-lg-10 {
+    margin-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-top-xlg-10 {
+    margin-top: 10.125rem;
+  }
+}
+.m-bottom-0 {
+  margin-bottom: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-0 {
+    margin-bottom: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-0 {
+    margin-bottom: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-0 {
+    margin-bottom: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-0 {
+    margin-bottom: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-0 {
+    margin-bottom: 0;
+  }
+}
+.m-bottom-1 {
+  margin-bottom: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-1 {
+    margin-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-1 {
+    margin-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-1 {
+    margin-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-1 {
+    margin-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-1 {
+    margin-bottom: 1px;
+  }
+}
+.m-bottom-2 {
+  margin-bottom: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-2 {
+    margin-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-2 {
+    margin-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-2 {
+    margin-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-2 {
+    margin-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-2 {
+    margin-bottom: 0.125rem;
+  }
+}
+.m-bottom-3 {
+  margin-bottom: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-3 {
+    margin-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-3 {
+    margin-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-3 {
+    margin-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-3 {
+    margin-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-3 {
+    margin-bottom: 0.5rem;
+  }
+}
+.m-bottom-4 {
+  margin-bottom: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-4 {
+    margin-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-4 {
+    margin-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-4 {
+    margin-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-4 {
+    margin-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-4 {
+    margin-bottom: 1.125rem;
+  }
+}
+.m-bottom-5 {
+  margin-bottom: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-5 {
+    margin-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-5 {
+    margin-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-5 {
+    margin-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-5 {
+    margin-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-5 {
+    margin-bottom: 2rem;
+  }
+}
+.m-bottom-6 {
+  margin-bottom: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-6 {
+    margin-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-6 {
+    margin-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-6 {
+    margin-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-6 {
+    margin-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-6 {
+    margin-bottom: 3.125rem;
+  }
+}
+.m-bottom-7 {
+  margin-bottom: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-7 {
+    margin-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-7 {
+    margin-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-7 {
+    margin-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-7 {
+    margin-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-7 {
+    margin-bottom: 4.5rem;
+  }
+}
+.m-bottom-8 {
+  margin-bottom: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-8 {
+    margin-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-8 {
+    margin-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-8 {
+    margin-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-8 {
+    margin-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-8 {
+    margin-bottom: 6.125rem;
+  }
+}
+.m-bottom-9 {
+  margin-bottom: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-9 {
+    margin-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-9 {
+    margin-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-9 {
+    margin-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-9 {
+    margin-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-9 {
+    margin-bottom: 8rem;
+  }
+}
+.m-bottom-10 {
+  margin-bottom: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-bottom-xs-10 {
+    margin-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-bottom-sm-10 {
+    margin-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-bottom-md-10 {
+    margin-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-bottom-lg-10 {
+    margin-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-bottom-xlg-10 {
+    margin-bottom: 10.125rem;
+  }
+}
+.m-left-0 {
+  margin-left: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-0 {
+    margin-left: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-0 {
+    margin-left: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-0 {
+    margin-left: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-0 {
+    margin-left: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-0 {
+    margin-left: 0;
+  }
+}
+.m-left-1 {
+  margin-left: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-1 {
+    margin-left: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-1 {
+    margin-left: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-1 {
+    margin-left: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-1 {
+    margin-left: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-1 {
+    margin-left: 1px;
+  }
+}
+.m-left-2 {
+  margin-left: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-2 {
+    margin-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-2 {
+    margin-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-2 {
+    margin-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-2 {
+    margin-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-2 {
+    margin-left: 0.125rem;
+  }
+}
+.m-left-3 {
+  margin-left: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-3 {
+    margin-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-3 {
+    margin-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-3 {
+    margin-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-3 {
+    margin-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-3 {
+    margin-left: 0.5rem;
+  }
+}
+.m-left-4 {
+  margin-left: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-4 {
+    margin-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-4 {
+    margin-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-4 {
+    margin-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-4 {
+    margin-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-4 {
+    margin-left: 1.125rem;
+  }
+}
+.m-left-5 {
+  margin-left: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-5 {
+    margin-left: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-5 {
+    margin-left: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-5 {
+    margin-left: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-5 {
+    margin-left: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-5 {
+    margin-left: 2rem;
+  }
+}
+.m-left-6 {
+  margin-left: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-6 {
+    margin-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-6 {
+    margin-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-6 {
+    margin-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-6 {
+    margin-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-6 {
+    margin-left: 3.125rem;
+  }
+}
+.m-left-7 {
+  margin-left: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-7 {
+    margin-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-7 {
+    margin-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-7 {
+    margin-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-7 {
+    margin-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-7 {
+    margin-left: 4.5rem;
+  }
+}
+.m-left-8 {
+  margin-left: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-8 {
+    margin-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-8 {
+    margin-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-8 {
+    margin-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-8 {
+    margin-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-8 {
+    margin-left: 6.125rem;
+  }
+}
+.m-left-9 {
+  margin-left: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-9 {
+    margin-left: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-9 {
+    margin-left: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-9 {
+    margin-left: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-9 {
+    margin-left: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-9 {
+    margin-left: 8rem;
+  }
+}
+.m-left-10 {
+  margin-left: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-left-xs-10 {
+    margin-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-left-sm-10 {
+    margin-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-left-md-10 {
+    margin-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-left-lg-10 {
+    margin-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-left-xlg-10 {
+    margin-left: 10.125rem;
+  }
+}
+.m-right-0 {
+  margin-right: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-0 {
+    margin-right: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-0 {
+    margin-right: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-0 {
+    margin-right: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-0 {
+    margin-right: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-0 {
+    margin-right: 0;
+  }
+}
+.m-right-1 {
+  margin-right: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-1 {
+    margin-right: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-1 {
+    margin-right: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-1 {
+    margin-right: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-1 {
+    margin-right: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-1 {
+    margin-right: 1px;
+  }
+}
+.m-right-2 {
+  margin-right: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-2 {
+    margin-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-2 {
+    margin-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-2 {
+    margin-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-2 {
+    margin-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-2 {
+    margin-right: 0.125rem;
+  }
+}
+.m-right-3 {
+  margin-right: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-3 {
+    margin-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-3 {
+    margin-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-3 {
+    margin-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-3 {
+    margin-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-3 {
+    margin-right: 0.5rem;
+  }
+}
+.m-right-4 {
+  margin-right: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-4 {
+    margin-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-4 {
+    margin-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-4 {
+    margin-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-4 {
+    margin-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-4 {
+    margin-right: 1.125rem;
+  }
+}
+.m-right-5 {
+  margin-right: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-5 {
+    margin-right: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-5 {
+    margin-right: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-5 {
+    margin-right: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-5 {
+    margin-right: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-5 {
+    margin-right: 2rem;
+  }
+}
+.m-right-6 {
+  margin-right: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-6 {
+    margin-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-6 {
+    margin-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-6 {
+    margin-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-6 {
+    margin-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-6 {
+    margin-right: 3.125rem;
+  }
+}
+.m-right-7 {
+  margin-right: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-7 {
+    margin-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-7 {
+    margin-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-7 {
+    margin-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-7 {
+    margin-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-7 {
+    margin-right: 4.5rem;
+  }
+}
+.m-right-8 {
+  margin-right: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-8 {
+    margin-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-8 {
+    margin-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-8 {
+    margin-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-8 {
+    margin-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-8 {
+    margin-right: 6.125rem;
+  }
+}
+.m-right-9 {
+  margin-right: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-9 {
+    margin-right: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-9 {
+    margin-right: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-9 {
+    margin-right: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-9 {
+    margin-right: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-9 {
+    margin-right: 8rem;
+  }
+}
+.m-right-10 {
+  margin-right: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .m-right-xs-10 {
+    margin-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .m-right-sm-10 {
+    margin-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .m-right-md-10 {
+    margin-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .m-right-lg-10 {
+    margin-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .m-right-xlg-10 {
+    margin-right: 10.125rem;
+  }
+}
+.p-0 {
+  padding: 0;
+}
+
+.p-1 {
+  padding: 1px;
+}
+
+.p-0 {
+  padding: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-0 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-0 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-0 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-0 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-0 {
+    padding: 0.125rem;
+  }
+}
+.p-1 {
+  padding: 0rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-1 {
+    padding: 0rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-1 {
+    padding: 0rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-1 {
+    padding: 0rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-1 {
+    padding: 0rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-1 {
+    padding: 0rem;
+  }
+}
+.p-2 {
+  padding: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-2 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-2 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-2 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-2 {
+    padding: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-2 {
+    padding: 0.125rem;
+  }
+}
+.p-3 {
+  padding: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-3 {
+    padding: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-3 {
+    padding: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-3 {
+    padding: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-3 {
+    padding: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-3 {
+    padding: 0.5rem;
+  }
+}
+.p-4 {
+  padding: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-4 {
+    padding: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-4 {
+    padding: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-4 {
+    padding: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-4 {
+    padding: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-4 {
+    padding: 1.125rem;
+  }
+}
+.p-5 {
+  padding: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-5 {
+    padding: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-5 {
+    padding: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-5 {
+    padding: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-5 {
+    padding: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-5 {
+    padding: 2rem;
+  }
+}
+.p-6 {
+  padding: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-6 {
+    padding: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-6 {
+    padding: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-6 {
+    padding: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-6 {
+    padding: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-6 {
+    padding: 3.125rem;
+  }
+}
+.p-7 {
+  padding: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-7 {
+    padding: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-7 {
+    padding: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-7 {
+    padding: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-7 {
+    padding: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-7 {
+    padding: 4.5rem;
+  }
+}
+.p-8 {
+  padding: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-8 {
+    padding: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-8 {
+    padding: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-8 {
+    padding: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-8 {
+    padding: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-8 {
+    padding: 6.125rem;
+  }
+}
+.p-9 {
+  padding: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-9 {
+    padding: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-9 {
+    padding: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-9 {
+    padding: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-9 {
+    padding: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-9 {
+    padding: 8rem;
+  }
+}
+.p-10 {
+  padding: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-xs-10 {
+    padding: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-sm-10 {
+    padding: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-md-10 {
+    padding: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-lg-10 {
+    padding: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-xlg-10 {
+    padding: 10.125rem;
+  }
+}
+.p-top-0 {
+  padding-top: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-0 {
+    padding-top: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-0 {
+    padding-top: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-0 {
+    padding-top: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-0 {
+    padding-top: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-0 {
+    padding-top: 0;
+  }
+}
+.p-top-1 {
+  padding-top: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-1 {
+    padding-top: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-1 {
+    padding-top: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-1 {
+    padding-top: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-1 {
+    padding-top: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-1 {
+    padding-top: 1px;
+  }
+}
+.p-top-0 {
+  padding-top: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-0 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-0 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-0 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-0 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-0 {
+    padding-top: 0.125rem;
+  }
+}
+.p-top-1 {
+  padding-top: 0rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-1 {
+    padding-top: 0rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-1 {
+    padding-top: 0rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-1 {
+    padding-top: 0rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-1 {
+    padding-top: 0rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-1 {
+    padding-top: 0rem;
+  }
+}
+.p-top-2 {
+  padding-top: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-2 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-2 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-2 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-2 {
+    padding-top: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-2 {
+    padding-top: 0.125rem;
+  }
+}
+.p-top-3 {
+  padding-top: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-3 {
+    padding-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-3 {
+    padding-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-3 {
+    padding-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-3 {
+    padding-top: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-3 {
+    padding-top: 0.5rem;
+  }
+}
+.p-top-4 {
+  padding-top: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-4 {
+    padding-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-4 {
+    padding-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-4 {
+    padding-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-4 {
+    padding-top: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-4 {
+    padding-top: 1.125rem;
+  }
+}
+.p-top-5 {
+  padding-top: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-5 {
+    padding-top: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-5 {
+    padding-top: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-5 {
+    padding-top: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-5 {
+    padding-top: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-5 {
+    padding-top: 2rem;
+  }
+}
+.p-top-6 {
+  padding-top: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-6 {
+    padding-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-6 {
+    padding-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-6 {
+    padding-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-6 {
+    padding-top: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-6 {
+    padding-top: 3.125rem;
+  }
+}
+.p-top-7 {
+  padding-top: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-7 {
+    padding-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-7 {
+    padding-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-7 {
+    padding-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-7 {
+    padding-top: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-7 {
+    padding-top: 4.5rem;
+  }
+}
+.p-top-8 {
+  padding-top: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-8 {
+    padding-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-8 {
+    padding-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-8 {
+    padding-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-8 {
+    padding-top: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-8 {
+    padding-top: 6.125rem;
+  }
+}
+.p-top-9 {
+  padding-top: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-9 {
+    padding-top: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-9 {
+    padding-top: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-9 {
+    padding-top: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-9 {
+    padding-top: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-9 {
+    padding-top: 8rem;
+  }
+}
+.p-top-10 {
+  padding-top: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-top-xs-10 {
+    padding-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-top-sm-10 {
+    padding-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-top-md-10 {
+    padding-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-top-lg-10 {
+    padding-top: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-top-xlg-10 {
+    padding-top: 10.125rem;
+  }
+}
+.p-bottom-0 {
+  padding-bottom: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-0 {
+    padding-bottom: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-0 {
+    padding-bottom: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-0 {
+    padding-bottom: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-0 {
+    padding-bottom: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-0 {
+    padding-bottom: 0;
+  }
+}
+.p-bottom-1 {
+  padding-bottom: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-1 {
+    padding-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-1 {
+    padding-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-1 {
+    padding-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-1 {
+    padding-bottom: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-1 {
+    padding-bottom: 1px;
+  }
+}
+.p-bottom-0 {
+  padding-bottom: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-0 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-0 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-0 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-0 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-0 {
+    padding-bottom: 0.125rem;
+  }
+}
+.p-bottom-1 {
+  padding-bottom: 0rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-1 {
+    padding-bottom: 0rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-1 {
+    padding-bottom: 0rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-1 {
+    padding-bottom: 0rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-1 {
+    padding-bottom: 0rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-1 {
+    padding-bottom: 0rem;
+  }
+}
+.p-bottom-2 {
+  padding-bottom: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-2 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-2 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-2 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-2 {
+    padding-bottom: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-2 {
+    padding-bottom: 0.125rem;
+  }
+}
+.p-bottom-3 {
+  padding-bottom: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-3 {
+    padding-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-3 {
+    padding-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-3 {
+    padding-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-3 {
+    padding-bottom: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-3 {
+    padding-bottom: 0.5rem;
+  }
+}
+.p-bottom-4 {
+  padding-bottom: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-4 {
+    padding-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-4 {
+    padding-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-4 {
+    padding-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-4 {
+    padding-bottom: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-4 {
+    padding-bottom: 1.125rem;
+  }
+}
+.p-bottom-5 {
+  padding-bottom: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-5 {
+    padding-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-5 {
+    padding-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-5 {
+    padding-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-5 {
+    padding-bottom: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-5 {
+    padding-bottom: 2rem;
+  }
+}
+.p-bottom-6 {
+  padding-bottom: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-6 {
+    padding-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-6 {
+    padding-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-6 {
+    padding-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-6 {
+    padding-bottom: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-6 {
+    padding-bottom: 3.125rem;
+  }
+}
+.p-bottom-7 {
+  padding-bottom: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-7 {
+    padding-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-7 {
+    padding-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-7 {
+    padding-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-7 {
+    padding-bottom: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-7 {
+    padding-bottom: 4.5rem;
+  }
+}
+.p-bottom-8 {
+  padding-bottom: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-8 {
+    padding-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-8 {
+    padding-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-8 {
+    padding-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-8 {
+    padding-bottom: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-8 {
+    padding-bottom: 6.125rem;
+  }
+}
+.p-bottom-9 {
+  padding-bottom: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-9 {
+    padding-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-9 {
+    padding-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-9 {
+    padding-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-9 {
+    padding-bottom: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-9 {
+    padding-bottom: 8rem;
+  }
+}
+.p-bottom-10 {
+  padding-bottom: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-bottom-xs-10 {
+    padding-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-bottom-sm-10 {
+    padding-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-bottom-md-10 {
+    padding-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-bottom-lg-10 {
+    padding-bottom: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-bottom-xlg-10 {
+    padding-bottom: 10.125rem;
+  }
+}
+.p-left-0 {
+  padding-left: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-0 {
+    padding-left: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-0 {
+    padding-left: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-0 {
+    padding-left: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-0 {
+    padding-left: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-0 {
+    padding-left: 0;
+  }
+}
+.p-left-1 {
+  padding-left: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-1 {
+    padding-left: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-1 {
+    padding-left: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-1 {
+    padding-left: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-1 {
+    padding-left: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-1 {
+    padding-left: 1px;
+  }
+}
+.p-left-0 {
+  padding-left: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-0 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-0 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-0 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-0 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-0 {
+    padding-left: 0.125rem;
+  }
+}
+.p-left-1 {
+  padding-left: 0rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-1 {
+    padding-left: 0rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-1 {
+    padding-left: 0rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-1 {
+    padding-left: 0rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-1 {
+    padding-left: 0rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-1 {
+    padding-left: 0rem;
+  }
+}
+.p-left-2 {
+  padding-left: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-2 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-2 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-2 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-2 {
+    padding-left: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-2 {
+    padding-left: 0.125rem;
+  }
+}
+.p-left-3 {
+  padding-left: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-3 {
+    padding-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-3 {
+    padding-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-3 {
+    padding-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-3 {
+    padding-left: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-3 {
+    padding-left: 0.5rem;
+  }
+}
+.p-left-4 {
+  padding-left: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-4 {
+    padding-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-4 {
+    padding-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-4 {
+    padding-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-4 {
+    padding-left: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-4 {
+    padding-left: 1.125rem;
+  }
+}
+.p-left-5 {
+  padding-left: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-5 {
+    padding-left: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-5 {
+    padding-left: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-5 {
+    padding-left: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-5 {
+    padding-left: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-5 {
+    padding-left: 2rem;
+  }
+}
+.p-left-6 {
+  padding-left: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-6 {
+    padding-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-6 {
+    padding-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-6 {
+    padding-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-6 {
+    padding-left: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-6 {
+    padding-left: 3.125rem;
+  }
+}
+.p-left-7 {
+  padding-left: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-7 {
+    padding-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-7 {
+    padding-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-7 {
+    padding-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-7 {
+    padding-left: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-7 {
+    padding-left: 4.5rem;
+  }
+}
+.p-left-8 {
+  padding-left: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-8 {
+    padding-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-8 {
+    padding-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-8 {
+    padding-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-8 {
+    padding-left: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-8 {
+    padding-left: 6.125rem;
+  }
+}
+.p-left-9 {
+  padding-left: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-9 {
+    padding-left: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-9 {
+    padding-left: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-9 {
+    padding-left: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-9 {
+    padding-left: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-9 {
+    padding-left: 8rem;
+  }
+}
+.p-left-10 {
+  padding-left: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-left-xs-10 {
+    padding-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-left-sm-10 {
+    padding-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-left-md-10 {
+    padding-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-left-lg-10 {
+    padding-left: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-left-xlg-10 {
+    padding-left: 10.125rem;
+  }
+}
+.p-right-0 {
+  padding-right: 0;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-0 {
+    padding-right: 0;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-0 {
+    padding-right: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-0 {
+    padding-right: 0;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-0 {
+    padding-right: 0;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-0 {
+    padding-right: 0;
+  }
+}
+.p-right-1 {
+  padding-right: 1px;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-1 {
+    padding-right: 1px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-1 {
+    padding-right: 1px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-1 {
+    padding-right: 1px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-1 {
+    padding-right: 1px;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-1 {
+    padding-right: 1px;
+  }
+}
+.p-right-0 {
+  padding-right: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-0 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-0 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-0 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-0 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-0 {
+    padding-right: 0.125rem;
+  }
+}
+.p-right-1 {
+  padding-right: 0rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-1 {
+    padding-right: 0rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-1 {
+    padding-right: 0rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-1 {
+    padding-right: 0rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-1 {
+    padding-right: 0rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-1 {
+    padding-right: 0rem;
+  }
+}
+.p-right-2 {
+  padding-right: 0.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-2 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-2 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-2 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-2 {
+    padding-right: 0.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-2 {
+    padding-right: 0.125rem;
+  }
+}
+.p-right-3 {
+  padding-right: 0.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-3 {
+    padding-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-3 {
+    padding-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-3 {
+    padding-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-3 {
+    padding-right: 0.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-3 {
+    padding-right: 0.5rem;
+  }
+}
+.p-right-4 {
+  padding-right: 1.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-4 {
+    padding-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-4 {
+    padding-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-4 {
+    padding-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-4 {
+    padding-right: 1.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-4 {
+    padding-right: 1.125rem;
+  }
+}
+.p-right-5 {
+  padding-right: 2rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-5 {
+    padding-right: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-5 {
+    padding-right: 2rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-5 {
+    padding-right: 2rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-5 {
+    padding-right: 2rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-5 {
+    padding-right: 2rem;
+  }
+}
+.p-right-6 {
+  padding-right: 3.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-6 {
+    padding-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-6 {
+    padding-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-6 {
+    padding-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-6 {
+    padding-right: 3.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-6 {
+    padding-right: 3.125rem;
+  }
+}
+.p-right-7 {
+  padding-right: 4.5rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-7 {
+    padding-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-7 {
+    padding-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-7 {
+    padding-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-7 {
+    padding-right: 4.5rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-7 {
+    padding-right: 4.5rem;
+  }
+}
+.p-right-8 {
+  padding-right: 6.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-8 {
+    padding-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-8 {
+    padding-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-8 {
+    padding-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-8 {
+    padding-right: 6.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-8 {
+    padding-right: 6.125rem;
+  }
+}
+.p-right-9 {
+  padding-right: 8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-9 {
+    padding-right: 8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-9 {
+    padding-right: 8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-9 {
+    padding-right: 8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-9 {
+    padding-right: 8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-9 {
+    padding-right: 8rem;
+  }
+}
+.p-right-10 {
+  padding-right: 10.125rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .p-right-xs-10 {
+    padding-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .p-right-sm-10 {
+    padding-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .p-right-md-10 {
+    padding-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .p-right-lg-10 {
+    padding-right: 10.125rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .p-right-xlg-10 {
+    padding-right: 10.125rem;
+  }
+}
+/**
+ *  colors
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.color-body {
+  color: var(--body);
+}
+
+.color-text {
+  color: var(--text);
+}
+
+.color-text-contrast {
+  color: var(--text-contrast);
+}
+
+.color-primary {
+  color: var(--primary);
+}
+
+.color-primary-contrast {
+  color: var(--primary-contrast);
+}
+
+.color-active {
+  color: var(--active);
+}
+
+.color-active-contrast {
+  color: var(--active-contrast);
+}
+
+.color-link {
+  color: var(--link);
+}
+
+.color-link-hover {
+  color: var(--link-hover);
+}
+
+.color-danger {
+  color: var(--danger);
+}
+
+.color-danger-contrast {
+  color: var(--danger-contrast);
+}
+
+.color-info {
+  color: var(--info);
+}
+
+.color-info-constrast {
+  color: var(--info-constrast);
+}
+
+.color-success {
+  color: var(--success);
+}
+
+.color-success-contrast {
+  color: var(--success-contrast);
+}
+
+.color-warning {
+  color: var(--warning);
+}
+
+.color-warning-contrast {
+  color: var(--warning-contrast);
+}
+
+.color-background {
+  color: var(--background);
+}
+
+.color-background-contrast {
+  color: var(--background-contrast);
+}
+
+.color-background-alpha {
+  color: var(--background-alpha);
+}
+
+.color-border {
+  color: var(--border);
+}
+
+.color-border-contrast {
+  color: var(--border-contrast);
+}
+
+.fill-body {
+  fill: var(--body);
+}
+.fill-body svg {
+  fill: var(--body);
+}
+
+.fill-text {
+  fill: var(--text);
+}
+.fill-text svg {
+  fill: var(--text);
+}
+
+.fill-text-contrast {
+  fill: var(--text-contrast);
+}
+.fill-text-contrast svg {
+  fill: var(--text-contrast);
+}
+
+.fill-primary {
+  fill: var(--primary);
+}
+.fill-primary svg {
+  fill: var(--primary);
+}
+
+.fill-primary-contrast {
+  fill: var(--primary-contrast);
+}
+.fill-primary-contrast svg {
+  fill: var(--primary-contrast);
+}
+
+.fill-active {
+  fill: var(--active);
+}
+.fill-active svg {
+  fill: var(--active);
+}
+
+.fill-active-contrast {
+  fill: var(--active-contrast);
+}
+.fill-active-contrast svg {
+  fill: var(--active-contrast);
+}
+
+.fill-link {
+  fill: var(--link);
+}
+.fill-link svg {
+  fill: var(--link);
+}
+
+.fill-link-hover {
+  fill: var(--link-hover);
+}
+.fill-link-hover svg {
+  fill: var(--link-hover);
+}
+
+.fill-danger {
+  fill: var(--danger);
+}
+.fill-danger svg {
+  fill: var(--danger);
+}
+
+.fill-danger-contrast {
+  fill: var(--danger-contrast);
+}
+.fill-danger-contrast svg {
+  fill: var(--danger-contrast);
+}
+
+.fill-info {
+  fill: var(--info);
+}
+.fill-info svg {
+  fill: var(--info);
+}
+
+.fill-info-constrast {
+  fill: var(--info-constrast);
+}
+.fill-info-constrast svg {
+  fill: var(--info-constrast);
+}
+
+.fill-success {
+  fill: var(--success);
+}
+.fill-success svg {
+  fill: var(--success);
+}
+
+.fill-success-contrast {
+  fill: var(--success-contrast);
+}
+.fill-success-contrast svg {
+  fill: var(--success-contrast);
+}
+
+.fill-warning {
+  fill: var(--warning);
+}
+.fill-warning svg {
+  fill: var(--warning);
+}
+
+.fill-warning-contrast {
+  fill: var(--warning-contrast);
+}
+.fill-warning-contrast svg {
+  fill: var(--warning-contrast);
+}
+
+.fill-background {
+  fill: var(--background);
+}
+.fill-background svg {
+  fill: var(--background);
+}
+
+.fill-background-contrast {
+  fill: var(--background-contrast);
+}
+.fill-background-contrast svg {
+  fill: var(--background-contrast);
+}
+
+.fill-background-alpha {
+  fill: var(--background-alpha);
+}
+.fill-background-alpha svg {
+  fill: var(--background-alpha);
+}
+
+.fill-border {
+  fill: var(--border);
+}
+.fill-border svg {
+  fill: var(--border);
+}
+
+.fill-border-contrast {
+  fill: var(--border-contrast);
+}
+.fill-border-contrast svg {
+  fill: var(--border-contrast);
+}
+
+.fill-body-hover:hover {
+  fill: var(--body);
+}
+.fill-body-hover:hover svg {
+  fill: var(--body);
+}
+
+.fill-text-hover:hover {
+  fill: var(--text);
+}
+.fill-text-hover:hover svg {
+  fill: var(--text);
+}
+
+.fill-text-contrast-hover:hover {
+  fill: var(--text-contrast);
+}
+.fill-text-contrast-hover:hover svg {
+  fill: var(--text-contrast);
+}
+
+.fill-primary-hover:hover {
+  fill: var(--primary);
+}
+.fill-primary-hover:hover svg {
+  fill: var(--primary);
+}
+
+.fill-primary-contrast-hover:hover {
+  fill: var(--primary-contrast);
+}
+.fill-primary-contrast-hover:hover svg {
+  fill: var(--primary-contrast);
+}
+
+.fill-active-hover:hover {
+  fill: var(--active);
+}
+.fill-active-hover:hover svg {
+  fill: var(--active);
+}
+
+.fill-active-contrast-hover:hover {
+  fill: var(--active-contrast);
+}
+.fill-active-contrast-hover:hover svg {
+  fill: var(--active-contrast);
+}
+
+.fill-link-hover:hover {
+  fill: var(--link);
+}
+.fill-link-hover:hover svg {
+  fill: var(--link);
+}
+
+.fill-link-hover-hover:hover {
+  fill: var(--link-hover);
+}
+.fill-link-hover-hover:hover svg {
+  fill: var(--link-hover);
+}
+
+.fill-danger-hover:hover {
+  fill: var(--danger);
+}
+.fill-danger-hover:hover svg {
+  fill: var(--danger);
+}
+
+.fill-danger-contrast-hover:hover {
+  fill: var(--danger-contrast);
+}
+.fill-danger-contrast-hover:hover svg {
+  fill: var(--danger-contrast);
+}
+
+.fill-info-hover:hover {
+  fill: var(--info);
+}
+.fill-info-hover:hover svg {
+  fill: var(--info);
+}
+
+.fill-info-constrast-hover:hover {
+  fill: var(--info-constrast);
+}
+.fill-info-constrast-hover:hover svg {
+  fill: var(--info-constrast);
+}
+
+.fill-success-hover:hover {
+  fill: var(--success);
+}
+.fill-success-hover:hover svg {
+  fill: var(--success);
+}
+
+.fill-success-contrast-hover:hover {
+  fill: var(--success-contrast);
+}
+.fill-success-contrast-hover:hover svg {
+  fill: var(--success-contrast);
+}
+
+.fill-warning-hover:hover {
+  fill: var(--warning);
+}
+.fill-warning-hover:hover svg {
+  fill: var(--warning);
+}
+
+.fill-warning-contrast-hover:hover {
+  fill: var(--warning-contrast);
+}
+.fill-warning-contrast-hover:hover svg {
+  fill: var(--warning-contrast);
+}
+
+.fill-background-hover:hover {
+  fill: var(--background);
+}
+.fill-background-hover:hover svg {
+  fill: var(--background);
+}
+
+.fill-background-contrast-hover:hover {
+  fill: var(--background-contrast);
+}
+.fill-background-contrast-hover:hover svg {
+  fill: var(--background-contrast);
+}
+
+.fill-background-alpha-hover:hover {
+  fill: var(--background-alpha);
+}
+.fill-background-alpha-hover:hover svg {
+  fill: var(--background-alpha);
+}
+
+.fill-border-hover:hover {
+  fill: var(--border);
+}
+.fill-border-hover:hover svg {
+  fill: var(--border);
+}
+
+.fill-border-contrast-hover:hover {
+  fill: var(--border-contrast);
+}
+.fill-border-contrast-hover:hover svg {
+  fill: var(--border-contrast);
+}
+
+.border-color-body {
+  border-color: var(--body);
+}
+
+.border-color-text {
+  border-color: var(--text);
+}
+
+.border-color-text-contrast {
+  border-color: var(--text-contrast);
+}
+
+.border-color-primary {
+  border-color: var(--primary);
+}
+
+.border-color-primary-contrast {
+  border-color: var(--primary-contrast);
+}
+
+.border-color-active {
+  border-color: var(--active);
+}
+
+.border-color-active-contrast {
+  border-color: var(--active-contrast);
+}
+
+.border-color-link {
+  border-color: var(--link);
+}
+
+.border-color-link-hover {
+  border-color: var(--link-hover);
+}
+
+.border-color-danger {
+  border-color: var(--danger);
+}
+
+.border-color-danger-contrast {
+  border-color: var(--danger-contrast);
+}
+
+.border-color-info {
+  border-color: var(--info);
+}
+
+.border-color-info-constrast {
+  border-color: var(--info-constrast);
+}
+
+.border-color-success {
+  border-color: var(--success);
+}
+
+.border-color-success-contrast {
+  border-color: var(--success-contrast);
+}
+
+.border-color-warning {
+  border-color: var(--warning);
+}
+
+.border-color-warning-contrast {
+  border-color: var(--warning-contrast);
+}
+
+.border-color-background {
+  border-color: var(--background);
+}
+
+.border-color-background-contrast {
+  border-color: var(--background-contrast);
+}
+
+.border-color-background-alpha {
+  border-color: var(--background-alpha);
+}
+
+.border-color-border {
+  border-color: var(--border);
+}
+
+.border-color-border-contrast {
+  border-color: var(--border-contrast);
+}
+
+.background-color-body {
+  background-color: var(--body);
+}
+
+.background-color-text {
+  background-color: var(--text);
+}
+
+.background-color-text-contrast {
+  background-color: var(--text-contrast);
+}
+
+.background-color-primary {
+  background-color: var(--primary);
+}
+
+.background-color-primary-contrast {
+  background-color: var(--primary-contrast);
+}
+
+.background-color-active {
+  background-color: var(--active);
+}
+
+.background-color-active-contrast {
+  background-color: var(--active-contrast);
+}
+
+.background-color-link {
+  background-color: var(--link);
+}
+
+.background-color-link-hover {
+  background-color: var(--link-hover);
+}
+
+.background-color-danger {
+  background-color: var(--danger);
+}
+
+.background-color-danger-contrast {
+  background-color: var(--danger-contrast);
+}
+
+.background-color-info {
+  background-color: var(--info);
+}
+
+.background-color-info-constrast {
+  background-color: var(--info-constrast);
+}
+
+.background-color-success {
+  background-color: var(--success);
+}
+
+.background-color-success-contrast {
+  background-color: var(--success-contrast);
+}
+
+.background-color-warning {
+  background-color: var(--warning);
+}
+
+.background-color-warning-contrast {
+  background-color: var(--warning-contrast);
+}
+
+.background-color-background {
+  background-color: var(--background);
+}
+
+.background-color-background-contrast {
+  background-color: var(--background-contrast);
+}
+
+.background-color-background-alpha {
+  background-color: var(--background-alpha);
+}
+
+.background-color-border {
+  background-color: var(--border);
+}
+
+.background-color-border-contrast {
+  background-color: var(--border-contrast);
+}
+
+/**
+ *  typography
+ *  
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+.left {
+  text-align: left;
+}
+
+@media only screen and (min-width: 576px) {
+  .left-xs {
+    text-align: left;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .left-sm {
+    text-align: left;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .left-md {
+    text-align: left;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .left-lg {
+    text-align: left;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .left-xlg {
+    text-align: left;
+  }
+}
+.right {
+  text-align: right;
+}
+
+@media only screen and (min-width: 576px) {
+  .right-xs {
+    text-align: right;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .right-sm {
+    text-align: right;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .right-md {
+    text-align: right;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .right-lg {
+    text-align: right;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .right-xlg {
+    text-align: right;
+  }
+}
+.center {
+  text-align: center;
+}
+
+@media only screen and (min-width: 576px) {
+  .center-xs {
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .center-sm {
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .center-md {
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .center-lg {
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .center-xlg {
+    text-align: center;
+  }
+}
+.justify {
+  text-align: justify;
+}
+
+@media only screen and (min-width: 576px) {
+  .justify-xs {
+    text-align: justify;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .justify-sm {
+    text-align: justify;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .justify-md {
+    text-align: justify;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .justify-lg {
+    text-align: justify;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .justify-xlg {
+    text-align: justify;
+  }
+}
+.uppercase {
+  text-transform: uppercase;
+}
+
+@media only screen and (min-width: 576px) {
+  .uppercase-xs {
+    text-transform: uppercase;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .uppercase-sm {
+    text-transform: uppercase;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .uppercase-md {
+    text-transform: uppercase;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .uppercase-lg {
+    text-transform: uppercase;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .uppercase-xlg {
+    text-transform: uppercase;
+  }
+}
+.lowercase {
+  text-transform: lowercase;
+}
+
+@media only screen and (min-width: 576px) {
+  .lowercase-xs {
+    text-transform: lowercase;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .lowercase-sm {
+    text-transform: lowercase;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .lowercase-md {
+    text-transform: lowercase;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .lowercase-lg {
+    text-transform: lowercase;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .lowercase-xlg {
+    text-transform: lowercase;
+  }
+}
+.crossed {
+  text-decoration: line-through;
+}
+
+@media only screen and (min-width: 576px) {
+  .crossed-xs {
+    text-decoration: line-through;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .crossed-sm {
+    text-decoration: line-through;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .crossed-md {
+    text-decoration: line-through;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .crossed-lg {
+    text-decoration: line-through;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .crossed-xlg {
+    text-decoration: line-through;
+  }
+}
+.underline {
+  text-decoration: underline;
+}
+
+@media only screen and (min-width: 576px) {
+  .underline-xs {
+    text-decoration: underline;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .underline-sm {
+    text-decoration: underline;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .underline-md {
+    text-decoration: underline;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .underline-lg {
+    text-decoration: underline;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .underline-xlg {
+    text-decoration: underline;
+  }
+}
+.capitalize {
+  text-transform: capitalize;
+}
+
+@media only screen and (min-width: 576px) {
+  .capitalize-xs {
+    text-transform: capitalize;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .capitalize-sm {
+    text-transform: capitalize;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .capitalize-md {
+    text-transform: capitalize;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .capitalize-lg {
+    text-transform: capitalize;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .capitalize-xlg {
+    text-transform: capitalize;
+  }
+}
+.italic {
+  font-style: italic;
+}
+
+@media only screen and (min-width: 576px) {
+  .italic-xs {
+    font-style: italic;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .italic-sm {
+    font-style: italic;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .italic-md {
+    font-style: italic;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .italic-lg {
+    font-style: italic;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .italic-xlg {
+    font-style: italic;
+  }
+}
+.light {
+  font-weight: lighter;
+}
+
+@media only screen and (min-width: 576px) {
+  .light-xs {
+    font-weight: lighter;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .light-sm {
+    font-weight: lighter;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .light-md {
+    font-weight: lighter;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .light-lg {
+    font-weight: lighter;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .light-xlg {
+    font-weight: lighter;
+  }
+}
+.normal {
+  font-weight: normal;
+}
+
+@media only screen and (min-width: 576px) {
+  .normal-xs {
+    font-weight: normal;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .normal-sm {
+    font-weight: normal;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .normal-md {
+    font-weight: normal;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .normal-lg {
+    font-weight: normal;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .normal-xlg {
+    font-weight: normal;
+  }
+}
+.medium {
+  font-weight: medium;
+}
+
+@media only screen and (min-width: 576px) {
+  .medium-xs {
+    font-weight: medium;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .medium-sm {
+    font-weight: medium;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .medium-md {
+    font-weight: medium;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .medium-lg {
+    font-weight: medium;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .medium-xlg {
+    font-weight: medium;
+  }
+}
+.bold {
+  font-weight: bolder;
+}
+
+@media only screen and (min-width: 576px) {
+  .bold-xs {
+    font-weight: bolder;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .bold-sm {
+    font-weight: bolder;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .bold-md {
+    font-weight: bolder;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .bold-lg {
+    font-weight: bolder;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .bold-xlg {
+    font-weight: bolder;
+  }
+}
+/**
+ *  font-sizes
+ *
+ *
+ */
+.size-default {
+  font-size: 0.9rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .size-xs-default {
+    font-size: 0.9rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .size-sm-default {
+    font-size: 0.9rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .size-md-default {
+    font-size: 0.9rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .size-lg-default {
+    font-size: 0.9rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .size-xlg-default {
+    font-size: 0.9rem;
+  }
+}
+.size-small {
+  font-size: 0.675rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .size-xs-small {
+    font-size: 0.675rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .size-sm-small {
+    font-size: 0.675rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .size-md-small {
+    font-size: 0.675rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .size-lg-small {
+    font-size: 0.675rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .size-xlg-small {
+    font-size: 0.675rem;
+  }
+}
+.size-medium {
+  font-size: 1.35rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .size-xs-medium {
+    font-size: 1.35rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .size-sm-medium {
+    font-size: 1.35rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .size-md-medium {
+    font-size: 1.35rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .size-lg-medium {
+    font-size: 1.35rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .size-xlg-medium {
+    font-size: 1.35rem;
+  }
+}
+.size-large {
+  font-size: 1.8rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .size-xs-large {
+    font-size: 1.8rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .size-sm-large {
+    font-size: 1.8rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .size-md-large {
+    font-size: 1.8rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .size-lg-large {
+    font-size: 1.8rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .size-xlg-large {
+    font-size: 1.8rem;
+  }
+}
+.size-big {
+  font-size: 2.7rem;
+}
+
+@media only screen and (min-width: 576px) {
+  .size-xs-big {
+    font-size: 2.7rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .size-sm-big {
+    font-size: 2.7rem;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .size-md-big {
+    font-size: 2.7rem;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .size-lg-big {
+    font-size: 2.7rem;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .size-xlg-big {
+    font-size: 2.7rem;
+  }
+}
+/**
+ *  white-space
+ *
+ *
+ */
+.white-space-normal {
+  white-space: normal;
+}
+
+@media only screen and (min-width: 576px) {
+  .white-space-normal-xs {
+    white-space: normal;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .white-space-normal-sm {
+    white-space: normal;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .white-space-normal-md {
+    white-space: normal;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .white-space-normal-lg {
+    white-space: normal;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .white-space-normal-xlg {
+    white-space: normal;
+  }
+}
+.white-space-nowrap {
+  white-space: nowrap;
+}
+
+@media only screen and (min-width: 576px) {
+  .white-space-nowrap-xs {
+    white-space: nowrap;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .white-space-nowrap-sm {
+    white-space: nowrap;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .white-space-nowrap-md {
+    white-space: nowrap;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .white-space-nowrap-lg {
+    white-space: nowrap;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .white-space-nowrap-xlg {
+    white-space: nowrap;
+  }
+}
+.white-space-pre {
+  white-space: pre;
+}
+
+@media only screen and (min-width: 576px) {
+  .white-space-pre-xs {
+    white-space: pre;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .white-space-pre-sm {
+    white-space: pre;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .white-space-pre-md {
+    white-space: pre;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .white-space-pre-lg {
+    white-space: pre;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .white-space-pre-xlg {
+    white-space: pre;
+  }
+}
+.white-space-preline {
+  white-space: preline;
+}
+
+@media only screen and (min-width: 576px) {
+  .white-space-preline-xs {
+    white-space: preline;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .white-space-preline-sm {
+    white-space: preline;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .white-space-preline-md {
+    white-space: preline;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .white-space-preline-lg {
+    white-space: preline;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .white-space-preline-xlg {
+    white-space: preline;
+  }
+}
+.white-space-preline {
+  white-space: pre-line;
+}
+
+@media only screen and (min-width: 576px) {
+  .white-space-preline-xs {
+    white-space: pre-line;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .white-space-preline-sm {
+    white-space: pre-line;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .white-space-preline-md {
+    white-space: pre-line;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .white-space-preline-lg {
+    white-space: pre-line;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .white-space-preline-xlg {
+    white-space: pre-line;
+  }
+}
+.white-space-prewrap {
+  white-space: pre-wrap;
+}
+
+@media only screen and (min-width: 576px) {
+  .white-space-prewrap-xs {
+    white-space: pre-wrap;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .white-space-prewrap-sm {
+    white-space: pre-wrap;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .white-space-prewrap-md {
+    white-space: pre-wrap;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .white-space-prewrap-lg {
+    white-space: pre-wrap;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .white-space-prewrap-xlg {
+    white-space: pre-wrap;
+  }
+}
+/**
+ *  visibility
+ *
+ *
+ *  @author Björn Hase, me@herr-hase.wtf
+ *  @license http://opensource.org/licenses/MIT The MIT License
+ *  @link https://gitea.node001.net/tiny-components/plain-ui.git
+ *
+ */
+/**
+ *  display
+ *
+ *
+ */
+.display-block {
+  display: block;
+}
+
+@media only screen and (min-width: 576px) {
+  .display-block-xs {
+    display: block;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .display-block-sm {
+    display: block;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .display-block-md {
+    display: block;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .display-block-lg {
+    display: block;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .display-block-xlg {
+    display: block;
+  }
+}
+.display-inline {
+  display: inline;
+}
+
+@media only screen and (min-width: 576px) {
+  .display-inline-xs {
+    display: inline;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .display-inline-sm {
+    display: inline;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .display-inline-md {
+    display: inline;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .display-inline-lg {
+    display: inline;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .display-inline-xlg {
+    display: inline;
+  }
+}
+.display-inline-block {
+  display: inline-block;
+}
+
+@media only screen and (min-width: 576px) {
+  .display-inline-block-xs {
+    display: inline-block;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .display-inline-block-sm {
+    display: inline-block;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .display-inline-block-md {
+    display: inline-block;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .display-inline-block-lg {
+    display: inline-block;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .display-inline-block-xlg {
+    display: inline-block;
+  }
+}
+.display-flex {
+  display: flex;
+}
+
+@media only screen and (min-width: 576px) {
+  .display-flex-xs {
+    display: flex;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .display-flex-sm {
+    display: flex;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .display-flex-md {
+    display: flex;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .display-flex-lg {
+    display: flex;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .display-flex-xlg {
+    display: flex;
+  }
+}
+.display-inline-flex {
+  display: inline-flex;
+}
+
+@media only screen and (min-width: 576px) {
+  .display-inline-flex-xs {
+    display: inline-flex;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .display-inline-flex-sm {
+    display: inline-flex;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .display-inline-flex-md {
+    display: inline-flex;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .display-inline-flex-lg {
+    display: inline-flex;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .display-inline-flex-xlg {
+    display: inline-flex;
+  }
+}
+.display-table {
+  display: table;
+}
+
+@media only screen and (min-width: 576px) {
+  .display-table-xs {
+    display: table;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .display-table-sm {
+    display: table;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .display-table-md {
+    display: table;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .display-table-lg {
+    display: table;
+  }
+}
+@media only screen and (min-width: 1600px) {
+  .display-table-xlg {
+    display: table;
+  }
+}
+/**
+ *  for hidden-xs etc, show https://reflexgrid.com/#visibility-helpers
+ *
+ *  @TODO full integration of reflexgrid will change this part
+ *
+ */
+/**
+ * Visibility
+ *
+ */
+.visibility-hidden {
+  visibility: hidden;
+}
+
+.visibility-visible {
+  visibility: visible;
+}
+
+.visibility-collapse {
+  visibility: collapse;
+}
+
+/**
+ *  Opacity
+ *
+ *
+ */
+.opacity-1 {
+  opacity: 0.1;
+}
+
+.opacity-2 {
+  opacity: 0.2;
+}
+
+.opacity-3 {
+  opacity: 0.3;
+}
+
+.opacity-4 {
+  opacity: 0.4;
+}
+
+.opacity-5 {
+  opacity: 0.5;
+}
+
+.opacity-6 {
+  opacity: 0.6;
+}
+
+.opacity-7 {
+  opacity: 0.7;
+}
+
+.opacity-8 {
+  opacity: 0.8;
+}
+
+.opacity-9 {
+  opacity: 0.9;
+}
+
+.opacity-10 {
+  opacity: 1;
+}
+
+.inner {
+  width: 100%;
+  max-width: 770px;
+}
+
+.post__header h2 a {
+  color: white;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-space-between {
+  justify-content: space-between;
+}
+
+.breadcrumb {
+  display: flex;
+  list-style: none;
+  padding: 0;
+}
+.breadcrumb li {
+  margin-right: 1em;
+}
+
+.site-footer {
+  border-top: 1px solid;
+}
diff --git a/public/index.html b/public/index.html
index 9a56ee2..95b51e0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -33,7 +33,7 @@
 			<article class="post m-bottom-6">
 				<header class="post__header m-bottom-4">
 					<h2 class="h4 m-bottom-3 highlight">
-						<a href="/faridn-frin.html">
+						<a href="/faridn-frin">
 							Farin Frin
 						</a>
 					</h2>
@@ -52,7 +52,7 @@
 			<article class="post m-bottom-6">
 				<header class="post__header m-bottom-4">
 					<h2 class="h4 m-bottom-3 highlight">
-						<a href="/hipaa-mofa-cold.html">
+						<a href="/hipaa-mofa-cold">
 							Hipaa Mofa Cold
 						</a>
 					</h2>
diff --git a/public/js/blog.js b/public/js/blog.js
index 0122165..70ab1ff 100644
--- a/public/js/blog.js
+++ b/public/js/blog.js
@@ -1 +1,311 @@
-(()=>{var t={484:function(t){t.exports=function(){"use strict";var t=1e3,e=6e4,r=36e5,n="millisecond",i="second",s="minute",a="hour",u="day",o="week",c="month",d="quarter",h="year",l="date",f="Invalid Date",p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,$=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],r=t%100;return"["+t+(e[(r-20)%10]||e[r]||e[0])+"]"}},v=function(t,e,r){var n=String(t);return!n||n.length>=e?t:""+Array(e+1-n.length).join(r)+t},g={s:v,z:function(t){var e=-t.utcOffset(),r=Math.abs(e),n=Math.floor(r/60),i=r%60;return(e<=0?"+":"-")+v(n,2,"0")+":"+v(i,2,"0")},m:function t(e,r){if(e.date()<r.date())return-t(r,e);var n=12*(r.year()-e.year())+(r.month()-e.month()),i=e.clone().add(n,c),s=r-i<0,a=e.clone().add(n+(s?-1:1),c);return+(-(n+(r-i)/(s?i-a:a-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:h,w:o,d:u,D:l,h:a,m:s,s:i,ms:n,Q:d}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},x="en",y={};y[x]=m;var M=function(t){return t instanceof T},D=function t(e,r,n){var i;if(!e)return x;if("string"==typeof e){var s=e.toLowerCase();y[s]&&(i=s),r&&(y[s]=r,i=s);var a=e.split("-");if(!i&&a.length>1)return t(a[0])}else{var u=e.name;y[u]=e,i=u}return!n&&i&&(x=i),i||!n&&x},S=function(t,e){if(M(t))return t.clone();var r="object"==typeof e?e:{};return r.date=t,r.args=arguments,new T(r)},b=g;b.l=D,b.i=M,b.w=function(t,e){return S(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var T=function(){function m(t){this.$L=D(t.locale,null,!0),this.parse(t)}var v=m.prototype;return v.parse=function(t){this.$d=function(t){var e=t.date,r=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var n=e.match(p);if(n){var i=n[2]-1||0,s=(n[7]||"0").substring(0,3);return r?new Date(Date.UTC(n[1],i,n[3]||1,n[4]||0,n[5]||0,n[6]||0,s)):new Date(n[1],i,n[3]||1,n[4]||0,n[5]||0,n[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return b},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(t,e){var r=S(t);return this.startOf(e)<=r&&r<=this.endOf(e)},v.isAfter=function(t,e){return S(t)<this.startOf(e)},v.isBefore=function(t,e){return this.endOf(e)<S(t)},v.$g=function(t,e,r){return b.u(t)?this[e]:this.set(r,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,e){var r=this,n=!!b.u(e)||e,d=b.p(t),f=function(t,e){var i=b.w(r.$u?Date.UTC(r.$y,e,t):new Date(r.$y,e,t),r);return n?i:i.endOf(u)},p=function(t,e){return b.w(r.toDate()[t].apply(r.toDate("s"),(n?[0,0,0,0]:[23,59,59,999]).slice(e)),r)},$=this.$W,m=this.$M,v=this.$D,g="set"+(this.$u?"UTC":"");switch(d){case h:return n?f(1,0):f(31,11);case c:return n?f(1,m):f(0,m+1);case o:var x=this.$locale().weekStart||0,y=($<x?$+7:$)-x;return f(n?v-y:v+(6-y),m);case u:case l:return p(g+"Hours",0);case a:return p(g+"Minutes",1);case s:return p(g+"Seconds",2);case i:return p(g+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,e){var r,o=b.p(t),d="set"+(this.$u?"UTC":""),f=(r={},r[u]=d+"Date",r[l]=d+"Date",r[c]=d+"Month",r[h]=d+"FullYear",r[a]=d+"Hours",r[s]=d+"Minutes",r[i]=d+"Seconds",r[n]=d+"Milliseconds",r)[o],p=o===u?this.$D+(e-this.$W):e;if(o===c||o===h){var $=this.clone().set(l,1);$.$d[f](p),$.init(),this.$d=$.set(l,Math.min(this.$D,$.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(t,e){return this.clone().$set(t,e)},v.get=function(t){return this[b.p(t)]()},v.add=function(n,d){var l,f=this;n=Number(n);var p=b.p(d),$=function(t){var e=S(f);return b.w(e.date(e.date()+Math.round(t*n)),f)};if(p===c)return this.set(c,this.$M+n);if(p===h)return this.set(h,this.$y+n);if(p===u)return $(1);if(p===o)return $(7);var m=(l={},l[s]=e,l[a]=r,l[i]=t,l)[p]||1,v=this.$d.getTime()+n*m;return b.w(v,this)},v.subtract=function(t,e){return this.add(-1*t,e)},v.format=function(t){var e=this,r=this.$locale();if(!this.isValid())return r.invalidDate||f;var n=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,a=this.$m,u=this.$M,o=r.weekdays,c=r.months,d=function(t,r,i,s){return t&&(t[r]||t(e,n))||i[r].slice(0,s)},h=function(t){return b.s(s%12||12,t,"0")},l=r.meridiem||function(t,e,r){var n=t<12?"AM":"PM";return r?n.toLowerCase():n},p={YY:String(this.$y).slice(-2),YYYY:this.$y,M:u+1,MM:b.s(u+1,2,"0"),MMM:d(r.monthsShort,u,c,3),MMMM:d(c,u),D:this.$D,DD:b.s(this.$D,2,"0"),d:String(this.$W),dd:d(r.weekdaysMin,this.$W,o,2),ddd:d(r.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:b.s(s,2,"0"),h:h(1),hh:h(2),a:l(s,a,!0),A:l(s,a,!1),m:String(a),mm:b.s(a,2,"0"),s:String(this.$s),ss:b.s(this.$s,2,"0"),SSS:b.s(this.$ms,3,"0"),Z:i};return n.replace($,(function(t,e){return e||p[t]||i.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(n,l,f){var p,$=b.p(l),m=S(n),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,x=b.m(this,m);return x=(p={},p[h]=x/12,p[c]=x,p[d]=x/3,p[o]=(g-v)/6048e5,p[u]=(g-v)/864e5,p[a]=g/r,p[s]=g/e,p[i]=g/t,p)[$]||g,f?x:b.a(x)},v.daysInMonth=function(){return this.endOf(c).$D},v.$locale=function(){return y[this.$L]},v.locale=function(t,e){if(!t)return this.$L;var r=this.clone(),n=D(t,e,!0);return n&&(r.$L=n),r},v.clone=function(){return b.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),w=T.prototype;return S.prototype=w,[["$ms",n],["$s",i],["$m",s],["$H",a],["$W",u],["$M",c],["$y",h],["$D",l]].forEach((function(t){w[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),S.extend=function(t,e){return t.$i||(t(e,T,S),t.$i=!0),S},S.locale=D,S.isDayjs=M,S.unix=function(t){return S(1e3*t)},S.en=y[x],S.Ls=y,S.p={},S}()}},e={};function r(n){var i=e[n];if(void 0!==i)return i.exports;var s=e[n]={exports:{}};return t[n].call(s.exports,s,s.exports,r),s.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";var t=r(484),e=r.n(t);const n={css:null,exports:{state:{tag:void 0,limit:1},onBeforeMount(){},formatDate:t=>e()(t).format("DD.MM.YYYY"),isVisible(t){let e=!1;return this.tag?t.tags&&-1!==t.tags.indexOf(this.tag)&&(e=!0):e=!0,e},addTag(t){this.tag=t,this.update()}},template:(t,e,r,n)=>t('<article expr0="expr0" class="post m-bottom-6"></article>',[{type:r.EACH,getKey:null,condition:t=>t.isVisible(t.post),template:t('<header class="post__header m-bottom-3"><h2 class="h4 m-bottom-3 highlight"><a expr1="expr1"> </a></h2><span><time expr2="expr2"> </time></span><span expr3="expr3" class="m-left-3"></span></header><div expr5="expr5" class="post__excerpt"></div>',[{redundantAttribute:"expr1",selector:"[expr1]",expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.post.title].join("")},{type:e.ATTRIBUTE,name:"href",evaluate:t=>t.post.path}]},{redundantAttribute:"expr2",selector:"[expr2]",expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.formatDate(t.post.date_published)].join("")},{type:e.ATTRIBUTE,name:"time",evaluate:t=>t.post.date_published}]},{type:r.EACH,getKey:null,condition:null,template:t('\n                / <a expr4="expr4" class="underline"> </a>',[{redundantAttribute:"expr4",selector:"[expr4]",expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>t.tag},{type:e.EVENT,name:"onclick",evaluate:t=>()=>{t.addTag(t.tag)}}]}]),redundantAttribute:"expr3",selector:"[expr3]",itemName:"tag",indexName:null,evaluate:t=>t.post.tags},{type:r.IF,evaluate:t=>t.post.excerpt,redundantAttribute:"expr5",selector:"[expr5]",template:t('<div expr6="expr6" class="content"> </div>',[{redundantAttribute:"expr6",selector:"[expr6]",expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>[t.post.excerpt].join("")}]}])}]),redundantAttribute:"expr0",selector:"[expr0]",itemName:"post",indexName:null,evaluate:t=>t.props.posts}]),name:"blog-posts"};riot.register("blog-posts",n),riot.mount("blog-posts")})()})();
\ No newline at end of file
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./assets/js/components/blog-posts.riot":
+/*!**********************************************!*\
+  !*** ./assets/js/components/blog-posts.riot ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dayjs */ "./node_modules/dayjs/dayjs.min.js");
+/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__);
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  css: null,
+
+  exports: {
+    state: {
+        tag: undefined,
+        limit: 1,
+    },
+
+    /**
+     *
+     *  @return {[type]}
+     *
+     */
+    onBeforeMount() {
+
+    },
+
+    /**
+     *
+     *  @param  {[type]} date
+     *  @return {[type]}
+     *
+     */
+    formatDate(date) {
+        return dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date).format('DD.MM.YYYY')
+    },
+
+    /**
+     *
+     *  @param  {[type]}  post
+     *  @return {Boolean}
+     */
+    isVisible(post) {
+
+        let result = false
+
+        // if tag is set, check for tags in post.tags, if not valid not showing
+        if (this.tag) {
+            if (post.tags && post.tags.indexOf(this.tag) !== -1) {
+                result = true
+            }
+        } else {
+            result = true
+        }
+
+        return result
+    },
+
+    /**
+     *
+     *  @param {[type]} tag  
+     */
+    addTag(tag) {
+        this.tag = tag
+        this.update()
+    }
+  },
+
+  template: (
+    template,
+    expressionTypes,
+    bindingTypes,
+    getComponent
+  ) => template(
+    '<article expr0="expr0" class="post m-bottom-6"></article>',
+    [
+      {
+        type: bindingTypes.EACH,
+        getKey: null,
+        condition: _scope => _scope.isVisible(_scope.post),
+
+        template: template(
+          '<header class="post__header m-bottom-3"><h2 class="h4 m-bottom-3 highlight"><a expr1="expr1"> </a></h2><span><time expr2="expr2"> </time></span><span expr3="expr3" class="m-left-3"></span></header><div expr5="expr5" class="post__excerpt"></div>',
+          [
+            {
+              redundantAttribute: 'expr1',
+              selector: '[expr1]',
+
+              expressions: [
+                {
+                  type: expressionTypes.TEXT,
+                  childNodeIndex: 0,
+
+                  evaluate: _scope => [
+                    _scope.post.title
+                  ].join(
+                    ''
+                  )
+                },
+                {
+                  type: expressionTypes.ATTRIBUTE,
+                  name: 'href',
+                  evaluate: _scope => _scope.post.path
+                }
+              ]
+            },
+            {
+              redundantAttribute: 'expr2',
+              selector: '[expr2]',
+
+              expressions: [
+                {
+                  type: expressionTypes.TEXT,
+                  childNodeIndex: 0,
+
+                  evaluate: _scope => [
+                    _scope.formatDate(_scope.post.date_published)
+                  ].join(
+                    ''
+                  )
+                },
+                {
+                  type: expressionTypes.ATTRIBUTE,
+                  name: 'time',
+                  evaluate: _scope => _scope.post.date_published
+                }
+              ]
+            },
+            {
+              type: bindingTypes.EACH,
+              getKey: null,
+              condition: null,
+
+              template: template(
+                '\n                / <a expr4="expr4" class="underline"> </a>',
+                [
+                  {
+                    redundantAttribute: 'expr4',
+                    selector: '[expr4]',
+
+                    expressions: [
+                      {
+                        type: expressionTypes.TEXT,
+                        childNodeIndex: 0,
+                        evaluate: _scope => _scope.tag
+                      },
+                      {
+                        type: expressionTypes.EVENT,
+                        name: 'onclick',
+                        evaluate: _scope => () => { _scope.addTag(_scope.tag) }
+                      }
+                    ]
+                  }
+                ]
+              ),
+
+              redundantAttribute: 'expr3',
+              selector: '[expr3]',
+              itemName: 'tag',
+              indexName: null,
+              evaluate: _scope => _scope.post.tags
+            },
+            {
+              type: bindingTypes.IF,
+              evaluate: _scope => _scope.post.excerpt,
+              redundantAttribute: 'expr5',
+              selector: '[expr5]',
+
+              template: template(
+                '<div expr6="expr6" class="content"> </div>',
+                [
+                  {
+                    redundantAttribute: 'expr6',
+                    selector: '[expr6]',
+
+                    expressions: [
+                      {
+                        type: expressionTypes.TEXT,
+                        childNodeIndex: 0,
+
+                        evaluate: _scope => [
+                          _scope.post.excerpt
+                        ].join(
+                          ''
+                        )
+                      }
+                    ]
+                  }
+                ]
+              )
+            }
+          ]
+        ),
+
+        redundantAttribute: 'expr0',
+        selector: '[expr0]',
+        itemName: 'post',
+        indexName: null,
+        evaluate: _scope => _scope.props.posts
+      }
+    ]
+  ),
+
+  name: 'blog-posts'
+});
+
+/***/ }),
+
+/***/ "./node_modules/dayjs/dayjs.min.js":
+/*!*****************************************!*\
+  !*** ./node_modules/dayjs/dayjs.min.js ***!
+  \*****************************************/
+/***/ (function(module) {
+
+!function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
+/*!***************************!*\
+  !*** ./assets/js/blog.js ***!
+  \***************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_blog_posts_riot__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/blog-posts.riot */ "./assets/js/components/blog-posts.riot");
+
+riot.register('blog-posts', _components_blog_posts_riot__WEBPACK_IMPORTED_MODULE_0__["default"]);
+riot.mount('blog-posts');
+})();
+
+/******/ })()
+;
\ No newline at end of file
diff --git a/public/js/critical.js b/public/js/critical.js
index a9396df..3e0452c 100644
--- a/public/js/critical.js
+++ b/public/js/critical.js
@@ -1,2 +1,3587 @@
-/*! For license information please see critical.js.LICENSE.txt */
-(()=>{var t,e={846:(t,e,n)=>{window.riot=n(137)},323:()=>{},137:(t,e,n)=>{"use strict";n.r(e),n.d(e,{__:()=>te,component:()=>Xt,install:()=>Gt,mount:()=>Vt,pure:()=>Zt,register:()=>Yt,uninstall:()=>Wt,unmount:()=>qt,unregister:()=>Ft,version:()=>Qt,withTypes:()=>Jt});const r=new Map,o=Symbol("riot-component"),s=new Set,i="mount",u="update",a="unmount",c="shouldUpdate",l="onBeforeMount",h="onMounted",d="onBeforeUpdate",p="onUpdated",m="onBeforeUnmount",f="onUnmounted",b="props",g="state",v="slots",y="root",O=Symbol("pure"),j=Symbol("is_updating"),N=Symbol("parent"),w=Symbol("attributes"),x=Symbol("template"),M={ATTRIBUTE:0,EVENT:1,TEXT:2,VALUE:3};function E(t){return t.replace(/-(\w)/g,((t,e)=>e.toUpperCase()))}function T(t,e){throw new Error(t,{cause:e})}function A(t){const e=new Map,n=n=>(e.has(n)||e.set(n,t.call(this,n)))&&e.get(n);return n.cache=e,n}function S(t){return t.reduce(((t,e)=>{const{value:n,type:r}=e;switch(!0){case!e.name&&0===r:return Object.assign({},t,n);case 3===r:t.value=e.value;break;default:t[E(e.name)]=e.value}return t}),{})}function C(t,e){return typeof t===e}function k(t){const e=t.ownerSVGElement;return!!e||null===e}function D(t){return"template"===t.tagName.toLowerCase()}function P(t){return C(t,"function")}function L(t){return!_(t)&&t.constructor===Object}function _(t){return null==t}function I(){return this}function $(t){return P(t)?t.prototype&&t.prototype.constructor?new t:t():t}const B=Object.freeze({[i]:I,[u]:I,[a]:I}),U=Object.assign({},B,{clone:I,createDOM:I});function z(t){for(;t.firstChild;)t.removeChild(t.firstChild)}const H=t=>t.remove(),K=(t,e)=>e&&e.parentNode&&e.parentNode.insertBefore(t,e),R={EACH:0,IF:1,SIMPLE:2,TAG:3,SLOT:4};function Y(t,e,n,r){return void 0===r&&(r={}),Object.defineProperty(t,e,Object.assign({value:n,enumerable:!1,writable:!1,configurable:!0},r)),t}function F(t,e,n){return Object.entries(e).forEach((e=>{let[r,o]=e;Y(t,r,o,n)})),t}function V(t,e){return Object.entries(e).forEach((e=>{let[n,r]=e;t[n]||(t[n]=r)})),t}const q=Symbol(),G=Symbol();function W(t){const e=t.dom.cloneNode(!0),{head:n,tail:r}=function(){const t=document.createTextNode(""),e=document.createTextNode("");return t[q]=!0,e[G]=!0,{head:t,tail:e}}();return{avoidDOMInjection:!0,fragment:e,head:n,tail:r,children:[n,...Array.from(e.childNodes),r]}}const X=Symbol("unmount"),Z={nodes:[],mount(t,e){return this.update(t,e)},update(t,e){const{placeholder:n,nodes:r,childrenMap:o}=this,s=t===X?null:this.evaluate(t),i=s?Array.from(s):[],{newChildrenMap:u,batches:a,futureNodes:c}=function(t,e,n,r){const{condition:o,template:s,childrenMap:i,itemName:u,getKey:a,indexName:c,root:l,isTemplateTag:h}=r,d=new Map,p=[],m=[];return t.forEach(((t,r)=>{const f=function(t,e){let{itemName:n,indexName:r,index:o,item:s}=e;Y(t,n,s),r&&Y(t,r,o);return t}(Object.create(e),{itemName:u,indexName:c,index:r,item:t}),b=a?a(f):r,g=i.get(b),v=[];if(function(t,e){return!!t&&!t(e)}(o,f))return;const y=!g,O=g?g.template:s.clone(),j=O.el||l.cloneNode(),N=h&&y?W(O):O.meta;y?p.push((()=>O.mount(j,f,n,N))):p.push((()=>O.update(f,n))),h?v.push(...N.children):v.push(j),i.delete(b),m.push(...v),d.set(b,{nodes:v,template:O,context:f,index:r})})),{newChildrenMap:d,batches:p,futureNodes:m}}(i,t,e,this);return((t,e,n,r)=>{const o=e.length;let s=t.length,i=o,u=0,a=0,c=null;for(;u<s||a<i;)if(s===u){const t=i<o?a?n(e[a-1],-0).nextSibling:n(e[i-a],0):r;for(;a<i;)K(n(e[a++],1),t)}else if(i===a)for(;u<s;)c&&c.has(t[u])||H(n(t[u],-1)),u++;else if(t[u]===e[a])u++,a++;else if(t[s-1]===e[i-1])s--,i--;else if(t[u]===e[i-1]&&e[a]===t[s-1]){const r=n(t[--s],-1).nextSibling;K(n(e[a++],1),n(t[u++],-1).nextSibling),K(n(e[--i],1),r),t[s]=e[i]}else{if(!c){c=new Map;let t=a;for(;t<i;)c.set(e[t],t++)}if(c.has(t[u])){const r=c.get(t[u]);if(a<r&&r<i){let o=u,d=1;for(;++o<s&&o<i&&c.get(t[o])===r+d;)d++;if(d>r-a){const o=n(t[u],0);for(;a<r;)K(n(e[a++],1),o)}else l=n(e[a++],1),(h=n(t[u++],-1))&&h.parentNode&&h.parentNode.replaceChild(l,h)}else u++}else H(n(t[u++],-1))}var l,h})(r,c,function(t,e){return(n,r)=>{if(r<0){const n=t[t.length-1];if(n){const{template:r,nodes:o,context:s}=n;o.pop(),o.length||(t.pop(),r.unmount(s,e,null))}}return n}}(Array.from(o.values()),e),n),a.forEach((t=>t())),this.childrenMap=u,this.nodes=c,this},unmount(t,e){return this.update(X,e),this}};const J={mount(t,e){return this.update(t,e)},update(t,e){const n=!!this.evaluate(t),r=!this.value&&n,o=this.value&&!n,s=()=>{const n=this.node.cloneNode();K(n,this.placeholder),this.template=this.template.clone(),this.template.mount(n,t,e)};switch(!0){case r:s();break;case o:this.unmount(t);break;default:n&&this.template.update(t,e)}return this.value=n,this},unmount(t,e){return this.template.unmount(t,e,!0),this}};const Q="undefined"==typeof Element?{}:Element.prototype,tt=A((t=>Q.hasOwnProperty(t)));function et(t,e,n,r){let{name:o}=e;if(!o)return r&&function(t,e,n){const r=e?Object.keys(e):[];Object.keys(n).filter((t=>!r.includes(t))).forEach((e=>t.removeAttribute(e)))}(t,n,r),void(n&&function(t,e){Object.entries(e).forEach((e=>{let[n,r]=e;return et(t,{name:n},r)}))}(t,n));!tt(o)&&(function(t){return C(t,"boolean")}(n)||L(n)||P(n))&&(t[o]=n),!function(t){return!t&&0!==t}(n)?function(t){return!0===t||["string","number"].includes(typeof t)}(n)&&t.setAttribute(o,function(t,e){return!0===e?t:e}(o,n)):t.removeAttribute(o)}const nt=/^on/,rt={handleEvent(t){this[t.type](t)}},ot=new WeakMap;function st(t){return _(t)?"":t}const it=(t,e)=>{const n=t.childNodes[e];if(n.nodeType===Node.COMMENT_NODE){const e=document.createTextNode("");return t.replaceChild(e,n),e}return n};const ut={0:et,1:function(t,e,n){let{name:r}=e;const o=r.replace(nt,""),s=ot.get(t)||(t=>{const e=Object.create(rt);return ot.set(t,e),e})(t),[i,u]=(t=>Array.isArray(t)?t:[t,!1])(n),a=s[o],c=i&&!a;a&&!i&&t.removeEventListener(o,s),c&&t.addEventListener(o,s,u),s[o]=i},2:function(t,e,n){t.data=st(n)},3:function(t,e,n){t.value=st(n)}},at={mount(t){return this.value=this.evaluate(t),ct(this,this.value),this},update(t){const e=this.evaluate(t);return this.value!==e&&(ct(this,e),this.value=e),this},unmount(){return 1===this.type&&ct(this,null),this}};function ct(t,e){return ut[t.type](t.node,t,e,t.value)}function lt(t,e){return Object.assign({},at,e,{node:2===e.type?it(t,e.childNodeIndex):t})}const ht=(t,e)=>t[N]||e,dt={attributes:[],getTemplateScope(t,e){return function(t,e,n){if(!t||!t.length)return n;const r=t.map((t=>Object.assign({},t,{value:t.evaluate(e)})));return Object.assign(Object.create(n||null),S(r))}(this.attributes,t,e)},mount(t,e){const n=!!t.slots&&t.slots.find((t=>{let{id:e}=t;return e===this.name})),{parentNode:r}=this.node,o=ht(t,e);return this.template=n&&jt(n.html,n.bindings).createDOM(r),this.template&&(z(this.node),this.template.mount(this.node,this.getTemplateScope(t,o),o),this.template.children=Array.from(this.node.childNodes)),pt(this.node),H(this.node),this},update(t,e){if(this.template){const n=ht(t,e);this.template.update(this.getTemplateScope(t,n),n)}return this},unmount(t,e,n){return this.template&&this.template.unmount(this.getTemplateScope(t,e),null,n),this}};function pt(t){const e=t&&t.firstChild;e&&(K(e,t),pt(t))}function mt(t){return t.reduce(((t,e)=>{let{bindings:n}=e;return t.concat(n)}),[])}const ft={mount(t){return this.update(t)},update(t,e){const n=this.evaluate(t);return n&&n===this.name?this.tag.update(t):(this.unmount(t,e,!0),this.name=n,this.tag=function(t,e,n){return void 0===e&&(e=[]),void 0===n&&(n=[]),t?t({slots:e,attributes:n}):jt(function(t){return t.reduce(((t,e)=>t+e.html),"")}(e),[...mt(e),{expressions:n.map((t=>Object.assign({type:0},t)))}])}(this.getComponent(n),this.slots,this.attributes),this.tag.mount(this.node,t)),this},unmount(t,e,n){return this.tag&&this.tag.unmount(n),this}};const bt={1:function(t,e){let{evaluate:n,template:r}=e;const o=document.createTextNode("");return K(o,t),H(t),Object.assign({},J,{node:t,evaluate:n,placeholder:o,template:r.createDOM(t)})},2:function(t,e){let{expressions:n}=e;return Object.assign({},(r=n.map((e=>lt(t,e))),["mount","update","unmount"].reduce(((t,e)=>Object.assign({},t,{[e]:t=>r.map((n=>n[e](t)))&&o})),{})));var r,o},0:function(t,e){let{evaluate:n,condition:r,itemName:o,indexName:s,getKey:i,template:u}=e;const a=document.createTextNode(""),c=t.cloneNode();return K(a,t),H(t),Object.assign({},Z,{childrenMap:new Map,node:t,root:c,condition:r,evaluate:n,isTemplateTag:D(c),template:u.createDOM(t),getKey:i,indexName:s,itemName:o,placeholder:a})},3:function(t,e){let{evaluate:n,getComponent:r,slots:o,attributes:s}=e;return Object.assign({},ft,{node:t,evaluate:n,slots:o,attributes:s,getComponent:r})},4:function(t,e){let{name:n,attributes:r}=e;return Object.assign({},dt,{attributes:r,node:t,name:n})}};function gt(t,e){return t.map((t=>2===t.type?Object.assign({},t,{childNodeIndex:t.childNodeIndex+e}):t))}function vt(t,e,n){const{selector:r,type:o,redundantAttribute:s,expressions:i}=e,u=r?t.querySelector(r):t;s&&u.removeAttribute(s);const a=i||[];return(bt[o]||bt[2])(u,Object.assign({},e,{expressions:n&&!r?gt(a,n):a}))}function yt(t,e){return k(t)?function(t,e){return e.ownerDocument.importNode((new window.DOMParser).parseFromString(`<svg xmlns="http://www.w3.org/2000/svg">${t}</svg>`,"application/xml").documentElement,!0)}(e,t):function(t,e){const n=D(e)?e:document.createElement("template");return n.innerHTML=t,n.content}(e,t)}const Ot={createDOM(t){return this.dom=this.dom||function(t,e){return e&&("string"==typeof e?yt(t,e):e)}(t,this.html)||document.createDocumentFragment(),this},mount(t,e,n,r){void 0===r&&(r={}),t||T("Please provide DOM node to mount properly your template"),this.el&&this.unmount(e);const{fragment:o,children:s,avoidDOMInjection:i}=r,{parentNode:u}=s?s[0]:t,a=D(t),c=a?function(t,e,n){const r=Array.from(t.childNodes);return Math.max(r.indexOf(e),r.indexOf(n.head)+1,0)}(u,t,r):null;this.createDOM(t);const l=o||this.dom.cloneNode(!0);return this.el=a?u:t,this.children=a?s||Array.from(l.childNodes):null,!i&&l&&function(t,e){switch(!0){case k(t):!function(t,e){for(;t.firstChild;)e.appendChild(t.firstChild)}(e,t);break;case D(t):t.parentNode.replaceChild(e,t);break;default:t.appendChild(e)}}(t,l),this.bindings=this.bindingsData.map((t=>vt(this.el,t,c))),this.bindings.forEach((t=>t.mount(e,n))),this.meta=r,this},update(t,e){return this.bindings.forEach((n=>n.update(t,e))),this},unmount(t,e,n){void 0===n&&(n=!1);const r=this.el;if(!r)return this;switch(this.bindings.forEach((r=>r.unmount(t,e,n))),!0){case r[O]||null===n:break;case Array.isArray(this.children):!function(t){for(let e=0;e<t.length;e++)H(t[e])}(this.children);break;case!n:z(r);break;case!!n:H(r)}return this.el=null,this},clone(){return Object.assign({},this,{meta:{},el:null})}};function jt(t,e){return void 0===e&&(e=[]),Object.assign({},Ot,{html:t,bindingsData:e})}const Nt=(t,e)=>t[o]=e;function wt(t){return[i,u,a].reduce(((e,n)=>(e[n]=t(n),e)),{})}function xt(t){return Array.isArray(t)?t:/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(t))&&"number"==typeof t.length?Array.from(t):[t]}function Mt(t,e){return xt("string"==typeof t?(e||document).querySelectorAll(t):t)}const Et=Object.freeze({$(t){return Mt(t,this.root)[0]},$$(t){return Mt(t,this.root)}}),Tt=Object.freeze({[c]:I,[l]:I,[h]:I,[d]:I,[p]:I,[m]:I,[f]:I}),At=t=>1===t.length?t[0]:t;function St(t,e,n){const r="object"==typeof e?e:{[e]:n},o=Object.keys(r);return xt(t).forEach((t=>{o.forEach((e=>t.setAttribute(e,r[e])))})),t}function Ct(t,e){return function(t,e,n){const r="string"==typeof e?[e]:e;return At(xt(t).map((t=>At(r.map((e=>t[n](e)))))))}(t,e,"getAttribute")}const kt=new Map,Dt=()=>Pt||(St(Pt=Mt("style[riot]")[0]||document.createElement("style"),"type","text/css"),Pt.parentNode||document.head.appendChild(Pt),Pt);var Pt;const Lt={CSS_BY_NAME:kt,add(t,e){return kt.has(t)||(kt.set(t,e),this.inject()),this},inject(){return Dt().innerHTML=[...kt.values()].join("\n"),this},remove(t){return kt.has(t)&&(kt.delete(t),this.inject()),this}};function _t(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return function(){for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];return(r=[...n,...r]).length<t.length?_t(t,...r):t(...r)}}function It(t){return Ct(t,"is")||t.tagName.toLowerCase()}function $t(t,e){return Object.assign({},t,$(e))}function Bt(t,e){return void 0===e&&(e={}),Object.assign({},function(t){return Array.from(t.attributes).reduce(((t,e)=>(t[E(e.name)]=e.value,t)),{})}(t),$(e))}function Ut(t,e){let{slots:n,attributes:r,props:o}=e;return i=function(t){return[...s].reduce(((t,e)=>e(t)||t),t)}(F(L(t)?Object.create(t):t,{mount(e,s,i){return void 0===s&&(s={}),Y(e,O,!1),this[N]=i,this[w]=function(t,e){void 0===e&&(e=[]);const n=e.map((e=>lt(t,e))),r={};return Object.assign(r,Object.assign({expressions:n},wt((t=>e=>(n.forEach((n=>n[t](e))),r)))))}(e,r).mount(i),Y(this,b,Object.freeze(Object.assign({},Bt(e,o),S(this[w].expressions)))),this[g]=$t(this[g],s),this[x]=this.template.createDOM(e).clone(),Nt(e,this),t.name&&function(t,e){It(t)!==e&&St(t,"is",e)}(e,t.name),Y(this,y,e),Y(this,v,n),this[l](this[b],this[g]),this[x].mount(e,this,i),this[h](this[b],this[g]),this},update(t,e){void 0===t&&(t={}),e&&(this[N]=e,this[w].update(e));const n=S(this[w].expressions);if(!1!==this[c](n,this[b]))return Y(this,b,Object.freeze(Object.assign({},this[b],n))),this[g]=$t(this[g],t),this[d](this[b],this[g]),this[j]||(this[j]=!0,this[x].update(this,this[N])),this[p](this[b],this[g]),this[j]=!1,this},unmount(t){return this[m](this[b],this[g]),this[w].unmount(),this[x].unmount(this,this[N],null===t?null:!t),this[f](this[b],this[g]),this}})),Object.keys(t).filter((e=>P(t[e]))).forEach((t=>{i[t]=i[t].bind(i)})),i;var i}function zt(t){let{css:e,template:n,componentAPI:r,name:o}=t;return e&&o&&Lt.add(o,e),_t(Ut)(F(V(r,Object.assign({},Tt,{[b]:{},[g]:{}})),Object.assign({[v]:null,[y]:null},Et,{name:o,css:e,template:n})))}const Ht=t=>{const e=(void 0===(n=t.exports?t.exports.components:{})&&(n={}),Object.entries($(n)).reduce(((t,e)=>{let[n,r]=e;var o;return t[(o=n,o.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=Rt(r),t}),{}));var n;return n=>n===t.name?Kt(t):e[n]||r.get(n)},Kt=A(Rt);function Rt(t){const{css:e,template:n,exports:r,name:o}=t,s=n?function(t,e,n){return t(jt,M,R,n)}(n,0,Ht(t)):U;return t=>{let{slots:u,attributes:a,props:c}=t;if(r&&r[O])return function(t,e){let{slots:n,attributes:r,props:o,css:s,template:u}=e;u&&T("Pure components can not have html"),s&&T("Pure components do not have css");const a=V(t({slots:n,attributes:r,props:o}),B);return wt((t=>function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];if(t===i){const[t]=n;Y(t,O,!0),Nt(t,a)}return a[t](...n),a}))}(r,{slots:u,attributes:a,props:c,css:e,template:n});const l=$(r)||{},h=zt({css:e,template:s,componentAPI:l,name:o})({slots:u,attributes:a,props:c});return{mount:(t,e,n)=>h.mount(t,n,e),update:(t,e)=>h.update(e,t),unmount:t=>h.unmount(t)}}}function Yt(t,e){let{css:n,template:o,exports:s}=e;return r.has(t)&&T(`The component "${t}" was already registered`),r.set(t,Rt({name:t,css:n,template:o,exports:s})),r}function Ft(t){return r.has(t)||T(`The component "${t}" was never registered`),r.delete(t),Lt.remove(t),r}function Vt(t,e,n){return Mt(t).map((t=>function(t,e,n,o){const s=n||It(t);return r.has(s)||T(`The component named "${s}" was never registered`),r.get(s)({props:e,slots:o}).mount(t)}(t,e,n)))}function qt(t,e){return Mt(t).map((t=>(t[o]&&t[o].unmount(e),t)))}function Gt(t){return P(t)||T("Plugins must be of type function"),s.has(t)&&T("This plugin was already installed"),s.add(t),s}function Wt(t){return s.has(t)||T("This plugin was never installed"),s.delete(t),s}function Xt(t){return function(e,n,r){let{slots:o,attributes:s,parentScope:i}=void 0===r?{}:r;return function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce(((t,e)=>function(){return t(e(...arguments))}))}((t=>t.mount(e,i)),(t=>t({props:n,slots:o,attributes:s})),Rt)(t)}}function Zt(t){return P(t)||T('riot.pure accepts only arguments of type "function"'),t[O]=!0,t}const Jt=t=>t,Qt="v7.1.0",te={cssManager:Lt,DOMBindings:{template:jt,createBinding:vt,createExpression:lt,bindingTypes:R,expressionTypes:M},globals:{DOM_COMPONENT_INSTANCE_PROPERTY:o,PARENT_KEY_SYMBOL:N}}}},n={};function r(t){var o=n[t];if(void 0!==o)return o.exports;var s=n[t]={exports:{}};return e[t](s,s.exports,r),s.exports}r.m=e,t=[],r.O=(e,n,o,s)=>{if(!n){var i=1/0;for(l=0;l<t.length;l++){for(var[n,o,s]=t[l],u=!0,a=0;a<n.length;a++)(!1&s||i>=s)&&Object.keys(r.O).every((t=>r.O[t](n[a])))?n.splice(a--,1):(u=!1,s<i&&(i=s));if(u){t.splice(l--,1);var c=o();void 0!==c&&(e=c)}}return e}s=s||0;for(var l=t.length;l>0&&t[l-1][2]>s;l--)t[l]=t[l-1];t[l]=[n,o,s]},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={275:0,33:0};r.O.j=e=>0===t[e];var e=(e,n)=>{var o,s,[i,u,a]=n,c=0;if(i.some((e=>0!==t[e]))){for(o in u)r.o(u,o)&&(r.m[o]=u[o]);if(a)var l=a(r)}for(e&&e(n);c<i.length;c++)s=i[c],r.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return r.O(l)},n=self.webpackChunk=self.webpackChunk||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})(),r.O(void 0,[33],(()=>r(846)));var o=r.O(void 0,[33],(()=>r(323)));o=r.O(o)})();
\ No newline at end of file
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./assets/js/critical.js":
+/*!*******************************!*\
+  !*** ./assets/js/critical.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+window.riot = __webpack_require__(/*! riot */ "./node_modules/riot/esm/riot.js");
+
+/***/ }),
+
+/***/ "./assets/scss/styles.scss":
+/*!*********************************!*\
+  !*** ./assets/scss/styles.scss ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/__.js":
+/*!*****************************************!*\
+  !*** ./node_modules/riot/esm/api/__.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "__": () => (/* binding */ __)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js");
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
+/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js");
+/* harmony import */ var _core_css_manager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/css-manager.js */ "./node_modules/riot/esm/core/css-manager.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+
+
+// expose some internal stuff that might be used from external tools
+const __ = {
+  cssManager: _core_css_manager_js__WEBPACK_IMPORTED_MODULE_0__["default"],
+  DOMBindings: {
+    template: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.template,
+    createBinding: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.createBinding,
+    createExpression: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.createExpression,
+    bindingTypes: _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__["default"],
+    expressionTypes: _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_3__["default"]
+  },
+  globals: {
+    DOM_COMPONENT_INSTANCE_PROPERTY: _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.DOM_COMPONENT_INSTANCE_PROPERTY,
+    PARENT_KEY_SYMBOL: _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL
+  }
+};
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/component.js":
+/*!************************************************!*\
+  !*** ./node_modules/riot/esm/api/component.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "component": () => (/* binding */ component)
+/* harmony export */ });
+/* harmony import */ var _node_modules_cumpa_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/cumpa/index.next.js */ "./node_modules/riot/esm/node_modules/cumpa/index.next.js");
+/* harmony import */ var _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/create-component-from-wrapper.js */ "./node_modules/riot/esm/core/create-component-from-wrapper.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Helper method to create component without relying on the registered ones
+ * @param   {Object} implementation - component implementation
+ * @returns {Function} function that will allow you to mount a riot component on a DOM node
+ */
+function component(implementation) {
+  return function (el, props, _temp) {
+    let {
+      slots,
+      attributes,
+      parentScope
+    } = _temp === void 0 ? {} : _temp;
+    return (0,_node_modules_cumpa_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(c => c.mount(el, parentScope), c => c({
+      props,
+      slots,
+      attributes
+    }), _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_1__.createComponentFromWrapper)(implementation);
+  };
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/install.js":
+/*!**********************************************!*\
+  !*** ./node_modules/riot/esm/api/install.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "install": () => (/* binding */ install)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Define a riot plugin
+ * @param   {Function} plugin - function that will receive all the components created
+ * @returns {Set} the set containing all the plugins installed
+ */
+function install(plugin) {
+  if (!(0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__.isFunction)(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('Plugins must be of type function');
+  if (_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET.has(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('This plugin was already installed');
+  _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET.add(plugin);
+  return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/mount.js":
+/*!********************************************!*\
+  !*** ./node_modules/riot/esm/api/mount.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "mount": () => (/* binding */ mount)
+/* harmony export */ });
+/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
+/* harmony import */ var _core_mount_component_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/mount-component.js */ "./node_modules/riot/esm/core/mount-component.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Mounting function that will work only for the components that were globally registered
+ * @param   {string|HTMLElement} selector - query for the selection or a DOM element
+ * @param   {Object} initialProps - the initial component properties
+ * @param   {string} name - optional component name
+ * @returns {Array} list of riot components
+ */
+function mount(selector, initialProps, name) {
+  return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector).map(element => (0,_core_mount_component_js__WEBPACK_IMPORTED_MODULE_1__.mountComponent)(element, initialProps, name));
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/pure.js":
+/*!*******************************************!*\
+  !*** ./node_modules/riot/esm/api/pure.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "pure": () => (/* binding */ pure)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Lift a riot component Interface into a pure riot object
+ * @param   {Function} func - RiotPureComponent factory function
+ * @returns {Function} the lifted original function received as argument
+ */
+function pure(func) {
+  if (!(0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__.isFunction)(func)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('riot.pure accepts only arguments of type "function"');
+  func[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_PURE_SYMBOL] = true;
+  return func;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/register.js":
+/*!***********************************************!*\
+  !*** ./node_modules/riot/esm/api/register.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "register": () => (/* binding */ register)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* harmony import */ var _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/create-component-from-wrapper.js */ "./node_modules/riot/esm/core/create-component-from-wrapper.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Register a custom tag by name
+ * @param   {string} name - component name
+ * @param   {Object} implementation - tag implementation
+ * @returns {Map} map containing all the components implementations
+ */
+function register(name, _ref) {
+  let {
+    css,
+    template,
+    exports
+  } = _ref;
+  if (_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)(`The component "${name}" was already registered`);
+  _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.set(name, (0,_core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_2__.createComponentFromWrapper)({
+    name,
+    css,
+    template,
+    exports
+  }));
+  return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/uninstall.js":
+/*!************************************************!*\
+  !*** ./node_modules/riot/esm/api/uninstall.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "uninstall": () => (/* binding */ uninstall)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Uninstall a riot plugin
+ * @param   {Function} plugin - plugin previously installed
+ * @returns {Set} the set containing all the plugins installed
+ */
+function uninstall(plugin) {
+  if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET.has(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('This plugin was never installed');
+  _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET["delete"](plugin);
+  return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/unmount.js":
+/*!**********************************************!*\
+  !*** ./node_modules/riot/esm/api/unmount.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "unmount": () => (/* binding */ unmount)
+/* harmony export */ });
+/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Sweet unmounting helper function for the DOM node mounted manually by the user
+ * @param   {string|HTMLElement} selector - query for the selection or a DOM element
+ * @param   {boolean|null} keepRootElement - if true keep the root element
+ * @returns {Array} list of nodes unmounted
+ */
+function unmount(selector, keepRootElement) {
+  return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector).map(element => {
+    if (element[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.DOM_COMPONENT_INSTANCE_PROPERTY]) {
+      element[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.DOM_COMPONENT_INSTANCE_PROPERTY].unmount(keepRootElement);
+    }
+    return element;
+  });
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/unregister.js":
+/*!*************************************************!*\
+  !*** ./node_modules/riot/esm/api/unregister.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "unregister": () => (/* binding */ unregister)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* harmony import */ var _core_css_manager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/css-manager.js */ "./node_modules/riot/esm/core/css-manager.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Unregister a riot web component
+ * @param   {string} name - component name
+ * @returns {Map} map containing all the components implementations
+ */
+function unregister(name) {
+  if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)(`The component "${name}" was never registered`);
+  _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP["delete"](name);
+  _core_css_manager_js__WEBPACK_IMPORTED_MODULE_2__["default"].remove(name);
+  return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/version.js":
+/*!**********************************************!*\
+  !*** ./node_modules/riot/esm/api/version.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "version": () => (/* binding */ version)
+/* harmony export */ });
+/* Riot v7.1.0, @license MIT */
+/** @type {string} current riot version */
+const version = 'v7.1.0';
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/api/with-types.js":
+/*!*************************************************!*\
+  !*** ./node_modules/riot/esm/api/with-types.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "withTypes": () => (/* binding */ withTypes)
+/* harmony export */ });
+/* Riot v7.1.0, @license MIT */
+/**
+ * no-op function needed to add the proper types to your component via typescript
+ * @param {Function|Object} component - component default export
+ * @returns {Function|Object} returns exactly what it has received
+ */
+/* istanbul ignore next */
+const withTypes = component => component;
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/add-css-hook.js":
+/*!****************************************************!*\
+  !*** ./node_modules/riot/esm/core/add-css-hook.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "addCssHook": () => (/* binding */ addCssHook)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _utils_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/dom.js */ "./node_modules/riot/esm/utils/dom.js");
+/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Add eventually the "is" attribute to link this DOM node to its css
+ * @param {HTMLElement} element - target root node
+ * @param {string} name - name of the component mounted
+ * @returns {undefined} it's a void function
+ */
+
+function addCssHook(element, name) {
+  if ((0,_utils_dom_js__WEBPACK_IMPORTED_MODULE_0__.getName)(element) !== name) {
+    (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__.set)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_DIRECTIVE, name);
+  }
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "bindDOMNodeToComponentInstance": () => (/* binding */ bindDOMNodeToComponentInstance)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* Riot v7.1.0, @license MIT */
+
+
+/**
+ * Bind a DOM node to its component object
+ * @param   {HTMLElement} node - html node mounted
+ * @param   {Object} component - Riot.js component object
+ * @returns {Object} the component object received as second argument
+ */
+const bindDOMNodeToComponentInstance = (node, component) => node[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.DOM_COMPONENT_INSTANCE_PROPERTY] = component;
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/component-dom-selectors.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/riot/esm/core/component-dom-selectors.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "COMPONENT_DOM_SELECTORS": () => (/* binding */ COMPONENT_DOM_SELECTORS)
+/* harmony export */ });
+/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
+/* Riot v7.1.0, @license MIT */
+
+
+const COMPONENT_DOM_SELECTORS = Object.freeze({
+  // component helpers
+  $(selector) {
+    return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector, this.root)[0];
+  },
+  $$(selector) {
+    return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector, this.root);
+  }
+});
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/component-lifecycle-methods.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/riot/esm/core/component-lifecycle-methods.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "COMPONENT_LIFECYCLE_METHODS": () => (/* binding */ COMPONENT_LIFECYCLE_METHODS)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+const COMPONENT_LIFECYCLE_METHODS = Object.freeze({
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.SHOULD_UPDATE_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_MOUNT_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_MOUNTED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_UPDATE_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_UPDATED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_UNMOUNT_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_UNMOUNTED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop
+});
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/component-template-factory.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/riot/esm/core/component-template-factory.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "componentTemplateFactory": () => (/* binding */ componentTemplateFactory)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js");
+/* harmony import */ var _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
+/* harmony import */ var _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Factory function to create the component templates only once
+ * @param   {Function} template - component template creation function
+ * @param   {RiotComponentWrapper} componentWrapper - riot compiler generated object
+ * @param   {Function} getChildComponent - getter function to return the children components
+ * @returns {TemplateChunk} template chunk object
+ */
+function componentTemplateFactory(template, componentWrapper, getChildComponent) {
+  return template(_node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__.template, _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__["default"], _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__["default"], getChildComponent);
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/compute-component-state.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/riot/esm/core/compute-component-state.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "computeComponentState": () => (/* binding */ computeComponentState)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* Riot v7.1.0, @license MIT */
+
+
+/**
+ * Compute the component current state merging it with its previous state
+ * @param   {Object} oldState - previous state object
+ * @param   {Object} newState - new state given to the `update` call
+ * @returns {Object} new object state
+ */
+function computeComponentState(oldState, newState) {
+  return Object.assign({}, oldState, (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(newState));
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/compute-initial-props.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/riot/esm/core/compute-initial-props.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "computeInitialProps": () => (/* binding */ computeInitialProps)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/dom.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js");
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Evaluate the component properties either from its real attributes or from its initial user properties
+ * @param   {HTMLElement} element - component root
+ * @param   {Object}  initialProps - initial props
+ * @returns {Object} component props key value pairs
+ */
+function computeInitialProps(element, initialProps) {
+  if (initialProps === void 0) {
+    initialProps = {};
+  }
+  return Object.assign({}, (0,_node_modules_riotjs_util_dom_js__WEBPACK_IMPORTED_MODULE_0__.DOMattributesToObject)(element), (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.callOrAssign)(initialProps));
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/create-attribute-bindings.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/riot/esm/core/create-attribute-bindings.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "createAttributeBindings": () => (/* binding */ createAttributeBindings)
+/* harmony export */ });
+/* harmony import */ var _create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-core-api-methods.js */ "./node_modules/riot/esm/core/create-core-api-methods.js");
+/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Create the bindings to update the component attributes
+ * @param   {HTMLElement} node - node where we will bind the expressions
+ * @param   {Array} attributes - list of attribute bindings
+ * @returns {TemplateChunk} - template bindings object
+ */
+function createAttributeBindings(node, attributes) {
+  if (attributes === void 0) {
+    attributes = [];
+  }
+  const expressions = attributes.map(a => (0,_node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__.createExpression)(node, a));
+  const binding = {};
+  return Object.assign(binding, Object.assign({
+    expressions
+  }, (0,_create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_1__.createCoreAPIMethods)(method => scope => {
+    expressions.forEach(e => e[method](scope));
+    return binding;
+  })));
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/create-component-from-wrapper.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/riot/esm/core/create-component-from-wrapper.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "createComponentFromWrapper": () => (/* binding */ createComponentFromWrapper)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_strings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/strings.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/strings.js");
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* harmony import */ var _mocked_template_interface_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mocked-template-interface.js */ "./node_modules/riot/esm/core/mocked-template-interface.js");
+/* harmony import */ var _component_template_factory_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component-template-factory.js */ "./node_modules/riot/esm/core/component-template-factory.js");
+/* harmony import */ var _create_pure_component_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./create-pure-component.js */ "./node_modules/riot/esm/core/create-pure-component.js");
+/* harmony import */ var _instantiate_component_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./instantiate-component.js */ "./node_modules/riot/esm/core/instantiate-component.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+
+
+
+
+
+/**
+ * Create the subcomponents that can be included inside a tag in runtime
+ * @param   {Object} components - components imported in runtime
+ * @returns {Object} all the components transformed into Riot.Component factory functions
+ */
+function createChildrenComponentsObject(components) {
+  if (components === void 0) {
+    components = {};
+  }
+  return Object.entries((0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(components)).reduce((acc, _ref) => {
+    let [key, value] = _ref;
+    acc[(0,_node_modules_riotjs_util_strings_js__WEBPACK_IMPORTED_MODULE_1__.camelToDashCase)(key)] = createComponentFromWrapper(value);
+    return acc;
+  }, {});
+}
+
+/**
+ * Create the getter function to render the child components
+ * @param   {RiotComponentWrapper} componentWrapper - riot compiler generated object
+ * @returns {Function} function returning the component factory function
+ */
+const createChildComponentGetter = componentWrapper => {
+  const childrenComponents = createChildrenComponentsObject(componentWrapper.exports ? componentWrapper.exports.components : {});
+  return name => {
+    // improve support for recursive components
+    if (name === componentWrapper.name) return memoizedCreateComponentFromWrapper(componentWrapper);
+    // return the registered components
+    return childrenComponents[name] || _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.COMPONENTS_IMPLEMENTATION_MAP.get(name);
+  };
+};
+
+/**
+ * Performance optimization for the recursive components
+ * @param  {RiotComponentWrapper} componentWrapper - riot compiler generated object
+ * @returns {Object} component like interface
+ */
+const memoizedCreateComponentFromWrapper = (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_3__.memoize)(createComponentFromWrapper);
+
+/**
+ * Create the component interface needed for the @riotjs/dom-bindings tag bindings
+ * @param   {RiotComponentWrapper} componentWrapper - riot compiler generated object
+ * @param   {string} componentWrapper.css - component css
+ * @param   {Function} componentWrapper.template - function that will return the dom-bindings template function
+ * @param   {Object} componentWrapper.exports - component interface
+ * @param   {string} componentWrapper.name - component name
+ * @returns {Object} component like interface
+ */
+function createComponentFromWrapper(componentWrapper) {
+  const {
+    css,
+    template,
+    exports,
+    name
+  } = componentWrapper;
+  const templateFn = template ? (0,_component_template_factory_js__WEBPACK_IMPORTED_MODULE_4__.componentTemplateFactory)(template, componentWrapper, createChildComponentGetter(componentWrapper)) : _mocked_template_interface_js__WEBPACK_IMPORTED_MODULE_5__.MOCKED_TEMPLATE_INTERFACE;
+  return _ref2 => {
+    let {
+      slots,
+      attributes,
+      props
+    } = _ref2;
+    // pure components rendering will be managed by the end user
+    if (exports && exports[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_PURE_SYMBOL]) return (0,_create_pure_component_js__WEBPACK_IMPORTED_MODULE_6__.createPureComponent)(exports, {
+      slots,
+      attributes,
+      props,
+      css,
+      template
+    });
+    const componentAPI = (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(exports) || {};
+    const component = (0,_instantiate_component_js__WEBPACK_IMPORTED_MODULE_7__.instantiateComponent)({
+      css,
+      template: templateFn,
+      componentAPI,
+      name
+    })({
+      slots,
+      attributes,
+      props
+    });
+
+    // notice that for the components created via tag binding
+    // we need to invert the mount (state/parentScope) arguments
+    // the template bindings will only forward the parentScope updates
+    // and never deal with the component state
+    return {
+      mount(element, parentScope, state) {
+        return component.mount(element, state, parentScope);
+      },
+      update(parentScope, state) {
+        return component.update(state, parentScope);
+      },
+      unmount(preserveRoot) {
+        return component.unmount(preserveRoot);
+      }
+    };
+  };
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/create-core-api-methods.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/riot/esm/core/create-core-api-methods.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "createCoreAPIMethods": () => (/* binding */ createCoreAPIMethods)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* Riot v7.1.0, @license MIT */
+
+
+/**
+ * Wrap the Riot.js core API methods using a mapping function
+ * @param   {Function} mapFunction - lifting function
+ * @returns {Object} an object having the { mount, update, unmount } functions
+ */
+function createCoreAPIMethods(mapFunction) {
+  return [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.MOUNT_METHOD_KEY, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UPDATE_METHOD_KEY, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UNMOUNT_METHOD_KEY].reduce((acc, method) => {
+    acc[method] = mapFunction(method);
+    return acc;
+  }, {});
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/create-pure-component.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/riot/esm/core/create-pure-component.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "createPureComponent": () => (/* binding */ createPureComponent)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
+/* harmony import */ var _pure_component_api_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pure-component-api.js */ "./node_modules/riot/esm/core/pure-component-api.js");
+/* harmony import */ var _bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bind-dom-node-to-component-instance.js */ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js");
+/* harmony import */ var _create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./create-core-api-methods.js */ "./node_modules/riot/esm/core/create-core-api-methods.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+
+
+
+/**
+ * Create a pure component
+ * @param   {Function} pureFactoryFunction - pure component factory function
+ * @param   {Array} options.slots - component slots
+ * @param   {Array} options.attributes - component attributes
+ * @param   {Array} options.template - template factory function
+ * @param   {Array} options.template - template factory function
+ * @param   {any} options.props - initial component properties
+ * @returns {Object} pure component object
+ */
+function createPureComponent(pureFactoryFunction, _ref) {
+  let {
+    slots,
+    attributes,
+    props,
+    css,
+    template
+  } = _ref;
+  if (template) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__.panic)('Pure components can not have html');
+  if (css) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__.panic)('Pure components do not have css');
+  const component = (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__.defineDefaults)(pureFactoryFunction({
+    slots,
+    attributes,
+    props
+  }), _pure_component_api_js__WEBPACK_IMPORTED_MODULE_2__.PURE_COMPONENT_API);
+  return (0,_create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_3__.createCoreAPIMethods)(method => function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    // intercept the mount calls to bind the DOM node to the pure object created
+    // see also https://github.com/riot/riot/issues/2806
+    if (method === _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.MOUNT_METHOD_KEY) {
+      const [element] = args;
+      // mark this node as pure element
+      (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__.defineProperty)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_PURE_SYMBOL, true);
+      (0,_bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_5__.bindDOMNodeToComponentInstance)(element, component);
+    }
+    component[method](...args);
+    return component;
+  });
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/css-manager.js":
+/*!***************************************************!*\
+  !*** ./node_modules/riot/esm/core/css-manager.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "CSS_BY_NAME": () => (/* binding */ CSS_BY_NAME),
+/* harmony export */   "STYLE_NODE_SELECTOR": () => (/* binding */ STYLE_NODE_SELECTOR),
+/* harmony export */   "default": () => (/* binding */ cssManager)
+/* harmony export */ });
+/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
+/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+const CSS_BY_NAME = new Map();
+const STYLE_NODE_SELECTOR = 'style[riot]';
+
+// memoized curried function
+const getStyleNode = (style => {
+  return () => {
+    // lazy evaluation:
+    // if this function was already called before
+    // we return its cached result
+    if (style) return style;
+
+    // create a new style element or use an existing one
+    // and cache it internally
+    style = (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(STYLE_NODE_SELECTOR)[0] || document.createElement('style');
+    (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__.set)(style, 'type', 'text/css');
+
+    /* istanbul ignore next */
+    if (!style.parentNode) document.head.appendChild(style);
+    return style;
+  };
+})();
+
+/**
+ * Object that will be used to inject and manage the css of every tag instance
+ */
+const cssManager = {
+  CSS_BY_NAME,
+  /**
+   * Save a tag style to be later injected into DOM
+   * @param { string } name - if it's passed we will map the css to a tagname
+   * @param { string } css - css string
+   * @returns {Object} self
+   */
+  add(name, css) {
+    if (!CSS_BY_NAME.has(name)) {
+      CSS_BY_NAME.set(name, css);
+      this.inject();
+    }
+    return this;
+  },
+  /**
+   * Inject all previously saved tag styles into DOM
+   * innerHTML seems slow: http://jsperf.com/riot-insert-style
+   * @returns {Object} self
+   */
+  inject() {
+    getStyleNode().innerHTML = [...CSS_BY_NAME.values()].join('\n');
+    return this;
+  },
+  /**
+   * Remove a tag style from the DOM
+   * @param {string} name a registered tagname
+   * @returns {Object} self
+   */
+  remove(name) {
+    if (CSS_BY_NAME.has(name)) {
+      CSS_BY_NAME.delete(name);
+      this.inject();
+    }
+    return this;
+  }
+};
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/instantiate-component.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/riot/esm/core/instantiate-component.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "instantiateComponent": () => (/* binding */ instantiateComponent)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
+/* harmony import */ var _component_dom_selectors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-dom-selectors.js */ "./node_modules/riot/esm/core/component-dom-selectors.js");
+/* harmony import */ var _component_lifecycle_methods_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component-lifecycle-methods.js */ "./node_modules/riot/esm/core/component-lifecycle-methods.js");
+/* harmony import */ var _css_manager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css-manager.js */ "./node_modules/riot/esm/core/css-manager.js");
+/* harmony import */ var _node_modules_curri_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/curri/index.next.js */ "./node_modules/riot/esm/node_modules/curri/index.next.js");
+/* harmony import */ var _manage_component_lifecycle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./manage-component-lifecycle.js */ "./node_modules/riot/esm/core/manage-component-lifecycle.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+
+
+
+
+/**
+ * Component definition function
+ * @param   {Object} implementation - the component implementation will be generated via compiler
+ * @param   {Object} component - the component initial properties
+ * @returns {Object} a new component implementation object
+ */
+function instantiateComponent(_ref) {
+  let {
+    css,
+    template,
+    componentAPI,
+    name
+  } = _ref;
+  // add the component css into the DOM
+  if (css && name) _css_manager_js__WEBPACK_IMPORTED_MODULE_0__["default"].add(name, css);
+  return (0,_node_modules_curri_index_next_js__WEBPACK_IMPORTED_MODULE_1__["default"])(_manage_component_lifecycle_js__WEBPACK_IMPORTED_MODULE_2__.manageComponentLifecycle)((0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperties)(
+  // set the component defaults without overriding the original component API
+  (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineDefaults)(componentAPI, Object.assign({}, _component_lifecycle_methods_js__WEBPACK_IMPORTED_MODULE_4__.COMPONENT_LIFECYCLE_METHODS, {
+    [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.PROPS_KEY]: {},
+    [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.STATE_KEY]: {}
+  })), Object.assign({
+    // defined during the component creation
+    [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.SLOTS_KEY]: null,
+    [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.ROOT_KEY]: null
+  }, _component_dom_selectors_js__WEBPACK_IMPORTED_MODULE_6__.COMPONENT_DOM_SELECTORS, {
+    name,
+    css,
+    template
+  })));
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/manage-component-lifecycle.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/riot/esm/core/manage-component-lifecycle.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "manageComponentLifecycle": () => (/* binding */ manageComponentLifecycle)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
+/* harmony import */ var _add_css_hook_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./add-css-hook.js */ "./node_modules/riot/esm/core/add-css-hook.js");
+/* harmony import */ var _bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./bind-dom-node-to-component-instance.js */ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js");
+/* harmony import */ var _compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./compute-component-state.js */ "./node_modules/riot/esm/core/compute-component-state.js");
+/* harmony import */ var _compute_initial_props_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./compute-initial-props.js */ "./node_modules/riot/esm/core/compute-initial-props.js");
+/* harmony import */ var _create_attribute_bindings_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create-attribute-bindings.js */ "./node_modules/riot/esm/core/create-attribute-bindings.js");
+/* harmony import */ var _run_plugins_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./run-plugins.js */ "./node_modules/riot/esm/core/run-plugins.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Component creation factory function that will enhance the user provided API
+ * @param   {Object} component - a component implementation previously defined
+ * @param   {Array} options.slots - component slots generated via riot compiler
+ * @param   {Array} options.attributes - attribute expressions generated via riot compiler
+ * @returns {Riot.Component} a riot component instance
+ */
+function manageComponentLifecycle(component, _ref) {
+  let {
+    slots,
+    attributes,
+    props
+  } = _ref;
+  return (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.autobindMethods)((0,_run_plugins_js__WEBPACK_IMPORTED_MODULE_1__.runPlugins)((0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperties)((0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__.isObject)(component) ? Object.create(component) : component, {
+    mount(element, state, parentScope) {
+      if (state === void 0) {
+        state = {};
+      }
+      // any element mounted passing through this function can't be a pure component
+      (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_PURE_SYMBOL, false);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL] = parentScope;
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL] = (0,_create_attribute_bindings_js__WEBPACK_IMPORTED_MODULE_5__.createAttributeBindings)(element, attributes).mount(parentScope);
+      (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY, Object.freeze(Object.assign({}, (0,_compute_initial_props_js__WEBPACK_IMPORTED_MODULE_6__.computeInitialProps)(element, props), (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__.evaluateAttributeExpressions)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].expressions))));
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY] = (0,_compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__.computeComponentState)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY], state);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL] = this.template.createDOM(element).clone();
+
+      // link this object to the DOM node
+      (0,_bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_9__.bindDOMNodeToComponentInstance)(element, this);
+      // add eventually the 'is' attribute
+      component.name && (0,_add_css_hook_js__WEBPACK_IMPORTED_MODULE_10__.addCssHook)(element, component.name);
+
+      // define the root element
+      (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ROOT_KEY, element);
+      // define the slots array
+      (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.SLOTS_KEY, slots);
+
+      // before mount lifecycle event
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_MOUNT_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
+      // mount the template
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].mount(element, this, parentScope);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_MOUNTED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
+      return this;
+    },
+    update(state, parentScope) {
+      if (state === void 0) {
+        state = {};
+      }
+      if (parentScope) {
+        this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL] = parentScope;
+        this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].update(parentScope);
+      }
+      const newProps = (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__.evaluateAttributeExpressions)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].expressions);
+      if (this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.SHOULD_UPDATE_KEY](newProps, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY]) === false) return;
+      (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY, Object.freeze(Object.assign({}, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], newProps)));
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY] = (0,_compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__.computeComponentState)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY], state);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_UPDATE_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
+
+      // avoiding recursive updates
+      // see also https://github.com/riot/riot/issues/2895
+      if (!this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING]) {
+        this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING] = true;
+        this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].update(this, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL]);
+      }
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_UPDATED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING] = false;
+      return this;
+    },
+    unmount(preserveRoot) {
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_UNMOUNT_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].unmount();
+      // if the preserveRoot is null the template html will be left untouched
+      // in that case the DOM cleanup will happen differently from a parent node
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].unmount(this, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL], preserveRoot === null ? null : !preserveRoot);
+      this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_UNMOUNTED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
+      return this;
+    }
+  })), Object.keys(component).filter(prop => (0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__.isFunction)(component[prop])));
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/mocked-template-interface.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/riot/esm/core/mocked-template-interface.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "MOCKED_TEMPLATE_INTERFACE": () => (/* binding */ MOCKED_TEMPLATE_INTERFACE)
+/* harmony export */ });
+/* harmony import */ var _pure_component_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pure-component-api.js */ "./node_modules/riot/esm/core/pure-component-api.js");
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+const MOCKED_TEMPLATE_INTERFACE = Object.assign({}, _pure_component_api_js__WEBPACK_IMPORTED_MODULE_0__.PURE_COMPONENT_API, {
+  clone: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  createDOM: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop
+});
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/mount-component.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/riot/esm/core/mount-component.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "mountComponent": () => (/* binding */ mountComponent)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* harmony import */ var _utils_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/dom.js */ "./node_modules/riot/esm/utils/dom.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+/**
+ * Component initialization function starting from a DOM node
+ * @param   {HTMLElement} element - element to upgrade
+ * @param   {Object} initialProps - initial component properties
+ * @param   {string} componentName - component id
+ * @param   {Array} slots - component slots
+ * @returns {Object} a new component instance bound to a DOM node
+ */
+function mountComponent(element, initialProps, componentName, slots) {
+  const name = componentName || (0,_utils_dom_js__WEBPACK_IMPORTED_MODULE_0__.getName)(element);
+  if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_2__.panic)(`The component named "${name}" was never registered`);
+  const component = _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.COMPONENTS_IMPLEMENTATION_MAP.get(name)({
+    props: initialProps,
+    slots
+  });
+  return component.mount(element);
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/pure-component-api.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/riot/esm/core/pure-component-api.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "PURE_COMPONENT_API": () => (/* binding */ PURE_COMPONENT_API)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+const PURE_COMPONENT_API = Object.freeze({
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.MOUNT_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UPDATE_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
+  [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UNMOUNT_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop
+});
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/core/run-plugins.js":
+/*!***************************************************!*\
+  !*** ./node_modules/riot/esm/core/run-plugins.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "runPlugins": () => (/* binding */ runPlugins)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* Riot v7.1.0, @license MIT */
+
+
+/**
+ * Run the component instance through all the plugins set by the user
+ * @param   {Object} component - component instance
+ * @returns {Object} the component enhanced by the plugins
+ */
+function runPlugins(component) {
+  return [..._node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET].reduce((c, fn) => fn(c) || c, component);
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js":
+/*!******************************************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js ***!
+  \******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "bindingTypes": () => (/* reexport safe */ _util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   "createBinding": () => (/* binding */ create$1),
+/* harmony export */   "createExpression": () => (/* binding */ create$4),
+/* harmony export */   "expressionTypes": () => (/* reexport safe */ _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   "template": () => (/* binding */ create)
+/* harmony export */ });
+/* harmony import */ var _util_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/dom.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js");
+/* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js");
+/* harmony import */ var _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
+/* harmony import */ var _util_objects_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
+/* harmony import */ var _util_checks_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
+/* harmony import */ var _util_misc_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+/* Riot WIP, @license MIT */
+
+
+
+
+
+
+
+
+
+
+const HEAD_SYMBOL = Symbol();
+const TAIL_SYMBOL = Symbol();
+
+/**
+ * Create the <template> fragments text nodes
+ * @return {Object} {{head: Text, tail: Text}}
+ */
+function createHeadTailPlaceholders() {
+  const head = document.createTextNode('');
+  const tail = document.createTextNode('');
+  head[HEAD_SYMBOL] = true;
+  tail[TAIL_SYMBOL] = true;
+  return {
+    head,
+    tail
+  };
+}
+
+/**
+ * Create the template meta object in case of <template> fragments
+ * @param   {TemplateChunk} componentTemplate - template chunk object
+ * @returns {Object} the meta property that will be passed to the mount function of the TemplateChunk
+ */
+function createTemplateMeta(componentTemplate) {
+  const fragment = componentTemplate.dom.cloneNode(true);
+  const {
+    head,
+    tail
+  } = createHeadTailPlaceholders();
+  return {
+    avoidDOMInjection: true,
+    fragment,
+    head,
+    tail,
+    children: [head, ...Array.from(fragment.childNodes), tail]
+  };
+}
+
+/**
+ * ISC License
+ *
+ * Copyright (c) 2020, Andrea Giammarchi, @WebReflection
+ *
+ * Permission to use, copy, modify, and/or distribute this software for any
+ * purpose with or without fee is hereby granted, provided that the above
+ * copyright notice and this permission notice appear in all copies.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+ * REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+ * AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+ * INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+ * LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
+ * OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+ * PERFORMANCE OF THIS SOFTWARE.
+ */
+
+// fork of https://github.com/WebReflection/udomdiff version 1.1.0
+// due to https://github.com/WebReflection/udomdiff/pull/2
+/* eslint-disable */
+
+/**
+ * @param {Node[]} a The list of current/live children
+ * @param {Node[]} b The list of future children
+ * @param {(entry: Node, action: number) => Node} get
+ * The callback invoked per each entry related DOM operation.
+ * @param {Node} [before] The optional node used as anchor to insert before.
+ * @returns {Node[]} The same list of future children.
+ */
+const udomdiff = (a, b, get, before) => {
+  const bLength = b.length;
+  let aEnd = a.length;
+  let bEnd = bLength;
+  let aStart = 0;
+  let bStart = 0;
+  let map = null;
+  while (aStart < aEnd || bStart < bEnd) {
+    // append head, tail, or nodes in between: fast path
+    if (aEnd === aStart) {
+      // we could be in a situation where the rest of nodes that
+      // need to be added are not at the end, and in such case
+      // the node to `insertBefore`, if the index is more than 0
+      // must be retrieved, otherwise it's gonna be the first item.
+      const node = bEnd < bLength ? bStart ? get(b[bStart - 1], -0).nextSibling : get(b[bEnd - bStart], 0) : before;
+      while (bStart < bEnd) (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[bStart++], 1), node);
+    }
+    // remove head or tail: fast path
+    else if (bEnd === bStart) {
+      while (aStart < aEnd) {
+        // remove the node only if it's unknown or not live
+        if (!map || !map.has(a[aStart])) (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(get(a[aStart], -1));
+        aStart++;
+      }
+    }
+    // same node: fast path
+    else if (a[aStart] === b[bStart]) {
+      aStart++;
+      bStart++;
+    }
+    // same tail: fast path
+    else if (a[aEnd - 1] === b[bEnd - 1]) {
+      aEnd--;
+      bEnd--;
+    }
+    // The once here single last swap "fast path" has been removed in v1.1.0
+    // https://github.com/WebReflection/udomdiff/blob/single-final-swap/esm/index.js#L69-L85
+    // reverse swap: also fast path
+    else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
+      // this is a "shrink" operation that could happen in these cases:
+      // [1, 2, 3, 4, 5]
+      // [1, 4, 3, 2, 5]
+      // or asymmetric too
+      // [1, 2, 3, 4, 5]
+      // [1, 2, 3, 5, 6, 4]
+      const node = get(a[--aEnd], -1).nextSibling;
+      (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[bStart++], 1), get(a[aStart++], -1).nextSibling);
+      (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[--bEnd], 1), node);
+      // mark the future index as identical (yeah, it's dirty, but cheap 👍)
+      // The main reason to do this, is that when a[aEnd] will be reached,
+      // the loop will likely be on the fast path, as identical to b[bEnd].
+      // In the best case scenario, the next loop will skip the tail,
+      // but in the worst one, this node will be considered as already
+      // processed, bailing out pretty quickly from the map index check
+      a[aEnd] = b[bEnd];
+    }
+    // map based fallback, "slow" path
+    else {
+      // the map requires an O(bEnd - bStart) operation once
+      // to store all future nodes indexes for later purposes.
+      // In the worst case scenario, this is a full O(N) cost,
+      // and such scenario happens at least when all nodes are different,
+      // but also if both first and last items of the lists are different
+      if (!map) {
+        map = new Map();
+        let i = bStart;
+        while (i < bEnd) map.set(b[i], i++);
+      }
+      // if it's a future node, hence it needs some handling
+      if (map.has(a[aStart])) {
+        // grab the index of such node, 'cause it might have been processed
+        const index = map.get(a[aStart]);
+        // if it's not already processed, look on demand for the next LCS
+        if (bStart < index && index < bEnd) {
+          let i = aStart;
+          // counts the amount of nodes that are the same in the future
+          let sequence = 1;
+          while (++i < aEnd && i < bEnd && map.get(a[i]) === index + sequence) sequence++;
+          // effort decision here: if the sequence is longer than replaces
+          // needed to reach such sequence, which would brings again this loop
+          // to the fast path, prepend the difference before a sequence,
+          // and move only the future list index forward, so that aStart
+          // and bStart will be aligned again, hence on the fast path.
+          // An example considering aStart and bStart are both 0:
+          // a: [1, 2, 3, 4]
+          // b: [7, 1, 2, 3, 6]
+          // this would place 7 before 1 and, from that time on, 1, 2, and 3
+          // will be processed at zero cost
+          if (sequence > index - bStart) {
+            const node = get(a[aStart], 0);
+            while (bStart < index) (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[bStart++], 1), node);
+          }
+          // if the effort wasn't good enough, fallback to a replace,
+          // moving both source and target indexes forward, hoping that some
+          // similar node will be found later on, to go back to the fast path
+          else {
+            (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.replaceChild)(get(b[bStart++], 1), get(a[aStart++], -1));
+          }
+        }
+        // otherwise move the source forward, 'cause there's nothing to do
+        else aStart++;
+      }
+      // this node has no meaning in the future list, so it's more than safe
+      // to remove it, and check the next live node out instead, meaning
+      // that only the live list index should be forwarded
+      else (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(get(a[aStart++], -1));
+    }
+  }
+  return b;
+};
+const UNMOUNT_SCOPE = Symbol('unmount');
+const EachBinding = {
+  // dynamic binding properties
+  // childrenMap: null,
+  // node: null,
+  // root: null,
+  // condition: null,
+  // evaluate: null,
+  // template: null,
+  // isTemplateTag: false,
+  nodes: [],
+  // getKey: null,
+  // indexName: null,
+  // itemName: null,
+  // afterPlaceholder: null,
+  // placeholder: null,
+
+  // API methods
+  mount(scope, parentScope) {
+    return this.update(scope, parentScope);
+  },
+  update(scope, parentScope) {
+    const {
+      placeholder,
+      nodes,
+      childrenMap
+    } = this;
+    const collection = scope === UNMOUNT_SCOPE ? null : this.evaluate(scope);
+    const items = collection ? Array.from(collection) : [];
+
+    // prepare the diffing
+    const {
+      newChildrenMap,
+      batches,
+      futureNodes
+    } = createPatch(items, scope, parentScope, this);
+
+    // patch the DOM only if there are new nodes
+    udomdiff(nodes, futureNodes, patch(Array.from(childrenMap.values()), parentScope), placeholder);
+
+    // trigger the mounts and the updates
+    batches.forEach(fn => fn());
+
+    // update the children map
+    this.childrenMap = newChildrenMap;
+    this.nodes = futureNodes;
+    return this;
+  },
+  unmount(scope, parentScope) {
+    this.update(UNMOUNT_SCOPE, parentScope);
+    return this;
+  }
+};
+
+/**
+ * Patch the DOM while diffing
+ * @param   {any[]} redundant - list of all the children (template, nodes, context) added via each
+ * @param   {*} parentScope - scope of the parent template
+ * @returns {Function} patch function used by domdiff
+ */
+function patch(redundant, parentScope) {
+  return (item, info) => {
+    if (info < 0) {
+      // get the last element added to the childrenMap saved previously
+      const element = redundant[redundant.length - 1];
+      if (element) {
+        // get the nodes and the template in stored in the last child of the childrenMap
+        const {
+          template,
+          nodes,
+          context
+        } = element;
+        // remove the last node (notice <template> tags might have more children nodes)
+        nodes.pop();
+
+        // notice that we pass null as last argument because
+        // the root node and its children will be removed by domdiff
+        if (!nodes.length) {
+          // we have cleared all the children nodes and we can unmount this template
+          redundant.pop();
+          template.unmount(context, parentScope, null);
+        }
+      }
+    }
+    return item;
+  };
+}
+
+/**
+ * Check whether a template must be filtered from a loop
+ * @param   {Function} condition - filter function
+ * @param   {Object} context - argument passed to the filter function
+ * @returns {boolean} true if this item should be skipped
+ */
+function mustFilterItem(condition, context) {
+  return condition ? !condition(context) : false;
+}
+
+/**
+ * Extend the scope of the looped template
+ * @param   {Object} scope - current template scope
+ * @param   {Object} options - options
+ * @param   {string} options.itemName - key to identify the looped item in the new context
+ * @param   {string} options.indexName - key to identify the index of the looped item
+ * @param   {number} options.index - current index
+ * @param   {*} options.item - collection item looped
+ * @returns {Object} enhanced scope object
+ */
+function extendScope(scope, _ref) {
+  let {
+    itemName,
+    indexName,
+    index,
+    item
+  } = _ref;
+  (0,_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperty)(scope, itemName, item);
+  if (indexName) (0,_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperty)(scope, indexName, index);
+  return scope;
+}
+
+/**
+ * Loop the current template items
+ * @param   {Array} items - expression collection value
+ * @param   {*} scope - template scope
+ * @param   {*} parentScope - scope of the parent template
+ * @param   {EachBinding} binding - each binding object instance
+ * @returns {Object} data
+ * @returns {Map} data.newChildrenMap - a Map containing the new children template structure
+ * @returns {Array} data.batches - array containing the template lifecycle functions to trigger
+ * @returns {Array} data.futureNodes - array containing the nodes we need to diff
+ */
+function createPatch(items, scope, parentScope, binding) {
+  const {
+    condition,
+    template,
+    childrenMap,
+    itemName,
+    getKey,
+    indexName,
+    root,
+    isTemplateTag
+  } = binding;
+  const newChildrenMap = new Map();
+  const batches = [];
+  const futureNodes = [];
+  items.forEach((item, index) => {
+    const context = extendScope(Object.create(scope), {
+      itemName,
+      indexName,
+      index,
+      item
+    });
+    const key = getKey ? getKey(context) : index;
+    const oldItem = childrenMap.get(key);
+    const nodes = [];
+    if (mustFilterItem(condition, context)) {
+      return;
+    }
+    const mustMount = !oldItem;
+    const componentTemplate = oldItem ? oldItem.template : template.clone();
+    const el = componentTemplate.el || root.cloneNode();
+    const meta = isTemplateTag && mustMount ? createTemplateMeta(componentTemplate) : componentTemplate.meta;
+    if (mustMount) {
+      batches.push(() => componentTemplate.mount(el, context, parentScope, meta));
+    } else {
+      batches.push(() => componentTemplate.update(context, parentScope));
+    }
+
+    // create the collection of nodes to update or to add
+    // in case of template tags we need to add all its children nodes
+    if (isTemplateTag) {
+      nodes.push(...meta.children);
+    } else {
+      nodes.push(el);
+    }
+
+    // delete the old item from the children map
+    childrenMap.delete(key);
+    futureNodes.push(...nodes);
+
+    // update the children map
+    newChildrenMap.set(key, {
+      nodes,
+      template: componentTemplate,
+      context,
+      index
+    });
+  });
+  return {
+    newChildrenMap,
+    batches,
+    futureNodes
+  };
+}
+function create$6(node, _ref2) {
+  let {
+    evaluate,
+    condition,
+    itemName,
+    indexName,
+    getKey,
+    template
+  } = _ref2;
+  const placeholder = document.createTextNode('');
+  const root = node.cloneNode();
+  (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(placeholder, node);
+  (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(node);
+  return Object.assign({}, EachBinding, {
+    childrenMap: new Map(),
+    node,
+    root,
+    condition,
+    evaluate,
+    isTemplateTag: (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isTemplate)(root),
+    template: template.createDOM(node),
+    getKey,
+    indexName,
+    itemName,
+    placeholder
+  });
+}
+
+/**
+ * Binding responsible for the `if` directive
+ */
+const IfBinding = {
+  // dynamic binding properties
+  // node: null,
+  // evaluate: null,
+  // isTemplateTag: false,
+  // placeholder: null,
+  // template: null,
+
+  // API methods
+  mount(scope, parentScope) {
+    return this.update(scope, parentScope);
+  },
+  update(scope, parentScope) {
+    const value = !!this.evaluate(scope);
+    const mustMount = !this.value && value;
+    const mustUnmount = this.value && !value;
+    const mount = () => {
+      const pristine = this.node.cloneNode();
+      (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(pristine, this.placeholder);
+      this.template = this.template.clone();
+      this.template.mount(pristine, scope, parentScope);
+    };
+    switch (true) {
+      case mustMount:
+        mount();
+        break;
+      case mustUnmount:
+        this.unmount(scope);
+        break;
+      default:
+        if (value) this.template.update(scope, parentScope);
+    }
+    this.value = value;
+    return this;
+  },
+  unmount(scope, parentScope) {
+    this.template.unmount(scope, parentScope, true);
+    return this;
+  }
+};
+function create$5(node, _ref3) {
+  let {
+    evaluate,
+    template
+  } = _ref3;
+  const placeholder = document.createTextNode('');
+  (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(placeholder, node);
+  (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(node);
+  return Object.assign({}, IfBinding, {
+    node,
+    evaluate,
+    placeholder,
+    template: template.createDOM(node)
+  });
+}
+const ElementProto = typeof Element === 'undefined' ? {} : Element.prototype;
+const isNativeHtmlProperty = (0,_util_misc_js__WEBPACK_IMPORTED_MODULE_5__.memoize)(name => ElementProto.hasOwnProperty(name)); // eslint-disable-line
+
+/**
+ * Add all the attributes provided
+ * @param   {HTMLElement} node - target node
+ * @param   {Object} attributes - object containing the attributes names and values
+ * @returns {undefined} sorry it's a void function :(
+ */
+function setAllAttributes(node, attributes) {
+  Object.entries(attributes).forEach(_ref4 => {
+    let [name, value] = _ref4;
+    return attributeExpression(node, {
+      name
+    }, value);
+  });
+}
+
+/**
+ * Remove all the attributes provided
+ * @param   {HTMLElement} node - target node
+ * @param   {Object} newAttributes - object containing all the new attribute names
+ * @param   {Object} oldAttributes - object containing all the old attribute names
+ * @returns {undefined} sorry it's a void function :(
+ */
+function removeAllAttributes(node, newAttributes, oldAttributes) {
+  const newKeys = newAttributes ? Object.keys(newAttributes) : [];
+  Object.keys(oldAttributes).filter(name => !newKeys.includes(name)).forEach(attribute => node.removeAttribute(attribute));
+}
+
+/**
+ * Check whether the attribute value can be rendered
+ * @param {*} value - expression value
+ * @returns {boolean} true if we can render this attribute value
+ */
+function canRenderAttribute(value) {
+  return value === true || ['string', 'number'].includes(typeof value);
+}
+
+/**
+ * Check whether the attribute should be removed
+ * @param {*} value - expression value
+ * @returns {boolean} boolean - true if the attribute can be removed}
+ */
+function shouldRemoveAttribute(value) {
+  return !value && value !== 0;
+}
+
+/**
+ * This methods handles the DOM attributes updates
+ * @param   {HTMLElement} node - target node
+ * @param   {Object} expression - expression object
+ * @param   {string} expression.name - attribute name
+ * @param   {*} value - new expression value
+ * @param   {*} oldValue - the old expression cached value
+ * @returns {undefined}
+ */
+function attributeExpression(node, _ref5, value, oldValue) {
+  let {
+    name
+  } = _ref5;
+  // is it a spread operator? {...attributes}
+  if (!name) {
+    if (oldValue) {
+      // remove all the old attributes
+      removeAllAttributes(node, value, oldValue);
+    }
+
+    // is the value still truthy?
+    if (value) {
+      setAllAttributes(node, value);
+    }
+    return;
+  }
+
+  // handle boolean attributes
+  if (!isNativeHtmlProperty(name) && ((0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isBoolean)(value) || (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isObject)(value) || (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isFunction)(value))) {
+    node[name] = value;
+  }
+  if (shouldRemoveAttribute(value)) {
+    node.removeAttribute(name);
+  } else if (canRenderAttribute(value)) {
+    node.setAttribute(name, normalizeValue(name, value));
+  }
+}
+
+/**
+ * Get the value as string
+ * @param   {string} name - attribute name
+ * @param   {*} value - user input value
+ * @returns {string} input value as string
+ */
+function normalizeValue(name, value) {
+  // be sure that expressions like selected={ true } will be always rendered as selected='selected'
+  return value === true ? name : value;
+}
+const RE_EVENTS_PREFIX = /^on/;
+const getCallbackAndOptions = value => Array.isArray(value) ? value : [value, false];
+
+// see also https://medium.com/@WebReflection/dom-handleevent-a-cross-platform-standard-since-year-2000-5bf17287fd38
+const EventListener = {
+  handleEvent(event) {
+    this[event.type](event);
+  }
+};
+const ListenersWeakMap = new WeakMap();
+const createListener = node => {
+  const listener = Object.create(EventListener);
+  ListenersWeakMap.set(node, listener);
+  return listener;
+};
+
+/**
+ * Set a new event listener
+ * @param   {HTMLElement} node - target node
+ * @param   {Object} expression - expression object
+ * @param   {string} expression.name - event name
+ * @param   {*} value - new expression value
+ * @returns {value} the callback just received
+ */
+function eventExpression(node, _ref6, value) {
+  let {
+    name
+  } = _ref6;
+  const normalizedEventName = name.replace(RE_EVENTS_PREFIX, '');
+  const eventListener = ListenersWeakMap.get(node) || createListener(node);
+  const [callback, options] = getCallbackAndOptions(value);
+  const handler = eventListener[normalizedEventName];
+  const mustRemoveEvent = handler && !callback;
+  const mustAddEvent = callback && !handler;
+  if (mustRemoveEvent) {
+    node.removeEventListener(normalizedEventName, eventListener);
+  }
+  if (mustAddEvent) {
+    node.addEventListener(normalizedEventName, eventListener, options);
+  }
+  eventListener[normalizedEventName] = callback;
+}
+
+/**
+ * Normalize the user value in order to render a empty string in case of falsy values
+ * @param   {*} value - user input value
+ * @returns {string} hopefully a string
+ */
+function normalizeStringValue(value) {
+  return (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isNil)(value) ? '' : value;
+}
+
+/**
+ * Get the the target text node to update or create one from of a comment node
+ * @param   {HTMLElement} node - any html element containing childNodes
+ * @param   {number} childNodeIndex - index of the text node in the childNodes list
+ * @returns {Text} the text node to update
+ */
+const getTextNode = (node, childNodeIndex) => {
+  const target = node.childNodes[childNodeIndex];
+  if (target.nodeType === Node.COMMENT_NODE) {
+    const textNode = document.createTextNode('');
+    node.replaceChild(textNode, target);
+    return textNode;
+  }
+  return target;
+};
+
+/**
+ * This methods handles a simple text expression update
+ * @param   {HTMLElement} node - target node
+ * @param   {Object} data - expression object
+ * @param   {*} value - new expression value
+ * @returns {undefined}
+ */
+function textExpression(node, data, value) {
+  node.data = normalizeStringValue(value);
+}
+
+/**
+ * This methods handles the input fileds value updates
+ * @param   {HTMLElement} node - target node
+ * @param   {Object} expression - expression object
+ * @param   {*} value - new expression value
+ * @returns {undefined}
+ */
+function valueExpression(node, expression, value) {
+  node.value = normalizeStringValue(value);
+}
+const expressions = {
+  [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.ATTRIBUTE]: attributeExpression,
+  [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.EVENT]: eventExpression,
+  [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.TEXT]: textExpression,
+  [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.VALUE]: valueExpression
+};
+const Expression = {
+  // Static props
+  // node: null,
+  // value: null,
+
+  // API methods
+  /**
+   * Mount the expression evaluating its initial value
+   * @param   {*} scope - argument passed to the expression to evaluate its current values
+   * @returns {Expression} self
+   */
+  mount(scope) {
+    // hopefully a pure function
+    this.value = this.evaluate(scope);
+
+    // IO() DOM updates
+    apply(this, this.value);
+    return this;
+  },
+  /**
+   * Update the expression if its value changed
+   * @param   {*} scope - argument passed to the expression to evaluate its current values
+   * @returns {Expression} self
+   */
+  update(scope) {
+    // pure function
+    const value = this.evaluate(scope);
+    if (this.value !== value) {
+      // IO() DOM updates
+      apply(this, value);
+      this.value = value;
+    }
+    return this;
+  },
+  /**
+   * Expression teardown method
+   * @returns {Expression} self
+   */
+  unmount() {
+    // unmount only the event handling expressions
+    if (this.type === _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.EVENT) apply(this, null);
+    return this;
+  }
+};
+
+/**
+ * IO() function to handle the DOM updates
+ * @param {Expression} expression - expression object
+ * @param {*} value - current expression value
+ * @returns {undefined}
+ */
+function apply(expression, value) {
+  return expressions[expression.type](expression.node, expression, value, expression.value);
+}
+function create$4(node, data) {
+  return Object.assign({}, Expression, data, {
+    node: data.type === _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.TEXT ? getTextNode(node, data.childNodeIndex) : node
+  });
+}
+
+/**
+ * Create a flat object having as keys a list of methods that if dispatched will propagate
+ * on the whole collection
+ * @param   {Array} collection - collection to iterate
+ * @param   {Array<string>} methods - methods to execute on each item of the collection
+ * @param   {*} context - context returned by the new methods created
+ * @returns {Object} a new object to simplify the the nested methods dispatching
+ */
+function flattenCollectionMethods(collection, methods, context) {
+  return methods.reduce((acc, method) => {
+    return Object.assign({}, acc, {
+      [method]: scope => {
+        return collection.map(item => item[method](scope)) && context;
+      }
+    });
+  }, {});
+}
+function create$3(node, _ref7) {
+  let {
+    expressions
+  } = _ref7;
+  return Object.assign({}, flattenCollectionMethods(expressions.map(expression => create$4(node, expression)), ['mount', 'update', 'unmount']));
+}
+function extendParentScope(attributes, scope, parentScope) {
+  if (!attributes || !attributes.length) return parentScope;
+  const expressions = attributes.map(attr => Object.assign({}, attr, {
+    value: attr.evaluate(scope)
+  }));
+  return Object.assign(Object.create(parentScope || null), (0,_util_misc_js__WEBPACK_IMPORTED_MODULE_5__.evaluateAttributeExpressions)(expressions));
+}
+
+// this function is only meant to fix an edge case
+// https://github.com/riot/riot/issues/2842
+const getRealParent = (scope, parentScope) => scope[_util_constants_js__WEBPACK_IMPORTED_MODULE_6__.PARENT_KEY_SYMBOL] || parentScope;
+const SlotBinding = {
+  // dynamic binding properties
+  // node: null,
+  // name: null,
+  attributes: [],
+  // template: null,
+
+  getTemplateScope(scope, parentScope) {
+    return extendParentScope(this.attributes, scope, parentScope);
+  },
+  // API methods
+  mount(scope, parentScope) {
+    const templateData = scope.slots ? scope.slots.find(_ref8 => {
+      let {
+        id
+      } = _ref8;
+      return id === this.name;
+    }) : false;
+    const {
+      parentNode
+    } = this.node;
+    const realParent = getRealParent(scope, parentScope);
+    this.template = templateData && create(templateData.html, templateData.bindings).createDOM(parentNode);
+    if (this.template) {
+      (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.cleanNode)(this.node);
+      this.template.mount(this.node, this.getTemplateScope(scope, realParent), realParent);
+      this.template.children = Array.from(this.node.childNodes);
+    }
+    moveSlotInnerContent(this.node);
+    (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(this.node);
+    return this;
+  },
+  update(scope, parentScope) {
+    if (this.template) {
+      const realParent = getRealParent(scope, parentScope);
+      this.template.update(this.getTemplateScope(scope, realParent), realParent);
+    }
+    return this;
+  },
+  unmount(scope, parentScope, mustRemoveRoot) {
+    if (this.template) {
+      this.template.unmount(this.getTemplateScope(scope, parentScope), null, mustRemoveRoot);
+    }
+    return this;
+  }
+};
+
+/**
+ * Move the inner content of the slots outside of them
+ * @param   {HTMLElement} slot - slot node
+ * @returns {undefined} it's a void method ¯\_(ツ)_/¯
+ */
+function moveSlotInnerContent(slot) {
+  const child = slot && slot.firstChild;
+  if (!child) return;
+  (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(child, slot);
+  moveSlotInnerContent(slot);
+}
+
+/**
+ * Create a single slot binding
+ * @param   {HTMLElement} node - slot node
+ * @param   {string} name - slot id
+ * @param   {AttributeExpressionData[]} attributes - slot attributes
+ * @returns {Object} Slot binding object
+ */
+function createSlot(node, _ref9) {
+  let {
+    name,
+    attributes
+  } = _ref9;
+  return Object.assign({}, SlotBinding, {
+    attributes,
+    node,
+    name
+  });
+}
+
+/**
+ * Create a new tag object if it was registered before, otherwise fallback to the simple
+ * template chunk
+ * @param   {Function} component - component factory function
+ * @param   {Array<Object>} slots - array containing the slots markup
+ * @param   {Array} attributes - dynamic attributes that will be received by the tag element
+ * @returns {TagImplementation|TemplateChunk} a tag implementation or a template chunk as fallback
+ */
+function getTag(component, slots, attributes) {
+  if (slots === void 0) {
+    slots = [];
+  }
+  if (attributes === void 0) {
+    attributes = [];
+  }
+  // if this tag was registered before we will return its implementation
+  if (component) {
+    return component({
+      slots,
+      attributes
+    });
+  }
+
+  // otherwise we return a template chunk
+  return create(slotsToMarkup(slots), [...slotBindings(slots), {
+    // the attributes should be registered as binding
+    // if we fallback to a normal template chunk
+    expressions: attributes.map(attr => {
+      return Object.assign({
+        type: _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.ATTRIBUTE
+      }, attr);
+    })
+  }]);
+}
+
+/**
+ * Merge all the slots bindings into a single array
+ * @param   {Array<Object>} slots - slots collection
+ * @returns {Array<Bindings>} flatten bindings array
+ */
+function slotBindings(slots) {
+  return slots.reduce((acc, _ref10) => {
+    let {
+      bindings
+    } = _ref10;
+    return acc.concat(bindings);
+  }, []);
+}
+
+/**
+ * Merge all the slots together in a single markup string
+ * @param   {Array<Object>} slots - slots collection
+ * @returns {string} markup of all the slots in a single string
+ */
+function slotsToMarkup(slots) {
+  return slots.reduce((acc, slot) => {
+    return acc + slot.html;
+  }, '');
+}
+const TagBinding = {
+  // dynamic binding properties
+  // node: null,
+  // evaluate: null,
+  // name: null,
+  // slots: null,
+  // tag: null,
+  // attributes: null,
+  // getComponent: null,
+
+  mount(scope) {
+    return this.update(scope);
+  },
+  update(scope, parentScope) {
+    const name = this.evaluate(scope);
+
+    // simple update
+    if (name && name === this.name) {
+      this.tag.update(scope);
+    } else {
+      // unmount the old tag if it exists
+      this.unmount(scope, parentScope, true);
+
+      // mount the new tag
+      this.name = name;
+      this.tag = getTag(this.getComponent(name), this.slots, this.attributes);
+      this.tag.mount(this.node, scope);
+    }
+    return this;
+  },
+  unmount(scope, parentScope, keepRootTag) {
+    if (this.tag) {
+      // keep the root tag
+      this.tag.unmount(keepRootTag);
+    }
+    return this;
+  }
+};
+function create$2(node, _ref11) {
+  let {
+    evaluate,
+    getComponent,
+    slots,
+    attributes
+  } = _ref11;
+  return Object.assign({}, TagBinding, {
+    node,
+    evaluate,
+    slots,
+    attributes,
+    getComponent
+  });
+}
+const bindings = {
+  [_util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__.IF]: create$5,
+  [_util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__.SIMPLE]: create$3,
+  [_util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__.EACH]: create$6,
+  [_util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__.TAG]: create$2,
+  [_util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__.SLOT]: createSlot
+};
+
+/**
+ * Text expressions in a template tag will get childNodeIndex value normalized
+ * depending on the position of the <template> tag offset
+ * @param   {Expression[]} expressions - riot expressions array
+ * @param   {number} textExpressionsOffset - offset of the <template> tag
+ * @returns {Expression[]} expressions containing the text expressions normalized
+ */
+function fixTextExpressionsOffset(expressions, textExpressionsOffset) {
+  return expressions.map(e => e.type === _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.TEXT ? Object.assign({}, e, {
+    childNodeIndex: e.childNodeIndex + textExpressionsOffset
+  }) : e);
+}
+
+/**
+ * Bind a new expression object to a DOM node
+ * @param   {HTMLElement} root - DOM node where to bind the expression
+ * @param   {TagBindingData} binding - binding data
+ * @param   {number|null} templateTagOffset - if it's defined we need to fix the text expressions childNodeIndex offset
+ * @returns {Binding} Binding object
+ */
+function create$1(root, binding, templateTagOffset) {
+  const {
+    selector,
+    type,
+    redundantAttribute,
+    expressions
+  } = binding;
+  // find the node to apply the bindings
+  const node = selector ? root.querySelector(selector) : root;
+
+  // remove eventually additional attributes created only to select this node
+  if (redundantAttribute) node.removeAttribute(redundantAttribute);
+  const bindingExpressions = expressions || [];
+
+  // init the binding
+  return (bindings[type] || bindings[_util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__.SIMPLE])(node, Object.assign({}, binding, {
+    expressions: templateTagOffset && !selector ? fixTextExpressionsOffset(bindingExpressions, templateTagOffset) : bindingExpressions
+  }));
+}
+
+// in this case a simple innerHTML is enough
+function createHTMLTree(html, root) {
+  const template = (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isTemplate)(root) ? root : document.createElement('template');
+  template.innerHTML = html;
+  return template.content;
+}
+
+// for svg nodes we need a bit more work
+function createSVGTree(html, container) {
+  // create the SVGNode
+  const svgNode = container.ownerDocument.importNode(new window.DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg">${html}</svg>`, 'application/xml').documentElement, true);
+  return svgNode;
+}
+
+/**
+ * Create the DOM that will be injected
+ * @param {Object} root - DOM node to find out the context where the fragment will be created
+ * @param   {string} html - DOM to create as string
+ * @returns {HTMLDocumentFragment|HTMLElement} a new html fragment
+ */
+function createDOMTree(root, html) {
+  if ((0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isSvg)(root)) return createSVGTree(html, root);
+  return createHTMLTree(html, root);
+}
+
+/**
+ * Inject the DOM tree into a target node
+ * @param   {HTMLElement} el - target element
+ * @param   {DocumentFragment|SVGElement} dom - dom tree to inject
+ * @returns {undefined}
+ */
+function injectDOM(el, dom) {
+  switch (true) {
+    case (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isSvg)(el):
+      (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.moveChildren)(dom, el);
+      break;
+    case (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isTemplate)(el):
+      el.parentNode.replaceChild(dom, el);
+      break;
+    default:
+      el.appendChild(dom);
+  }
+}
+
+/**
+ * Create the Template DOM skeleton
+ * @param   {HTMLElement} el - root node where the DOM will be injected
+ * @param   {string|HTMLElement} html - HTML markup or HTMLElement that will be injected into the root node
+ * @returns {?DocumentFragment} fragment that will be injected into the root node
+ */
+function createTemplateDOM(el, html) {
+  return html && (typeof html === 'string' ? createDOMTree(el, html) : html);
+}
+
+/**
+ * Get the offset of the <template> tag
+ * @param {HTMLElement} parentNode - template tag parent node
+ * @param {HTMLElement} el - the template tag we want to render
+ * @param   {Object} meta - meta properties needed to handle the <template> tags in loops
+ * @returns {number} offset of the <template> tag calculated from its siblings DOM nodes
+ */
+function getTemplateTagOffset(parentNode, el, meta) {
+  const siblings = Array.from(parentNode.childNodes);
+  return Math.max(siblings.indexOf(el), siblings.indexOf(meta.head) + 1, 0);
+}
+
+/**
+ * Template Chunk model
+ * @type {Object}
+ */
+const TemplateChunk = {
+  // Static props
+  // bindings: null,
+  // bindingsData: null,
+  // html: null,
+  // isTemplateTag: false,
+  // fragment: null,
+  // children: null,
+  // dom: null,
+  // el: null,
+
+  /**
+   * Create the template DOM structure that will be cloned on each mount
+   * @param   {HTMLElement} el - the root node
+   * @returns {TemplateChunk} self
+   */
+  createDOM(el) {
+    // make sure that the DOM gets created before cloning the template
+    this.dom = this.dom || createTemplateDOM(el, this.html) || document.createDocumentFragment();
+    return this;
+  },
+  // API methods
+  /**
+   * Attach the template to a DOM node
+   * @param   {HTMLElement} el - target DOM node
+   * @param   {*} scope - template data
+   * @param   {*} parentScope - scope of the parent template tag
+   * @param   {Object} meta - meta properties needed to handle the <template> tags in loops
+   * @returns {TemplateChunk} self
+   */
+  mount(el, scope, parentScope, meta) {
+    if (meta === void 0) {
+      meta = {};
+    }
+    if (!el) (0,_util_misc_js__WEBPACK_IMPORTED_MODULE_5__.panic)('Please provide DOM node to mount properly your template');
+    if (this.el) this.unmount(scope);
+
+    // <template> tags require a bit more work
+    // the template fragment might be already created via meta outside of this call
+    const {
+      fragment,
+      children,
+      avoidDOMInjection
+    } = meta;
+    // <template> bindings of course can not have a root element
+    // so we check the parent node to set the query selector bindings
+    const {
+      parentNode
+    } = children ? children[0] : el;
+    const isTemplateTag = (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isTemplate)(el);
+    const templateTagOffset = isTemplateTag ? getTemplateTagOffset(parentNode, el, meta) : null;
+
+    // create the DOM if it wasn't created before
+    this.createDOM(el);
+
+    // create the DOM of this template cloning the original DOM structure stored in this instance
+    // notice that if a documentFragment was passed (via meta) we will use it instead
+    const cloneNode = fragment || this.dom.cloneNode(true);
+
+    // store root node
+    // notice that for template tags the root note will be the parent tag
+    this.el = isTemplateTag ? parentNode : el;
+
+    // create the children array only for the <template> fragments
+    this.children = isTemplateTag ? children || Array.from(cloneNode.childNodes) : null;
+
+    // inject the DOM into the el only if a fragment is available
+    if (!avoidDOMInjection && cloneNode) injectDOM(el, cloneNode);
+
+    // create the bindings
+    this.bindings = this.bindingsData.map(binding => create$1(this.el, binding, templateTagOffset));
+    this.bindings.forEach(b => b.mount(scope, parentScope));
+
+    // store the template meta properties
+    this.meta = meta;
+    return this;
+  },
+  /**
+   * Update the template with fresh data
+   * @param   {*} scope - template data
+   * @param   {*} parentScope - scope of the parent template tag
+   * @returns {TemplateChunk} self
+   */
+  update(scope, parentScope) {
+    this.bindings.forEach(b => b.update(scope, parentScope));
+    return this;
+  },
+  /**
+   * Remove the template from the node where it was initially mounted
+   * @param   {*} scope - template data
+   * @param   {*} parentScope - scope of the parent template tag
+   * @param   {boolean|null} mustRemoveRoot - if true remove the root element,
+   * if false or undefined clean the root tag content, if null don't touch the DOM
+   * @returns {TemplateChunk} self
+   */
+  unmount(scope, parentScope, mustRemoveRoot) {
+    if (mustRemoveRoot === void 0) {
+      mustRemoveRoot = false;
+    }
+    const el = this.el;
+    if (!el) {
+      return this;
+    }
+    this.bindings.forEach(b => b.unmount(scope, parentScope, mustRemoveRoot));
+    switch (true) {
+      // pure components should handle the DOM unmount updates by themselves
+      // for mustRemoveRoot === null don't touch the DOM
+      case el[_util_constants_js__WEBPACK_IMPORTED_MODULE_6__.IS_PURE_SYMBOL] || mustRemoveRoot === null:
+        break;
+
+      // if children are declared, clear them
+      // applicable for <template> and <slot/> bindings
+      case Array.isArray(this.children):
+        (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.clearChildren)(this.children);
+        break;
+
+      // clean the node children only
+      case !mustRemoveRoot:
+        (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.cleanNode)(el);
+        break;
+
+      // remove the root node only if the mustRemoveRoot is truly
+      case !!mustRemoveRoot:
+        (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(el);
+        break;
+    }
+    this.el = null;
+    return this;
+  },
+  /**
+   * Clone the template chunk
+   * @returns {TemplateChunk} a clone of this object resetting the this.el property
+   */
+  clone() {
+    return Object.assign({}, this, {
+      meta: {},
+      el: null
+    });
+  }
+};
+
+/**
+ * Create a template chunk wiring also the bindings
+ * @param   {string|HTMLElement} html - template string
+ * @param   {BindingData[]} bindings - bindings collection
+ * @returns {TemplateChunk} a new TemplateChunk copy
+ */
+function create(html, bindings) {
+  if (bindings === void 0) {
+    bindings = [];
+  }
+  return Object.assign({}, TemplateChunk, {
+    html,
+    bindingsData: bindings
+  });
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "EACH": () => (/* binding */ EACH),
+/* harmony export */   "IF": () => (/* binding */ IF),
+/* harmony export */   "SIMPLE": () => (/* binding */ SIMPLE),
+/* harmony export */   "SLOT": () => (/* binding */ SLOT),
+/* harmony export */   "TAG": () => (/* binding */ TAG),
+/* harmony export */   "default": () => (/* binding */ bindingTypes)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+const EACH = 0;
+const IF = 1;
+const SIMPLE = 2;
+const TAG = 3;
+const SLOT = 4;
+const bindingTypes = {
+  EACH,
+  IF,
+  SIMPLE,
+  TAG,
+  SLOT
+};
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/checks.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "checkType": () => (/* binding */ checkType),
+/* harmony export */   "isBoolean": () => (/* binding */ isBoolean),
+/* harmony export */   "isFunction": () => (/* binding */ isFunction),
+/* harmony export */   "isNil": () => (/* binding */ isNil),
+/* harmony export */   "isObject": () => (/* binding */ isObject),
+/* harmony export */   "isSvg": () => (/* binding */ isSvg),
+/* harmony export */   "isTemplate": () => (/* binding */ isTemplate)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+/**
+ * Quick type checking
+ * @param   {*} element - anything
+ * @param   {string} type - type definition
+ * @returns {boolean} true if the type corresponds
+ */
+function checkType(element, type) {
+  return typeof element === type;
+}
+
+/**
+ * Check if an element is part of an svg
+ * @param   {HTMLElement}  el - element to check
+ * @returns {boolean} true if we are in an svg context
+ */
+function isSvg(el) {
+  const owner = el.ownerSVGElement;
+  return !!owner || owner === null;
+}
+
+/**
+ * Check if an element is a template tag
+ * @param   {HTMLElement}  el - element to check
+ * @returns {boolean} true if it's a <template>
+ */
+function isTemplate(el) {
+  return el.tagName.toLowerCase() === 'template';
+}
+
+/**
+ * Check that will be passed if its argument is a function
+ * @param   {*} value - value to check
+ * @returns {boolean} - true if the value is a function
+ */
+function isFunction(value) {
+  return checkType(value, 'function');
+}
+
+/**
+ * Check if a value is a Boolean
+ * @param   {*}  value - anything
+ * @returns {boolean} true only for the value is a boolean
+ */
+function isBoolean(value) {
+  return checkType(value, 'boolean');
+}
+
+/**
+ * Check if a value is an Object
+ * @param   {*}  value - anything
+ * @returns {boolean} true only for the value is an object
+ */
+function isObject(value) {
+  return !isNil(value) && value.constructor === Object;
+}
+
+/**
+ * Check if a value is null or undefined
+ * @param   {*}  value - anything
+ * @returns {boolean} true only for the 'undefined' and 'null' types
+ */
+function isNil(value) {
+  return value === null || value === undefined;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/constants.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ATTRIBUTES_KEY_SYMBOL": () => (/* binding */ ATTRIBUTES_KEY_SYMBOL),
+/* harmony export */   "COMPONENTS_IMPLEMENTATION_MAP": () => (/* binding */ COMPONENTS_IMPLEMENTATION_MAP),
+/* harmony export */   "DOM_COMPONENT_INSTANCE_PROPERTY": () => (/* binding */ DOM_COMPONENT_INSTANCE_PROPERTY),
+/* harmony export */   "IS_COMPONENT_UPDATING": () => (/* binding */ IS_COMPONENT_UPDATING),
+/* harmony export */   "IS_DIRECTIVE": () => (/* binding */ IS_DIRECTIVE),
+/* harmony export */   "IS_PURE_SYMBOL": () => (/* binding */ IS_PURE_SYMBOL),
+/* harmony export */   "MOUNT_METHOD_KEY": () => (/* binding */ MOUNT_METHOD_KEY),
+/* harmony export */   "ON_BEFORE_MOUNT_KEY": () => (/* binding */ ON_BEFORE_MOUNT_KEY),
+/* harmony export */   "ON_BEFORE_UNMOUNT_KEY": () => (/* binding */ ON_BEFORE_UNMOUNT_KEY),
+/* harmony export */   "ON_BEFORE_UPDATE_KEY": () => (/* binding */ ON_BEFORE_UPDATE_KEY),
+/* harmony export */   "ON_MOUNTED_KEY": () => (/* binding */ ON_MOUNTED_KEY),
+/* harmony export */   "ON_UNMOUNTED_KEY": () => (/* binding */ ON_UNMOUNTED_KEY),
+/* harmony export */   "ON_UPDATED_KEY": () => (/* binding */ ON_UPDATED_KEY),
+/* harmony export */   "PARENT_KEY_SYMBOL": () => (/* binding */ PARENT_KEY_SYMBOL),
+/* harmony export */   "PLUGINS_SET": () => (/* binding */ PLUGINS_SET),
+/* harmony export */   "PROPS_KEY": () => (/* binding */ PROPS_KEY),
+/* harmony export */   "ROOT_KEY": () => (/* binding */ ROOT_KEY),
+/* harmony export */   "SHOULD_UPDATE_KEY": () => (/* binding */ SHOULD_UPDATE_KEY),
+/* harmony export */   "SLOTS_KEY": () => (/* binding */ SLOTS_KEY),
+/* harmony export */   "STATE_KEY": () => (/* binding */ STATE_KEY),
+/* harmony export */   "TEMPLATE_KEY_SYMBOL": () => (/* binding */ TEMPLATE_KEY_SYMBOL),
+/* harmony export */   "UNMOUNT_METHOD_KEY": () => (/* binding */ UNMOUNT_METHOD_KEY),
+/* harmony export */   "UPDATE_METHOD_KEY": () => (/* binding */ UPDATE_METHOD_KEY)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+// Riot.js constants that can be used across more modules
+
+const COMPONENTS_IMPLEMENTATION_MAP = new Map(),
+  DOM_COMPONENT_INSTANCE_PROPERTY = Symbol('riot-component'),
+  PLUGINS_SET = new Set(),
+  IS_DIRECTIVE = 'is',
+  MOUNT_METHOD_KEY = 'mount',
+  UPDATE_METHOD_KEY = 'update',
+  UNMOUNT_METHOD_KEY = 'unmount',
+  SHOULD_UPDATE_KEY = 'shouldUpdate',
+  ON_BEFORE_MOUNT_KEY = 'onBeforeMount',
+  ON_MOUNTED_KEY = 'onMounted',
+  ON_BEFORE_UPDATE_KEY = 'onBeforeUpdate',
+  ON_UPDATED_KEY = 'onUpdated',
+  ON_BEFORE_UNMOUNT_KEY = 'onBeforeUnmount',
+  ON_UNMOUNTED_KEY = 'onUnmounted',
+  PROPS_KEY = 'props',
+  STATE_KEY = 'state',
+  SLOTS_KEY = 'slots',
+  ROOT_KEY = 'root',
+  IS_PURE_SYMBOL = Symbol('pure'),
+  IS_COMPONENT_UPDATING = Symbol('is_updating'),
+  PARENT_KEY_SYMBOL = Symbol('parent'),
+  ATTRIBUTES_KEY_SYMBOL = Symbol('attributes'),
+  TEMPLATE_KEY_SYMBOL = Symbol('template');
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/dom.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DOMattributesToObject": () => (/* binding */ DOMattributesToObject),
+/* harmony export */   "cleanNode": () => (/* binding */ cleanNode),
+/* harmony export */   "clearChildren": () => (/* binding */ clearChildren),
+/* harmony export */   "insertBefore": () => (/* binding */ insertBefore),
+/* harmony export */   "moveChildren": () => (/* binding */ moveChildren),
+/* harmony export */   "removeChild": () => (/* binding */ removeChild),
+/* harmony export */   "replaceChild": () => (/* binding */ replaceChild)
+/* harmony export */ });
+/* harmony import */ var _strings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./strings.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/strings.js");
+/* Riot WIP, @license MIT */
+
+
+/**
+ * Get all the element attributes as object
+ * @param   {HTMLElement} element - DOM node we want to parse
+ * @returns {Object} all the attributes found as a key value pairs
+ */
+function DOMattributesToObject(element) {
+  return Array.from(element.attributes).reduce((acc, attribute) => {
+    acc[(0,_strings_js__WEBPACK_IMPORTED_MODULE_0__.dashToCamelCase)(attribute.name)] = attribute.value;
+    return acc;
+  }, {});
+}
+
+/**
+ * Move all the child nodes from a source tag to another
+ * @param   {HTMLElement} source - source node
+ * @param   {HTMLElement} target - target node
+ * @returns {undefined} it's a void method ¯\_(ツ)_/¯
+ */
+
+// Ignore this helper because it's needed only for svg tags
+function moveChildren(source, target) {
+  // eslint-disable-next-line fp/no-loops
+  while (source.firstChild) target.appendChild(source.firstChild);
+}
+
+/**
+ * Remove the child nodes from any DOM node
+ * @param   {HTMLElement} node - target node
+ * @returns {undefined}
+ */
+function cleanNode(node) {
+  // eslint-disable-next-line fp/no-loops
+  while (node.firstChild) node.removeChild(node.firstChild);
+}
+
+/**
+ * Clear multiple children in a node
+ * @param   {HTMLElement[]} children - direct children nodes
+ * @returns {undefined}
+ */
+function clearChildren(children) {
+  // eslint-disable-next-line fp/no-loops,fp/no-let
+  for (let i = 0; i < children.length; i++) removeChild(children[i]);
+}
+
+/**
+ * Remove a node
+ * @param {HTMLElement}node - node to remove
+ * @returns {undefined}
+ */
+const removeChild = node => node.remove();
+
+/**
+ * Insert before a node
+ * @param {HTMLElement} newNode - node to insert
+ * @param {HTMLElement} refNode - ref child
+ * @returns {undefined}
+ */
+const insertBefore = (newNode, refNode) => refNode && refNode.parentNode && refNode.parentNode.insertBefore(newNode, refNode);
+
+/**
+ * Replace a node
+ * @param {HTMLElement} newNode - new node to add to the DOM
+ * @param {HTMLElement} replaced - node to replace
+ * @returns {undefined}
+ */
+const replaceChild = (newNode, replaced) => replaced && replaced.parentNode && replaced.parentNode.replaceChild(newNode, replaced);
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ATTRIBUTE": () => (/* binding */ ATTRIBUTE),
+/* harmony export */   "EVENT": () => (/* binding */ EVENT),
+/* harmony export */   "TEXT": () => (/* binding */ TEXT),
+/* harmony export */   "VALUE": () => (/* binding */ VALUE),
+/* harmony export */   "default": () => (/* binding */ expressionTypes)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+const ATTRIBUTE = 0;
+const EVENT = 1;
+const TEXT = 2;
+const VALUE = 3;
+const expressionTypes = {
+  ATTRIBUTE,
+  EVENT,
+  TEXT,
+  VALUE
+};
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/functions.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "autobindMethods": () => (/* binding */ autobindMethods),
+/* harmony export */   "callOrAssign": () => (/* binding */ callOrAssign),
+/* harmony export */   "noop": () => (/* binding */ noop)
+/* harmony export */ });
+/* harmony import */ var _checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
+/* Riot WIP, @license MIT */
+
+
+// does simply nothing
+function noop() {
+  return this;
+}
+
+/**
+ * Autobind the methods of a source object to itself
+ * @param   {Object} source - probably a riot tag instance
+ * @param   {Array<string>} methods - list of the methods to autobind
+ * @returns {Object} the original object received
+ */
+function autobindMethods(source, methods) {
+  methods.forEach(method => {
+    source[method] = source[method].bind(source);
+  });
+  return source;
+}
+
+/**
+ * Call the first argument received only if it's a function otherwise return it as it is
+ * @param   {*} source - anything
+ * @returns {*} anything
+ */
+function callOrAssign(source) {
+  return (0,_checks_js__WEBPACK_IMPORTED_MODULE_0__.isFunction)(source) ? source.prototype && source.prototype.constructor ? new source() : source() : source;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/misc.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "evaluateAttributeExpressions": () => (/* binding */ evaluateAttributeExpressions),
+/* harmony export */   "memoize": () => (/* binding */ memoize),
+/* harmony export */   "panic": () => (/* binding */ panic)
+/* harmony export */ });
+/* harmony import */ var _expression_types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
+/* harmony import */ var _strings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./strings.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/strings.js");
+/* Riot WIP, @license MIT */
+
+
+
+/**
+ * Throw an error with a descriptive message
+ * @param   { string } message - error message
+ * @param   { string } cause - optional error cause object
+ * @returns { undefined } hoppla... at this point the program should stop working
+ */
+function panic(message, cause) {
+  throw new Error(message, {
+    cause
+  });
+}
+/**
+ * Returns the memoized (cached) function.
+ * // borrowed from https://www.30secondsofcode.org/js/s/memoize
+ * @param {Function} fn - function to memoize
+ * @returns {Function} memoize function
+ */
+function memoize(fn) {
+  const cache = new Map();
+  const cached = val => {
+    return cache.has(val) ? cache.get(val) : cache.set(val, fn.call(this, val)) && cache.get(val);
+  };
+  cached.cache = cache;
+  return cached;
+}
+
+/**
+ * Evaluate a list of attribute expressions
+ * @param   {Array} attributes - attribute expressions generated by the riot compiler
+ * @returns {Object} key value pairs with the result of the computation
+ */
+function evaluateAttributeExpressions(attributes) {
+  return attributes.reduce((acc, attribute) => {
+    const {
+      value,
+      type
+    } = attribute;
+    switch (true) {
+      // spread attribute
+      case !attribute.name && type === _expression_types_js__WEBPACK_IMPORTED_MODULE_0__.ATTRIBUTE:
+        return Object.assign({}, acc, value);
+      // value attribute
+      case type === _expression_types_js__WEBPACK_IMPORTED_MODULE_0__.VALUE:
+        acc.value = attribute.value;
+        break;
+      // normal attributes
+      default:
+        acc[(0,_strings_js__WEBPACK_IMPORTED_MODULE_1__.dashToCamelCase)(attribute.name)] = attribute.value;
+    }
+    return acc;
+  }, {});
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/objects.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "defineDefaults": () => (/* binding */ defineDefaults),
+/* harmony export */   "defineProperties": () => (/* binding */ defineProperties),
+/* harmony export */   "defineProperty": () => (/* binding */ defineProperty)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+/**
+ * Helper function to set an immutable property
+ * @param   {Object} source - object where the new property will be set
+ * @param   {string} key - object key where the new property will be stored
+ * @param   {*} value - value of the new property
+ * @param   {Object} options - set the property overriding the default options
+ * @returns {Object} - the original object modified
+ */
+function defineProperty(source, key, value, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  /* eslint-disable fp/no-mutating-methods */
+  Object.defineProperty(source, key, Object.assign({
+    value,
+    enumerable: false,
+    writable: false,
+    configurable: true
+  }, options));
+  /* eslint-enable fp/no-mutating-methods */
+
+  return source;
+}
+
+/**
+ * Define multiple properties on a target object
+ * @param   {Object} source - object where the new properties will be set
+ * @param   {Object} properties - object containing as key pair the key + value properties
+ * @param   {Object} options - set the property overriding the default options
+ * @returns {Object} the original object modified
+ */
+function defineProperties(source, properties, options) {
+  Object.entries(properties).forEach(_ref => {
+    let [key, value] = _ref;
+    defineProperty(source, key, value, options);
+  });
+  return source;
+}
+
+/**
+ * Define default properties if they don't exist on the source object
+ * @param   {Object} source - object that will receive the default properties
+ * @param   {Object} defaults - object containing additional optional keys
+ * @returns {Object} the original object received enhanced
+ */
+function defineDefaults(source, defaults) {
+  Object.entries(defaults).forEach(_ref2 => {
+    let [key, value] = _ref2;
+    if (!source[key]) source[key] = value;
+  });
+  return source;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/@riotjs/util/strings.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/@riotjs/util/strings.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "camelToDashCase": () => (/* binding */ camelToDashCase),
+/* harmony export */   "dashToCamelCase": () => (/* binding */ dashToCamelCase)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+/**
+ * Convert a string from camel case to dash-case
+ * @param   {string} string - probably a component tag name
+ * @returns {string} component name normalized
+ */
+function camelToDashCase(string) {
+  return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+/**
+ * Convert a string containing dashes to camel case
+ * @param   {string} string - input string
+ * @returns {string} my-string -> myString
+ */
+function dashToCamelCase(string) {
+  return string.replace(/-(\w)/g, (_, c) => c.toUpperCase());
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/bianco.attr/index.next.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "get": () => (/* binding */ get),
+/* harmony export */   "set": () => (/* binding */ set)
+/* harmony export */ });
+/* harmony import */ var _bianco_dom_to_array_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../bianco.dom-to-array/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.dom-to-array/index.next.js");
+/* Riot WIP, @license MIT */
+
+
+/**
+ * Normalize the return values, in case of a single value we avoid to return an array
+ * @param   { Array } values - list of values we want to return
+ * @returns { Array|string|boolean } either the whole list of values or the single one found
+ * @private
+ */
+const normalize = values => values.length === 1 ? values[0] : values;
+
+/**
+ * Parse all the nodes received to get/remove/check their attributes
+ * @param   { HTMLElement|NodeList|Array } els    - DOM node/s to parse
+ * @param   { string|Array }               name   - name or list of attributes
+ * @param   { string }                     method - method that will be used to parse the attributes
+ * @returns { Array|string } result of the parsing in a list or a single value
+ * @private
+ */
+function parseNodes(els, name, method) {
+  const names = typeof name === 'string' ? [name] : name;
+  return normalize((0,_bianco_dom_to_array_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(els).map(el => {
+    return normalize(names.map(n => el[method](n)));
+  }));
+}
+
+/**
+ * Set any attribute on a single or a list of DOM nodes
+ * @param   { HTMLElement|NodeList|Array } els   - DOM node/s to parse
+ * @param   { string|Object }              name  - either the name of the attribute to set
+ *                                                 or a list of properties as object key - value
+ * @param   { string }                     value - the new value of the attribute (optional)
+ * @returns { HTMLElement|NodeList|Array } the original array of elements passed to this function
+ *
+ * @example
+ *
+ * import { set } from 'bianco.attr'
+ *
+ * const img = document.createElement('img')
+ *
+ * set(img, 'width', 100)
+ *
+ * // or also
+ * set(img, {
+ *   width: 300,
+ *   height: 300
+ * })
+ *
+ */
+function set(els, name, value) {
+  const attrs = typeof name === 'object' ? name : {
+    [name]: value
+  };
+  const props = Object.keys(attrs);
+  (0,_bianco_dom_to_array_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(els).forEach(el => {
+    props.forEach(prop => el.setAttribute(prop, attrs[prop]));
+  });
+  return els;
+}
+
+/**
+ * Get any attribute from a single or a list of DOM nodes
+ * @param   { HTMLElement|NodeList|Array } els   - DOM node/s to parse
+ * @param   { string|Array }               name  - name or list of attributes to get
+ * @returns { Array|string } list of the attributes found
+ *
+ * @example
+ *
+ * import { get } from 'bianco.attr'
+ *
+ * const img = document.createElement('img')
+ *
+ * get(img, 'width') // => '200'
+ *
+ * // or also
+ * get(img, ['width', 'height']) // => ['200', '300']
+ *
+ * // or also
+ * get([img1, img2], ['width', 'height']) // => [['200', '300'], ['500', '200']]
+ */
+function get(els, name) {
+  return parseNodes(els, name, 'getAttribute');
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/bianco.dom-to-array/index.next.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/bianco.dom-to-array/index.next.js ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ domToArray)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+/**
+ * Converts any DOM node/s to a loopable array
+ * @param   { HTMLElement|NodeList } els - single html element or a node list
+ * @returns { Array } always a loopable object
+ */
+function domToArray(els) {
+  // can this object be already looped?
+  if (!Array.isArray(els)) {
+    // is it a node list?
+    if (/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(els)) && typeof els.length === 'number') return Array.from(els);else
+      // if it's a single node
+      // it will be returned as "array" with one single entry
+      return [els];
+  }
+  // this object could be looped out of the box
+  return els;
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/bianco.query/index.next.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ $)
+/* harmony export */ });
+/* harmony import */ var _bianco_dom_to_array_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../bianco.dom-to-array/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.dom-to-array/index.next.js");
+/* Riot WIP, @license MIT */
+
+
+/**
+ * Simple helper to find DOM nodes returning them as array like loopable object
+ * @param   { string|DOMNodeList } selector - either the query or the DOM nodes to arraify
+ * @param   { HTMLElement }        scope      - context defining where the query will search for the DOM nodes
+ * @returns { Array } DOM nodes found as array
+ */
+function $(selector, scope) {
+  return (0,_bianco_dom_to_array_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(typeof selector === 'string' ? (scope || document).querySelectorAll(selector) : selector);
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/cumpa/index.next.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/cumpa/index.next.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ compose)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+/**
+ * Similar to compose but performs from left-to-right function composition.<br/>
+ * {@link https://30secondsofcode.org/function#composeright see also}
+ * @param   {...[function]} fns) - list of unary function
+ * @returns {*} result of the computation
+ */
+
+/**
+ * Performs right-to-left function composition.<br/>
+ * Use Array.prototype.reduce() to perform right-to-left function composition.<br/>
+ * The last (rightmost) function can accept one or more arguments; the remaining functions must be unary.<br/>
+ * {@link https://30secondsofcode.org/function#compose original source code}
+ * @param   {...[function]} fns) - list of unary function
+ * @returns {*} result of the computation
+ */
+function compose() {
+  for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    fns[_key2] = arguments[_key2];
+  }
+  return fns.reduce((f, g) => function () {
+    return f(g(...arguments));
+  });
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/node_modules/curri/index.next.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/riot/esm/node_modules/curri/index.next.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ curry)
+/* harmony export */ });
+/* Riot WIP, @license MIT */
+/**
+ * Function to curry any javascript method
+ * @param   {Function}  fn - the target function we want to curry
+ * @param   {...[args]} acc - initial arguments
+ * @returns {Function|*} it will return a function until the target function
+ *                       will receive all of its arguments
+ */
+function curry(fn) {
+  for (var _len = arguments.length, acc = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    acc[_key - 1] = arguments[_key];
+  }
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    args = [...acc, ...args];
+    return args.length < fn.length ? curry(fn, ...args) : fn(...args);
+  };
+}
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/riot.js":
+/*!***************************************!*\
+  !*** ./node_modules/riot/esm/riot.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "__": () => (/* reexport safe */ _api_js__WEBPACK_IMPORTED_MODULE_10__.__),
+/* harmony export */   "component": () => (/* reexport safe */ _api_component_js__WEBPACK_IMPORTED_MODULE_6__.component),
+/* harmony export */   "install": () => (/* reexport safe */ _api_install_js__WEBPACK_IMPORTED_MODULE_4__.install),
+/* harmony export */   "mount": () => (/* reexport safe */ _api_mount_js__WEBPACK_IMPORTED_MODULE_2__.mount),
+/* harmony export */   "pure": () => (/* reexport safe */ _api_pure_js__WEBPACK_IMPORTED_MODULE_7__.pure),
+/* harmony export */   "register": () => (/* reexport safe */ _api_register_js__WEBPACK_IMPORTED_MODULE_0__.register),
+/* harmony export */   "uninstall": () => (/* reexport safe */ _api_uninstall_js__WEBPACK_IMPORTED_MODULE_5__.uninstall),
+/* harmony export */   "unmount": () => (/* reexport safe */ _api_unmount_js__WEBPACK_IMPORTED_MODULE_3__.unmount),
+/* harmony export */   "unregister": () => (/* reexport safe */ _api_unregister_js__WEBPACK_IMPORTED_MODULE_1__.unregister),
+/* harmony export */   "version": () => (/* reexport safe */ _api_version_js__WEBPACK_IMPORTED_MODULE_9__.version),
+/* harmony export */   "withTypes": () => (/* reexport safe */ _api_with_types_js__WEBPACK_IMPORTED_MODULE_8__.withTypes)
+/* harmony export */ });
+/* harmony import */ var _api_register_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./api/register.js */ "./node_modules/riot/esm/api/register.js");
+/* harmony import */ var _api_unregister_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./api/unregister.js */ "./node_modules/riot/esm/api/unregister.js");
+/* harmony import */ var _api_mount_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./api/mount.js */ "./node_modules/riot/esm/api/mount.js");
+/* harmony import */ var _api_unmount_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./api/unmount.js */ "./node_modules/riot/esm/api/unmount.js");
+/* harmony import */ var _api_install_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./api/install.js */ "./node_modules/riot/esm/api/install.js");
+/* harmony import */ var _api_uninstall_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./api/uninstall.js */ "./node_modules/riot/esm/api/uninstall.js");
+/* harmony import */ var _api_component_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./api/component.js */ "./node_modules/riot/esm/api/component.js");
+/* harmony import */ var _api_pure_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./api/pure.js */ "./node_modules/riot/esm/api/pure.js");
+/* harmony import */ var _api_with_types_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./api/with-types.js */ "./node_modules/riot/esm/api/with-types.js");
+/* harmony import */ var _api_version_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./api/version.js */ "./node_modules/riot/esm/api/version.js");
+/* harmony import */ var _api_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./api/__.js */ "./node_modules/riot/esm/api/__.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/riot/esm/utils/dom.js":
+/*!********************************************!*\
+  !*** ./node_modules/riot/esm/utils/dom.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "getName": () => (/* binding */ getName)
+/* harmony export */ });
+/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js");
+/* Riot v7.1.0, @license MIT */
+
+
+
+/**
+ * Get the tag name of any DOM node
+ * @param   {HTMLElement} element - DOM node we want to inspect
+ * @returns {string} name to identify this dom node in riot
+ */
+function getName(element) {
+  return (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_0__.get)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.IS_DIRECTIVE) || element.tagName.toLowerCase();
+}
+
+
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = __webpack_modules__;
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/chunk loaded */
+/******/ 	(() => {
+/******/ 		var deferred = [];
+/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
+/******/ 			if(chunkIds) {
+/******/ 				priority = priority || 0;
+/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ 				deferred[i] = [chunkIds, fn, priority];
+/******/ 				return;
+/******/ 			}
+/******/ 			var notFulfilled = Infinity;
+/******/ 			for (var i = 0; i < deferred.length; i++) {
+/******/ 				var [chunkIds, fn, priority] = deferred[i];
+/******/ 				var fulfilled = true;
+/******/ 				for (var j = 0; j < chunkIds.length; j++) {
+/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
+/******/ 						chunkIds.splice(j--, 1);
+/******/ 					} else {
+/******/ 						fulfilled = false;
+/******/ 						if(priority < notFulfilled) notFulfilled = priority;
+/******/ 					}
+/******/ 				}
+/******/ 				if(fulfilled) {
+/******/ 					deferred.splice(i--, 1)
+/******/ 					var r = fn();
+/******/ 					if (r !== undefined) result = r;
+/******/ 				}
+/******/ 			}
+/******/ 			return result;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/jsonp chunk loading */
+/******/ 	(() => {
+/******/ 		// no baseURI
+/******/ 		
+/******/ 		// object to store loaded and loading chunks
+/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ 		var installedChunks = {
+/******/ 			"/js/critical": 0,
+/******/ 			"css/styles": 0
+/******/ 		};
+/******/ 		
+/******/ 		// no chunk on demand loading
+/******/ 		
+/******/ 		// no prefetching
+/******/ 		
+/******/ 		// no preloaded
+/******/ 		
+/******/ 		// no HMR
+/******/ 		
+/******/ 		// no HMR manifest
+/******/ 		
+/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/ 		
+/******/ 		// install a JSONP callback for chunk loading
+/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ 			var [chunkIds, moreModules, runtime] = data;
+/******/ 			// add "moreModules" to the modules object,
+/******/ 			// then flag all "chunkIds" as loaded and fire callback
+/******/ 			var moduleId, chunkId, i = 0;
+/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ 				for(moduleId in moreModules) {
+/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 					}
+/******/ 				}
+/******/ 				if(runtime) var result = runtime(__webpack_require__);
+/******/ 			}
+/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ 			for(;i < chunkIds.length; i++) {
+/******/ 				chunkId = chunkIds[i];
+/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 					installedChunks[chunkId][0]();
+/******/ 				}
+/******/ 				installedChunks[chunkId] = 0;
+/******/ 			}
+/******/ 			return __webpack_require__.O(result);
+/******/ 		}
+/******/ 		
+/******/ 		var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
+/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
+/******/ 	__webpack_require__.O(undefined, ["css/styles"], () => (__webpack_require__("./assets/js/critical.js")))
+/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["css/styles"], () => (__webpack_require__("./assets/scss/styles.scss")))
+/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
+/******/ 	
+/******/ })()
+;
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 45e43f3..174236b 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,22 +1,2 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  <url>
-    <loc>https://a-blog.lan/404.html</loc>
-    <lastmod>2023-01-17T01:25:15+01:00</lastmod>
-  </url>
-  <url>
-    <loc>https://a-blog.lan/faridn-frin.html</loc>
-    <lastmod>2023-01-17T01:25:15+01:00</lastmod>
-  </url>
-  <url>
-    <loc>https://a-blog.lan/hipaa-mofa-cold.html</loc>
-    <lastmod>2023-01-17T01:25:15+01:00</lastmod>
-  </url>
-  <url>
-    <loc>https://a-blog.lan/imprint.html</loc>
-    <lastmod>2023-01-17T01:25:15+01:00</lastmod>
-  </url>
-  <url>
-    <loc>https://a-blog.lan/index.html</loc>
-    <lastmod>2023-01-17T01:25:15+01:00</lastmod>
-  </url>
-</urlset>
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"></urlset>
diff --git a/views/blog.njk b/views/blog.njk
index 1a29c1b..787b5ae 100644
--- a/views/blog.njk
+++ b/views/blog.njk
@@ -11,7 +11,7 @@
 			<article class="post m-bottom-6">
 				<header class="post__header m-bottom-4">
 					<h2 class="h4 m-bottom-3 highlight">
-						<a href="{{ post.path }}">
+						<a href="{{ post.permalink }}">
 							{{ post.title }}
 						</a>
 					</h2>
diff --git a/webpack.mix.js b/webpack.mix.js
index 8cd677c..5200b5e 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -1,5 +1,5 @@
 const mix = require('laravel-mix')
-const SiteomatWebpackPlugin = require('@helpers/siteomat-webpack-plugin')
+const SiteomatWebpackPlugin = require('@site-o-mat/webpack-plugin')
 
 /*
  |--------------------------------------------------------------------------
@@ -40,4 +40,4 @@ mix
     .setPublicPath('./public')
     .js('assets/js/critical.js', 'public/js')
     .js('assets/js/blog.js', 'public/js')
-    .sass('assets/scss/styles.scss', 'public/css')
\ No newline at end of file
+    .sass('assets/scss/styles.scss', 'public/css')