forstok-ui-lib 8.3.7 → 8.3.11

package/dist/index.mjs

@@ -446,7 +446,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${bi}
-`;const Oi=i=>{var{id:r,name:n,children:a,$flow:d,extendKey:c,extendClass:s,reset:p,setReset:h,isForceUpdate:g,setForceUpdate:x,evChange:m,$isError:u,$iconRight:v}=i,w=B(i,["id","name","children","$flow","extendKey","extendClass","reset","setReset","isForceUpdate","setForceUpdate","evChange","$isError","$iconRight"]);const{disabled:F,defaultChecked:f}=w,[y,A]=o(f||!1),D=C(null);l((()=>{g&&(A(f||!1),x&&x(!1)),p&&(A(!1),h&&h(!1))}),[p,h,g,x,f]);return delete Object.assign({},w).defaultChecked,t(ki,{$flow:d,$iconRight:v,ref:D,htmlFor:r,disabled:F||!1,children:[e(yi,Object.assign({id:r,type:"checkbox",checked:y,name:n,evChange:e=>{A(e.target.checked),m&&m(e)}},s&&{className:s},""!==c&&{"data-key":c},w)),a,e(Bi,Object.assign({$isError:u},w["data-qa-id"]&&{"data-qa-id":w["data-qa-id"]}))]})},zi=r.aside` 
+`;const Oi=i=>{var{id:r,name:n,children:a,$flow:d,extendKey:c,extendClass:s,reset:p,setReset:h,isForceUpdate:g,setForceUpdate:x,evChange:m,$isError:u,$iconRight:v}=i,w=B(i,["id","name","children","$flow","extendKey","extendClass","reset","setReset","isForceUpdate","setForceUpdate","evChange","$isError","$iconRight"]);const{disabled:F,defaultChecked:f}=w,[y,A]=o(f||!1),D=C(null);l((()=>{g&&(A(f||!1),x&&x(!1)),p&&(A(!1),h&&h(!1))}),[p,h,g,x,f]);return delete Object.assign({},w).defaultChecked,t(ki,{$flow:d,$iconRight:v,ref:D,htmlFor:r,disabled:F||!1,children:[e(yi,Object.assign({id:r,type:"checkbox",checked:y,name:n,evChange:e=>{A(e.target.checked),m&&m(e)}},s&&{className:s},""!==c&&{"data-key":c},w)),a,e(Bi,Object.assign({$isError:u},w["data-qa-id"]&&{"data-qa-id":w["data-qa-id"]}))]})},zi=r.aside`
   display: grid;
   grid-auto-flow: column;
   grid-gap: 8px;
@@ -479,7 +479,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       display: inline !important;
     }
   }
-`,Ii=r.section` 
+`,Ii=r.section`
   ${et}
   position: relative;
   min-height: 1px;
@@ -490,8 +490,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     padding: 4px 30px 16px;
   }
   ${({$mode:e})=>"full"===e&&n`
-    width: 100%; 
-  `}
+      width: 100%;
+    `}
 `,Li=r.section`
   position: relative;
   height: 100%;
@@ -528,7 +528,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     &._refCashierPanelContainer {
       ${zi} {
         > i {
-          &:first-child, &:nth-child(3) {
+          &:first-child,
+          &:nth-child(3) {
             display: none;
           }
         }
@@ -539,7 +540,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     padding: 20px 1em 0px 1.275em;
     height: 100%;
   }
-  ${({$mode:e})=>{if("mobile"===e)return n` 
+  ${({$mode:e})=>{if("mobile"===e)return n`
         position: fixed;
         width: 100%;
         height: 100px;
@@ -570,12 +571,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 `,Qi=r.section`
   width: 100%;
-  ${({$mode:e})=>"master-listing"===e?n` 
+  ${({$mode:e})=>"master-listing"===e?n`
         padding: 0 16px;
-      `:"detail-master"===e?n` 
+      `:"detail-master"===e?n`
         padding: 20px 10px 0 10px;
-      `:"no-header"===e?n` 
-        padding-top: 0; 
+      `:"no-header"===e?n`
+        padding-top: 0;
       `:void 0}
 `,Pi=r.div`
   padding-top: 16px;
@@ -588,12 +589,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${({$mode:e})=>{let t="";return"list"===e?t+=" \n      min-height: 750px;\n      @media only screen and (min-width: 1280px) {\n        min-height: 600px;\n      }\n    ":"chat"===e?t+="\n      height: calc(100vh - 150px);\n      overflow: hidden;\n    ":"clear"===e&&(t+="\n      padding-top: 9px;\n      @media only screen and (min-width: 768px) {\n        padding-top: 11px;\n      }\n    "),t}}
-`,Yi=r.section` 
+`,Yi=r.section`
   position: relative;
-  > section, 
+  > section,
   > article {
     width: 100%;
-    > aside, 
+    > aside,
     > article {
       ${et}
       margin: 0 auto;
@@ -603,27 +604,27 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     height: calc(100vh - 48px);
   }
   ${({$mode:e})=>"detail"===e&&n`
-    margin-top: -4px;
-    @media only screen and (min-width: 768px) {
-      > section, 
-      > article {
-        > aside {
-          padding-left: 0;
-          padding-right: 0;
+      margin-top: -4px;
+      @media only screen and (min-width: 768px) {
+        > section,
+        > article {
+          > aside {
+            padding-left: 0;
+            padding-right: 0;
+          }
         }
       }
-    }
-    @media only screen and (min-width: 1024px) {
-      > section, 
-      > article {
-        > aside {
-          padding-left: 0;
-          padding-right: 0;
+      @media only screen and (min-width: 1024px) {
+        > section,
+        > article {
+          > aside {
+            padding-left: 0;
+            padding-right: 0;
+          }
         }
       }
-    }
-  `}
-`,Hi=r.div` 
+    `}
+`,Hi=r.div`
   display: grid;
   grid-template-columns: 1fr 100px 100px 100px;
   padding: 16px 16px 12px;
@@ -635,31 +636,31 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   > div:not(:first-child) {
     justify-self: end;
   }
-`,Ti=r.div` 
+`,Ti=r.div`
   display: grid;
   grid-template-columns: 28px 1fr 100px 100px 100px;
   grid-gap: 16px;
   justify-content: center;
   align-items: center;
-  > a:nth-child(n+3), 
-  > span:nth-child(n+3), 
-  div:nth-child(n+3) {
+  > a:nth-child(n + 3),
+  > span:nth-child(n + 3),
+  div:nth-child(n + 3) {
     justify-self: end;
   }
-`,Xi=r.div` 
+`,Xi=r.div`
   display: grid;
   grid-auto-flow: row;
   grid-gap: 10px;
   padding: 12px 16px 16px;
-`,Si=r.div` 
+`,Si=r.div`
   background-color: var(--sec-clr-bg);
   border: 1px solid var(--sec-clr-ln);
   border-radius: var(--sec-rd);
   overflow-x: auto;
   margin: 0 0 16px;
-  ${Hi}, 
-  ${Xi} { 
-    width: 733px; 
+  ${Hi},
+  ${Xi} {
+    width: 733px;
   }
   @media only screen and (min-width: 375px) {
     margin: 0 12px 16px 16px;
@@ -667,9 +668,9 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   @media only screen and (min-width: 768px) {
     margin: 0 30px 16px 34px;
     overflow-x: unset;
-    ${Hi}, 
-    ${Xi} { 
-      width: 100%; 
+    ${Hi},
+    ${Xi} {
+      width: 100%;
     }
   }
   ${({$mode:e})=>n`
@@ -690,11 +691,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       border-top: 1px solid var(--pri-clr-ln);
       padding: 12px 16px 4px 16px;
       justify-content: center;
-      &:first-child{ 
-        border: none; 
+      &:first-child {
+        border: none;
       }
-      &:last-child { 
-        border-bottom: 1px solid var(--pri-clr-ln); 
+      &:last-child {
+        border-bottom: 1px solid var(--pri-clr-ln);
         padding-bottom: 14px;
       }
     }
@@ -705,41 +706,41 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       padding: 0 16px 16px 16px;
       margin-bottom: 0;
     }
-    
+
     ${"picklist"===e&&n`
-      ${Hi}, 
-      ${Xi} { 
-        width: 938px; 
+      ${Hi},
+      ${Xi} {
+        width: 938px;
       }
       @media only screen and (min-width: 1024px) {
-        ${Hi}, 
-        ${Xi} { 
-          width: 100%; 
+        ${Hi},
+        ${Xi} {
+          width: 100%;
         }
       }
       ${Hi} {
         grid-template-columns: 1fr 100px 72px 72px 69px 69px 51px;
         padding: 16px 16px 12px;
-        > div:nth-child(2) { 
-          justify-self: start; 
+        > div:nth-child(2) {
+          justify-self: start;
         }
       }
       ${Ti} {
         grid-template-columns: 28px 1fr 100px 72px 72px 69px 69px 51px;
         padding: 12px 16px 12px;
-        > *:nth-child(3) { 
-          justify-self: start; 
+        > *:nth-child(3) {
+          justify-self: start;
         }
       }
     `}
 
     ${"listing"===e&&n`
       margin: 0 0 16px !important;
-      ${Hi}, 
+      ${Hi},
       ${Ti} {
         grid-template-columns: 1fr 340px var(--qty-pd20);
-        > div:nth-child(2) { 
-          justify-self: start; 
+        > div:nth-child(2) {
+          justify-self: start;
         }
       }
       @media only screen and (min-width: 1024px) {
@@ -750,7 +751,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
 
   ${("price"===e||"price-full"===e||"price-mid"===e)&&n`
     margin: 0 0 16px !important;
-    ${Hi}, 
+    ${Hi},
     ${Ti} {
       grid-template-columns: ${"price"===e?"1fr 95px 118px":"price-mid"===e?"1fr 95px repeat(2, 118px)":"1fr 95px repeat(4, 118px)"};
     }
@@ -779,37 +780,37 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     transform: none;
   }
   ${({$mode:e})=>"single"===e&&n`
-    padding: 0 15px;
-    ${qi} {
-      padding: 20px 16px 14px 0;
-      @media only screen and (min-width: 768px) {
-        padding: 20px 16px 14px;
+      padding: 0 15px;
+      ${qi} {
+        padding: 20px 16px 14px 0;
+        @media only screen and (min-width: 768px) {
+          padding: 20px 16px 14px;
+        }
       }
-    }
-  `}
+    `}
   ${({$mode:e})=>!e&&n`
-    &.is-shown {
-      ${Si} {
-        top: 0;
-        position: relative;
-        border: 1px solid var(--sec-clr-ln);
-        &.is-loading {
-          height: 0 !important;
-          border: none;
+      &.is-shown {
+        ${Si} {
+          top: 0;
+          position: relative;
+          border: 1px solid var(--sec-clr-ln);
+          &.is-loading {
+            height: 0 !important;
+            border: none;
+          }
+        }
+        i.arrow-down:before {
+          transform: rotate(180deg);
         }
       }
-      i.arrow-down:before {
-        transform: rotate(180deg);
+      ${Si} {
+        overflow-y: hidden;
+        transition: height 0.35s ease;
+        border: none;
+        position: absolute;
+        top: -99999%;
       }
-    }
-    ${Si} {
-      overflow-y: hidden;
-      transition: height .35s ease;
-      border: none;
-      position: absolute;
-      top: -99999%;
-    }
-  `}
+    `}
 `,qi=r.div`
   display: inline-grid;
   width: 100%;
@@ -827,21 +828,22 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     > i {
       position: absolute;
       top: 10px;
-      right: -5px; 
-      &:before { 
-        display: inline-block; 
+      right: -5px;
+      &:before {
+        display: inline-block;
       }
     }
     @media only screen and (min-width: 768px) {
-      grid-template-areas:  'a c'
-                            'b b';
+      grid-template-areas:
+        "a c"
+        "b b";
       > i {
         position: relative;
         top: 10px;
         right: auto;
         left: 10px;
         &:before {
-          display: grid; 
+          display: grid;
         }
       }
     }
@@ -850,12 +852,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     strong {
       ${it}
     }
-  `},Ui=r.div` 
+  `},Ui=r.div`
   display: grid;
   grid-auto-flow: row;
   grid-gap: 2px;
   ${({$mode:e})=>e&&e in Vi?Vi[e]:""}
-`,Wi=r.div` 
+`,Wi=r.div`
   display: grid;
   grid-auto-flow: column;
   grid-gap: 4px;
@@ -892,14 +894,14 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   `}
 `}
-`,Gi=r.span` 
+`,Gi=r.span`
   font-weight: 600;
   color: var(--hd-clr);
   text-transform: capitalize;
   ${tt}
-`,Zi=r.div` 
+`,Zi=r.div`
   ${tt}
-`,Ri=r.aside` 
+`,Ri=r.aside`
   position: relative;
   padding: 0;
   text-align: center;
@@ -919,8 +921,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       margin-right: 6px;
     }
   }
-  span { 
-    display: none; 
+  span {
+    display: none;
   }
   @media only screen and (min-width: 375px) {
     margin-left: 16px !important;
@@ -934,11 +936,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     padding: 8px 30px 0;
     text-align: left;
     b {
-      font-size: .875rem;
+      font-size: 0.875rem;
       line-height: 1;
     }
-    span { 
-      display: inline; 
+    span {
+      display: inline;
     }
     a {
       &:first-child {
@@ -981,34 +983,34 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     grid-auto-flow: column;
     justify-content: start;
     grid-gap: 4px;
-    * { 
-      margin-right: 0; 
+    * {
+      margin-right: 0;
     }
   }
   ${({$size:e})=>"medium"===e&&n`
-    font-size: 13px;
-    line-height: 12px;
-    * { 
-      margin-right: 4px; 
-    }
-  `}
+      font-size: 13px;
+      line-height: 12px;
+      * {
+        margin-right: 4px;
+      }
+    `}
 `,$i=r.article`
   line-height: normal;
-  > label, 
+  > label,
   > aside {
     ${ot}
     margin-bottom: 6px;
     padding: 0 6px;
     display: block;
   }
-  > div { 
-    display: grid; 
+  > div {
+    display: grid;
   }
   ._refRangeContainer {
     width: 100%;
   }
   ${({$mode:e,$required:t})=>{let i="";return"column"===e?i+=" \n      display: grid;\n      grid-auto-flow: column;\n      grid-template-columns: 1.1fr 2fr;\n      align-items: baseline;\n      grid-gap: 10px;\n      > label, > aside {\n        padding: 0;\n        margin: 0;\n      }\n    ":"column-product"===e&&(i+=` \n      > div {\n        display: grid;\n        grid-auto-flow: column;\n        grid-template-columns: max-content auto;\n        grid-gap: 10px;\n        ${Ji} {\n          display: grid;\n          align-items: center;\n        }\n      }\n    `),t&&(i+=" \n      > label, > aside {\n        &:after {\n          content: '*';\n          color: red;\n        }\n      }\n    "),i}}
-`,_i=r.aside` 
+`,_i=r.aside`
   position: relative;
   @media only screen and (min-width: 768px) {
     padding-bottom: 16px;
@@ -1026,11 +1028,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   justify-content: start;
   grid-gap: 10px;
   padding: 14px 1em 8px;
-  transition: bottom .2s ease-in-out;
+  transition: bottom 0.2s ease-in-out;
   overflow: auto;
   white-space: nowrap;
   &.is-active {
-    transition: bottom .2s;
+    transition: bottom 0.2s;
     bottom: 0;
   }
   i {
@@ -1041,7 +1043,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     position: relative;
     top: 7px;
   }
-  button, 
+  button,
   a {
     padding: 6px 16px;
     font-size: 13px;
@@ -1053,16 +1055,16 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     &._refMasterTableBulkWrapper {
       position: fixed;
       width: 100vw;
-      border: 1px solid #E3E3E3;
-      background: #FFFFFF;
+      border: 1px solid #e3e3e3;
+      background: #ffffff;
       z-index: 102;
       box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
       border-radius: 10px 10px 0px 0px;
       display: none;
-      > i, 
-      > span, 
-      > button { 
-        display: none; 
+      > i,
+      > span,
+      > button {
+        display: none;
       }
       > section {
         padding: 1em;
@@ -1074,25 +1076,25 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         }
       }
       & + ._refDropdownOverlay {
-        display:none;
+        display: none;
       }
     }
     &.is-active {
       @keyframes droptoup {
-        50% { 
-          bottom: -100px; 
+        50% {
+          bottom: -100px;
         }
-        50% { 
-          bottom: -50px; 
+        50% {
+          bottom: -50px;
         }
-        100% { 
-          bottom: 0px; 
+        100% {
+          bottom: 0px;
         }
       }
       &._refMasterTableBulkWrapper {
         display: grid;
         left: 0;
-        animation: droptoup .075s linear;
+        animation: droptoup 0.075s linear;
         bottom: 0;
         overflow-x: hidden;
         & + ._refDropdownOverlay {
@@ -1103,45 +1105,45 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
           top: 0;
           left: 0;
           z-index: 100;
-          background-color: rgba(0, 0, 0, .1);
+          background-color: rgba(0, 0, 0, 0.1);
         }
       }
     }
   }
   ${({$isOpen:e})=>e&&n`
-    transition: bottom .2s;
-    bottom: 0;
-    @media (max-width: 767.9px) {
-      @keyframes droptoup {
-        50% { 
-          bottom: -100px; 
-        }
-        50% { 
-          bottom: -50px; 
-        }
-        100% { 
-          bottom: 0px; 
+      transition: bottom 0.2s;
+      bottom: 0;
+      @media (max-width: 767.9px) {
+        @keyframes droptoup {
+          50% {
+            bottom: -100px;
+          }
+          50% {
+            bottom: -50px;
+          }
+          100% {
+            bottom: 0px;
+          }
         }
-      }
-      &._refMasterTableBulkWrapper {
-        display: grid;
-        left: 0;
-        animation: droptoup .075s linear;
-        bottom: 0;
-        overflow-x: hidden;
-        & + ._refDropdownOverlay {
-          display: block;
-          width: 100%;
-          height: 100%;
-          position: fixed;
-          top: 0;
+        &._refMasterTableBulkWrapper {
+          display: grid;
           left: 0;
-          z-index: 100;
-          background-color: rgba(0, 0, 0, .1);
+          animation: droptoup 0.075s linear;
+          bottom: 0;
+          overflow-x: hidden;
+          & + ._refDropdownOverlay {
+            display: block;
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 100;
+            background-color: rgba(0, 0, 0, 0.1);
+          }
         }
       }
-    }
-  `}
+    `}
 `,tr=r.span`
   height: 32px;
   background-color: #000;
@@ -1166,14 +1168,14 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${({$mode:e})=>"picklist"===e&&n`
-    background-color: var(--ter-clr-bg);
-    border-top: 1px solid var(--tab-clr-ln);
-    height: 50px;
-    > div {
-      height: 50px !important;
-    }
-  `}
-`,rr=r.figure` 
+      background-color: var(--ter-clr-bg);
+      border-top: 1px solid var(--tab-clr-ln);
+      height: 50px;
+      > div {
+        height: 50px !important;
+      }
+    `}
+`,rr=r.figure`
   margin: 0;
   position: relative;
   overflow: hidden;
@@ -1191,9 +1193,9 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 
   ${({$size:e})=>e&&n`
-    width:${e}; 
-    height:${e};
-  `}
+      width: ${e};
+      height: ${e};
+    `}
 `,nr=r.section`
   height: 100%;
   ${Li} {
@@ -1229,7 +1231,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 `,dr=r.div`
   position: relative;
-  input[name='search'] {
+  input[name="search"] {
     font-size: 13px;
   }
   i {
@@ -1248,7 +1250,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     right: 12px;
     top: 6px;
   }
-  ${({$mode:e})=>{if("pos"===e)return n` 
+  ${({$mode:e})=>{if("pos"===e)return n`
         i {
           top: 7px;
         }
@@ -1266,7 +1268,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
           }
         }
       `}}
-`,Cr=r.span` 
+`,Cr=r.span`
   color: var(--mt-clr);
   position: relative;
   cursor: pointer;
@@ -1281,33 +1283,36 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     display: inline;
     width: auto;
   }
-`,cr=r.div` 
+`,cr=r.div`
   display: grid;
   border-bottom: 2px solid var(--ter-clr-ln);
   padding-top: 22px;
   padding-bottom: 22px;
   align-items: center;
-  > span:last-child { 
-    justify-self: right; 
+  > span:last-child {
+    justify-self: right;
   }
   & ${Cr} {
-    &:empty, &:last-child {
+    &:empty,
+    &:last-child {
       cursor: default;
-      &:after { display: none; }
+      &:after {
+        display: none;
+      }
     }
   }
   @media only screen and (min-width: 1366px) {
     padding-top: 28px;
   }
-  ${({$mode:e,$isPlayground:t})=>{let i=`\n    & ${Cr} {\n      &:empty, \n      &:last-child {\n        cursor: default;\n        &:after { \n          display: none; \n        }\n      }\n    }\n  `;if("order-detail"===e)i+=`\n      padding-top: 16px;\n      padding-bottom: 10px;\n      display: inline-grid;\n      width: 100%;\n      grid-gap: 8px;\n      @media only screen and (max-width: 767.9px) {\n        > div {\n          &:first-child {\n            position: absolute;\n            top: 16px;\n            letter-spacing: 0;\n          }\n          &:nth-child(2) { \n            margin-left: 50px; \n          }\n        }\n      }\n      @media only screen and (min-width: 768px) {\n        grid-template-columns: 40px 1fr max-content;\n        background-color: transparent;\n        border-bottom: 0;\n        &:hover {\n          background-color: transparent;\n        }\n        ${sr}, \n        ${pr} { \n          display: grid; \n        }\n        > div {\n          &:nth-child(1) { \n            display: grid; \n          }\n          &:nth-child(2) {\n            > div:nth-child(2) {\n              > span:nth-child(1) { \n                display: none; \n              }\n            }\n          }\n          &:nth-child(3) {\n            > div:nth-child(1) { \n              display: none; \n            }\n          }\n        }\n      }\n      @media only screen and (min-width: 1024px) {\n        > div {\n          &:nth-child(2) {\n            > div:nth-child(2) {\n              > span:nth-child(1) { \n                display: block; \n              }\n            }\n          }\n          &:nth-child(3) {\n            > div:nth-child(1) { \n              display: grid; \n            }\n          }\n        }\n      }\n    `;else if("picklist-detail"===e)i+=`\n      padding-top: 16px;\n      padding-bottom: 10px;\n      grid-template-columns: 1fr max-content;\n      background-color: transparent;\n      &:hover { \n        background-color: transparent; \n      }\n      ${pr} {\n        justify-content: start;\n        padding-top: 12px;\n      }\n      @media only screen and (min-width: 768px) {\n        border-bottom: 0;\n        ${pr} {\n          justify-content: end;\n          padding-top: 0;\n        }\n      }\n    `;else if("product-detail"===e)i+=`\n      grid-gap: 10px;\n      padding-top: 16px;\n      padding-bottom: 10px;\n      & ${pr} {\n        justify-content: start;\n      }\n      @media only screen and (min-width: 768px) {\n        grid-template-rows:none;\n        grid-template-columns: 1fr max-content;\n        min-height: 73px;\n        border-bottom: 0;\n      }\n    `;else if("chat"===e){const e=t?"1fr max-content;":"30px 1fr max-content;";i+=` \n      padding: 0;\n      align-items: center;\n      grid-template-columns: ${e};\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n      grid-gap: 8px;\n      margin-left: 16px;\n      border-bottom: 0;\n      ${sr} {  \n        ${hr} {\n          span {\n            ${tt}\n          }\n        }\n      }\n      @media only screen and (min-width: 768px) {\n        grid-gap: 8px;\n      }\n      @media only screen and (min-width: 1280px) {\n        grid-template-columns: ${e};\n        padding: 0 16px 0 16px;\n        top: 0;\n        transform: none;\n        margin-left: 0;\n        ${sr}, \n        ${pr}{\n          display: grid;\n        }\n        ${sr} {\n          ${hr} {\n            grid-template-columns: auto;\n            &:first-child {\n              margin-bottom: 3px;\n            }\n          }\n        }\n        > div {\n          position: relative;\n          padding: 0;\n          &:nth-child(2) {\n            display: block;\n          }\n          :nth-child(4) {\n            padding-top: 21px;\n          }\n        }\n      }\n    `}else"category"===e&&(i+=`\n      & ${Cr} {\n        &:last-child {\n          cursor: pointer;\n          &:after { \n            display: inline-block; \n          }\n        }\n      }\n    `);return t&&(i+="\n      min-height: 41px;\n      align-content: center;\n    "),i}}
-`,sr=r.div` 
+  ${({$mode:e,$isPlayground:t})=>{let i=`\n    & ${Cr} {\n      &:empty, \n      &:last-child {\n        cursor: default;\n        &:after { \n          display: none; \n        }\n      }\n    }\n  `;if("order-detail"===e)i+=`\n      padding-top: 16px;\n      padding-bottom: 10px;\n      display: inline-grid;\n      width: 100%;\n      grid-gap: 8px;\n      @media only screen and (max-width: 767.9px) {\n        > div {\n          &:first-child {\n            position: absolute;\n            top: 16px;\n            letter-spacing: 0;\n          }\n          &:nth-child(2) { \n            margin-left: 50px; \n          }\n        }\n      }\n      @media only screen and (min-width: 768px) {\n        grid-template-columns: 40px 1fr max-content;\n        background-color: transparent;\n        border-bottom: 0;\n        &:hover {\n          background-color: transparent;\n        }\n        ${sr}, \n        ${pr} { \n          display: grid; \n        }\n        > div {\n          &:nth-child(1) { \n            display: grid; \n          }\n          &:nth-child(2) {\n            > div:nth-child(2) {\n              > span:nth-child(1) { \n                display: none; \n              }\n            }\n          }\n          &:nth-child(3) {\n            > div:nth-child(1) { \n              display: none; \n            }\n          }\n        }\n      }\n      @media only screen and (min-width: 1024px) {\n        > div {\n          &:nth-child(2) {\n            > div:nth-child(2) {\n              > span:nth-child(1) { \n                display: block; \n              }\n            }\n          }\n          &:nth-child(3) {\n            > div:nth-child(1) { \n              display: grid; \n            }\n          }\n        }\n      }\n    `;else if("picklist-detail"===e)i+=`\n      padding-top: 16px;\n      padding-bottom: 10px;\n      grid-template-columns: 1fr max-content;\n      background-color: transparent;\n      &:hover { \n        background-color: transparent; \n      }\n      ${pr} {\n        justify-content: start;\n        padding-top: 12px;\n      }\n      @media only screen and (min-width: 768px) {\n        border-bottom: 0;\n        ${pr} {\n          justify-content: end;\n          padding-top: 0;\n        }\n      }\n    `;else if("product-detail"===e)i+=`\n      grid-gap: 10px;\n      padding-top: 16px;\n      padding-bottom: 10px;\n      & ${pr} {\n        justify-content: start;\n      }\n      @media only screen and (min-width: 768px) {\n        grid-template-rows:none;\n        grid-template-columns: 1fr max-content;\n        min-height: 73px;\n        border-bottom: 0;\n      }\n    `;else if("chat"===e){const e=t?"1fr max-content;":"30px 1fr max-content;";i+=` \n      padding: 0;\n      align-items: center;\n      grid-template-columns: ${e};\n      position: relative;\n      top: 50%;\n      transform: translateY(-50%);\n      grid-gap: 8px;\n      margin-left: 16px;\n      border-bottom: 0;\n      ${sr} {  \n        ${hr} {\n          span {\n            ${tt}\n          }\n        }\n      }\n      @media only screen and (min-width: 768px) {\n        grid-gap: 8px;\n      }\n      @media only screen and (min-width: 1280px) {\n        grid-template-columns: ${e};\n        padding: 0 16px 0 16px;\n        top: 0;\n        transform: none;\n        margin-left: 0;\n        ${sr}, \n        ${pr}{\n          display: grid;\n        }\n        ${sr} {\n          ${hr} {\n            grid-template-columns: auto;\n            &:first-child {\n              margin-bottom: 3px;\n            }\n          }\n        }\n        > div {\n          position: relative;\n          padding: 0;\n          &:nth-child(2) {\n            display: block;\n          }\n          :nth-child(4) {\n            padding-top: 21px;\n          }\n        }\n      }\n    `}else"category"===e&&(i+=`\n      & ${Cr} {\n        &:last-child {\n          cursor: pointer;\n          &:after { \n            display: inline-block; \n          }\n        }\n      }\n    `);return t&&(i+="\n      min-height: 41px;\n      align-content: center;\n      background: transparent;\n      border: 0;\n    "),i}}
+`,sr=r.div`
   display: grid;
   grid-auto-flow: row;
   grid-gap: 4px;
   align-content: flex-start;
   ${({$content:e,$mode:t})=>{let i="";return"right"===e?i+="\n      grid-gap: 4px;\n      justify-content: right;\n      justify-items: right;\n      align-self: start;\n      span {\n        &:last-child {\n          text-align: right;\n        }\n      }\n    ":"right-amount"===e&&(i+="\n      grid-gap: 10px;\n      justify-content: right;\n      justify-items: right;\n      align-self: center;\n    "),"items"===t?i+=`\n      padding-right: 2px;\n      grid-gap: 2px;\n      align-content: start;\n      display: grid !important;\n      margin-left: -6px;\n      > strong { \n        ${it} \n      }\n    `:"list-items"===t?i+="\n      position: relative;\n      grid-gap: 10px;\n    ":"master-detail-img"===t?i+="\n      justify-items: center;\n      span {\n        text-align: center;\n        width: 50px;\n        overflow-wrap: break-word;\n      }\n    ":"item-sale-price"===t&&(i+="\n      grid-gap: 2px;\n    "),i}}
-`,pr=r.div` 
-  display:grid;
+`,pr=r.div`
+  display: grid;
   grid-auto-flow: column;
   grid-gap: 6px;
   align-items: center;
@@ -1320,7 +1325,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   @media only screen and (min-width: 1366px) {
     grid-gap: 8px;
   }
-`,hr=r.div` 
+`,hr=r.div`
   display: grid;
   grid-auto-flow: column;
   grid-gap: 4px;
@@ -1332,53 +1337,53 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     align-items: center;
   }
   ${({$mode:e,$content:t})=>{let i="";return"items-detail"===e?i+=`\n      grid-gap: 16px;\n      align-items: start;\n      grid-template-columns: 30px 1fr;\n      ${sr} { \n        display: block; \n      }\n      @media only screen and (min-width: 768px) {\n        ${sr} { \n          display: grid; \n        }\n      }\n    `:"store"===e?i+=`\n      align-items: center;\n      grid-gap: 4px;\n      > div > span {\n        font-size: 10px;\n      }\n      > div:first-child {\n        align-self: start;\n      }\n      > *:nth-child(2) {\n        ${tt}\n      }\n    `:"store-static"===e?i+=`\n      align-items: center;\n      grid-gap: 6px;\n      position: relative;\n      padding-left: 24px;\n      > div > span {\n        font-size: 10px;\n      }\n      > div:first-child {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        margin-top: -10px;\n      }\n      > *:nth-child(2) {\n        ${it}\n      }\n    `:"amount"===e?i+=`\n      width: 100%;\n      grid-gap: 20px;\n      grid-template-columns: 180px 1fr;\n      justify-content: right;\n      justify-items: right;\n      font-size: 15px;\n      ${gr} {\n        text-align: right;\n        display: block;\n        width: 100%;\n      }\n    `:"account-amount"===e?i+=`\n      width: 100%;\n      grid-gap: 20px;\n      grid-template-columns: 360px 1fr;\n      justify-content: right;\n      justify-items: right;\n      font-size: 15px;\n      ${gr} {\n        text-align: right;\n        display: block;\n        width: 100%;\n      }\n    `:"product"===e?i+=`\n      display: grid;\n      grid-auto-flow: column;\n      justify-content: left;\n      grid-gap: ${"store"===t?"6px":"8px"};\n      grid-template-columns: ${"store"===t?"auto 1fr":"checkbox"===t?"16px 34px 1fr":"34px 1fr"};\n      align-items: start;\n      > div:first-child {\n        height: ${"store"===t?"auto":"34px"};\n      }\n      > aside {\n        align-items: center;\n        display: grid;\n        line-height: 15px;\n      }\n      ${xr} {\n        display: inline-grid;\n        grid-auto-flow: row;\n        grid-gap: 2px;\n        align-self: center;\n        > div:first-child { \n          ${it} \n          line-height: ${"store"===t?"14px":"17px"};\n        }\n        > span {\n          ${tt}\n        }\n        ${hr} {\n          > div:first-child {\n            line-height: 8px;\n          }\n        }\n      }\n    `:"contra"===e?i+="\n      grid-auto-flow: row;\n      align-items: start;\n      @media only screen and (min-width: 1024px) {\n        grid-auto-flow: column;\n      }\n    ":"status"===e?i+="\n      align-items: baseline;\n      grid-gap: 2px;\n      i {\n        opacity: .7;\n      }\n    ":"store-order"===e&&(i+="\n      align-items: start;\n      gap: 8px;\n    "),"right"===t&&(i+="\n      grid-gap: 10px;\n      justify-content: end;\n      align-items: center;\n      > div {\n        min-width: 170px;\n        width: 170px;\n      }\n    "),i}}
-`,gr=r.span` 
-  ${({$mode:e})=>{if("correct"===e)return n` 
-        text-decoration: line-through; 
+`,gr=r.span`
+  ${({$mode:e})=>{if("correct"===e)return n`
+        text-decoration: line-through;
         color: var(--mt-clr);
       `}}
-`,xr=r.span` 
+`,xr=r.span`
   line-height: 16px;
   &._refWithIcon {
-    > a, 
+    > a,
     > span {
       grid-auto-flow: column;
       grid-template-columns: fit-content(95%) 15px;
       display: inline-grid;
       grid-gap: 4px;
-      > span { 
-        padding-top: 2px; 
+      > span {
+        padding-top: 2px;
       }
     }
   }
-  i[name=arrow-left-blue] {
+  i[name="arrow-left-blue"] {
     transform: scaleX(-1);
     position: absolute;
   }
-  input[name=checkbox-list] {
+  input[name="checkbox-list"] {
     & + span {
       top: 0;
     }
   }
   > a {
     > span {
-      overflow-wrap: anywhere; 
+      overflow-wrap: anywhere;
     }
   }
   @media only screen and (max-width: 767px) {
-    input[name=checkbox-list] {
+    input[name="checkbox-list"] {
       & + span {
         left: 0;
       }
     }
   }
-  ${({$mode:e})=>{if("product"===e)return n` 
+  ${({$mode:e})=>{if("product"===e)return n`
         line-height: 15px;
         align-items: center;
         padding-right: 8px;
         margin-left: -6px;
       `}}
-`,mr=r.span` 
+`,mr=r.span`
   font-size: 16px;
   font-weight: 600;
   color: var(--hd-clr);
@@ -1397,9 +1402,9 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   padding: 9px;
   color: ${({$activated:e})=>e?"var(--sec-clr-lnk__hvr)":"var(--pri-clr-lnk)"};
   &::after {
-    content: '';
+    content: "";
     position: absolute;
-    background-color: #FF585C;
+    background-color: #ff585c;
     left: 0;
     height: 2px;
     bottom: 0;
@@ -1413,7 +1418,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     font-weight: 600;
     padding: 16px 15px 11px 15px;
   }
-`,wr=r.div` 
+`,wr=r.div`
   display: inline-grid;
   grid-auto-flow: column;
   grid-gap: 4px;
@@ -1424,9 +1429,9 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   width: 100%;
   overflow: auto;
   &.is-sticky {
-    position: fixed; 
+    position: fixed;
     top: 48px;
-    z-index: 9; 
+    z-index: 9;
     background-color: var(--sec-clr-bg);
     & + div {
       margin-top: 40px;
@@ -1448,7 +1453,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${({$mode:e})=>{let t="";return"detail"===e?t+="\n      width: 100%;\n      > article {\n        min-width: auto;\n        width: 100%;\n      }\n    ":"master-listing"===e?t+=`\n      width: 100%;\n      ${wr} {\n        width: 100%;\n        justify-content: start;\n        padding: 0;\n        border-bottom: 1px solid #DEE0E0;\n      }\n      ${vr} {\n        font-size: 14px;\n      }\n    `:"chat-account"===e||"chat-complement"===e?t+=`\n      ${ur} {\n        width: 100vw;\n        margin: 0;\n      }\n      ${wr} {\n        border-bottom: 1px solid #DEE0E0;\n      }\n      ${vr} {\n        padding-left: 10px; \n        padding-right: 10px;\n      }\n      @media only screen and (min-width: 1024px) {\n        ${ur} {\n          width: 100%;\n          min-width: unset;\n          max-width: unset;\n        }\n      }\n      @media only screen and (min-width: 1280px) {\n        ${wr} {\n          padding-left: 1em;\n          padding-right: 1em;\n        }\n        ${vr} {\n          font-size: 15px;\n          padding-left: 6px;\n          padding-right: 6px;\n        }\n      }\n      @media only screen and (min-width: 1366px) {\n        ${vr} {\n          padding-left: 8px; \n          padding-right: 8px;\n        }\n      }\n      @media only screen and (min-width: 1920px) {\n        ${vr} {\n          padding-left: 10px; \n          padding-right: 10px;\n        }\n      }\n    `:"chat-complement"===e?t+=`\n      ${vr} {\n        padding: 16px 10px 11px 10px; \n      }\n    `:"chat-faq"===e&&(t+=`\n      ${wr} {\n        border-bottom: 1px solid #DEE0E0;\n        justify-content: center;\n      }\n      ${vr} {\n        padding-left: 10px; \n        padding-right: 10px;\n      }\n      @media only screen and (min-width: 1024px) {\n        ${ur} {\n          width: 100%;\n          min-width: unset;\n          max-width: unset;\n        }\n      }\n      @media only screen and (min-width: 1280px) {\n        ${wr} {\n          padding-left: 1em;\n          padding-right: 1em;\n          padding-top: 6px;\n        }\n        ${vr} {\n          font-size: 14px;\n          padding-left: 16px;\n          padding-right: 16px;\n        }\n      }\n    `),t}}
-`,fr=r.div` 
+`,fr=r.div`
   display: grid;
   &._refFooterContainer {
     font-weight: 600;
@@ -1488,12 +1493,14 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     &:first-child {
       border-bottom: 1px solid var(--sec-clr-ln);
       display: grid;
-      > * { 
-        padding: 0 10px 12px; 
+      > * {
+        padding: 0 10px 12px;
       }
     }
-    &:last-child { border-bottom: none; }
-    &[role='rowheader'] {
+    &:last-child {
+      border-bottom: none;
+    }
+    &[role="rowheader"] {
       ${at}
       color: var(--mt-clr);
     }
@@ -1503,8 +1510,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
   @media only screen and (min-width: 1024px) {
     overflow-x: unset;
-    ${fr} { 
-      width: unset; 
+    ${fr} {
+      width: unset;
     }
   }
   ${({$mode:e,$isBorder:t,$isPopup:i})=>{let r=`\n    ${fr} {\n      width: 100%;\n      border-bottom: 1px solid var(--pri-clr-ln);\n      &:first-child {\n        border-bottom: 1px solid var(--sec-clr-ln);\n        display: grid;\n        > * { \n          padding: 0 10px 12px; \n        }\n      }\n      &:last-child { \n        border-bottom: none; \n      }\n      > * {\n        padding: 15px 10px;\n      }\n      &[role='rowheader'] {\n        ${at}\n        color: var(--mt-clr);\n      }\n    }\n    @media only screen and (min-width: 1024px) {\n      overflow-x: unset;\n      ${fr} { \n        width: unset \n      }\n    }\n  `;if("order"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto var(--warehouse) var(--status-big) var(--qty-pd20-big) repeat(2, var(--price-pd20)); \n        > div {\n          &:last-child, \n          &:nth-last-child(2), \n          &:nth-last-child(3) { \n            text-align: right; \n          }\n        }\n      }\n    `;else if("picklist"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto var(--ref-pd20) var(--ref) var(--status) var(--status) repeat(3, var(--qty-small));\n        @media only screen and (min-width: 1366px) {\n          grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, var(--qty-small));\n        }\n        @media only screen and (min-width: 1512px) {\n          grid-template-columns: auto var(--ref-pd20) minmax(85px, 120px) minmax(105px, 155px) minmax(105px, 133px) repeat(3, minmax(88px, 103px));\n        }\n        @media only screen and (min-width: 1800px) {\n          grid-template-columns: auto var(--store) var(--ref-pd20) minmax(105px, 155px) minmax(105px, 155px) repeat(3, minmax(88px, 103px));\n        }\n        >div {\n          &:nth-child(n+6) { text-align: right; }\n        }\n      }\n    `;else if("package"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto repeat(2, var(--qty-pd20-big));\n        > div:not(:first-child) { \n          text-align: right; \n        }\n      }\n    `;else if("shipment"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto var(--ref-big) repeat(2, var(--qty-pd20-big)); \n        > div:not(:first-child) { \n          text-align: right; \n        }\n      }\n    `;else if("payment-receive"===e)r+=`\n      ${fr} {\n        grid-template-columns: var(--id-big) var(--ref-pd20) var(--store) var(--ref-pd20) var(--time-pd20) 1fr;\n        > div {\n          &:last-child { \n            text-align: right; \n          }\n        }\n      }\n    `;else if("item"===e)r+=`\n      ${fr} {\n        grid-template-columns: var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) repeat(2, var(--price-pd20)) var(--sku-pd20);\n      }\n    `;else if("bundle"===e)r+=`\n      ${fr} {\n        grid-template-columns: 1fr 145px 130px 130px 100px 130px 60px;\n        &:last-child { \n          border-bottom: 1px solid var(--pri-clr-ln); \n        }\n        > section {\n          display: grid;\n          align-items: center;\n          align-content: start;\n          &.list-price {\n            > div { \n              padding-top: 8px; \n            }\n          }\n          &:last-child {\n            padding-top: 20px;\n          }\n        }\n        > section, \n        > div {\n          text-align: right;\n          &:first-child {\n            text-align: left; \n          }\n        }\n        @media only screen and (min-width: 1280px) {\n          grid-template-columns: 1fr 145px 160px 150px 112px 130px 60px;\n        }\n      }\n    `;else if("item-listing"===e)r+=`\n      &:not(:first-child) {\n        margin-top: 30px;\n      }\n      ${fr} {\n        width: ${i?"834px":"940px"};\n        grid-template-columns: ${i?"auto var(--variant-small) var(--qty) var(--price) var(--status-small) 95px":"auto var(--variant) var(--qty-big) var(--price) var(--status-small) minmax(90px, 100px)"};\n        &:last-child { \n          ${i?"border-bottom: 0 !important":""} \n        }\n        > *:nth-child(6) { \n          text-align: right; \n        }\n      }\n      @media only screen and (min-width: 1024px) {\n        ${fr} { \n          width: unset;\n        }\n      }\n    `;else if("item-bundle"===e)r+=`\n      &:not(:first-child) {\n        margin-top: 30px;\n      }\n      ${fr} {\n        width: ${i?"834px":"940px"};\n        grid-template-columns: ${i?"auto var(--variant-small) var(--qty-small) var(--qty-big)":"auto var(--variant) var(--qty-pd20-big) var(--qty-pd20-big)"};\n        &:last-child { \n          ${i?"border-bottom: 0 !important":""} \n        }\n      }\n      @media only screen and (min-width: 768px) {\n        ${fr} { \n          width: unset; \n        }\n      }\n    `;else if("invoice"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto var(--status) var(--qty-pd20-big) repeat(3, var(--price-pd20));\n        > *:not(:first-child) { \n          text-align: right; \n        }\n      }\n    `;else if("stock"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) var(--qty-pd20-big); \n        > div:not(:first-child) { \n          text-align: right; \n        }\n      }\n    `;else if("inbound"===e)r+=`\n      ${fr} {\n        grid-template-columns: var(--time-pd20) auto var(--variant-pd20) var(--sku-pd20) var(--status-big) minmax(110px, 150px) minmax(110px, 150px); \n      }\n    `;else if("priceadjustment"===e)r+=`\n      ${fr} {\n        grid-template-columns: var(--sku) auto var(--store) var(--price-pd20) var(--price-pd20) var(--price) var(--price) var(--time) var(--time); \n      }\n    `;else if("add-item"===e)r+=`\n      ${fr} {\n        grid-template-columns: 30px auto 100px 156px 128px;\n        &:first-child {\n          > div { \n            padding-bottom: 16px; \n          }\n        }\n        > div:first-child { \n          padding-left: 16px; \n          > label {\n            > span {\n              top: 0; \n              margin-top: 0;\n            }\n          }\n        }\n        ._refCheckboxMark { \n          top: 0; \n          margin-top: 0; \n        }\n      }\n      ${fr}, \n      ._refProductList {\n        width: 700px;\n      }\n    `;else if("add-item-price"===e)r+=`\n      ${fr} {\n        grid-template-columns: 30px auto 100px 156px 128px;\n        &:first-child {\n          > div { \n            padding-bottom: 16px; \n          }\n        }\n        > div:first-child { \n          padding-left: 16px; \n          > label {\n            > span {\n              top: 0; margin-top: 0;\n            }\n          }\n        }\n        ._refCheckboxMark { \n          top: 0;\n          margin-top: 0; \n        }\n      }\n      ${fr}, ._refProductList {\n        width: 700px;\n      }\n    `;else if("inventory-qty"===e)r+=`\n      overflow: auto;\n      ${fr} {\n        display: flex;\n        &:first-child {\n          display: flex;\n        }\n        &:last-child { \n          border-bottom: 1px solid var(--pri-clr-ln); \n        }\n        .column-batch-id {\n          min-width: 95px;\n          max-width: 110px;\n          flex: 1;\n        }\n        .column-created-date {\n          min-width: var(--time-pd20-min);\n          max-width: var(--time-pd20-max);\n          flex: 1;\n        }\n        .column-expiry-date {\n          min-width: var(--time-pd20-min);\n          max-width: var(--time-pd20-max);\n          flex: 1;\n        }\n        .column-location {\n          min-width: 85px;\n          max-width: 100px;\n          flex: 1;\n        }\n        .column-serial-numbers {\n          min-width: 120px;\n          max-width: 250px;\n          flex: 1;\n        }\n        .column-qty-on-hand-total {\n          min-width: 115px;\n          max-width: 120px;\n          flex: 1;\n        }\n        .column-qty-on-hand-damage {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-on-hand-normal {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-reserved {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-picked {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-packed {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-handover {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-promotions {\n          min-width: 125px;\n          max-width: 130px;\n          flex: 1;\n        }\n        .column-qty-available-to-sell {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-in-transit {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-waiting-inbound {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n        .column-qty-inbounded {\n          min-width: 120px;\n          max-width: 130px;\n          flex: 1;\n        }\n        .column-qty-waiting-outbound {\n          min-width: var(--qty-pd20-big-min);\n          max-width: var(--qty-pd20-big-max);\n          flex: 1;\n        }\n      }\n    `;else if("putaway"===e)r+=`\n      ${fr} {\n        &[role=rowheader] {\n          grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n          > div[role=group] {\n            padding: 0;\n            display: grid;\n            grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n            > div {\n              padding: 0 10px 12px;\n            }\n          }\n        }\n        &[role=row] {\n          grid-template-columns: var(--item) var(--variant-pd20) var(--sku-pd20) max-content;\n          > div[role=group] {\n            padding: 0;\n            > div[role=rowgroup] {\n              display: grid;\n              grid-template-columns: var(--time) minmax(110px, 200px) var(--id) var(--status) var(--status) var(--status) var(--status-big) var(--qty-big) var(--qty-big);\n              > div {\n                padding: 15px 10px;\n              }\n            }\n          }\n        }\n      }\n    `;else if("stock-adjustment"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto var(--variant-pd20) var(--sku-pd20) var(--qty-pd20-big) minmax(135px, 140px) var(--qty-pd20-big); \n      }\n    `;else if("confirm"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto 120px 120px 100px 120px; \n      }\n    `;else if("confirm-adjustment"===e)r+=`\n      ${fr} {\n        grid-template-columns: auto 120px 120px 90px 90px 90px; \n      }\n    `;else if("add-item"===e||"add-item-price"===e||"add-location"===e){r+=`\n      ${fr} {\n        grid-template-columns: ${"add-item-price"===e||"add-item"===e?"30px auto 100px 156px 128px":"30px 115px 105px 130px 110px 110px"};\n        &:first-child {\n          > div { \n            padding-bottom: 16px; \n          }\n        }\n        > div:first-child { \n          padding-left: 16px; \n          > label {\n            > span {\n              top: 0; margin-top: 0;\n            }\n          }\n        }\n        ._refCheckboxMark { \n          top: 0; \n          margin-top: 0; \n        }\n      }\n      ${fr}._refProductList {\n        width: 700px;\n      }\n    `}else"priceadjustment"===e?r+=`\n      ${fr} {\n        grid-template-columns: auto var(--price-pd20) var(--price-pd20); \n        > div:not(:first-child) { \n          text-align: right; \n        }\n      }\n    `:"link-master"===e?r+=`\n      &:not(:first-child) {\n        margin-top: 30px;\n      }\n      ${fr} {\n        grid-template-columns: 1fr 120px 105px; \n      }\n    `:"promotion"===e?r+=`\n      padding-top: 16px;\n      ${fr} {\n        grid-template-columns: auto var(--price) var(--price) minmax(150px, 175px) var(--qty-pd20-big); \n        > *:not(:first-child) { \n          text-align: right; \n        }\n      }\n    `:"warehouse"===e?r+=`\n      ${fr} {\n        >*:last-child { text-align: right; }\n        grid-template-columns: var(--warehouse) auto var(--time-pd20) minmax(120px, 150px); \n      }\n    `:"item-stock"===e&&(r+=`\n      ${fr} {\n        &[role=rowheader] {\n          grid-template-columns: 270px 270px var(--qty-pd20); \n        }\n        &[role=row] {\n          grid-template-columns: 270px auto; \n        }\n        &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n        ._refCollapse > div, \n        ._refCollapseContainer > div {\n          padding-bottom: 1em;\n          &:nth-child(n+2) {\n            border-top: 1px solid rgb(245, 245, 245);\n            padding-top: 16px;\n          }\n          &:last-child {\n            padding-bottom: 0;\n          }\n        }\n        &[role=rowheader] > div[role=group], \n        &[role=row] > div[role=cellgroup] > div[role=rowgroup], \n        ._refCollapse > div:not(._refCollapseContainer), \n        ._refCollapseContainer > div {\n          grid-template-columns: 270px var(--qty-pd20);\n        }\n      }\n      @media only screen and (min-width: 1024px) {\n        ${fr} {\n          &[role=rowheader] {\n            grid-template-columns: 310px 270px var(--qty-pd20); \n          }\n          &[role=row] {\n            grid-template-columns: 310px auto; \n          }\n        }\n      }\n    `);return t&&(r+=`\n      ${fr} {\n        &:last-child { \n          border-bottom: 1px solid var(--pri-clr-ln); \n        }\n      }\n    `),r}}
@@ -1514,14 +1521,14 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   display: grid;
   grid-auto-flow: column;
   text-align: right;
-  grid-gap: 5px;  
-  margin: 0  0.625em;
+  grid-gap: 5px;
+  margin: 0 0.625em;
   justify-content: center;
   width: auto;
-  border-radius: .5rem;
+  border-radius: 0.5rem;
   align-items: center;
   align-content: center;
-  padding: .5em 10px;
+  padding: 0.5em 10px;
   > section {
     justify-content: center;
   }
@@ -1533,7 +1540,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     align-items: center;
   }
   @media only screen and (min-width: 375px) {
-    margin: 0  20px;
+    margin: 0 20px;
   }
   @media only screen and (min-width: 1024px) {
     margin: 0 18px;
@@ -1543,30 +1550,30 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 
   ${({$mode:e})=>"notif"===e&&n`
-    background-color: #FBE3E1;
-    border: 1px solid var(--act-clr-ln);
-    > section {
-      color: #FF585C;
-      text-align: center;
-      align-items: center;
-      span { 
-        line-height: 20px;
-      }
-      > a { 
-        justify-self: center; 
+      background-color: #fbe3e1;
+      border: 1px solid var(--act-clr-ln);
+      > section {
+        color: #ff585c;
+        text-align: center;
+        align-items: center;
+        span {
+          line-height: 20px;
+        }
+        > a {
+          justify-self: center;
+        }
       }
-    } 
-  `}
+    `}
 
   ${({$mode:e})=>!e&&n`
-    background-color: #FFFFEE;
-    border: 1px solid var(--lay-clr-ln);
-  `}
-`,Dr=r.div` 
+      background-color: #ffffee;
+      border: 1px solid var(--lay-clr-ln);
+    `}
+`,Dr=r.div`
   position: relative;
   top: 0;
   overflow-y: hidden;
-  transition: height .35s ease; 
+  transition: height 0.35s ease;
   display: grid;
   grid-gap: 10px;
   &.collapsed {
@@ -1577,8 +1584,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     height: 0 !important;
   }
   ${({$mode:e})=>"nav"===e&&n`
-    display: block;
-  `}
+      display: block;
+    `}
 `,br=r.div`
   margin: 9px auto 10px;
   display: inline-grid;
@@ -1601,12 +1608,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     grid-gap: 5px;
     grid-template-columns: max-content;
     justify-content: center;
-    ._refPageButton:first-child, 
+    ._refPageButton:first-child,
     ._refPageButton:last-child {
       display: none;
     }
     @media only screen and (min-width: 375px) {
-      ._refPageButton:first-child, 
+      ._refPageButton:first-child,
       ._refPageButton:last-child {
         display: grid;
       }
@@ -1625,12 +1632,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${({$mode:e})=>"noPageOption"===e&&n`
-    @media only screen and (min-width: 768px) {
-      > div:first-child {
-        justify-content: center;
+      @media only screen and (min-width: 768px) {
+        > div:first-child {
+          justify-content: center;
+        }
       }
-    }
-  `}
+    `}
 `,Br=r.div`
   display: grid;
   justify-content: center;
@@ -1651,17 +1658,18 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 
   ${({$activated:e})=>e&&n`
-    ${Ct}
-  `}
+      ${Ct}
+    `}
 
   ${({disabled:e})=>e&&n`
-    &, &:hover {
-      background: var(--mt-clr-bg);
-      border-color: var(--ck-clr-ln);
-      opacity: .5;
-      cursor: default;
-    }
-  `}
+      &,
+      &:hover {
+        background: var(--mt-clr-bg);
+        border-color: var(--ck-clr-ln);
+        opacity: 0.5;
+        cursor: default;
+      }
+    `}
 `,kr=r.span`
   font-size: 12px;
   text-align: center;
@@ -1670,17 +1678,17 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   height: 28px;
   width: 28px;
   text-align: center;
-`,zr=r.span` 
+`,zr=r.span`
   font-size: 14px;
   font-weight: 400;
-`,Mr=r.article` 
+`,Mr=r.article`
   display: inline-grid;
   grid-auto-flow: row;
   grid-gap: 14px;
   width: 100%;
-  a, 
-  span { 
-    text-align: ${({$align:e})=>"right"===e?"right":"left"}; 
+  a,
+  span {
+    text-align: ${({$align:e})=>"right"===e?"right":"left"};
     text-transform: capitalize;
     cursor: pointer;
   }
@@ -1689,11 +1697,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     border: 0;
     border-top: 1px solid var(--pri-clr-ln);
   }
-`,Ir=r.article` 
+`,Ir=r.article`
   > div {
     justify-content: left;
   }
-`,Lr=r.div` 
+`,Lr=r.div`
   width: 100%;
   margin-bottom: 16px !important;
   > article {
@@ -1712,10 +1720,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       margin-top: 0px;
       justify-items: unset;
     }
-  } 
+  }
   ${({$mode:e})=>"detail"===e&&n`
-    padding-bottom: 10px;
-  `}
+      padding-bottom: 10px;
+    `}
 `,jr=r.div`
   display: grid;
   grid-template-columns: 148px 1fr;
@@ -1736,10 +1744,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       font-style: normal;
     }
   }
-  button { 
-    width: 148px; 
+  button {
+    width: 148px;
     padding: 6px 23px 6px 12px;
-    border-radius: .5rem 0 0 .5rem;
+    border-radius: 0.5rem 0 0 0.5rem;
   }
   @media only screen and (min-width: 1280px) {
     width: 350px;
@@ -1753,7 +1761,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
           width: ${e};
         }
       `}}}
-`,Qr=r.div` 
+`,Qr=r.div`
   position: relative;
   display: grid;
   grid-auto-flow: column;
@@ -1766,10 +1774,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     color: var(--mt-clr);
     padding: 0 12px;
   }
-  > button, 
+  > button,
   ._refContainer {
     border-right: 1px solid var(--sec-clr-ln);
-    &:last-child{
+    &:last-child {
       border-right: 0;
     }
   }
@@ -1788,7 +1796,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       font-size: var(--pri-ft-sz);
     }
   }
-`,Pr=r.section` 
+`,Pr=r.section`
   display: inline-block;
   padding-left: 0;
   width: 100%;
@@ -1813,10 +1821,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       &:nth-of-type(even) {
         margin-right: 0;
       }
-      &:nth-of-type(n+3) {
+      &:nth-of-type(n + 3) {
         margin-top: 10px;
       }
-      > section > button, 
+      > section > button,
       > div > button {
         width: 100%;
         overflow: hidden;
@@ -1826,12 +1834,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         max-width: 100%;
       }
     }
-    > div:nth-child(n+2) {
+    > div:nth-child(n + 2) {
       display: inline-block;
       width: 48.35% !important;
     }
     > article {
-      float: left
+      float: left;
     }
   }
   @media only screen and (min-width: 425px) {
@@ -1853,16 +1861,16 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       align-items: center;
       margin-top: 0px;
     }
-    &:first-child { 
+    &:first-child {
       padding-left: 0;
     }
     ${Qr} {
       margin-bottom: 0;
     }
   }
-`,Yr=r.div` 
+`,Yr=r.div`
   display: grid;
-  padding: 0 .625em 10px;
+  padding: 0 0.625em 10px;
   @media only screen and (min-width: 375px) {
     padding: 0 20px;
   }
@@ -1874,52 +1882,73 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 `,Hr=r.section``,Tr={item:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) var(--time) minmax(88px, auto);
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      grid-template-columns: var(--checkbox) var(--item) minmax(
+          auto,
+          max-content
+        ) var(--time) minmax(88px, auto);
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
-        grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(--price) var(--status-big);
+        grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(
+            --price
+          ) var(--status-big);
       }
-      input[name=checkbox-list] {
-        & + span { 
+      input[name="checkbox-list"] {
+        & + span {
           top: 8px;
         }
       }
     }
   `,"item-nocheck":n`
     ${Hr} {
-      grid-template-columns: var(--item) minmax(auto, max-content) var(--time) minmax(88px, auto);
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      grid-template-columns: var(--item) minmax(auto, max-content) var(
+          --time
+        ) minmax(88px, auto);
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
-        grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(--price) var(--status-big);
+        grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(
+            --price
+          ) var(--status-big);
       }
     }
   `,listing:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) minmax(88px, auto);
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      grid-template-columns: var(--checkbox) var(--item) minmax(
+          auto,
+          max-content
+        ) minmax(88px, auto);
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
-        grid-template-columns: var(--variant) var(--sku) var(--sku) minmax(95px, 115px) var(--price) var(--status-small);
+        grid-template-columns: var(--variant) var(--sku) var(--sku) minmax(
+            95px,
+            115px
+          ) var(--price) var(--status-small);
       }
-      input[name=checkbox-list] {
-        & + span { 
+      input[name="checkbox-list"] {
+        & + span {
           top: 8px;
         }
       }
     }
   `,"listing-nocheck":n`
     ${Hr} {
-      grid-template-columns: var(--item) minmax(auto, max-content) minmax(88px, auto);
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      grid-template-columns: var(--item) minmax(auto, max-content) minmax(
+          88px,
+          auto
+        );
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
-        grid-template-columns: var(--variant) var(--sku) var(--sku) minmax(95px, 115px) var(--price) var(--status-small);
+        grid-template-columns: var(--variant) var(--sku) var(--sku) minmax(
+            95px,
+            115px
+          ) var(--price) var(--status-small);
       }
     }
   `,quantity:n`
@@ -1938,68 +1967,79 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       margin: 0;
       padding: 0;
       grid-gap: 0;
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      &[role=row] > div[role=cellgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      &[role="row"] > div[role="cellgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
         display: flex;
         flex: 2;
         grid-gap: 0;
       }
-      &[role=row] > div[role=cellgroup] {
+      &[role="row"] > div[role="cellgroup"] {
         flex-direction: column;
       }
-      &[role=rowheader] > div[role=columnheader],
-      &[role=rowheader] > div[role=group] > div[role=cell],
-      &[role=row] > div[role=cell],
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
-      ._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
-      ._refCollapseContainer > div > div[role=cell]  {
+      &[role="rowheader"] > div[role="columnheader"],
+      &[role="rowheader"] > div[role="group"] > div[role="cell"],
+      &[role="row"] > div[role="cell"],
+      &[role="row"]
+        > div[role="cellgroup"]
+        > div[role="rowgroup"]
+        > div[role="cell"],
+      ._refCollapse > div:not(._refCollapseContainer) > div[role="cell"],
+      ._refCollapseContainer > div > div[role="cell"] {
         align-self: stretch;
         width: 100%;
       }
-      &[role=rowheader] > div[role=columnheader], 
-      &[role=rowheader] > div[role=group] > div[role=cell] {
+      &[role="rowheader"] > div[role="columnheader"],
+      &[role="rowheader"] > div[role="group"] > div[role="cell"] {
         padding-top: 1em;
         padding-bottom: 1em;
         border-bottom: 1px solid var(--ter-clr-ln);
       }
-      &[role=row] > div[role=cell],
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
-      ._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
-      ._refCollapseContainer > div > div[role=cell]  {
+      &[role="row"] > div[role="cell"],
+      &[role="row"]
+        > div[role="cellgroup"]
+        > div[role="rowgroup"]
+        > div[role="cell"],
+      ._refCollapse > div:not(._refCollapseContainer) > div[role="cell"],
+      ._refCollapseContainer > div > div[role="cell"] {
         padding-top: 1.25em;
         padding-bottom: 1.25em;
       }
-      &[role=rowheader], &[role=row] {
+      &[role="rowheader"],
+      &[role="row"] {
         padding: 0;
         margin: 0;
         > div {
           padding-right: 12px;
           &:first-child {
             padding-left: 0;
-          } 
+          }
           &:last-child {
             padding-right: 0;
           }
         }
       }
-      &[role=rowheader] > div[role=group] > div[role=cell], &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell] {
+      &[role="rowheader"] > div[role="group"] > div[role="cell"],
+      &[role="row"]
+        > div[role="cellgroup"]
+        > div[role="rowgroup"]
+        > div[role="cell"] {
         padding-right: 12px;
         &:last-child {
-
         }
       }
-      &[role=rowheader] {
+      &[role="rowheader"] {
         border: none;
       }
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div, ._refCollapseContainer > div {
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div,
+      ._refCollapseContainer > div {
         padding-bottom: 0;
         padding-top: 0;
-        &:nth-child(n+2) {
+        &:nth-child(n + 2) {
           padding-top: 0;
         }
         &:last-child {
@@ -2010,11 +2050,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         margin-bottom: 0;
       }
       @media only screen and (min-width: 1024px) {
-        &[role=rowheader], &[role=row] {
+        &[role="rowheader"],
+        &[role="row"] {
           > div {
             &:first-child {
               padding-left: 9px;
-            } 
+            }
             &:last-child {
               padding-right: 9px;
             }
@@ -2114,70 +2155,128 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   `,picklist:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--ref) var(--time) minmax(185px, auto);
+      grid-template-columns: var(--checkbox) var(--time) var(--id) var(
+          --status
+        ) var(--person) var(--warehouse) var(--ref) var(--time) minmax(
+          185px,
+          auto
+        );
     }
   `,package:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--time) var(--id) var(--status) var(--person) var(--warehouse) var(--person) var(--ref) var(--time) minmax(110px, auto);
+      grid-template-columns: var(--checkbox) var(--time) var(--id) var(
+          --status
+        ) var(--person) var(--warehouse) var(--person) var(--ref) var(
+          --time
+        ) minmax(110px, auto);
     }
   `,shipment:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--time) var(--id-big) var(--status) minmax(80px, 160px) minmax(80px, 160px) minmax(95px, 160px) var(--ref) minmax(140px, auto);
+      grid-template-columns: var(--checkbox) var(--time) var(--id-big) var(
+          --status
+        ) minmax(80px, 160px) minmax(80px, 160px) minmax(95px, 160px) var(
+          --ref
+        ) minmax(140px, auto);
     }
   `,invoice:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--id-big) var(--status-small) var(--store) var(--price) var(--price) var(--ref) var(--person) var(--time) minmax(180px, auto);
+      grid-template-columns: var(--checkbox) var(--id-big) var(
+          --status-small
+        ) var(--store) var(--price) var(--price) var(--ref) var(--person) var(
+          --time
+        ) minmax(180px, auto);
       @media only screen and (max-width: 1279px) {
         width: unset;
       }
     }
   `,"payment-receive":n`
     ${Hr} {
-      grid-template-columns: var(--time) 155px var(--person) var(--qty) var(--price) minmax(110px, auto);
+      grid-template-columns: var(--time) 155px var(--person) var(--qty) var(
+          --price
+        ) minmax(110px, auto);
     }
   `,"sales-return":n`
     ${Hr} {
-      grid-template-columns: var(--id-big) var(--status) var(--warehouse) var(--person) var(--person) var(--ref-big) var(--time) minmax(120px, auto);
+      grid-template-columns: var(--id-big) var(--status) var(--warehouse) var(
+          --person
+        ) var(--person) var(--ref-big) var(--time) minmax(120px, auto);
     }
   `,activity:n`
     ${Hr} {
-      grid-template-columns: var(--time) var(--id-big) var(--item) var(--status) var(--email) var(--status)  var(--status) minmax(110px, auto);
+      grid-template-columns: var(--time) var(--id-big) var(--item) var(
+          --status
+        ) var(--email) var(--status) var(--status) minmax(110px, auto);
     }
   `,putaway:n`
     ${Hr} {
-      grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) var(--person) var(--time) minmax(60px, auto);
+      grid-template-columns: var(--id-pd20) var(--status-big) var(
+          --warehouse
+        ) var(--ref) var(--person) var(--time) minmax(60px, auto);
     }
   `,inbound:n`
     ${Hr} {
-      grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 160px) var(--person) var(--time) minmax(170px, auto);
+      grid-template-columns: var(--id-pd20) var(--status-big) var(
+          --warehouse
+        ) var(--ref) minmax(140px, 160px) var(--person) var(--time) minmax(
+          170px,
+          auto
+        );
     }
   `,lowstock:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) var(--item) var(--variant) var(--sku) var(--warehouse) var(--qty-big) var(--statusnow) var(--time) minmax(60px, auto);
+      grid-template-columns: var(--checkbox) var(--item) var(--variant) var(
+          --sku
+        ) var(--warehouse) var(--qty-big) var(--statusnow) var(--time) minmax(
+          60px,
+          auto
+        );
     }
   `,price:n`
     ${Hr} {
-      grid-template-columns: var(--time) var(--id-big) var(--status) var(--qty) var(--email) var(--status) minmax(60px, auto);
+      grid-template-columns: var(--time) var(--id-big) var(--status) var(
+          --qty
+        ) var(--email) var(--status) minmax(60px, auto);
     }
   `,"stock-adjustment":n`
     ${Hr} {
-      grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(140px, 150px) var(--person) var(--time) minmax(160px, auto);
+      grid-template-columns: var(--id-pd20) var(--status-big) var(
+          --warehouse
+        ) var(--ref) minmax(140px, 150px) var(--person) var(--time) minmax(
+          160px,
+          auto
+        );
     }
   `,"stock-outbound":n`
     ${Hr} {
-      grid-template-columns: var(--id-pd20) var(--status-big) var(--warehouse) var(--ref) minmax(150px,160px) var(--person) var(--time) minmax(160px, auto);
+      grid-template-columns: var(--id-pd20) var(--status-big) var(
+          --warehouse
+        ) var(--ref) minmax(150px, 160px) var(--person) var(--time) minmax(
+          160px,
+          auto
+        );
     }
   `,"stock-transfer":n`
     ${Hr} {
-      grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(--warehouse) minmax(90px, 100px) var(--person) var(--time) minmax(160px, auto);
+      grid-template-columns: var(--id) var(--status-big) var(--warehouse) var(
+          --warehouse
+        ) minmax(90px, 100px) var(--person) var(--time) minmax(160px, auto);
     }
   `,promotion:n`
     ${Hr} {
-      grid-template-columns: var(--store) var(--id-big) var(--ref-big) minmax(100px,160px) var(--status-small) var(--time) var(--time) minmax(42px, 88px) var(--time) minmax(62px, auto);
+      grid-template-columns: var(--store) var(--id-big) var(--ref-big) minmax(
+          100px,
+          160px
+        ) var(--status-small) var(--time) var(--time) minmax(42px, 88px) var(
+          --time
+        ) minmax(62px, auto);
     }
   `,"stock-history":n`
     ${Hr} {
-      grid-template-columns: minmax(120px, 360px) var(--sku) var(--warehouse) minmax(85px,120px) minmax(105px,190px) var(--qty-small) var(--qty-small) minmax(68px, 100px) var(--time) minmax(75px, 88px);
+      grid-template-columns: minmax(120px, 360px) var(--sku) var(
+          --warehouse
+        ) minmax(85px, 120px) minmax(105px, 190px) var(--qty-small) var(
+          --qty-small
+        ) minmax(68px, 100px) var(--time) minmax(75px, 88px);
       > *:last-child {
         display: unset;
         justify-content: unset;
@@ -2195,7 +2294,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         display: unset;
         justify-content: unset;
       }
-      grid-template-columns: minmax(110px,146px) minmax(120px,360px) var(--sku) var(--store) minmax(75px,120px) minmax(85px,120px) minmax(75px,120px) minmax(80px,120px) var(--time) var(--status) minmax(75px,88px);
+      grid-template-columns: minmax(110px, 146px) minmax(120px, 360px) var(
+          --sku
+        ) var(--store) minmax(75px, 120px) minmax(85px, 120px) minmax(
+          75px,
+          120px
+        ) minmax(80px, 120px) var(--time) var(--status) minmax(75px, 88px);
     }
   `,turnover:n`
     ${Hr} {
@@ -2206,7 +2310,9 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         display: unset;
         justify-content: unset;
       }
-      grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) repeat(4, var(--qty)) minmax(75px,88px);
+      grid-template-columns: minmax(120px, 360px) var(--sku) var(
+          --warehouse
+        ) repeat(4, var(--qty)) minmax(75px, 88px);
     }
   `,"days-outofstock":n`
     ${Hr} {
@@ -2217,18 +2323,28 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         display: unset;
         justify-content: unset;
       }
-      grid-template-columns: minmax(120px,360px) var(--sku) var(--warehouse) var(--qty-big) var(--qty) var(--qty-big) var(--time) minmax(75px,88px);
+      grid-template-columns: minmax(120px, 360px) var(--sku) var(
+          --warehouse
+        ) var(--qty-big) var(--qty) var(--qty-big) var(--time) minmax(
+          75px,
+          88px
+        );
     }
   `,warehouses:n`
     ${Hr} {
-      grid-template-columns: var(--warehouse) var(--status) var(--id-big) var(--qty-big) var(--time) minmax(110px, auto);
+      grid-template-columns: var(--warehouse) var(--status) var(--id-big) var(
+          --qty-big
+        ) var(--time) minmax(110px, auto);
     }
   `,archived:n`
     ${Hr} {
-      grid-template-columns: var(--time-pd20) minmax(auto, max-content) minmax(88px, auto);
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      grid-template-columns: var(--time-pd20) minmax(auto, max-content) minmax(
+          88px,
+          auto
+        );
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
         grid-template-columns: var(--sku) var(--item);
       }
@@ -2238,38 +2354,52 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       @media only screen and (max-width: 1279px) {
         width: unset;
       }
-      grid-template-columns: var(--id-pd20) minmax(80px, 120px) var(--time)  var(--person) var(--qty) var(--price) var(--status) minmax(180px, auto);
+      grid-template-columns: var(--id-pd20) minmax(80px, 120px) var(--time) var(
+          --person
+        ) var(--qty) var(--price) var(--status) minmax(180px, auto);
     }
   `,order:n`
     ${Hr} {
-      grid-template-columns: var(--checkbox) 118px 90px minmax(auto, max-content);
-      input[name=checkbox-list]{
-        & + span { 
+      grid-template-columns: var(--checkbox) 118px 90px minmax(
+          auto,
+          max-content
+        );
+      input[name="checkbox-list"] {
+        & + span {
           top: 8px;
         }
       }
-      &[role=rowheader] > div[role=group] {
-        grid-template-columns: var(--order) 40px 80px 80px 88px minmax(145px, auto);
+      &[role="rowheader"] > div[role="group"] {
+        grid-template-columns: var(--order) 40px 80px 80px 88px minmax(
+            145px,
+            auto
+          );
       }
-      ._refCollapse > div:not(._refCollapseContainer), 
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
         grid-template-columns: var(--order) 40px 80px 80px;
       }
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div, 
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div,
       ._refCollapseContainer > div {
-        &:nth-child(n+2) {
+        &:nth-child(n + 2) {
           border-top: none;
         }
       }
     }
     @media only screen and (min-width: 1280px) {
       ${Hr} {
-        grid-template-columns: var(--checkbox) 118px 118px minmax(auto, max-content);
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 40px 80px 80px 107px minmax(145px, auto);
+        grid-template-columns: var(--checkbox) 118px 118px minmax(
+            auto,
+            max-content
+          );
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 40px 80px 80px 107px minmax(
+              145px,
+              auto
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 40px 80px 80px;
         }
@@ -2277,11 +2407,17 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
     @media only screen and (min-width: 1366px) {
       ${Hr} {
-        grid-template-columns: var(--checkbox) 120px 118px minmax(auto, max-content);
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 40px 90px 80px 130px minmax(150px, auto);
+        grid-template-columns: var(--checkbox) 120px 118px minmax(
+            auto,
+            max-content
+          );
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 40px 90px 80px 130px minmax(
+              150px,
+              auto
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 40px 90px 80px;
         }
@@ -2289,11 +2425,17 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
     @media only screen and (min-width: 1800px) {
       ${Hr} {
-        grid-template-columns: var(--checkbox) minmax(125px, 170px) minmax(85px, 145px) minmax(auto, max-content);
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 50px 110px 130px 130px minmax(50px, 2000px);
+        grid-template-columns: var(--checkbox) minmax(125px, 170px) minmax(
+            85px,
+            145px
+          ) minmax(auto, max-content);
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 50px 110px 130px 130px minmax(
+              50px,
+              2000px
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 50px 110px 130px;
         }
@@ -2301,10 +2443,13 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
     @media only screen and (min-width: 1920px) {
       ${Hr} {
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 50px 110px 145px 130px minmax(50px, 2000px);
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 50px 110px 145px 130px minmax(
+              50px,
+              2000px
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 50px 110px 145px;
         }
@@ -2313,17 +2458,20 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   `,"order-nocheck":n`
     ${Hr} {
       grid-template-columns: 118px 90px minmax(auto, max-content);
-      &[role=rowheader] > div[role=group] {
-        grid-template-columns: var(--order) 40px 80px 80px 88px minmax(145px, auto);
+      &[role="rowheader"] > div[role="group"] {
+        grid-template-columns: var(--order) 40px 80px 80px 88px minmax(
+            145px,
+            auto
+          );
       }
-      ._refCollapse > div:not(._refCollapseContainer), 
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
         grid-template-columns: var(--order) 40px 80px 80px;
       }
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div, 
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div,
       ._refCollapseContainer > div {
-        &:nth-child(n+2) {
+        &:nth-child(n + 2) {
           border-top: none;
         }
       }
@@ -2331,10 +2479,13 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     @media only screen and (min-width: 1280px) {
       ${Hr} {
         grid-template-columns: 118px 118px minmax(auto, max-content);
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 40px 80px 80px 107px minmax(145px, auto);
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 40px 80px 80px 107px minmax(
+              145px,
+              auto
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 40px 80px 80px;
         }
@@ -2343,10 +2494,13 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     @media only screen and (min-width: 1366px) {
       ${Hr} {
         grid-template-columns: 120px 118px minmax(auto, max-content);
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 40px 90px 80px 130px minmax(150px, auto);
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 40px 90px 80px 130px minmax(
+              150px,
+              auto
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 40px 90px 80px;
         }
@@ -2354,11 +2508,17 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
     @media only screen and (min-width: 1800px) {
       ${Hr} {
-        grid-template-columns: minmax(125px, 170px) minmax(85px, 145px) minmax(auto, max-content);
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 50px 110px 130px 130px minmax(50px, 2000px);
+        grid-template-columns: minmax(125px, 170px) minmax(85px, 145px) minmax(
+            auto,
+            max-content
+          );
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 50px 110px 130px 130px minmax(
+              50px,
+              2000px
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 50px 110px 130px;
         }
@@ -2366,93 +2526,107 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
     @media only screen and (min-width: 1920px) {
       ${Hr} {
-        &[role=rowheader] > div[role=group] {
-          grid-template-columns: var(--order) 50px 110px 145px 130px minmax(50px, 2000px);
+        &[role="rowheader"] > div[role="group"] {
+          grid-template-columns: var(--order) 50px 110px 145px 130px minmax(
+              50px,
+              2000px
+            );
         }
-        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapse > div:not(._refCollapseContainer),
         ._refCollapseContainer > div {
           grid-template-columns: var(--order) 50px 110px 145px;
         }
       }
     }
   `,"table-customheader":n`
-      overflow: hidden;
-  > div {
-    overflow: auto;
-  }
-  @media only screen and (min-width: 1024px) {
+    overflow: hidden;
     > div {
-      margin: 0px 9px 0px 9px;
+      overflow: auto;
+    }
+    @media only screen and (min-width: 1024px) {
+      > div {
+        margin: 0px 9px 0px 9px;
+      }
     }
-  }
     ${Hr} {
       width: 100%;
       display: flex;
       margin: 0;
       padding: 0;
       grid-gap: 0;
-      &[role=rowheader] > div[role=group], 
-      &[role=row] > div[role=group], 
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      &[role=row] > div[role=cellgroup], 
-      ._refCollapse > div:not(._refCollapseContainer), 
+      &[role="rowheader"] > div[role="group"],
+      &[role="row"] > div[role="group"],
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      &[role="row"] > div[role="cellgroup"],
+      ._refCollapse > div:not(._refCollapseContainer),
       ._refCollapseContainer > div {
         display: flex;
         flex: 2;
         grid-gap: 0;
       }
-      &[role=row] > div[role=cellgroup] {
+      &[role="row"] > div[role="cellgroup"] {
         flex-direction: column;
       }
-      &[role=rowheader] > div[role=columnheader],
-      &[role=rowheader] > div[role=group] > div[role=cell],
-      &[role=row] > div[role=cell],
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
-      ._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
-      ._refCollapseContainer > div > div[role=cell]  {
+      &[role="rowheader"] > div[role="columnheader"],
+      &[role="rowheader"] > div[role="group"] > div[role="cell"],
+      &[role="row"] > div[role="cell"],
+      &[role="row"]
+        > div[role="cellgroup"]
+        > div[role="rowgroup"]
+        > div[role="cell"],
+      ._refCollapse > div:not(._refCollapseContainer) > div[role="cell"],
+      ._refCollapseContainer > div > div[role="cell"] {
         align-self: stretch;
         width: 100%;
       }
-      &[role=rowheader] > div[role=columnheader], 
-      &[role=rowheader] > div[role=group] > div[role=cell] {
+      &[role="rowheader"] > div[role="columnheader"],
+      &[role="rowheader"] > div[role="group"] > div[role="cell"] {
         padding-top: 1em;
         padding-bottom: 1em;
         border-bottom: 1px solid var(--ter-clr-ln);
       }
-      &[role=row] > div[role=cell],
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell],
-      ._refCollapse > div:not(._refCollapseContainer) > div[role=cell],
-      ._refCollapseContainer > div > div[role=cell]  {
+      &[role="row"] > div[role="cell"],
+      &[role="row"]
+        > div[role="cellgroup"]
+        > div[role="rowgroup"]
+        > div[role="cell"],
+      ._refCollapse > div:not(._refCollapseContainer) > div[role="cell"],
+      ._refCollapseContainer > div > div[role="cell"] {
         padding-top: 1.25em;
         padding-bottom: 1.25em;
       }
-      &[role=rowheader], &[role=row] {
+      &[role="rowheader"],
+      &[role="row"] {
         padding: 0;
         margin: 0;
         > div {
           padding-right: 12px;
           &:first-child {
             padding-left: 0;
-          } 
+          }
           &:last-child {
             padding-right: 0;
           }
         }
       }
-      &[role=rowheader] > div[role=group] > div[role=cell], &[role=row] > div[role=cellgroup] > div[role=rowgroup] > div[role=cell] {
+      &[role="rowheader"] > div[role="group"] > div[role="cell"],
+      &[role="row"]
+        > div[role="cellgroup"]
+        > div[role="rowgroup"]
+        > div[role="cell"] {
         padding-right: 12px;
         &:last-child {
-
         }
       }
-      &[role=rowheader] {
+      &[role="rowheader"] {
         border: none;
       }
-      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-      ._refCollapse > div, ._refCollapseContainer > div {
+      &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+      ._refCollapse > div,
+      ._refCollapseContainer > div {
         padding-bottom: 0;
         padding-top: 0;
-        &:nth-child(n+2) {
+        &:nth-child(n + 2) {
           padding-top: 0;
         }
         &:last-child {
@@ -2463,11 +2637,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         margin-bottom: 0;
       }
       @media only screen and (min-width: 1024px) {
-        &[role=rowheader], &[role=row] {
+        &[role="rowheader"],
+        &[role="row"] {
           > div {
             &:first-child {
               padding-left: 9px;
-            } 
+            }
             &:last-child {
               padding-right: 9px;
             }
@@ -2479,7 +2654,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         justify-content: inherit;
       }
     }
-  `},Xr=r.main` 
+  `},Xr=r.main`
   position: relative;
   width: 100%;
   overflow-x: auto;
@@ -2491,18 +2666,19 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     display: inline-grid;
     grid-gap: 12px;
     align-items: start;
-    &[role=rowheader] > div[role=group], 
-    &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-    ._refCollapse > div:not(._refCollapseContainer), 
+    &[role="rowheader"] > div[role="group"],
+    &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+    ._refCollapse > div:not(._refCollapseContainer),
     ._refCollapseContainer > div {
       display: grid;
       align-items: start;
       grid-gap: 12px;
     }
-    &[role=rowheader], &:nth-child(2) {
+    &[role="rowheader"],
+    &:nth-child(2) {
       border-top: 0;
     }
-    &[role=rowheader] {
+    &[role="rowheader"] {
       padding: 1em 0 1em 0;
       border-bottom: 1px solid #e8e8ec;
       color: var(--mt-clr);
@@ -2510,29 +2686,29 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       cursor: pointer;
       line-height: 1;
       font-weight: 600;
-      font-size: .875rem;
+      font-size: 0.875rem;
     }
-    &[role=row] {
+    &[role="row"] {
       padding: 1.25em 0 1.25em 0;
     }
-    &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
-    ._refCollapse > div, 
+    &[role="row"] > div[role="cellgroup"] > div[role="rowgroup"],
+    ._refCollapse > div,
     ._refCollapseContainer > div {
-      &:nth-child(n+2) {
-        border-top: 1px solid rgba(227, 227, 227, .7);
+      &:nth-child(n + 2) {
+        border-top: 1px solid rgba(227, 227, 227, 0.7);
         padding-top: 16px;
       }
     }
     ._refCollapseContainer {
       padding-bottom: 0;
     }
-    input[name=checkbox-selectAll]  {
-      & + span { 
-        top: 50%; 
+    input[name="checkbox-selectAll"] {
+      & + span {
+        top: 50%;
       }
     }
-    input[name=checkbox-list]{
-      & + span { 
+    input[name="checkbox-list"] {
+      & + span {
         top: 0;
       }
     }
@@ -2543,10 +2719,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
   @media only screen and (min-width: 1024px) {
     ${Hr} {
-      &[role=rowheader], 
-      &[role=row] {
+      &[role="rowheader"],
+      &[role="row"] {
         margin: 0 10px;
-        padding-left: 9px; 
+        padding-left: 9px;
         padding-right: 9px;
       }
     }
@@ -2565,22 +2741,24 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     margin-top: 6px;
   }
   input {
-    &, &:focus, &:active {
+    &,
+    &:focus,
+    &:active {
       border: none !important;
       background: transparent;
       cursor: pointer;
     }
   }
-`,Nr=r.div` 
-  padding: 1em 1em .8em;
+`,Nr=r.div`
+  padding: 1em 1em 0.8em;
   display: grid;
   grid-auto-flow: column;
   justify-content: space-between;
   border-bottom: 1px solid var(--sec-clr-ln);
-  i { 
-    font-style: normal; 
+  i {
+    font-style: normal;
   }
-`,qr=r.ul` 
+`,qr=r.ul`
   ${_e}
   max-height: 44vh;
   overflow: auto;
@@ -2596,10 +2774,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   @media only screen and (min-width: 1366px) {
     max-height: 50vh;
   }
-`,Vr=r.li` 
+`,Vr=r.li`
   display: inline-grid;
   width: 100%;
-  grid-gap: 10px; 
+  grid-gap: 10px;
   min-height: 48px;
   grid-auto-flow: row;
   cursor: pointer;
@@ -2608,97 +2786,98 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     grid-auto-flow: column;
     grid-template-columns: 100px auto;
   }
-  &[data-disabled="true"]{
+  &[data-disabled="true"] {
     color: rgb(169, 169, 169);
     opacity: 0.7;
     pointer-events: none;
   }
   ${({$mode:e})=>!e&&n`
-    padding: 8px .5em;
-    &:first-child {
-      padding-top: 4px;
-    }
-    &:last-child {
-      padding-bottom: 4px;
-    }
-  `}
+      padding: 8px 0.5em;
+      &:first-child {
+        padding-top: 4px;
+      }
+      &:last-child {
+        padding-bottom: 4px;
+      }
+    `}
   ${({$mode:e})=>e&&n`
-    margin-bottom: 4px;
-    color: var(--pri-clr);
-    line-height: 20px;
-    align-items: center;
-    padding: .5rem .75rem;
-    display: block;
-    min-height: auto;
-    border-radius: var(--nav-rd);
-    &:hover {
-      background-color: var(--nav-clr-bg__hvr);
-      border-radius: var(--nav-rd);
-    }
-    &:last-child {
-      margin-bottom: 0;
-    }
-    > label, > span {
-      cursor: pointer;
-      text-transform: capitalize;
-      width: 100%;
-      max-width: 218px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
+      margin-bottom: 4px;
+      color: var(--pri-clr);
+      line-height: 20px;
+      align-items: center;
+      padding: 0.5rem 0.75rem;
       display: block;
-    }
-    ${"categories"===e&&n`        
-      padding: 0 !important;
-      > label {
-        &:last-child {
-          padding: .5rem 1.5rem .5rem .75rem;
-        } 
+      min-height: auto;
+      border-radius: var(--nav-rd);
+      &:hover {
+        background-color: var(--nav-clr-bg__hvr);
+        border-radius: var(--nav-rd);
       }
-    `}    
-  `}
-  ${({$mode:e})=>"categories"===e&&n`
-    
-  `}
+      &:last-child {
+        margin-bottom: 0;
+      }
+      > label,
+      > span {
+        cursor: pointer;
+        text-transform: capitalize;
+        width: 100%;
+        max-width: 218px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        display: block;
+      }
+      ${"categories"===e&&n`
+        padding: 0 !important;
+        > label {
+          &:last-child {
+            padding: 0.5rem 1.5rem 0.5rem 0.75rem;
+          }
+        }
+      `}
+    `}
+  ${({$mode:e})=>"categories"===e&&n``}
   ${({$mode:e,$isReply:t})=>e&&t&&n`
-    padding-right: 1.825rem !important;
-    ._refReplyIcon {
-      right: 12px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-  `}
+      padding-right: 1.825rem !important;
+      ._refReplyIcon {
+        right: 12px;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+    `}
   ${({$mode:e,$isActive:t})=>e&&t&&n`
-    background-color: var(--nav-clr-bg__hvr);
-    padding-right: 1.75em;
-    &, > label, > span {
-      font-weight: 500;
-    }
-    &:after {
-      content: '✔';
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      right: 7px;
-      bottom: 0;
-      width: 12px;
-      height: 20px;
-      z-index: -1;
-    }
-    ._refReplyIcon {
-      right: 22px;
-    }
-  `}
-`,Ur=r.div` 
-  padding: .8em 1em 1em;
+      background-color: var(--nav-clr-bg__hvr);
+      padding-right: 1.75em;
+      &,
+      > label,
+      > span {
+        font-weight: 500;
+      }
+      &:after {
+        content: "✔";
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        right: 7px;
+        bottom: 0;
+        width: 12px;
+        height: 20px;
+        z-index: -1;
+      }
+      ._refReplyIcon {
+        right: 22px;
+      }
+    `}
+`,Ur=r.div`
+  padding: 0.8em 1em 1em;
   display: grid;
   grid-auto-flow: column;
   justify-content: end;
   grid-gap: 4px;
   border-top: 1px solid var(--sec-clr-ln);
-`,Wr=r.ul` 
+`,Wr=r.ul`
   ${_e}
-`,Gr=r.li` 
+`,Gr=r.li`
   &._refCheckbox {
     display: block;
     float: left;
@@ -2706,7 +2885,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     margin-bottom: 8px;
     > label {
       padding-left: 0 !important;
-      input, span {
+      input,
+      span {
         display: none !important;
       }
       aside {
@@ -2716,7 +2896,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         cursor: pointer;
         font-size: 13px;
       }
-      input:checked~aside {
+      input:checked ~ aside {
         border: 1px solid var(--sel-clr-ln);
         outline: 1px solid var(--sel-clr-ln);
         color: var(--ter-clr);
@@ -2746,10 +2926,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       border-radius: var(--sec-rd);
     }
   }
-`,Zr=r.strong` 
+`,Zr=r.strong`
   padding-top: 8px;
   font-size: 13px;
-`,Rr=r.div` 
+`,Rr=r.div`
   display: grid;
   grid-auto-flow: column;
   grid-template-columns: 1fr auto;
@@ -2767,39 +2947,39 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   padding: 0px 4px;
   border-radius: var(--ter-rd);
   ${({$mode:e})=>"chat"===e&&n`
-    position: absolute;
-    z-index: 8;
-    left: 18px;
-    top: 0;
-    padding: 0.2em 0.3em;
-    font-weight: bold;
-    font-size: 10px;
-    min-width: 16px;
-    height: 16px;
-  `}
+      position: absolute;
+      z-index: 8;
+      left: 18px;
+      top: 0;
+      padding: 0.2em 0.3em;
+      font-weight: bold;
+      font-size: 10px;
+      min-width: 16px;
+      height: 16px;
+    `}
   ${({$mode:e})=>("list"===e||"header"===e)&&n`
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform: scale(1) translate(-50%, -50%);
-    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    transform-origin: 100% 0%; 
-    ${"header"===e&&n`
-      left: unset;
-      right: 0;
-      z-index: 99;
-      transform: scale(1) translate(50%, -50%);
+      position: absolute;
+      top: 0;
+      left: 0;
+      transform: scale(1) translate(-50%, -50%);
+      transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+      transform-origin: 100% 0%;
+      ${"header"===e&&n`
+        left: unset;
+        right: 0;
+        z-index: 99;
+        transform: scale(1) translate(50%, -50%);
+      `}
     `}
-  `}
   ${({$width:e})=>e&&n`
-    min-width: ${e}px;
-  `}
+      min-width: ${e}px;
+    `}
   ${({$height:e})=>e&&n`
-    height: ${e}px;
-  `}
+      height: ${e}px;
+    `}
   ${({$size:e})=>e&&n`
-    font-size: ${e}px;
-  `}
+      font-size: ${e}px;
+    `}
 `,Jr=r.section`
   justify-self: end;
   margin-top: 10px;
@@ -2836,24 +3016,24 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   color: var(--mt-clr);
 `,tn=r.div`
   ${({$mode:e})=>("empty"===e||"empty-invoice"===e)&&n`
-    ${en}
-  `}
+      ${en}
+    `}
 
   ${({$mode:e})=>"empty-invoice"===e&&n`
-    > div {
-      display: grid;
-      align-content: center;
-      grid-gap: 4px;
-      margin: 0 16px;
-    }
-  `}
+      > div {
+        display: grid;
+        align-content: center;
+        grid-gap: 4px;
+        margin: 0 16px;
+      }
+    `}
 
   ${({$mode:e})=>!e&&n`
-    width: 958px;
-    @media only screen and (min-width: 1024px) { 
-      width: unset; 
-    }
-  `}
+      width: 958px;
+      @media only screen and (min-width: 1024px) {
+        width: unset;
+      }
+    `}
 `,rn=r.ul`
   ${_e}
   ${({$mode:e})=>{let t="";return"shipment"===e?t+=`\n      ${ln} {\n        ${dn} { \n          grid-template-columns: var(--status) var(--warehouse) minmax(80px, 160px) minmax(80px, 160px)  minmax(95px, 200px); \n        }\n      }\n    `:"picklist"===e?t+=`\n      ${ln} {\n        ${dn} { \n          grid-template-columns: var(--status) var(--warehouse) var(--person); \n        }\n      }\n    `:"invoice"===e?t+=`\n      ${ln} {\n        ${dn} { \n          grid-template-columns:  var(--status) var(--price); \n        }\n      }\n    `:"payment"===e?t+=` \n      ${ln} {\n        ${dn} { \n          grid-template-columns: var(--status) var(--ref-big) var(--price) auto; \n        }\n        > article:first-child {\n          > span { \n            position: relative; }\n        }\n      }\n    `:"promotion"===e?t+=`\n      ${ln} {\n        grid-template-columns: auto;\n        padding-left: 18px;\n        ${dn} { \n          grid-template-columns: minmax(95px, 150px) var(--store) var(--ref-big) minmax(180px, 300px) var(--status-small) minmax(50px, 88px); \n        }\n      }\n    `:"return"===e&&(t+=`\n      ${ln} {\n        ${dn} { \n        grid-template-columns: var(--status) var(--warehouse) var(--qty) var(--qty); \n      }\n    `),t}}
@@ -2864,8 +3044,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   padding-right: 10px;
   grid-gap: 6px;
   align-self: baseline;
-  a, 
-  div, 
+  a,
+  div,
   span {
     font-size: 16px;
     font-weight: 600;
@@ -2878,16 +3058,16 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     overflow-wrap: break-word;
   }
   @media only screen and (min-width: 768px) {
-    a, 
-    div, 
+    a,
+    div,
     span {
       svg {
         display: inline;
         margin-left: 10px;
       }
     }
-    span { 
-      font-size: 14px; 
+    span {
+      font-size: 14px;
     }
   }
 `,an=r.article`
@@ -2897,7 +3077,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   justify-items: center;
   justify-content: center;
   align-self: center;
-`,on=r.article` 
+`,on=r.article`
   display: grid;
   grid-gap: 4px;
   > span > span {
@@ -2918,8 +3098,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   min-height: 70px;
   &:not(:only-child) {
     border-bottom: 2px solid #f5f5f5;
-    &:last-child { 
-      border-bottom: 0; 
+    &:last-child {
+      border-bottom: 0;
     }
   }
   ${on} {
@@ -2930,8 +3110,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   display: grid;
   grid-auto-flow: column;
   align-self: center;
-  > article { 
-    padding: 0 5px; 
+  > article {
+    padding: 0 5px;
   }
   @media only screen and (min-width: 1366px) {
     grid-gap: 5px;
@@ -2942,7 +3122,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   padding-right: 9px !important;
   @media only screen and (min-width: 1024px) {
     > section {
-      margin: 0 10px; 
+      margin: 0 10px;
     }
   }
 `,cn=r.article`
@@ -2952,7 +3132,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   grid-gap: 16px;
   border-bottom: 1px solid var(--pri-clr-ln);
   &:last-child {
-    padding-top: .5em;
+    padding-top: 0.5em;
     border-bottom: none;
   }
   > button {
@@ -2964,7 +3144,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   grid-auto-flow: row;
   grid-gap: 1.2em;
   @media only screen and (min-width: 768px) {
-    grid-template-columns: 1.25fr .75fr;
+    grid-template-columns: 1.25fr 0.75fr;
   }
 `,pn=r.section`
   height: 100vh;
@@ -2985,8 +3165,8 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     grid-template-columns: max-content 1fr;
     grid-gap: 10px;
     align-items: center;
-    label { 
-      font-weight: 600; 
+    label {
+      font-weight: 600;
     }
   }
   aside {
@@ -3012,21 +3192,21 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${({$mode:e})=>"edit-master"===e&&n`
-    aside { 
-      grid-template-rows: none; 
-    }
-  `}
+      aside {
+        grid-template-rows: none;
+      }
+    `}
 `,gn=r.article`
   padding: 20px 15px;
-  margin: .5em 0; 
+  margin: 0.5em 0;
   > section {
     display: inline-grid;
     width: 100%;
     grid-auto-flow: row;
     grid-gap: 10px 12px;
-    &:first-child { 
+    &:first-child {
       padding-bottom: 20px;
-      margin-bottom: 20px; 
+      margin-bottom: 20px;
       border-bottom: 1px solid var(--ter-clr-ln);
     }
     &:last-child {
@@ -3037,10 +3217,10 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
   @media only screen and (min-width: 768px) {
     padding: 20px 30px;
-    grid-template-columns: repeat(2,1fr);
+    grid-template-columns: repeat(2, 1fr);
   }
-  ${({$mode:e,$type:t})=>"promotion"===e?n` 
-        margin: .5em 0; 
+  ${({$mode:e,$type:t})=>"promotion"===e?n`
+        margin: 0.5em 0;
         > section {
           &:last-child {
             > article:last-child {
@@ -3050,14 +3230,14 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
                 grid-auto-flow: column;
                 grid-template-columns: max-content;
                 grid-gap: 10px;
-                button { 
-                  width: 130px; 
+                button {
+                  width: 130px;
                 }
               }
             }
           }
           @media only screen and (min-width: 1024px) {
-            grid-template-columns: repeat(3,290px);
+            grid-template-columns: repeat(3, 290px);
             > article:nth-child(3) {
               grid-area: 2 / 1;
             }
@@ -3068,24 +3248,24 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
               grid-area: 2 / 3;
             }
           }
-          @media only screen and (min-width: 1366px) { 
-            grid-template-columns: repeat(3,320px);
+          @media only screen and (min-width: 1366px) {
+            grid-template-columns: repeat(3, 320px);
           }
         }
-      `:"paymentreceive"===e?n` 
+      `:"paymentreceive"===e?n`
         > section {
           @media only screen and (min-width: 1024px) {
             grid-auto-flow: column;
-            grid-template-columns: repeat(3,290px);
+            grid-template-columns: repeat(3, 290px);
           }
-          @media only screen and (min-width: 1366px) { 
-            grid-template-columns: repeat(3,320px);
+          @media only screen and (min-width: 1366px) {
+            grid-template-columns: repeat(3, 320px);
           }
         }
-      `:"picklist"===e?n` 
+      `:"picklist"===e?n`
         > section {
           @media only screen and (min-width: 1024px) {
-            grid-template-areas: 
+            grid-template-areas:
               "a b e e"
               "c d . .";
             grid-template-columns: 290px 290px 360px;
@@ -3104,7 +3284,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
               }
               &:nth-child(5) {
                 grid-area: e;
-                position: relative; 
+                position: relative;
                 > div {
                   width: 360px;
                   position: absolute;
@@ -3112,7 +3292,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
               }
             }
           }
-          @media only screen and (min-width: 1366px) { 
+          @media only screen and (min-width: 1366px) {
             grid-template-columns: 320px 320px 400px;
             > article {
               &:nth-child(5) {
@@ -3123,16 +3303,16 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
             }
           }
         }
-      `:"stock"===e?n` 
+      `:"stock"===e?n`
         > section {
           @media only screen and (min-width: 1024px) {
             grid-template-columns: ${"transfer"===t?"repeat(4,290px)":"price"===t?"repeat(2,290px)":"repeat(3,290px)"};
           }
-          @media only screen and (min-width: 1366px) { 
+          @media only screen and (min-width: 1366px) {
             grid-template-columns: ${"transfer"===t?"repeat(4,320px)":"price"===t?"repeat(2,320px)":"repeat(3,320px)"};
           }
         }
-      `:void 0}  
+      `:void 0}
 `,xn=r.section`
   position: relative;
 `,mn=r.aside`
@@ -3172,7 +3352,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
   i:first-child {
     position: absolute;
-    top: .75em;
+    top: 0.75em;
     left: 1.75em;
     pointer-events: none;
     z-index: 1;
@@ -3187,11 +3367,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     padding: 1em 120px;
   }
   ${({$mode:e})=>"mass-payment"===e&&n`
-    margin: 0;
-    @media only screen and (min-width: 768px) {
-      padding: 1em 24px;
-    }
-  `}
+      margin: 0;
+      @media only screen and (min-width: 768px) {
+        padding: 1em 24px;
+      }
+    `}
 `,An=r.article`
   display: grid;
   grid-auto-flow: row;
@@ -3208,13 +3388,13 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   top: 0px;
   right: 0px;
   background-color: var(--ov-clr-bg);
-`,bn=r.ul` 
+`,bn=r.ul`
   ${_e}
-  position: fixed; 
+  position: fixed;
   overflow: auto;
   height: calc(100vh - 48px);
   width: 187px;
-  padding: .5rem .5rem 0;
+  padding: 0.5rem 0.5rem 0;
   @media only screen and (min-width: 768px) {
     width: 45%;
   }
@@ -3227,7 +3407,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   @media only screen and (max-width: 767px) {
     width: 80%;
   }
-`,En=r.div` 
+`,En=r.div`
   display: none;
   grid-template-columns: auto 15px;
   margin-bottom: 15px;
@@ -3238,11 +3418,11 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   display: none;
   background-color: var(--pri-clr-bg);
   @keyframes navleftslide {
-    0% { 
-      left: -150px; 
+    0% {
+      left: -150px;
     }
-    100% { 
-      left: 0px; 
+    100% {
+      left: 0px;
     }
   }
   @media only screen and (min-width: 1280px) {
@@ -3255,7 +3435,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     &.mobile-shown {
       top: 0px;
       display: block;
-      position: fixed; 
+      position: fixed;
       z-index: 11;
       ${Dn} {
         display: block;
@@ -3264,7 +3444,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         display: grid;
       }
       ${bn} {
-        animation: navleftslide .15s ease;
+        animation: navleftslide 0.15s ease;
         background: var(--pri-clr-bg);
         height: 100%;
         z-index: 102;
@@ -3273,22 +3453,22 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   }
 `,kn=r.nav`
   ${Bn}
-`,On=r.li` 
+`,On=r.li`
   line-height: 1.25rem;
   font-style: normal;
   font-weight: 400;
   color: var(--nav-clr);
   position: relative;
-  margin-bottom: .35rem;
+  margin-bottom: 0.35rem;
   ._refCollapseNav {
     cursor: pointer;
     &.is-active {
       font-weight: 500;
-      color: rgba(28, 32, 36, 1)
+      color: rgba(28, 32, 36, 1);
     }
     &::after {
       position: absolute;
-      content: '';
+      content: "";
       right: 10px;
       top: 14px;
       padding: 2px;
@@ -3300,16 +3480,17 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     }
   }
   ${({$activated:e})=>e&&n`
-    > div {
-      background-color: var(--nav-clr-bg__hvr);
-      border-radius: var(--nav-rd);
-    }
-    > div > a {
-      &, &:hover {
-        color: var(--pri-clr-lnk__hvr) !important;
+      > div {
+        background-color: var(--nav-clr-bg__hvr);
+        border-radius: var(--nav-rd);
       }
-    } 
-  `}
+      > div > a {
+        &,
+        &:hover {
+          color: var(--pri-clr-lnk__hvr) !important;
+        }
+      }
+    `}
 `,zn=r.hr`
   border-top: 1px solid var(--sec-clr-ln);
   margin: 0;
@@ -3322,30 +3503,33 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   margin-left: 1.5rem;
   margin-top: 0;
   margin-bottom: 4px;
-  padding-top: .25rem;
-  padding-bottom: .25rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   font-weight: 400;
   align-items: center;
   height: auto;
   min-height: 32px;
-  > a, > span  {
+  > a,
+  > span {
     color: var(--nav-clr);
   }
   &:hover {
     background-color: var(--nav-clr-bg__hvr);
     border-radius: var(--nav-rd);
-    > a, > span {
-      &, &:hover {
+    > a,
+    > span {
+      &,
+      &:hover {
         color: var(--nav-clr);
-      } 
+      }
     }
   }
   .counter > span {
     font-size: 11px;
     padding: 2px 4px;
-    position: absolute; 
+    position: absolute;
     background-color: var(--mt-clr-bg__fc);
     border-radius: var(--ter-rd);
     top: 50%;
@@ -3354,31 +3538,33 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     transform: translateY(-50%);
   }
   ${({$activated:e})=>e&&n`
-    background-color: var(--nav-clr-bg__hvr);
-    border-radius: var(--nav-rd);
-    > a, > span {
-      &, &:hover {
-        color: var(--pri-clr-lnk__hvr) !important;
+      background-color: var(--nav-clr-bg__hvr);
+      border-radius: var(--nav-rd);
+      > a,
+      > span {
+        &,
+        &:hover {
+          color: var(--pri-clr-lnk__hvr) !important;
+        }
       }
-    }
-  `}
+    `}
   ${({$mode:e})=>"counter"===e&&n`
-    grid-template-columns: auto 20px;
-  `}
-`,In=r.div` 
+      grid-template-columns: auto 20px;
+    `}
+`,In=r.div`
   display: grid;
   grid-template-columns: 15px auto;
-  grid-gap: .5rem;
+  grid-gap: 0.5rem;
   align-items: center;
-  padding-top: .375rem;
-  padding-bottom: .375rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   &:hover {
     background-color: var(--nav-clr-bg__hvr);
     border-radius: var(--nav-rd);
     > a {
-      &, 
+      &,
       &:hover {
         color: var(--nav-clr);
       }
@@ -3397,7 +3583,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
     margin-right: 2px;
     &::after {
       position: absolute;
-      content: '';
+      content: "";
       right: 50%;
       padding: 4px;
       border-style: solid;
@@ -3408,7 +3594,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   > :last-child {
     &::after {
       position: absolute;
-      content: '';
+      content: "";
       left: 50%;
       padding: 4px;
       border-style: solid;
@@ -3424,7 +3610,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       color: var(--sec-clr-lnk__hvr);
     }
   }
-`,Pn=r.div` 
+`,Pn=r.div`
   position: relative;
   display: grid;
   grid-auto-flow: dense;
@@ -3445,7 +3631,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       padding-left: 0;
       margin-left: 0;
     }
-    > section, 
+    > section,
     > button {
       margin: -8px -6px -7px -6px;
     }
@@ -3463,7 +3649,7 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
       }
     }
   }
-  > section, 
+  > section,
   > article {
     max-height: 20px;
     align-items: center;
@@ -3478,23 +3664,23 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
         }
       }
     }
-  } 
+  }
   @media only screen and (min-width: 768px) {
     grid-auto-flow: column;
     grid-gap: 20px;
     ._refSelectedBulk {
       display: none;
     }
-    > section, 
+    > section,
     > article {
       height: auto;
       max-height: auto;
-      font-size: .875rem;
+      font-size: 0.875rem;
       align-items: unset;
     }
     > article {
-      &:nth-child(4), 
-      &:last-child, 
+      &:nth-child(4),
+      &:last-child,
       &:nth-child(4):last-child {
         width: auto;
         padding-left: 3px;
@@ -3527,23 +3713,23 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   border-radius: 2px;
 
   ${({$color:e})=>e&&n`
-    background-color: ${e};
-  `}
+      background-color: ${e};
+    `}
 
   ${({$mode:e})=>"activities"===e&&n`
-    margin-top: -6px;
-    margin-left: -2.5px;
-    width: 8px;
-    height: 8px;
-    border-radius: 4px;
-  `}
-`,Hn=r.span` 
+      margin-top: -6px;
+      margin-left: -2.5px;
+      width: 8px;
+      height: 8px;
+      border-radius: 4px;
+    `}
+`,Hn=r.span`
   text-align: right;
   display: grid;
 `,Tn=r.label`
   font-size: 10px;
   text-transform: capitalize;
-  letter-spacing: .5px;
+  letter-spacing: 0.5px;
   padding: 3px 5px;
   display: block;
   position: absolute;
@@ -3551,12 +3737,12 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
-  background-color: #EFEFEF;
+  background-color: #efefef;
   border-radius: var(--nav-rd);
   color: var(--pri-clr);
   ${({$mode:e})=>"label"===e&&n`
-    transform: translateY(0);
-  `}
+      transform: translateY(0);
+    `}
 `,Xn=r.div`
   position: relative;
   width: 100%;
@@ -3571,45 +3757,45 @@ function L(e,t){if(!1===e||null==e)throw new Error(t)}function j(e,t){if(!e){"un
   &:not(:first-child) {
     border-bottom: 1px solid var(--ter-clr-ln);
   }
-  @media only screen and (min-width: 375px) { 
-    padding: 0 34px; 
+  @media only screen and (min-width: 375px) {
+    padding: 0 34px;
   }
-  @media only screen and (min-width: 768px) { 
-    padding: 0 33px; 
+  @media only screen and (min-width: 768px) {
+    padding: 0 33px;
   }
-  @media only screen and (min-width: 1024px) { 
-    padding: 0 39px; 
+  @media only screen and (min-width: 1024px) {
+    padding: 0 39px;
   }
   @media only screen and (min-width: 1366px) {
-    padding: 0 47px; 
+    padding: 0 47px;
   }
 
   ${({$mode:e})=>"package"===e&&n`
-    grid-template-columns: 16px 220px auto;
-    grid-gap: 11px;
-    justify-content: normal;
-    padding: 0 7px 0 3px;
-    @media only screen and (min-width: 375px) { 
-      padding: 0 7px; 
-    }
-    @media only screen and (min-width: 768px) { 
-      grid-gap: 12px; 
-      padding: 0 7px 0 5px; 
-    }
-    @media only screen and (min-width: 1024px) { 
-      padding: 0 7px 0 11px; 
-    }
-    @media only screen and (min-width: 1366px) { 
-      padding: 0 11px 0 19px; 
-    }
-  `}
+      grid-template-columns: 16px 220px auto;
+      grid-gap: 11px;
+      justify-content: normal;
+      padding: 0 7px 0 3px;
+      @media only screen and (min-width: 375px) {
+        padding: 0 7px;
+      }
+      @media only screen and (min-width: 768px) {
+        grid-gap: 12px;
+        padding: 0 7px 0 5px;
+      }
+      @media only screen and (min-width: 1024px) {
+        padding: 0 7px 0 11px;
+      }
+      @media only screen and (min-width: 1366px) {
+        padding: 0 11px 0 19px;
+      }
+    `}
 `,Sn=r.article`
   margin: 15px 0 0 42px;
   position: relative;
   &:before {
     position: absolute;
     width: 1px;
-    background-color: #E3E3E3;
+    background-color: #e3e3e3;
     height: 100%;
     content: "";
     top: -6px;