@alfalab/core-components 47.13.0 → 47.14.0-beta.2

package/grid/modern/col/index.css

@@ -1,9 +1,9 @@
-/* hash: 5hsv8 */
+/* hash: 178jk */
 :root {
     --grid-col-width: calc(100% / 12);
 }
 
-.grid__component_1uhvc {
+.grid__component_462ml {
     max-width: 100%;
     min-height: 1px;
     flex-basis: 0;
@@ -11,1993 +11,1993 @@
     box-sizing: border-box;
 }
 
-.grid__width-auto_1uhvc {
+.grid__width-auto_462ml {
     flex: 0 0 auto;
     width: auto;
     max-width: none;
 }
 
-.grid__width-available_1uhvc {
+.grid__width-available_462ml {
     flex-basis: auto;
     min-height: auto;
     height: auto;
 }
 
-.grid__width-1_1uhvc {
+.grid__width-1_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 1);
         max-width: calc(var(--grid-col-width) * 1);
     }
 
-.grid__width-2_1uhvc {
+.grid__width-2_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 2);
         max-width: calc(var(--grid-col-width) * 2);
     }
 
-.grid__width-3_1uhvc {
+.grid__width-3_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 3);
         max-width: calc(var(--grid-col-width) * 3);
     }
 
-.grid__width-4_1uhvc {
+.grid__width-4_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 4);
         max-width: calc(var(--grid-col-width) * 4);
     }
 
-.grid__width-5_1uhvc {
+.grid__width-5_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 5);
         max-width: calc(var(--grid-col-width) * 5);
     }
 
-.grid__width-6_1uhvc {
+.grid__width-6_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 6);
         max-width: calc(var(--grid-col-width) * 6);
     }
 
-.grid__width-7_1uhvc {
+.grid__width-7_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 7);
         max-width: calc(var(--grid-col-width) * 7);
     }
 
-.grid__width-8_1uhvc {
+.grid__width-8_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 8);
         max-width: calc(var(--grid-col-width) * 8);
     }
 
-.grid__width-9_1uhvc {
+.grid__width-9_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 9);
         max-width: calc(var(--grid-col-width) * 9);
     }
 
-.grid__width-10_1uhvc {
+.grid__width-10_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 10);
         max-width: calc(var(--grid-col-width) * 10);
     }
 
-.grid__width-11_1uhvc {
+.grid__width-11_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 11);
         max-width: calc(var(--grid-col-width) * 11);
     }
 
-.grid__width-12_1uhvc {
+.grid__width-12_462ml {
         flex: 0 0 calc(var(--grid-col-width) * 12);
         max-width: calc(var(--grid-col-width) * 12);
     }
 
-.grid__align-top_1uhvc {
+.grid__align-top_462ml {
     align-self: flex-start;
 }
 
-.grid__align-middle_1uhvc {
+.grid__align-middle_462ml {
     align-self: center;
 }
 
-.grid__align-bottom_1uhvc {
+.grid__align-bottom_462ml {
     align-self: flex-end;
 }
 
-.grid__offset-1_1uhvc {
+.grid__offset-1_462ml {
         margin-left: calc(var(--grid-col-width) * 1);
     }
 
-.grid__offset-2_1uhvc {
+.grid__offset-2_462ml {
         margin-left: calc(var(--grid-col-width) * 2);
     }
 
-.grid__offset-3_1uhvc {
+.grid__offset-3_462ml {
         margin-left: calc(var(--grid-col-width) * 3);
     }
 
-.grid__offset-4_1uhvc {
+.grid__offset-4_462ml {
         margin-left: calc(var(--grid-col-width) * 4);
     }
 
-.grid__offset-5_1uhvc {
+.grid__offset-5_462ml {
         margin-left: calc(var(--grid-col-width) * 5);
     }
 
-.grid__offset-6_1uhvc {
+.grid__offset-6_462ml {
         margin-left: calc(var(--grid-col-width) * 6);
     }
 
-.grid__offset-7_1uhvc {
+.grid__offset-7_462ml {
         margin-left: calc(var(--grid-col-width) * 7);
     }
 
-.grid__offset-8_1uhvc {
+.grid__offset-8_462ml {
         margin-left: calc(var(--grid-col-width) * 8);
     }
 
-.grid__offset-9_1uhvc {
+.grid__offset-9_462ml {
         margin-left: calc(var(--grid-col-width) * 9);
     }
 
-.grid__offset-10_1uhvc {
+.grid__offset-10_462ml {
         margin-left: calc(var(--grid-col-width) * 10);
     }
 
-.grid__offset-11_1uhvc {
+.grid__offset-11_462ml {
         margin-left: calc(var(--grid-col-width) * 11);
     }
 
-.grid__order-first_1uhvc {
+.grid__order-first_462ml {
     order: -1;
 }
 
-.grid__order-last_1uhvc {
+.grid__order-last_462ml {
     order: 13;
 }
 
-.grid__order-1_1uhvc {
+.grid__order-1_462ml {
         order: 1;
     }
 
-.grid__order-2_1uhvc {
+.grid__order-2_462ml {
         order: 2;
     }
 
-.grid__order-3_1uhvc {
+.grid__order-3_462ml {
         order: 3;
     }
 
-.grid__order-4_1uhvc {
+.grid__order-4_462ml {
         order: 4;
     }
 
-.grid__order-5_1uhvc {
+.grid__order-5_462ml {
         order: 5;
     }
 
-.grid__order-6_1uhvc {
+.grid__order-6_462ml {
         order: 6;
     }
 
-.grid__order-7_1uhvc {
+.grid__order-7_462ml {
         order: 7;
     }
 
-.grid__order-8_1uhvc {
+.grid__order-8_462ml {
         order: 8;
     }
 
-.grid__order-9_1uhvc {
+.grid__order-9_462ml {
         order: 9;
     }
 
-.grid__order-10_1uhvc {
+.grid__order-10_462ml {
         order: 10;
     }
 
-.grid__order-11_1uhvc {
+.grid__order-11_462ml {
         order: 11;
     }
 
-.grid__order-12_1uhvc {
+.grid__order-12_462ml {
         order: 12;
     }
 
 @media (max-width: 599px) {
-        .grid__width-mobile-auto_1uhvc {
+        .grid__width-mobile-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-available_1uhvc {
+        .grid__width-mobile-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-1_1uhvc {
+            .grid__width-mobile-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-2_1uhvc {
+            .grid__width-mobile-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-3_1uhvc {
+            .grid__width-mobile-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-4_1uhvc {
+            .grid__width-mobile-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-5_1uhvc {
+            .grid__width-mobile-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-6_1uhvc {
+            .grid__width-mobile-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-7_1uhvc {
+            .grid__width-mobile-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-8_1uhvc {
+            .grid__width-mobile-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-9_1uhvc {
+            .grid__width-mobile-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-10_1uhvc {
+            .grid__width-mobile-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-11_1uhvc {
+            .grid__width-mobile-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-12_1uhvc {
+            .grid__width-mobile-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-1_1uhvc {
+            .grid__offset-mobile-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-2_1uhvc {
+            .grid__offset-mobile-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-3_1uhvc {
+            .grid__offset-mobile-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-4_1uhvc {
+            .grid__offset-mobile-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-5_1uhvc {
+            .grid__offset-mobile-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-6_1uhvc {
+            .grid__offset-mobile-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-7_1uhvc {
+            .grid__offset-mobile-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-8_1uhvc {
+            .grid__offset-mobile-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-9_1uhvc {
+            .grid__offset-mobile-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-10_1uhvc {
+            .grid__offset-mobile-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-11_1uhvc {
+            .grid__offset-mobile-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-first_1uhvc {
+        .grid__order-mobile-first_462ml {
             order: -1;
         }
 
-        .grid__order-mobile-last_1uhvc {
+        .grid__order-mobile-last_462ml {
             order: 13;
         }
-            .grid__order-mobile-1_1uhvc {
+            .grid__order-mobile-1_462ml {
                 order: 1;
             }
-            .grid__order-mobile-2_1uhvc {
+            .grid__order-mobile-2_462ml {
                 order: 2;
             }
-            .grid__order-mobile-3_1uhvc {
+            .grid__order-mobile-3_462ml {
                 order: 3;
             }
-            .grid__order-mobile-4_1uhvc {
+            .grid__order-mobile-4_462ml {
                 order: 4;
             }
-            .grid__order-mobile-5_1uhvc {
+            .grid__order-mobile-5_462ml {
                 order: 5;
             }
-            .grid__order-mobile-6_1uhvc {
+            .grid__order-mobile-6_462ml {
                 order: 6;
             }
-            .grid__order-mobile-7_1uhvc {
+            .grid__order-mobile-7_462ml {
                 order: 7;
             }
-            .grid__order-mobile-8_1uhvc {
+            .grid__order-mobile-8_462ml {
                 order: 8;
             }
-            .grid__order-mobile-9_1uhvc {
+            .grid__order-mobile-9_462ml {
                 order: 9;
             }
-            .grid__order-mobile-10_1uhvc {
+            .grid__order-mobile-10_462ml {
                 order: 10;
             }
-            .grid__order-mobile-11_1uhvc {
+            .grid__order-mobile-11_462ml {
                 order: 11;
             }
-            .grid__order-mobile-12_1uhvc {
+            .grid__order-mobile-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 320px) {
-        .grid__width-mobile-xs-auto_1uhvc {
+        .grid__width-mobile-xs-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-xs-available_1uhvc {
+        .grid__width-mobile-xs-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-xs-1_1uhvc {
+            .grid__width-mobile-xs-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-xs-2_1uhvc {
+            .grid__width-mobile-xs-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-xs-3_1uhvc {
+            .grid__width-mobile-xs-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-xs-4_1uhvc {
+            .grid__width-mobile-xs-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-xs-5_1uhvc {
+            .grid__width-mobile-xs-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-xs-6_1uhvc {
+            .grid__width-mobile-xs-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-xs-7_1uhvc {
+            .grid__width-mobile-xs-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-xs-8_1uhvc {
+            .grid__width-mobile-xs-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-xs-9_1uhvc {
+            .grid__width-mobile-xs-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-xs-10_1uhvc {
+            .grid__width-mobile-xs-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-xs-11_1uhvc {
+            .grid__width-mobile-xs-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-xs-12_1uhvc {
+            .grid__width-mobile-xs-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-xs-1_1uhvc {
+            .grid__offset-mobile-xs-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-xs-2_1uhvc {
+            .grid__offset-mobile-xs-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-xs-3_1uhvc {
+            .grid__offset-mobile-xs-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-xs-4_1uhvc {
+            .grid__offset-mobile-xs-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-xs-5_1uhvc {
+            .grid__offset-mobile-xs-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-xs-6_1uhvc {
+            .grid__offset-mobile-xs-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-xs-7_1uhvc {
+            .grid__offset-mobile-xs-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-xs-8_1uhvc {
+            .grid__offset-mobile-xs-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-xs-9_1uhvc {
+            .grid__offset-mobile-xs-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-xs-10_1uhvc {
+            .grid__offset-mobile-xs-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-xs-11_1uhvc {
+            .grid__offset-mobile-xs-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-xs-first_1uhvc {
+        .grid__order-mobile-xs-first_462ml {
             order: -1;
         }
 
-        .grid__order-mobile-xs-last_1uhvc {
+        .grid__order-mobile-xs-last_462ml {
             order: 13;
         }
-            .grid__order-mobile-xs-1_1uhvc {
+            .grid__order-mobile-xs-1_462ml {
                 order: 1;
             }
-            .grid__order-mobile-xs-2_1uhvc {
+            .grid__order-mobile-xs-2_462ml {
                 order: 2;
             }
-            .grid__order-mobile-xs-3_1uhvc {
+            .grid__order-mobile-xs-3_462ml {
                 order: 3;
             }
-            .grid__order-mobile-xs-4_1uhvc {
+            .grid__order-mobile-xs-4_462ml {
                 order: 4;
             }
-            .grid__order-mobile-xs-5_1uhvc {
+            .grid__order-mobile-xs-5_462ml {
                 order: 5;
             }
-            .grid__order-mobile-xs-6_1uhvc {
+            .grid__order-mobile-xs-6_462ml {
                 order: 6;
             }
-            .grid__order-mobile-xs-7_1uhvc {
+            .grid__order-mobile-xs-7_462ml {
                 order: 7;
             }
-            .grid__order-mobile-xs-8_1uhvc {
+            .grid__order-mobile-xs-8_462ml {
                 order: 8;
             }
-            .grid__order-mobile-xs-9_1uhvc {
+            .grid__order-mobile-xs-9_462ml {
                 order: 9;
             }
-            .grid__order-mobile-xs-10_1uhvc {
+            .grid__order-mobile-xs-10_462ml {
                 order: 10;
             }
-            .grid__order-mobile-xs-11_1uhvc {
+            .grid__order-mobile-xs-11_462ml {
                 order: 11;
             }
-            .grid__order-mobile-xs-12_1uhvc {
+            .grid__order-mobile-xs-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 360px) {
-        .grid__width-mobile-s-auto_1uhvc {
+        .grid__width-mobile-s-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-s-available_1uhvc {
+        .grid__width-mobile-s-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-s-1_1uhvc {
+            .grid__width-mobile-s-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-s-2_1uhvc {
+            .grid__width-mobile-s-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-s-3_1uhvc {
+            .grid__width-mobile-s-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-s-4_1uhvc {
+            .grid__width-mobile-s-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-s-5_1uhvc {
+            .grid__width-mobile-s-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-s-6_1uhvc {
+            .grid__width-mobile-s-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-s-7_1uhvc {
+            .grid__width-mobile-s-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-s-8_1uhvc {
+            .grid__width-mobile-s-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-s-9_1uhvc {
+            .grid__width-mobile-s-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-s-10_1uhvc {
+            .grid__width-mobile-s-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-s-11_1uhvc {
+            .grid__width-mobile-s-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-s-12_1uhvc {
+            .grid__width-mobile-s-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-s-1_1uhvc {
+            .grid__offset-mobile-s-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-s-2_1uhvc {
+            .grid__offset-mobile-s-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-s-3_1uhvc {
+            .grid__offset-mobile-s-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-s-4_1uhvc {
+            .grid__offset-mobile-s-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-s-5_1uhvc {
+            .grid__offset-mobile-s-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-s-6_1uhvc {
+            .grid__offset-mobile-s-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-s-7_1uhvc {
+            .grid__offset-mobile-s-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-s-8_1uhvc {
+            .grid__offset-mobile-s-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-s-9_1uhvc {
+            .grid__offset-mobile-s-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-s-10_1uhvc {
+            .grid__offset-mobile-s-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-s-11_1uhvc {
+            .grid__offset-mobile-s-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-s-first_1uhvc {
+        .grid__order-mobile-s-first_462ml {
             order: -1;
         }
 
-        .grid__order-mobile-s-last_1uhvc {
+        .grid__order-mobile-s-last_462ml {
             order: 13;
         }
-            .grid__order-mobile-s-1_1uhvc {
+            .grid__order-mobile-s-1_462ml {
                 order: 1;
             }
-            .grid__order-mobile-s-2_1uhvc {
+            .grid__order-mobile-s-2_462ml {
                 order: 2;
             }
-            .grid__order-mobile-s-3_1uhvc {
+            .grid__order-mobile-s-3_462ml {
                 order: 3;
             }
-            .grid__order-mobile-s-4_1uhvc {
+            .grid__order-mobile-s-4_462ml {
                 order: 4;
             }
-            .grid__order-mobile-s-5_1uhvc {
+            .grid__order-mobile-s-5_462ml {
                 order: 5;
             }
-            .grid__order-mobile-s-6_1uhvc {
+            .grid__order-mobile-s-6_462ml {
                 order: 6;
             }
-            .grid__order-mobile-s-7_1uhvc {
+            .grid__order-mobile-s-7_462ml {
                 order: 7;
             }
-            .grid__order-mobile-s-8_1uhvc {
+            .grid__order-mobile-s-8_462ml {
                 order: 8;
             }
-            .grid__order-mobile-s-9_1uhvc {
+            .grid__order-mobile-s-9_462ml {
                 order: 9;
             }
-            .grid__order-mobile-s-10_1uhvc {
+            .grid__order-mobile-s-10_462ml {
                 order: 10;
             }
-            .grid__order-mobile-s-11_1uhvc {
+            .grid__order-mobile-s-11_462ml {
                 order: 11;
             }
-            .grid__order-mobile-s-12_1uhvc {
+            .grid__order-mobile-s-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 375px) {
-        .grid__width-mobile-m-auto_1uhvc {
+        .grid__width-mobile-m-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-m-available_1uhvc {
+        .grid__width-mobile-m-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-m-1_1uhvc {
+            .grid__width-mobile-m-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-m-2_1uhvc {
+            .grid__width-mobile-m-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-m-3_1uhvc {
+            .grid__width-mobile-m-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-m-4_1uhvc {
+            .grid__width-mobile-m-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-m-5_1uhvc {
+            .grid__width-mobile-m-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-m-6_1uhvc {
+            .grid__width-mobile-m-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-m-7_1uhvc {
+            .grid__width-mobile-m-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-m-8_1uhvc {
+            .grid__width-mobile-m-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-m-9_1uhvc {
+            .grid__width-mobile-m-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-m-10_1uhvc {
+            .grid__width-mobile-m-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-m-11_1uhvc {
+            .grid__width-mobile-m-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-m-12_1uhvc {
+            .grid__width-mobile-m-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-m-1_1uhvc {
+            .grid__offset-mobile-m-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-m-2_1uhvc {
+            .grid__offset-mobile-m-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-m-3_1uhvc {
+            .grid__offset-mobile-m-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-m-4_1uhvc {
+            .grid__offset-mobile-m-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-m-5_1uhvc {
+            .grid__offset-mobile-m-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-m-6_1uhvc {
+            .grid__offset-mobile-m-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-m-7_1uhvc {
+            .grid__offset-mobile-m-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-m-8_1uhvc {
+            .grid__offset-mobile-m-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-m-9_1uhvc {
+            .grid__offset-mobile-m-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-m-10_1uhvc {
+            .grid__offset-mobile-m-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-m-11_1uhvc {
+            .grid__offset-mobile-m-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-m-first_1uhvc {
+        .grid__order-mobile-m-first_462ml {
             order: -1;
         }
 
-        .grid__order-mobile-m-last_1uhvc {
+        .grid__order-mobile-m-last_462ml {
             order: 13;
         }
-            .grid__order-mobile-m-1_1uhvc {
+            .grid__order-mobile-m-1_462ml {
                 order: 1;
             }
-            .grid__order-mobile-m-2_1uhvc {
+            .grid__order-mobile-m-2_462ml {
                 order: 2;
             }
-            .grid__order-mobile-m-3_1uhvc {
+            .grid__order-mobile-m-3_462ml {
                 order: 3;
             }
-            .grid__order-mobile-m-4_1uhvc {
+            .grid__order-mobile-m-4_462ml {
                 order: 4;
             }
-            .grid__order-mobile-m-5_1uhvc {
+            .grid__order-mobile-m-5_462ml {
                 order: 5;
             }
-            .grid__order-mobile-m-6_1uhvc {
+            .grid__order-mobile-m-6_462ml {
                 order: 6;
             }
-            .grid__order-mobile-m-7_1uhvc {
+            .grid__order-mobile-m-7_462ml {
                 order: 7;
             }
-            .grid__order-mobile-m-8_1uhvc {
+            .grid__order-mobile-m-8_462ml {
                 order: 8;
             }
-            .grid__order-mobile-m-9_1uhvc {
+            .grid__order-mobile-m-9_462ml {
                 order: 9;
             }
-            .grid__order-mobile-m-10_1uhvc {
+            .grid__order-mobile-m-10_462ml {
                 order: 10;
             }
-            .grid__order-mobile-m-11_1uhvc {
+            .grid__order-mobile-m-11_462ml {
                 order: 11;
             }
-            .grid__order-mobile-m-12_1uhvc {
+            .grid__order-mobile-m-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 412px) {
-        .grid__width-mobile-l-auto_1uhvc {
+        .grid__width-mobile-l-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-l-available_1uhvc {
+        .grid__width-mobile-l-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-l-1_1uhvc {
+            .grid__width-mobile-l-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-l-2_1uhvc {
+            .grid__width-mobile-l-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-l-3_1uhvc {
+            .grid__width-mobile-l-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-l-4_1uhvc {
+            .grid__width-mobile-l-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-l-5_1uhvc {
+            .grid__width-mobile-l-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-l-6_1uhvc {
+            .grid__width-mobile-l-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-l-7_1uhvc {
+            .grid__width-mobile-l-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-l-8_1uhvc {
+            .grid__width-mobile-l-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-l-9_1uhvc {
+            .grid__width-mobile-l-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-l-10_1uhvc {
+            .grid__width-mobile-l-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-l-11_1uhvc {
+            .grid__width-mobile-l-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-l-12_1uhvc {
+            .grid__width-mobile-l-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-l-1_1uhvc {
+            .grid__offset-mobile-l-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-l-2_1uhvc {
+            .grid__offset-mobile-l-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-l-3_1uhvc {
+            .grid__offset-mobile-l-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-l-4_1uhvc {
+            .grid__offset-mobile-l-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-l-5_1uhvc {
+            .grid__offset-mobile-l-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-l-6_1uhvc {
+            .grid__offset-mobile-l-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-l-7_1uhvc {
+            .grid__offset-mobile-l-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-l-8_1uhvc {
+            .grid__offset-mobile-l-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-l-9_1uhvc {
+            .grid__offset-mobile-l-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-l-10_1uhvc {
+            .grid__offset-mobile-l-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-l-11_1uhvc {
+            .grid__offset-mobile-l-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-l-first_1uhvc {
+        .grid__order-mobile-l-first_462ml {
             order: -1;
         }
 
-        .grid__order-mobile-l-last_1uhvc {
+        .grid__order-mobile-l-last_462ml {
             order: 13;
         }
-            .grid__order-mobile-l-1_1uhvc {
+            .grid__order-mobile-l-1_462ml {
                 order: 1;
             }
-            .grid__order-mobile-l-2_1uhvc {
+            .grid__order-mobile-l-2_462ml {
                 order: 2;
             }
-            .grid__order-mobile-l-3_1uhvc {
+            .grid__order-mobile-l-3_462ml {
                 order: 3;
             }
-            .grid__order-mobile-l-4_1uhvc {
+            .grid__order-mobile-l-4_462ml {
                 order: 4;
             }
-            .grid__order-mobile-l-5_1uhvc {
+            .grid__order-mobile-l-5_462ml {
                 order: 5;
             }
-            .grid__order-mobile-l-6_1uhvc {
+            .grid__order-mobile-l-6_462ml {
                 order: 6;
             }
-            .grid__order-mobile-l-7_1uhvc {
+            .grid__order-mobile-l-7_462ml {
                 order: 7;
             }
-            .grid__order-mobile-l-8_1uhvc {
+            .grid__order-mobile-l-8_462ml {
                 order: 8;
             }
-            .grid__order-mobile-l-9_1uhvc {
+            .grid__order-mobile-l-9_462ml {
                 order: 9;
             }
-            .grid__order-mobile-l-10_1uhvc {
+            .grid__order-mobile-l-10_462ml {
                 order: 10;
             }
-            .grid__order-mobile-l-11_1uhvc {
+            .grid__order-mobile-l-11_462ml {
                 order: 11;
             }
-            .grid__order-mobile-l-12_1uhvc {
+            .grid__order-mobile-l-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 600px) and (max-width: 1023px) {
-        .grid__width-tablet-auto_1uhvc {
+        .grid__width-tablet-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-tablet-available_1uhvc {
+        .grid__width-tablet-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-tablet-1_1uhvc {
+            .grid__width-tablet-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-tablet-2_1uhvc {
+            .grid__width-tablet-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-tablet-3_1uhvc {
+            .grid__width-tablet-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-tablet-4_1uhvc {
+            .grid__width-tablet-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-tablet-5_1uhvc {
+            .grid__width-tablet-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-tablet-6_1uhvc {
+            .grid__width-tablet-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-tablet-7_1uhvc {
+            .grid__width-tablet-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-tablet-8_1uhvc {
+            .grid__width-tablet-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-tablet-9_1uhvc {
+            .grid__width-tablet-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-tablet-10_1uhvc {
+            .grid__width-tablet-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-tablet-11_1uhvc {
+            .grid__width-tablet-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-tablet-12_1uhvc {
+            .grid__width-tablet-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-tablet-1_1uhvc {
+            .grid__offset-tablet-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-tablet-2_1uhvc {
+            .grid__offset-tablet-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-tablet-3_1uhvc {
+            .grid__offset-tablet-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-tablet-4_1uhvc {
+            .grid__offset-tablet-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-tablet-5_1uhvc {
+            .grid__offset-tablet-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-tablet-6_1uhvc {
+            .grid__offset-tablet-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-tablet-7_1uhvc {
+            .grid__offset-tablet-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-tablet-8_1uhvc {
+            .grid__offset-tablet-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-tablet-9_1uhvc {
+            .grid__offset-tablet-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-tablet-10_1uhvc {
+            .grid__offset-tablet-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-tablet-11_1uhvc {
+            .grid__offset-tablet-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-tablet-first_1uhvc {
+        .grid__order-tablet-first_462ml {
             order: -1;
         }
 
-        .grid__order-tablet-last_1uhvc {
+        .grid__order-tablet-last_462ml {
             order: 13;
         }
-            .grid__order-tablet-1_1uhvc {
+            .grid__order-tablet-1_462ml {
                 order: 1;
             }
-            .grid__order-tablet-2_1uhvc {
+            .grid__order-tablet-2_462ml {
                 order: 2;
             }
-            .grid__order-tablet-3_1uhvc {
+            .grid__order-tablet-3_462ml {
                 order: 3;
             }
-            .grid__order-tablet-4_1uhvc {
+            .grid__order-tablet-4_462ml {
                 order: 4;
             }
-            .grid__order-tablet-5_1uhvc {
+            .grid__order-tablet-5_462ml {
                 order: 5;
             }
-            .grid__order-tablet-6_1uhvc {
+            .grid__order-tablet-6_462ml {
                 order: 6;
             }
-            .grid__order-tablet-7_1uhvc {
+            .grid__order-tablet-7_462ml {
                 order: 7;
             }
-            .grid__order-tablet-8_1uhvc {
+            .grid__order-tablet-8_462ml {
                 order: 8;
             }
-            .grid__order-tablet-9_1uhvc {
+            .grid__order-tablet-9_462ml {
                 order: 9;
             }
-            .grid__order-tablet-10_1uhvc {
+            .grid__order-tablet-10_462ml {
                 order: 10;
             }
-            .grid__order-tablet-11_1uhvc {
+            .grid__order-tablet-11_462ml {
                 order: 11;
             }
-            .grid__order-tablet-12_1uhvc {
+            .grid__order-tablet-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 600px) {
-        .grid__width-tablet-s-auto_1uhvc {
+        .grid__width-tablet-s-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-tablet-s-available_1uhvc {
+        .grid__width-tablet-s-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-tablet-s-1_1uhvc {
+            .grid__width-tablet-s-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-tablet-s-2_1uhvc {
+            .grid__width-tablet-s-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-tablet-s-3_1uhvc {
+            .grid__width-tablet-s-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-tablet-s-4_1uhvc {
+            .grid__width-tablet-s-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-tablet-s-5_1uhvc {
+            .grid__width-tablet-s-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-tablet-s-6_1uhvc {
+            .grid__width-tablet-s-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-tablet-s-7_1uhvc {
+            .grid__width-tablet-s-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-tablet-s-8_1uhvc {
+            .grid__width-tablet-s-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-tablet-s-9_1uhvc {
+            .grid__width-tablet-s-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-tablet-s-10_1uhvc {
+            .grid__width-tablet-s-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-tablet-s-11_1uhvc {
+            .grid__width-tablet-s-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-tablet-s-12_1uhvc {
+            .grid__width-tablet-s-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-tablet-s-1_1uhvc {
+            .grid__offset-tablet-s-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-tablet-s-2_1uhvc {
+            .grid__offset-tablet-s-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-tablet-s-3_1uhvc {
+            .grid__offset-tablet-s-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-tablet-s-4_1uhvc {
+            .grid__offset-tablet-s-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-tablet-s-5_1uhvc {
+            .grid__offset-tablet-s-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-tablet-s-6_1uhvc {
+            .grid__offset-tablet-s-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-tablet-s-7_1uhvc {
+            .grid__offset-tablet-s-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-tablet-s-8_1uhvc {
+            .grid__offset-tablet-s-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-tablet-s-9_1uhvc {
+            .grid__offset-tablet-s-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-tablet-s-10_1uhvc {
+            .grid__offset-tablet-s-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-tablet-s-11_1uhvc {
+            .grid__offset-tablet-s-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-tablet-s-first_1uhvc {
+        .grid__order-tablet-s-first_462ml {
             order: -1;
         }
 
-        .grid__order-tablet-s-last_1uhvc {
+        .grid__order-tablet-s-last_462ml {
             order: 13;
         }
-            .grid__order-tablet-s-1_1uhvc {
+            .grid__order-tablet-s-1_462ml {
                 order: 1;
             }
-            .grid__order-tablet-s-2_1uhvc {
+            .grid__order-tablet-s-2_462ml {
                 order: 2;
             }
-            .grid__order-tablet-s-3_1uhvc {
+            .grid__order-tablet-s-3_462ml {
                 order: 3;
             }
-            .grid__order-tablet-s-4_1uhvc {
+            .grid__order-tablet-s-4_462ml {
                 order: 4;
             }
-            .grid__order-tablet-s-5_1uhvc {
+            .grid__order-tablet-s-5_462ml {
                 order: 5;
             }
-            .grid__order-tablet-s-6_1uhvc {
+            .grid__order-tablet-s-6_462ml {
                 order: 6;
             }
-            .grid__order-tablet-s-7_1uhvc {
+            .grid__order-tablet-s-7_462ml {
                 order: 7;
             }
-            .grid__order-tablet-s-8_1uhvc {
+            .grid__order-tablet-s-8_462ml {
                 order: 8;
             }
-            .grid__order-tablet-s-9_1uhvc {
+            .grid__order-tablet-s-9_462ml {
                 order: 9;
             }
-            .grid__order-tablet-s-10_1uhvc {
+            .grid__order-tablet-s-10_462ml {
                 order: 10;
             }
-            .grid__order-tablet-s-11_1uhvc {
+            .grid__order-tablet-s-11_462ml {
                 order: 11;
             }
-            .grid__order-tablet-s-12_1uhvc {
+            .grid__order-tablet-s-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 768px) {
-        .grid__width-tablet-m-auto_1uhvc {
+        .grid__width-tablet-m-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-tablet-m-available_1uhvc {
+        .grid__width-tablet-m-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-tablet-m-1_1uhvc {
+            .grid__width-tablet-m-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-tablet-m-2_1uhvc {
+            .grid__width-tablet-m-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-tablet-m-3_1uhvc {
+            .grid__width-tablet-m-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-tablet-m-4_1uhvc {
+            .grid__width-tablet-m-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-tablet-m-5_1uhvc {
+            .grid__width-tablet-m-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-tablet-m-6_1uhvc {
+            .grid__width-tablet-m-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-tablet-m-7_1uhvc {
+            .grid__width-tablet-m-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-tablet-m-8_1uhvc {
+            .grid__width-tablet-m-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-tablet-m-9_1uhvc {
+            .grid__width-tablet-m-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-tablet-m-10_1uhvc {
+            .grid__width-tablet-m-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-tablet-m-11_1uhvc {
+            .grid__width-tablet-m-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-tablet-m-12_1uhvc {
+            .grid__width-tablet-m-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-tablet-m-1_1uhvc {
+            .grid__offset-tablet-m-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-tablet-m-2_1uhvc {
+            .grid__offset-tablet-m-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-tablet-m-3_1uhvc {
+            .grid__offset-tablet-m-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-tablet-m-4_1uhvc {
+            .grid__offset-tablet-m-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-tablet-m-5_1uhvc {
+            .grid__offset-tablet-m-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-tablet-m-6_1uhvc {
+            .grid__offset-tablet-m-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-tablet-m-7_1uhvc {
+            .grid__offset-tablet-m-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-tablet-m-8_1uhvc {
+            .grid__offset-tablet-m-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-tablet-m-9_1uhvc {
+            .grid__offset-tablet-m-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-tablet-m-10_1uhvc {
+            .grid__offset-tablet-m-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-tablet-m-11_1uhvc {
+            .grid__offset-tablet-m-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-tablet-m-first_1uhvc {
+        .grid__order-tablet-m-first_462ml {
             order: -1;
         }
 
-        .grid__order-tablet-m-last_1uhvc {
+        .grid__order-tablet-m-last_462ml {
             order: 13;
         }
-            .grid__order-tablet-m-1_1uhvc {
+            .grid__order-tablet-m-1_462ml {
                 order: 1;
             }
-            .grid__order-tablet-m-2_1uhvc {
+            .grid__order-tablet-m-2_462ml {
                 order: 2;
             }
-            .grid__order-tablet-m-3_1uhvc {
+            .grid__order-tablet-m-3_462ml {
                 order: 3;
             }
-            .grid__order-tablet-m-4_1uhvc {
+            .grid__order-tablet-m-4_462ml {
                 order: 4;
             }
-            .grid__order-tablet-m-5_1uhvc {
+            .grid__order-tablet-m-5_462ml {
                 order: 5;
             }
-            .grid__order-tablet-m-6_1uhvc {
+            .grid__order-tablet-m-6_462ml {
                 order: 6;
             }
-            .grid__order-tablet-m-7_1uhvc {
+            .grid__order-tablet-m-7_462ml {
                 order: 7;
             }
-            .grid__order-tablet-m-8_1uhvc {
+            .grid__order-tablet-m-8_462ml {
                 order: 8;
             }
-            .grid__order-tablet-m-9_1uhvc {
+            .grid__order-tablet-m-9_462ml {
                 order: 9;
             }
-            .grid__order-tablet-m-10_1uhvc {
+            .grid__order-tablet-m-10_462ml {
                 order: 10;
             }
-            .grid__order-tablet-m-11_1uhvc {
+            .grid__order-tablet-m-11_462ml {
                 order: 11;
             }
-            .grid__order-tablet-m-12_1uhvc {
+            .grid__order-tablet-m-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 1024px) {
-        .grid__width-desktop-auto_1uhvc {
+        .grid__width-desktop-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-available_1uhvc {
+        .grid__width-desktop-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-1_1uhvc {
+            .grid__width-desktop-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-2_1uhvc {
+            .grid__width-desktop-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-3_1uhvc {
+            .grid__width-desktop-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-4_1uhvc {
+            .grid__width-desktop-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-5_1uhvc {
+            .grid__width-desktop-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-6_1uhvc {
+            .grid__width-desktop-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-7_1uhvc {
+            .grid__width-desktop-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-8_1uhvc {
+            .grid__width-desktop-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-9_1uhvc {
+            .grid__width-desktop-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-10_1uhvc {
+            .grid__width-desktop-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-11_1uhvc {
+            .grid__width-desktop-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-12_1uhvc {
+            .grid__width-desktop-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-1_1uhvc {
+            .grid__offset-desktop-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-2_1uhvc {
+            .grid__offset-desktop-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-3_1uhvc {
+            .grid__offset-desktop-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-4_1uhvc {
+            .grid__offset-desktop-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-5_1uhvc {
+            .grid__offset-desktop-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-6_1uhvc {
+            .grid__offset-desktop-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-7_1uhvc {
+            .grid__offset-desktop-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-8_1uhvc {
+            .grid__offset-desktop-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-9_1uhvc {
+            .grid__offset-desktop-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-10_1uhvc {
+            .grid__offset-desktop-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-11_1uhvc {
+            .grid__offset-desktop-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-first_1uhvc {
+        .grid__order-desktop-first_462ml {
             order: -1;
         }
 
-        .grid__order-desktop-last_1uhvc {
+        .grid__order-desktop-last_462ml {
             order: 13;
         }
-            .grid__order-desktop-1_1uhvc {
+            .grid__order-desktop-1_462ml {
                 order: 1;
             }
-            .grid__order-desktop-2_1uhvc {
+            .grid__order-desktop-2_462ml {
                 order: 2;
             }
-            .grid__order-desktop-3_1uhvc {
+            .grid__order-desktop-3_462ml {
                 order: 3;
             }
-            .grid__order-desktop-4_1uhvc {
+            .grid__order-desktop-4_462ml {
                 order: 4;
             }
-            .grid__order-desktop-5_1uhvc {
+            .grid__order-desktop-5_462ml {
                 order: 5;
             }
-            .grid__order-desktop-6_1uhvc {
+            .grid__order-desktop-6_462ml {
                 order: 6;
             }
-            .grid__order-desktop-7_1uhvc {
+            .grid__order-desktop-7_462ml {
                 order: 7;
             }
-            .grid__order-desktop-8_1uhvc {
+            .grid__order-desktop-8_462ml {
                 order: 8;
             }
-            .grid__order-desktop-9_1uhvc {
+            .grid__order-desktop-9_462ml {
                 order: 9;
             }
-            .grid__order-desktop-10_1uhvc {
+            .grid__order-desktop-10_462ml {
                 order: 10;
             }
-            .grid__order-desktop-11_1uhvc {
+            .grid__order-desktop-11_462ml {
                 order: 11;
             }
-            .grid__order-desktop-12_1uhvc {
+            .grid__order-desktop-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 1024px) {
-        .grid__width-desktop-s-auto_1uhvc {
+        .grid__width-desktop-s-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-s-available_1uhvc {
+        .grid__width-desktop-s-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-s-1_1uhvc {
+            .grid__width-desktop-s-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-s-2_1uhvc {
+            .grid__width-desktop-s-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-s-3_1uhvc {
+            .grid__width-desktop-s-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-s-4_1uhvc {
+            .grid__width-desktop-s-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-s-5_1uhvc {
+            .grid__width-desktop-s-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-s-6_1uhvc {
+            .grid__width-desktop-s-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-s-7_1uhvc {
+            .grid__width-desktop-s-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-s-8_1uhvc {
+            .grid__width-desktop-s-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-s-9_1uhvc {
+            .grid__width-desktop-s-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-s-10_1uhvc {
+            .grid__width-desktop-s-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-s-11_1uhvc {
+            .grid__width-desktop-s-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-s-12_1uhvc {
+            .grid__width-desktop-s-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-s-1_1uhvc {
+            .grid__offset-desktop-s-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-s-2_1uhvc {
+            .grid__offset-desktop-s-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-s-3_1uhvc {
+            .grid__offset-desktop-s-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-s-4_1uhvc {
+            .grid__offset-desktop-s-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-s-5_1uhvc {
+            .grid__offset-desktop-s-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-s-6_1uhvc {
+            .grid__offset-desktop-s-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-s-7_1uhvc {
+            .grid__offset-desktop-s-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-s-8_1uhvc {
+            .grid__offset-desktop-s-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-s-9_1uhvc {
+            .grid__offset-desktop-s-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-s-10_1uhvc {
+            .grid__offset-desktop-s-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-s-11_1uhvc {
+            .grid__offset-desktop-s-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-s-first_1uhvc {
+        .grid__order-desktop-s-first_462ml {
             order: -1;
         }
 
-        .grid__order-desktop-s-last_1uhvc {
+        .grid__order-desktop-s-last_462ml {
             order: 13;
         }
-            .grid__order-desktop-s-1_1uhvc {
+            .grid__order-desktop-s-1_462ml {
                 order: 1;
             }
-            .grid__order-desktop-s-2_1uhvc {
+            .grid__order-desktop-s-2_462ml {
                 order: 2;
             }
-            .grid__order-desktop-s-3_1uhvc {
+            .grid__order-desktop-s-3_462ml {
                 order: 3;
             }
-            .grid__order-desktop-s-4_1uhvc {
+            .grid__order-desktop-s-4_462ml {
                 order: 4;
             }
-            .grid__order-desktop-s-5_1uhvc {
+            .grid__order-desktop-s-5_462ml {
                 order: 5;
             }
-            .grid__order-desktop-s-6_1uhvc {
+            .grid__order-desktop-s-6_462ml {
                 order: 6;
             }
-            .grid__order-desktop-s-7_1uhvc {
+            .grid__order-desktop-s-7_462ml {
                 order: 7;
             }
-            .grid__order-desktop-s-8_1uhvc {
+            .grid__order-desktop-s-8_462ml {
                 order: 8;
             }
-            .grid__order-desktop-s-9_1uhvc {
+            .grid__order-desktop-s-9_462ml {
                 order: 9;
             }
-            .grid__order-desktop-s-10_1uhvc {
+            .grid__order-desktop-s-10_462ml {
                 order: 10;
             }
-            .grid__order-desktop-s-11_1uhvc {
+            .grid__order-desktop-s-11_462ml {
                 order: 11;
             }
-            .grid__order-desktop-s-12_1uhvc {
+            .grid__order-desktop-s-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 1280px) {
-        .grid__width-desktop-m-auto_1uhvc {
+        .grid__width-desktop-m-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-m-available_1uhvc {
+        .grid__width-desktop-m-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-m-1_1uhvc {
+            .grid__width-desktop-m-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-m-2_1uhvc {
+            .grid__width-desktop-m-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-m-3_1uhvc {
+            .grid__width-desktop-m-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-m-4_1uhvc {
+            .grid__width-desktop-m-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-m-5_1uhvc {
+            .grid__width-desktop-m-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-m-6_1uhvc {
+            .grid__width-desktop-m-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-m-7_1uhvc {
+            .grid__width-desktop-m-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-m-8_1uhvc {
+            .grid__width-desktop-m-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-m-9_1uhvc {
+            .grid__width-desktop-m-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-m-10_1uhvc {
+            .grid__width-desktop-m-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-m-11_1uhvc {
+            .grid__width-desktop-m-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-m-12_1uhvc {
+            .grid__width-desktop-m-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-m-1_1uhvc {
+            .grid__offset-desktop-m-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-m-2_1uhvc {
+            .grid__offset-desktop-m-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-m-3_1uhvc {
+            .grid__offset-desktop-m-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-m-4_1uhvc {
+            .grid__offset-desktop-m-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-m-5_1uhvc {
+            .grid__offset-desktop-m-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-m-6_1uhvc {
+            .grid__offset-desktop-m-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-m-7_1uhvc {
+            .grid__offset-desktop-m-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-m-8_1uhvc {
+            .grid__offset-desktop-m-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-m-9_1uhvc {
+            .grid__offset-desktop-m-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-m-10_1uhvc {
+            .grid__offset-desktop-m-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-m-11_1uhvc {
+            .grid__offset-desktop-m-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-m-first_1uhvc {
+        .grid__order-desktop-m-first_462ml {
             order: -1;
         }
 
-        .grid__order-desktop-m-last_1uhvc {
+        .grid__order-desktop-m-last_462ml {
             order: 13;
         }
-            .grid__order-desktop-m-1_1uhvc {
+            .grid__order-desktop-m-1_462ml {
                 order: 1;
             }
-            .grid__order-desktop-m-2_1uhvc {
+            .grid__order-desktop-m-2_462ml {
                 order: 2;
             }
-            .grid__order-desktop-m-3_1uhvc {
+            .grid__order-desktop-m-3_462ml {
                 order: 3;
             }
-            .grid__order-desktop-m-4_1uhvc {
+            .grid__order-desktop-m-4_462ml {
                 order: 4;
             }
-            .grid__order-desktop-m-5_1uhvc {
+            .grid__order-desktop-m-5_462ml {
                 order: 5;
             }
-            .grid__order-desktop-m-6_1uhvc {
+            .grid__order-desktop-m-6_462ml {
                 order: 6;
             }
-            .grid__order-desktop-m-7_1uhvc {
+            .grid__order-desktop-m-7_462ml {
                 order: 7;
             }
-            .grid__order-desktop-m-8_1uhvc {
+            .grid__order-desktop-m-8_462ml {
                 order: 8;
             }
-            .grid__order-desktop-m-9_1uhvc {
+            .grid__order-desktop-m-9_462ml {
                 order: 9;
             }
-            .grid__order-desktop-m-10_1uhvc {
+            .grid__order-desktop-m-10_462ml {
                 order: 10;
             }
-            .grid__order-desktop-m-11_1uhvc {
+            .grid__order-desktop-m-11_462ml {
                 order: 11;
             }
-            .grid__order-desktop-m-12_1uhvc {
+            .grid__order-desktop-m-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 1440px) {
-        .grid__width-desktop-l-auto_1uhvc {
+        .grid__width-desktop-l-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-l-available_1uhvc {
+        .grid__width-desktop-l-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-l-1_1uhvc {
+            .grid__width-desktop-l-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-l-2_1uhvc {
+            .grid__width-desktop-l-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-l-3_1uhvc {
+            .grid__width-desktop-l-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-l-4_1uhvc {
+            .grid__width-desktop-l-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-l-5_1uhvc {
+            .grid__width-desktop-l-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-l-6_1uhvc {
+            .grid__width-desktop-l-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-l-7_1uhvc {
+            .grid__width-desktop-l-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-l-8_1uhvc {
+            .grid__width-desktop-l-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-l-9_1uhvc {
+            .grid__width-desktop-l-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-l-10_1uhvc {
+            .grid__width-desktop-l-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-l-11_1uhvc {
+            .grid__width-desktop-l-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-l-12_1uhvc {
+            .grid__width-desktop-l-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-l-1_1uhvc {
+            .grid__offset-desktop-l-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-l-2_1uhvc {
+            .grid__offset-desktop-l-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-l-3_1uhvc {
+            .grid__offset-desktop-l-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-l-4_1uhvc {
+            .grid__offset-desktop-l-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-l-5_1uhvc {
+            .grid__offset-desktop-l-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-l-6_1uhvc {
+            .grid__offset-desktop-l-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-l-7_1uhvc {
+            .grid__offset-desktop-l-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-l-8_1uhvc {
+            .grid__offset-desktop-l-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-l-9_1uhvc {
+            .grid__offset-desktop-l-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-l-10_1uhvc {
+            .grid__offset-desktop-l-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-l-11_1uhvc {
+            .grid__offset-desktop-l-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-l-first_1uhvc {
+        .grid__order-desktop-l-first_462ml {
             order: -1;
         }
 
-        .grid__order-desktop-l-last_1uhvc {
+        .grid__order-desktop-l-last_462ml {
             order: 13;
         }
-            .grid__order-desktop-l-1_1uhvc {
+            .grid__order-desktop-l-1_462ml {
                 order: 1;
             }
-            .grid__order-desktop-l-2_1uhvc {
+            .grid__order-desktop-l-2_462ml {
                 order: 2;
             }
-            .grid__order-desktop-l-3_1uhvc {
+            .grid__order-desktop-l-3_462ml {
                 order: 3;
             }
-            .grid__order-desktop-l-4_1uhvc {
+            .grid__order-desktop-l-4_462ml {
                 order: 4;
             }
-            .grid__order-desktop-l-5_1uhvc {
+            .grid__order-desktop-l-5_462ml {
                 order: 5;
             }
-            .grid__order-desktop-l-6_1uhvc {
+            .grid__order-desktop-l-6_462ml {
                 order: 6;
             }
-            .grid__order-desktop-l-7_1uhvc {
+            .grid__order-desktop-l-7_462ml {
                 order: 7;
             }
-            .grid__order-desktop-l-8_1uhvc {
+            .grid__order-desktop-l-8_462ml {
                 order: 8;
             }
-            .grid__order-desktop-l-9_1uhvc {
+            .grid__order-desktop-l-9_462ml {
                 order: 9;
             }
-            .grid__order-desktop-l-10_1uhvc {
+            .grid__order-desktop-l-10_462ml {
                 order: 10;
             }
-            .grid__order-desktop-l-11_1uhvc {
+            .grid__order-desktop-l-11_462ml {
                 order: 11;
             }
-            .grid__order-desktop-l-12_1uhvc {
+            .grid__order-desktop-l-12_462ml {
                 order: 12;
             }
     }
 
 @media (min-width: 1920px) {
-        .grid__width-desktop-xl-auto_1uhvc {
+        .grid__width-desktop-xl-auto_462ml {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-xl-available_1uhvc {
+        .grid__width-desktop-xl-available_462ml {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-xl-1_1uhvc {
+            .grid__width-desktop-xl-1_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-xl-2_1uhvc {
+            .grid__width-desktop-xl-2_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-xl-3_1uhvc {
+            .grid__width-desktop-xl-3_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-xl-4_1uhvc {
+            .grid__width-desktop-xl-4_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-xl-5_1uhvc {
+            .grid__width-desktop-xl-5_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-xl-6_1uhvc {
+            .grid__width-desktop-xl-6_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-xl-7_1uhvc {
+            .grid__width-desktop-xl-7_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-xl-8_1uhvc {
+            .grid__width-desktop-xl-8_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-xl-9_1uhvc {
+            .grid__width-desktop-xl-9_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-xl-10_1uhvc {
+            .grid__width-desktop-xl-10_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-xl-11_1uhvc {
+            .grid__width-desktop-xl-11_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-xl-12_1uhvc {
+            .grid__width-desktop-xl-12_462ml {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-xl-1_1uhvc {
+            .grid__offset-desktop-xl-1_462ml {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-xl-2_1uhvc {
+            .grid__offset-desktop-xl-2_462ml {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-xl-3_1uhvc {
+            .grid__offset-desktop-xl-3_462ml {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-xl-4_1uhvc {
+            .grid__offset-desktop-xl-4_462ml {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-xl-5_1uhvc {
+            .grid__offset-desktop-xl-5_462ml {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-xl-6_1uhvc {
+            .grid__offset-desktop-xl-6_462ml {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-xl-7_1uhvc {
+            .grid__offset-desktop-xl-7_462ml {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-xl-8_1uhvc {
+            .grid__offset-desktop-xl-8_462ml {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-xl-9_1uhvc {
+            .grid__offset-desktop-xl-9_462ml {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-xl-10_1uhvc {
+            .grid__offset-desktop-xl-10_462ml {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-xl-11_1uhvc {
+            .grid__offset-desktop-xl-11_462ml {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-xl-first_1uhvc {
+        .grid__order-desktop-xl-first_462ml {
             order: -1;
         }
 
-        .grid__order-desktop-xl-last_1uhvc {
+        .grid__order-desktop-xl-last_462ml {
             order: 13;
         }
-            .grid__order-desktop-xl-1_1uhvc {
+            .grid__order-desktop-xl-1_462ml {
                 order: 1;
             }
-            .grid__order-desktop-xl-2_1uhvc {
+            .grid__order-desktop-xl-2_462ml {
                 order: 2;
             }
-            .grid__order-desktop-xl-3_1uhvc {
+            .grid__order-desktop-xl-3_462ml {
                 order: 3;
             }
-            .grid__order-desktop-xl-4_1uhvc {
+            .grid__order-desktop-xl-4_462ml {
                 order: 4;
             }
-            .grid__order-desktop-xl-5_1uhvc {
+            .grid__order-desktop-xl-5_462ml {
                 order: 5;
             }
-            .grid__order-desktop-xl-6_1uhvc {
+            .grid__order-desktop-xl-6_462ml {
                 order: 6;
             }
-            .grid__order-desktop-xl-7_1uhvc {
+            .grid__order-desktop-xl-7_462ml {
                 order: 7;
             }
-            .grid__order-desktop-xl-8_1uhvc {
+            .grid__order-desktop-xl-8_462ml {
                 order: 8;
             }
-            .grid__order-desktop-xl-9_1uhvc {
+            .grid__order-desktop-xl-9_462ml {
                 order: 9;
             }
-            .grid__order-desktop-xl-10_1uhvc {
+            .grid__order-desktop-xl-10_462ml {
                 order: 10;
             }
-            .grid__order-desktop-xl-11_1uhvc {
+            .grid__order-desktop-xl-11_462ml {
                 order: 11;
             }
-            .grid__order-desktop-xl-12_1uhvc {
+            .grid__order-desktop-xl-12_462ml {
                 order: 12;
             }
     }