npm - @alfalab/core-components - Versions diffs - 48.32.0 → 48.33.1 - Mend

@alfalab/core-components 48.32.0 → 48.33.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2869) hide show

package/grid/modern/gutters.css CHANGED Viewed

@@ -1,41 +1,41 @@
 /* hash: 8i4js */
 /* stylelint-disable comment-empty-line-before */
-.grid__row_qmkln.grid__gutter-8_qmkln {
+.grid__row_5ur18.grid__gutter-8_5ur18 {
         /* prettier-ignore */
         margin-left: calc(-8px / 2);
         /* prettier-ignore */
         margin-right: calc(-8px / 2)
     }
-.grid__row_qmkln.grid__gutter-8_qmkln > .grid__col_qmkln {
+.grid__row_5ur18.grid__gutter-8_5ur18 > .grid__col_5ur18 {
             /* prettier-ignore */
             padding-left: calc(8px / 2);
             /* prettier-ignore */
             padding-right: calc(8px / 2);
         }
-.grid__row_qmkln.grid__gutter-16_qmkln {
+.grid__row_5ur18.grid__gutter-16_5ur18 {
         /* prettier-ignore */
         margin-left: calc(-16px / 2);
         /* prettier-ignore */
         margin-right: calc(-16px / 2)
     }
-.grid__row_qmkln.grid__gutter-16_qmkln > .grid__col_qmkln {
+.grid__row_5ur18.grid__gutter-16_5ur18 > .grid__col_5ur18 {
             /* prettier-ignore */
             padding-left: calc(16px / 2);
             /* prettier-ignore */
             padding-right: calc(16px / 2);
         }
-.grid__row_qmkln.grid__gutter-24_qmkln {
+.grid__row_5ur18.grid__gutter-24_5ur18 {
         /* prettier-ignore */
         margin-left: calc(-24px / 2);
         /* prettier-ignore */
         margin-right: calc(-24px / 2)
     }
-.grid__row_qmkln.grid__gutter-24_qmkln > .grid__col_qmkln {
+.grid__row_5ur18.grid__gutter-24_5ur18 > .grid__col_5ur18 {
             /* prettier-ignore */
             padding-left: calc(24px / 2);
@@ -43,7 +43,7 @@
             padding-right: calc(24px / 2);
         }
 @media (max-width: 599px) {
-            .grid__row_qmkln.grid__gutter-mobile-8_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -51,14 +51,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-16_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -66,14 +66,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-24_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -81,7 +81,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -90,7 +90,7 @@
                 }
     }
 @media (min-width: 320px) {
-            .grid__row_qmkln.grid__gutter-mobile-xs-8_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-xs-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -98,14 +98,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-xs-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-xs-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-xs-16_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-xs-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -113,14 +113,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-xs-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-xs-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-xs-24_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-xs-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -128,7 +128,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-xs-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-xs-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -137,7 +137,7 @@
                 }
     }
 @media (min-width: 360px) {
-            .grid__row_qmkln.grid__gutter-mobile-s-8_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-s-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -145,14 +145,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-s-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-s-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-s-16_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-s-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -160,14 +160,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-s-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-s-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-s-24_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-s-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -175,7 +175,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-s-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-s-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -184,7 +184,7 @@
                 }
     }
 @media (min-width: 375px) {
-            .grid__row_qmkln.grid__gutter-mobile-m-8_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-m-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -192,14 +192,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-m-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-m-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-m-16_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-m-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -207,14 +207,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-m-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-m-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-m-24_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-m-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -222,7 +222,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-m-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-m-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -231,7 +231,7 @@
                 }
     }
 @media (min-width: 412px) {
-            .grid__row_qmkln.grid__gutter-mobile-l-8_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-l-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -239,14 +239,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-l-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-l-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-l-16_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-l-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -254,14 +254,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-l-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-l-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-mobile-l-24_qmkln {
+            .grid__row_5ur18.grid__gutter-mobile-l-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -269,7 +269,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-mobile-l-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-mobile-l-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -278,7 +278,7 @@
                 }
     }
 @media (min-width: 600px) and (max-width: 1023px) {
-            .grid__row_qmkln.grid__gutter-tablet-8_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -286,14 +286,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-tablet-16_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -301,14 +301,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-tablet-24_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -316,7 +316,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -325,7 +325,7 @@
                 }
     }
 @media (min-width: 600px) {
-            .grid__row_qmkln.grid__gutter-tablet-s-8_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-s-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -333,14 +333,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-s-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-s-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-tablet-s-16_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-s-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -348,14 +348,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-s-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-s-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-tablet-s-24_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-s-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -363,7 +363,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-s-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-s-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -372,7 +372,7 @@
                 }
     }
 @media (min-width: 768px) {
-            .grid__row_qmkln.grid__gutter-tablet-m-8_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-m-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -380,14 +380,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-m-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-m-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-tablet-m-16_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-m-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -395,14 +395,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-m-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-m-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-tablet-m-24_qmkln {
+            .grid__row_5ur18.grid__gutter-tablet-m-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -410,7 +410,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-tablet-m-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-tablet-m-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -419,7 +419,7 @@
                 }
     }
 @media (min-width: 1024px) {
-            .grid__row_qmkln.grid__gutter-desktop-8_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -427,14 +427,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-16_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -442,14 +442,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-24_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -457,7 +457,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -466,7 +466,7 @@
                 }
     }
 @media (min-width: 1024px) {
-            .grid__row_qmkln.grid__gutter-desktop-s-8_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-s-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -474,14 +474,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-s-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-s-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-s-16_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-s-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -489,14 +489,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-s-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-s-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-s-24_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-s-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -504,7 +504,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-s-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-s-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -513,7 +513,7 @@
                 }
     }
 @media (min-width: 1280px) {
-            .grid__row_qmkln.grid__gutter-desktop-m-8_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-m-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -521,14 +521,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-m-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-m-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-m-16_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-m-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -536,14 +536,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-m-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-m-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-m-24_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-m-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -551,7 +551,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-m-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-m-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -560,7 +560,7 @@
                 }
     }
 @media (min-width: 1440px) {
-            .grid__row_qmkln.grid__gutter-desktop-l-8_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-l-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -568,14 +568,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-l-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-l-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-l-16_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-l-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -583,14 +583,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-l-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-l-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-l-24_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-l-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -598,7 +598,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-l-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-l-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);
@@ -607,7 +607,7 @@
                 }
     }
 @media (min-width: 1920px) {
-            .grid__row_qmkln.grid__gutter-desktop-xl-8_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-xl-8_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-8px / 2);
@@ -615,14 +615,14 @@
                 margin-right: calc(-8px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-xl-8_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-xl-8_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(8px / 2);
                     /* prettier-ignore */
                     padding-right: calc(8px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-xl-16_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-xl-16_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-16px / 2);
@@ -630,14 +630,14 @@
                 margin-right: calc(-16px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-xl-16_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-xl-16_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(16px / 2);
                     /* prettier-ignore */
                     padding-right: calc(16px / 2);
                 }
-            .grid__row_qmkln.grid__gutter-desktop-xl-24_qmkln {
+            .grid__row_5ur18.grid__gutter-desktop-xl-24_5ur18 {
                 /* prettier-ignore */
                 margin-left: calc(-24px / 2);
@@ -645,7 +645,7 @@
                 margin-right: calc(-24px / 2)
             }
-                .grid__row_qmkln.grid__gutter-desktop-xl-24_qmkln > .grid__col_qmkln {
+                .grid__row_5ur18.grid__gutter-desktop-xl-24_5ur18 > .grid__col_5ur18 {
                     /* prettier-ignore */
                     padding-left: calc(24px / 2);