diff --git a/dist/records.json b/dist/records.json
index dd7d18d..e339454 100644
--- a/dist/records.json
+++ b/dist/records.json
@@ -37,6 +37,60 @@
       143
     ]
   },
+  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/meta-lightbox/node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/resolve-url-loader@4.0.0/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/sass-loader@12.1.0_sass@1.37.5+webpack@5.50.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/app.scss": [
+    {
+      "chunks": {
+        "byName": {
+          "child": 396
+        },
+        "bySource": {
+          "0 child": 396
+        },
+        "usedIds": [
+          396
+        ]
+      },
+      "modules": {
+        "byIdentifier": {
+          "./node_modules/.pnpm/babel-loader@8.2.2_6a7208b678074d97b8e10779794541f1/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/runtime/api.js": 149,
+          "./node_modules/.pnpm/babel-loader@8.2.2_6a7208b678074d97b8e10779794541f1/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/runtime/cssWithMappingToString.js": 686,
+          "./node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/resolve-url-loader@4.0.0/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/sass-loader@12.1.0_sass@1.37.5+webpack@5.50.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/app.scss": 0
+        },
+        "usedIds": [
+          0,
+          149,
+          686
+        ]
+      }
+    }
+  ],
+  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/meta-lightbox/node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/resolve-url-loader@4.0.0/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/sass-loader@12.1.0_sass@1.37.5+webpack@5.50.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/test-build.scss": [
+    {
+      "chunks": {
+        "byName": {
+          "child": 396
+        },
+        "bySource": {
+          "0 child": 396
+        },
+        "usedIds": [
+          396
+        ]
+      },
+      "modules": {
+        "byIdentifier": {
+          "./node_modules/.pnpm/babel-loader@8.2.2_6a7208b678074d97b8e10779794541f1/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/runtime/api.js": 149,
+          "./node_modules/.pnpm/babel-loader@8.2.2_6a7208b678074d97b8e10779794541f1/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/runtime/cssWithMappingToString.js": 686,
+          "./node_modules/.pnpm/css-loader@6.2.0_webpack@5.50.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/resolve-url-loader@4.0.0/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/sass-loader@12.1.0_sass@1.37.5+webpack@5.50.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/test-build.scss": 163
+        },
+        "usedIds": [
+          149,
+          163,
+          686
+        ]
+      }
+    }
+  ],
   "modules": {
     "byIdentifier": {
       "./node_modules/.pnpm/babel-loader@8.2.2_6a7208b678074d97b8e10779794541f1/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/axios@0.21.1_debug@4.3.2/node_modules/axios/index.js": 722,
diff --git a/dist/report.html b/dist/report.html
index 8d2ab8a..ec7235a 100644
--- a/dist/report.html
+++ b/dist/report.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@a2nt/meta-lightbox-js [18 Aug 2021 at 19:06]</title>
+    <title>@a2nt/meta-lightbox-js [18 Aug 2021 at 19:18]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
diff --git a/package.json b/package.json
index 9c9ac09..45edcc8 100644
--- a/package.json
+++ b/package.json
@@ -16,9 +16,9 @@
   "scripts": {
     "start": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.serve.js",
     "dash": "cross-env NODE_ENV=development webpack-dashboard -- webpack-dev-server --config webpack.config.serve.js",
-    "build": "eslint ./src --config eslint.config.json --fix && sass-lint ./src --config sass-lint.yml -v -q --fix && cross-env NODE_ENV=production webpack --progress --stats-all",
+    "build": "cross-env NODE_ENV=production webpack --progress --stats-all",
     "lint:check": "eslint ./src --config eslint.config.json && sass-lint ./src --config sass-lint.yml -v -q",
-    "lint:fix": "eslint ./src --config eslint.config.json --fix && sass-lint ./src --config sass-lint.yml -v -q --fix",
+    "lint:fix": "eslint ./src --config eslint.config.json --fix && sass-lint-auto-fix -c ./sass-lint.yml './src/scss/*'",
     "lint:js": "eslint ./src --config eslint.config.json",
     "lint:sass": "sass-lint ./src --config sass-lint.yml -v -q",
     "prebuild": "yarn lint:fix && rimraf dist",
@@ -129,6 +129,7 @@
     "routie": "0.0.1",
     "sass": "*",
     "sass-lint": "^1.13.1",
+    "sass-lint-auto-fix": "^0.21.2",
     "sass-lint-fix": "^1.12.1",
     "sass-loader": "^12.1.0",
     "scheduler": "^0.20.2",
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 6b440b9..b10de34 100755
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -73,8 +73,8 @@ xxxl: 1560px,
 }
 
 @mixin spinner_style() {
-    font-size: $meta-spinner-size;
     color: $meta-spinner-color;
+    font-size: $meta-spinner-size;
     font-weight: $meta-spinner-weight;
     text-transform: uppercase;
 }
@@ -86,15 +86,15 @@ xxxl: 1560px,
 // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
 
 @mixin sr-only() {
-    position: absolute;
-    width: 1px;
+    border: 0;
+    clip: rect(0, 0, 0, 0);
     height: 1px;
-    padding: 0;
     margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    padding: 0;
+    position: absolute;
     white-space: nowrap;
-    border: 0;
+    width: 1px;
 }
 
 @mixin pseudo($display: block, $pos: absolute, $content: '') {
@@ -109,8 +109,8 @@ xxxl: 1560px,
     @if $pseudo {
         &:before {
             @include pseudo($pos: relative);
-            width: 100%;
             padding-top: $padding;
+            width: 100%;
         }
     }
 
diff --git a/src/scss/test-build.scss b/src/scss/test-build.scss
index c7cc86c..2a203d0 100755
--- a/src/scss/test-build.scss
+++ b/src/scss/test-build.scss
@@ -1,12 +1,12 @@
 .visually-hidden,
 .visually-hidden-focusable:not(:focus):not(:focus-within) {
-    position: absolute !important;
-    width: 1px !important;
+    border: 0 !important;
+    clip: rect(0, 0, 0, 0) !important;
     height: 1px !important;
-    padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
-    clip: rect(0, 0, 0, 0) !important;
+    padding: 0 !important;
+    position: absolute !important;
     white-space: nowrap !important;
-    border: 0 !important;
+    width: 1px !important;
 }
diff --git a/src/scss/window.scss b/src/scss/window.scss
index 9e9f736..423e6f9 100755
--- a/src/scss/window.scss
+++ b/src/scss/window.scss
@@ -9,28 +9,28 @@ $module_name: 'meta-MetaWindow';
     .meta-spinner_embed,
     .meta-spinner,
     .meta-error {
-        display: none;
         align-items: center;
+        display: none;
         justify-content: center;
-        z-index: 2;
         text-align: center;
+        z-index: 2;
     }
 
     .meta-spinner_embed,
     .meta-spinner {
         @include spinner_style();
 
-        position: absolute;
+        bottom: 0;
         left: 0;
+        position: absolute;
         right: 0;
         top: 0;
-        bottom: 0;
     }
 
     .meta-error {
         color: $clr-red;
-        font-weight: bold;
         font-size: 1.5em;
+        font-weight: bold;
     }
 
     .meta-spinner_embed {
@@ -38,15 +38,15 @@ $module_name: 'meta-MetaWindow';
     }
 
     &-overlay {
+        align-items: center;
         background: $meta-overlay-bg;
+        bottom: 0;
         display: none;
-        position: fixed;
+        justify-content: center;
         left: 0;
+        position: fixed;
         right: 0;
         top: 0;
-        bottom: 0;
-        align-items: center;
-        justify-content: center;
         z-index: 98;
 
         // meta states
@@ -73,11 +73,11 @@ $module_name: 'meta-MetaWindow';
 
     // navs
     .meta-nav {
-        font-size: $meta-nav-size;
-        color: $meta-nav-color;
-        text-shadow: $meta-nav-hover-shadow 0 0 0.25em;
-        border: 0;
         background: none;
+        border: 0;
+        color: $meta-nav-color;
+        font-size: $meta-nav-size;
+        text-shadow: $meta-nav-hover-shadow 0 0 0.25em;
         z-index: 2;
 
         @include hover-focus() {
@@ -85,23 +85,23 @@ $module_name: 'meta-MetaWindow';
         }
 
         &:hover {
-            color: $meta-nav-hover-color;
             background: $meta-nav-hover-bg;
-            text-shadow: none;
+            color: $meta-nav-hover-color;
             text-decoration: none;
+            text-shadow: none;
         }
 
     }
 
     .meta-nav-arrow {
-        position: absolute;
-        bottom: 0;
-        top: auto;
-        display: flex;
-        justify-content: center;
         align-items: center;
+        bottom: 0;
+        display: flex;
         font-size: $meta-nav-arrows-size;
+        justify-content: center;
         padding: $meta-nav-padding;
+        position: absolute;
+        top: auto;
         z-index: 2;
 
         @include hover-focus() {
@@ -115,8 +115,8 @@ $module_name: 'meta-MetaWindow';
         }
 
         @media (min-width: map-get($grid-breakpoints, 'lg')) {
-            top: 0;
             bottom: 0;
+            top: 0;
         }
 
         &__next {
@@ -140,8 +140,8 @@ $module_name: 'meta-MetaWindow';
 
     .meta-close {
         position: absolute;
-        top: -3rem;
         right: 0;
+        top: -3rem;
         width: 1.25em;
 
         &:hover {
@@ -155,41 +155,41 @@ $module_name: 'meta-MetaWindow';
         }
 
         @media (min-width: map-get($grid-breakpoints, 'lg')) {
-            top: -($meta-nav-arrows-size + 0.5);
             right: -($meta-nav-arrows-size + 0.5);
+            top: -($meta-nav-arrows-size + 0.5);
         }
     }
 
     .meta-content {
-        position: relative;
-        width: 100%;
-        height: 80%;
         display: flex;
         flex-direction: column;
+        height: 80%;
+        position: relative;
+        width: 100%;
         z-index: 1;
 
         @media (min-width: map-get($grid-breakpoints, 'lg')) {
-            width: 90%;
             height: 90%;
-            width: calc(90% - 3rem);
             height: calc(90% - 3rem);
+            width: 90%;
+            width: calc(90% - 3rem);
         }
     }
 
     .meta-wrap {
         display: flex;
+        height: 100%;
+        margin: 0 auto;
         max-height: 100%;
         max-width: 100%;
-        width: 100%;
-        height: 100%;
         overflow: auto;
+        width: 100%;
         word-break: break-word;
-        margin: 0 auto;
 
         img {
-            object-fit: cover;
-            max-width: 100%;
             max-height: 100%;
+            max-width: 100%;
+            object-fit: cover;
         }
     }
 
@@ -213,10 +213,10 @@ $module_name: 'meta-MetaWindow';
 
         .typography,
         .meta-wrap {
-            overflow: hidden;
+            align-items: center;
+            justify-content: center;
             min-height: 100%;
-                align-items: center;
-    justify-content: center;
+            overflow: hidden;
 
             img {
                 margin: 0;
@@ -240,11 +240,11 @@ $module_name: 'meta-MetaWindow';
         }
 
         iframe {
+            height: 100%;
+            left: 0;
             position: absolute;
             top: 0;
-            left: 0;
             width: 100%;
-            height: 100%;
         }
     }
 }
