@alfalab/core-components 39.2.0 → 39.3.0

package/grid/col/index.css

@@ -3,7 +3,7 @@
     --grid-col-width: calc(100% / 12);
 }
 
-.grid__component_1t2td {
+.grid__component_1okds {
     max-width: 100%;
     min-height: 1px;
     flex-basis: 0;
@@ -11,1854 +11,1993 @@
     box-sizing: border-box;
 }
 
-.grid__width-auto_1t2td {
+.grid__width-auto_1okds {
     flex: 0 0 auto;
     width: auto;
     max-width: none;
 }
 
-.grid__width-available_1t2td {
+.grid__width-available_1okds {
     flex-basis: auto;
     min-height: auto;
     height: auto;
 }
 
-.grid__width-1_1t2td {
+.grid__width-1_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 1);
         max-width: calc(var(--grid-col-width) * 1);
     }
 
-.grid__width-2_1t2td {
+.grid__width-2_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 2);
         max-width: calc(var(--grid-col-width) * 2);
     }
 
-.grid__width-3_1t2td {
+.grid__width-3_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 3);
         max-width: calc(var(--grid-col-width) * 3);
     }
 
-.grid__width-4_1t2td {
+.grid__width-4_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 4);
         max-width: calc(var(--grid-col-width) * 4);
     }
 
-.grid__width-5_1t2td {
+.grid__width-5_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 5);
         max-width: calc(var(--grid-col-width) * 5);
     }
 
-.grid__width-6_1t2td {
+.grid__width-6_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 6);
         max-width: calc(var(--grid-col-width) * 6);
     }
 
-.grid__width-7_1t2td {
+.grid__width-7_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 7);
         max-width: calc(var(--grid-col-width) * 7);
     }
 
-.grid__width-8_1t2td {
+.grid__width-8_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 8);
         max-width: calc(var(--grid-col-width) * 8);
     }
 
-.grid__width-9_1t2td {
+.grid__width-9_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 9);
         max-width: calc(var(--grid-col-width) * 9);
     }
 
-.grid__width-10_1t2td {
+.grid__width-10_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 10);
         max-width: calc(var(--grid-col-width) * 10);
     }
 
-.grid__width-11_1t2td {
+.grid__width-11_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 11);
         max-width: calc(var(--grid-col-width) * 11);
     }
 
-.grid__width-12_1t2td {
+.grid__width-12_1okds {
         flex: 0 0 calc(var(--grid-col-width) * 12);
         max-width: calc(var(--grid-col-width) * 12);
     }
 
-.grid__align-top_1t2td {
+.grid__align-top_1okds {
     align-self: flex-start;
 }
 
-.grid__align-middle_1t2td {
+.grid__align-middle_1okds {
     align-self: center;
 }
 
-.grid__align-bottom_1t2td {
+.grid__align-bottom_1okds {
     align-self: flex-end;
 }
 
-.grid__offset-1_1t2td {
+.grid__offset-1_1okds {
         margin-left: calc(var(--grid-col-width) * 1);
     }
 
-.grid__offset-2_1t2td {
+.grid__offset-2_1okds {
         margin-left: calc(var(--grid-col-width) * 2);
     }
 
-.grid__offset-3_1t2td {
+.grid__offset-3_1okds {
         margin-left: calc(var(--grid-col-width) * 3);
     }
 
-.grid__offset-4_1t2td {
+.grid__offset-4_1okds {
         margin-left: calc(var(--grid-col-width) * 4);
     }
 
-.grid__offset-5_1t2td {
+.grid__offset-5_1okds {
         margin-left: calc(var(--grid-col-width) * 5);
     }
 
-.grid__offset-6_1t2td {
+.grid__offset-6_1okds {
         margin-left: calc(var(--grid-col-width) * 6);
     }
 
-.grid__offset-7_1t2td {
+.grid__offset-7_1okds {
         margin-left: calc(var(--grid-col-width) * 7);
     }
 
-.grid__offset-8_1t2td {
+.grid__offset-8_1okds {
         margin-left: calc(var(--grid-col-width) * 8);
     }
 
-.grid__offset-9_1t2td {
+.grid__offset-9_1okds {
         margin-left: calc(var(--grid-col-width) * 9);
     }
 
-.grid__offset-10_1t2td {
+.grid__offset-10_1okds {
         margin-left: calc(var(--grid-col-width) * 10);
     }
 
-.grid__offset-11_1t2td {
+.grid__offset-11_1okds {
         margin-left: calc(var(--grid-col-width) * 11);
     }
 
-.grid__order-first_1t2td {
+.grid__order-first_1okds {
     order: -1;
 }
 
-.grid__order-last_1t2td {
+.grid__order-last_1okds {
     order: 13;
 }
 
-.grid__order-1_1t2td {
+.grid__order-1_1okds {
         order: 1;
     }
 
-.grid__order-2_1t2td {
+.grid__order-2_1okds {
         order: 2;
     }
 
-.grid__order-3_1t2td {
+.grid__order-3_1okds {
         order: 3;
     }
 
-.grid__order-4_1t2td {
+.grid__order-4_1okds {
         order: 4;
     }
 
-.grid__order-5_1t2td {
+.grid__order-5_1okds {
         order: 5;
     }
 
-.grid__order-6_1t2td {
+.grid__order-6_1okds {
         order: 6;
     }
 
-.grid__order-7_1t2td {
+.grid__order-7_1okds {
         order: 7;
     }
 
-.grid__order-8_1t2td {
+.grid__order-8_1okds {
         order: 8;
     }
 
-.grid__order-9_1t2td {
+.grid__order-9_1okds {
         order: 9;
     }
 
-.grid__order-10_1t2td {
+.grid__order-10_1okds {
         order: 10;
     }
 
-.grid__order-11_1t2td {
+.grid__order-11_1okds {
         order: 11;
     }
 
-.grid__order-12_1t2td {
+.grid__order-12_1okds {
         order: 12;
     }
 
 @media (max-width: 599px) {
-        .grid__width-mobile-auto_1t2td {
+        .grid__width-mobile-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-available_1t2td {
+        .grid__width-mobile-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-1_1t2td {
+            .grid__width-mobile-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-2_1t2td {
+            .grid__width-mobile-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-3_1t2td {
+            .grid__width-mobile-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-4_1t2td {
+            .grid__width-mobile-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-5_1t2td {
+            .grid__width-mobile-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-6_1t2td {
+            .grid__width-mobile-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-7_1t2td {
+            .grid__width-mobile-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-8_1t2td {
+            .grid__width-mobile-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-9_1t2td {
+            .grid__width-mobile-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-10_1t2td {
+            .grid__width-mobile-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-11_1t2td {
+            .grid__width-mobile-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-12_1t2td {
+            .grid__width-mobile-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-1_1t2td {
+            .grid__offset-mobile-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-2_1t2td {
+            .grid__offset-mobile-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-3_1t2td {
+            .grid__offset-mobile-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-4_1t2td {
+            .grid__offset-mobile-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-5_1t2td {
+            .grid__offset-mobile-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-6_1t2td {
+            .grid__offset-mobile-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-7_1t2td {
+            .grid__offset-mobile-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-8_1t2td {
+            .grid__offset-mobile-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-9_1t2td {
+            .grid__offset-mobile-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-10_1t2td {
+            .grid__offset-mobile-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-11_1t2td {
+            .grid__offset-mobile-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-first_1t2td {
+        .grid__order-mobile-first_1okds {
             order: -1;
         }
 
-        .grid__order-mobile-last_1t2td {
+        .grid__order-mobile-last_1okds {
             order: 13;
         }
-            .grid__order-mobile-1_1t2td {
+            .grid__order-mobile-1_1okds {
                 order: 1;
             }
-            .grid__order-mobile-2_1t2td {
+            .grid__order-mobile-2_1okds {
                 order: 2;
             }
-            .grid__order-mobile-3_1t2td {
+            .grid__order-mobile-3_1okds {
                 order: 3;
             }
-            .grid__order-mobile-4_1t2td {
+            .grid__order-mobile-4_1okds {
                 order: 4;
             }
-            .grid__order-mobile-5_1t2td {
+            .grid__order-mobile-5_1okds {
                 order: 5;
             }
-            .grid__order-mobile-6_1t2td {
+            .grid__order-mobile-6_1okds {
                 order: 6;
             }
-            .grid__order-mobile-7_1t2td {
+            .grid__order-mobile-7_1okds {
                 order: 7;
             }
-            .grid__order-mobile-8_1t2td {
+            .grid__order-mobile-8_1okds {
                 order: 8;
             }
-            .grid__order-mobile-9_1t2td {
+            .grid__order-mobile-9_1okds {
                 order: 9;
             }
-            .grid__order-mobile-10_1t2td {
+            .grid__order-mobile-10_1okds {
                 order: 10;
             }
-            .grid__order-mobile-11_1t2td {
+            .grid__order-mobile-11_1okds {
                 order: 11;
             }
-            .grid__order-mobile-12_1t2td {
+            .grid__order-mobile-12_1okds {
+                order: 12;
+            }
+    }
+
+@media (min-width: 320px) {
+        .grid__width-mobile-xs-auto_1okds {
+            flex: 0 0 auto;
+            width: auto;
+            max-width: none;
+        }
+
+        .grid__width-mobile-xs-available_1okds {
+            flex-basis: auto;
+            min-height: auto;
+            height: auto;
+        }
+            .grid__width-mobile-xs-1_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 1);
+                max-width: calc(var(--grid-col-width) * 1);
+            }
+            .grid__width-mobile-xs-2_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 2);
+                max-width: calc(var(--grid-col-width) * 2);
+            }
+            .grid__width-mobile-xs-3_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 3);
+                max-width: calc(var(--grid-col-width) * 3);
+            }
+            .grid__width-mobile-xs-4_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 4);
+                max-width: calc(var(--grid-col-width) * 4);
+            }
+            .grid__width-mobile-xs-5_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 5);
+                max-width: calc(var(--grid-col-width) * 5);
+            }
+            .grid__width-mobile-xs-6_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 6);
+                max-width: calc(var(--grid-col-width) * 6);
+            }
+            .grid__width-mobile-xs-7_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 7);
+                max-width: calc(var(--grid-col-width) * 7);
+            }
+            .grid__width-mobile-xs-8_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 8);
+                max-width: calc(var(--grid-col-width) * 8);
+            }
+            .grid__width-mobile-xs-9_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 9);
+                max-width: calc(var(--grid-col-width) * 9);
+            }
+            .grid__width-mobile-xs-10_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 10);
+                max-width: calc(var(--grid-col-width) * 10);
+            }
+            .grid__width-mobile-xs-11_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 11);
+                max-width: calc(var(--grid-col-width) * 11);
+            }
+            .grid__width-mobile-xs-12_1okds {
+                flex: 0 0 calc(var(--grid-col-width) * 12);
+                max-width: calc(var(--grid-col-width) * 12);
+            }
+            .grid__offset-mobile-xs-1_1okds {
+                margin-left: calc(var(--grid-col-width) * 1);
+            }
+            .grid__offset-mobile-xs-2_1okds {
+                margin-left: calc(var(--grid-col-width) * 2);
+            }
+            .grid__offset-mobile-xs-3_1okds {
+                margin-left: calc(var(--grid-col-width) * 3);
+            }
+            .grid__offset-mobile-xs-4_1okds {
+                margin-left: calc(var(--grid-col-width) * 4);
+            }
+            .grid__offset-mobile-xs-5_1okds {
+                margin-left: calc(var(--grid-col-width) * 5);
+            }
+            .grid__offset-mobile-xs-6_1okds {
+                margin-left: calc(var(--grid-col-width) * 6);
+            }
+            .grid__offset-mobile-xs-7_1okds {
+                margin-left: calc(var(--grid-col-width) * 7);
+            }
+            .grid__offset-mobile-xs-8_1okds {
+                margin-left: calc(var(--grid-col-width) * 8);
+            }
+            .grid__offset-mobile-xs-9_1okds {
+                margin-left: calc(var(--grid-col-width) * 9);
+            }
+            .grid__offset-mobile-xs-10_1okds {
+                margin-left: calc(var(--grid-col-width) * 10);
+            }
+            .grid__offset-mobile-xs-11_1okds {
+                margin-left: calc(var(--grid-col-width) * 11);
+            }
+
+        .grid__order-mobile-xs-first_1okds {
+            order: -1;
+        }
+
+        .grid__order-mobile-xs-last_1okds {
+            order: 13;
+        }
+            .grid__order-mobile-xs-1_1okds {
+                order: 1;
+            }
+            .grid__order-mobile-xs-2_1okds {
+                order: 2;
+            }
+            .grid__order-mobile-xs-3_1okds {
+                order: 3;
+            }
+            .grid__order-mobile-xs-4_1okds {
+                order: 4;
+            }
+            .grid__order-mobile-xs-5_1okds {
+                order: 5;
+            }
+            .grid__order-mobile-xs-6_1okds {
+                order: 6;
+            }
+            .grid__order-mobile-xs-7_1okds {
+                order: 7;
+            }
+            .grid__order-mobile-xs-8_1okds {
+                order: 8;
+            }
+            .grid__order-mobile-xs-9_1okds {
+                order: 9;
+            }
+            .grid__order-mobile-xs-10_1okds {
+                order: 10;
+            }
+            .grid__order-mobile-xs-11_1okds {
+                order: 11;
+            }
+            .grid__order-mobile-xs-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 360px) {
-        .grid__width-mobile-s-auto_1t2td {
+        .grid__width-mobile-s-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-s-available_1t2td {
+        .grid__width-mobile-s-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-s-1_1t2td {
+            .grid__width-mobile-s-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-s-2_1t2td {
+            .grid__width-mobile-s-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-s-3_1t2td {
+            .grid__width-mobile-s-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-s-4_1t2td {
+            .grid__width-mobile-s-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-s-5_1t2td {
+            .grid__width-mobile-s-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-s-6_1t2td {
+            .grid__width-mobile-s-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-s-7_1t2td {
+            .grid__width-mobile-s-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-s-8_1t2td {
+            .grid__width-mobile-s-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-s-9_1t2td {
+            .grid__width-mobile-s-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-s-10_1t2td {
+            .grid__width-mobile-s-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-s-11_1t2td {
+            .grid__width-mobile-s-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-s-12_1t2td {
+            .grid__width-mobile-s-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-s-1_1t2td {
+            .grid__offset-mobile-s-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-s-2_1t2td {
+            .grid__offset-mobile-s-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-s-3_1t2td {
+            .grid__offset-mobile-s-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-s-4_1t2td {
+            .grid__offset-mobile-s-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-s-5_1t2td {
+            .grid__offset-mobile-s-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-s-6_1t2td {
+            .grid__offset-mobile-s-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-s-7_1t2td {
+            .grid__offset-mobile-s-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-s-8_1t2td {
+            .grid__offset-mobile-s-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-s-9_1t2td {
+            .grid__offset-mobile-s-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-s-10_1t2td {
+            .grid__offset-mobile-s-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-s-11_1t2td {
+            .grid__offset-mobile-s-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-s-first_1t2td {
+        .grid__order-mobile-s-first_1okds {
             order: -1;
         }
 
-        .grid__order-mobile-s-last_1t2td {
+        .grid__order-mobile-s-last_1okds {
             order: 13;
         }
-            .grid__order-mobile-s-1_1t2td {
+            .grid__order-mobile-s-1_1okds {
                 order: 1;
             }
-            .grid__order-mobile-s-2_1t2td {
+            .grid__order-mobile-s-2_1okds {
                 order: 2;
             }
-            .grid__order-mobile-s-3_1t2td {
+            .grid__order-mobile-s-3_1okds {
                 order: 3;
             }
-            .grid__order-mobile-s-4_1t2td {
+            .grid__order-mobile-s-4_1okds {
                 order: 4;
             }
-            .grid__order-mobile-s-5_1t2td {
+            .grid__order-mobile-s-5_1okds {
                 order: 5;
             }
-            .grid__order-mobile-s-6_1t2td {
+            .grid__order-mobile-s-6_1okds {
                 order: 6;
             }
-            .grid__order-mobile-s-7_1t2td {
+            .grid__order-mobile-s-7_1okds {
                 order: 7;
             }
-            .grid__order-mobile-s-8_1t2td {
+            .grid__order-mobile-s-8_1okds {
                 order: 8;
             }
-            .grid__order-mobile-s-9_1t2td {
+            .grid__order-mobile-s-9_1okds {
                 order: 9;
             }
-            .grid__order-mobile-s-10_1t2td {
+            .grid__order-mobile-s-10_1okds {
                 order: 10;
             }
-            .grid__order-mobile-s-11_1t2td {
+            .grid__order-mobile-s-11_1okds {
                 order: 11;
             }
-            .grid__order-mobile-s-12_1t2td {
+            .grid__order-mobile-s-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 375px) {
-        .grid__width-mobile-m-auto_1t2td {
+        .grid__width-mobile-m-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-m-available_1t2td {
+        .grid__width-mobile-m-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-m-1_1t2td {
+            .grid__width-mobile-m-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-m-2_1t2td {
+            .grid__width-mobile-m-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-m-3_1t2td {
+            .grid__width-mobile-m-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-m-4_1t2td {
+            .grid__width-mobile-m-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-m-5_1t2td {
+            .grid__width-mobile-m-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-m-6_1t2td {
+            .grid__width-mobile-m-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-m-7_1t2td {
+            .grid__width-mobile-m-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-m-8_1t2td {
+            .grid__width-mobile-m-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-m-9_1t2td {
+            .grid__width-mobile-m-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-m-10_1t2td {
+            .grid__width-mobile-m-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-m-11_1t2td {
+            .grid__width-mobile-m-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-m-12_1t2td {
+            .grid__width-mobile-m-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-m-1_1t2td {
+            .grid__offset-mobile-m-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-m-2_1t2td {
+            .grid__offset-mobile-m-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-m-3_1t2td {
+            .grid__offset-mobile-m-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-m-4_1t2td {
+            .grid__offset-mobile-m-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-m-5_1t2td {
+            .grid__offset-mobile-m-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-m-6_1t2td {
+            .grid__offset-mobile-m-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-m-7_1t2td {
+            .grid__offset-mobile-m-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-m-8_1t2td {
+            .grid__offset-mobile-m-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-m-9_1t2td {
+            .grid__offset-mobile-m-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-m-10_1t2td {
+            .grid__offset-mobile-m-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-m-11_1t2td {
+            .grid__offset-mobile-m-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-m-first_1t2td {
+        .grid__order-mobile-m-first_1okds {
             order: -1;
         }
 
-        .grid__order-mobile-m-last_1t2td {
+        .grid__order-mobile-m-last_1okds {
             order: 13;
         }
-            .grid__order-mobile-m-1_1t2td {
+            .grid__order-mobile-m-1_1okds {
                 order: 1;
             }
-            .grid__order-mobile-m-2_1t2td {
+            .grid__order-mobile-m-2_1okds {
                 order: 2;
             }
-            .grid__order-mobile-m-3_1t2td {
+            .grid__order-mobile-m-3_1okds {
                 order: 3;
             }
-            .grid__order-mobile-m-4_1t2td {
+            .grid__order-mobile-m-4_1okds {
                 order: 4;
             }
-            .grid__order-mobile-m-5_1t2td {
+            .grid__order-mobile-m-5_1okds {
                 order: 5;
             }
-            .grid__order-mobile-m-6_1t2td {
+            .grid__order-mobile-m-6_1okds {
                 order: 6;
             }
-            .grid__order-mobile-m-7_1t2td {
+            .grid__order-mobile-m-7_1okds {
                 order: 7;
             }
-            .grid__order-mobile-m-8_1t2td {
+            .grid__order-mobile-m-8_1okds {
                 order: 8;
             }
-            .grid__order-mobile-m-9_1t2td {
+            .grid__order-mobile-m-9_1okds {
                 order: 9;
             }
-            .grid__order-mobile-m-10_1t2td {
+            .grid__order-mobile-m-10_1okds {
                 order: 10;
             }
-            .grid__order-mobile-m-11_1t2td {
+            .grid__order-mobile-m-11_1okds {
                 order: 11;
             }
-            .grid__order-mobile-m-12_1t2td {
+            .grid__order-mobile-m-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 412px) {
-        .grid__width-mobile-l-auto_1t2td {
+        .grid__width-mobile-l-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-mobile-l-available_1t2td {
+        .grid__width-mobile-l-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-mobile-l-1_1t2td {
+            .grid__width-mobile-l-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-mobile-l-2_1t2td {
+            .grid__width-mobile-l-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-mobile-l-3_1t2td {
+            .grid__width-mobile-l-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-mobile-l-4_1t2td {
+            .grid__width-mobile-l-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-mobile-l-5_1t2td {
+            .grid__width-mobile-l-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-mobile-l-6_1t2td {
+            .grid__width-mobile-l-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-mobile-l-7_1t2td {
+            .grid__width-mobile-l-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-mobile-l-8_1t2td {
+            .grid__width-mobile-l-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-mobile-l-9_1t2td {
+            .grid__width-mobile-l-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-mobile-l-10_1t2td {
+            .grid__width-mobile-l-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-mobile-l-11_1t2td {
+            .grid__width-mobile-l-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-mobile-l-12_1t2td {
+            .grid__width-mobile-l-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-mobile-l-1_1t2td {
+            .grid__offset-mobile-l-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-mobile-l-2_1t2td {
+            .grid__offset-mobile-l-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-mobile-l-3_1t2td {
+            .grid__offset-mobile-l-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-mobile-l-4_1t2td {
+            .grid__offset-mobile-l-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-mobile-l-5_1t2td {
+            .grid__offset-mobile-l-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-mobile-l-6_1t2td {
+            .grid__offset-mobile-l-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-mobile-l-7_1t2td {
+            .grid__offset-mobile-l-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-mobile-l-8_1t2td {
+            .grid__offset-mobile-l-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-mobile-l-9_1t2td {
+            .grid__offset-mobile-l-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-mobile-l-10_1t2td {
+            .grid__offset-mobile-l-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-mobile-l-11_1t2td {
+            .grid__offset-mobile-l-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-mobile-l-first_1t2td {
+        .grid__order-mobile-l-first_1okds {
             order: -1;
         }
 
-        .grid__order-mobile-l-last_1t2td {
+        .grid__order-mobile-l-last_1okds {
             order: 13;
         }
-            .grid__order-mobile-l-1_1t2td {
+            .grid__order-mobile-l-1_1okds {
                 order: 1;
             }
-            .grid__order-mobile-l-2_1t2td {
+            .grid__order-mobile-l-2_1okds {
                 order: 2;
             }
-            .grid__order-mobile-l-3_1t2td {
+            .grid__order-mobile-l-3_1okds {
                 order: 3;
             }
-            .grid__order-mobile-l-4_1t2td {
+            .grid__order-mobile-l-4_1okds {
                 order: 4;
             }
-            .grid__order-mobile-l-5_1t2td {
+            .grid__order-mobile-l-5_1okds {
                 order: 5;
             }
-            .grid__order-mobile-l-6_1t2td {
+            .grid__order-mobile-l-6_1okds {
                 order: 6;
             }
-            .grid__order-mobile-l-7_1t2td {
+            .grid__order-mobile-l-7_1okds {
                 order: 7;
             }
-            .grid__order-mobile-l-8_1t2td {
+            .grid__order-mobile-l-8_1okds {
                 order: 8;
             }
-            .grid__order-mobile-l-9_1t2td {
+            .grid__order-mobile-l-9_1okds {
                 order: 9;
             }
-            .grid__order-mobile-l-10_1t2td {
+            .grid__order-mobile-l-10_1okds {
                 order: 10;
             }
-            .grid__order-mobile-l-11_1t2td {
+            .grid__order-mobile-l-11_1okds {
                 order: 11;
             }
-            .grid__order-mobile-l-12_1t2td {
+            .grid__order-mobile-l-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 600px) and (max-width: 1023px) {
-        .grid__width-tablet-auto_1t2td {
+        .grid__width-tablet-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-tablet-available_1t2td {
+        .grid__width-tablet-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-tablet-1_1t2td {
+            .grid__width-tablet-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-tablet-2_1t2td {
+            .grid__width-tablet-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-tablet-3_1t2td {
+            .grid__width-tablet-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-tablet-4_1t2td {
+            .grid__width-tablet-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-tablet-5_1t2td {
+            .grid__width-tablet-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-tablet-6_1t2td {
+            .grid__width-tablet-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-tablet-7_1t2td {
+            .grid__width-tablet-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-tablet-8_1t2td {
+            .grid__width-tablet-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-tablet-9_1t2td {
+            .grid__width-tablet-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-tablet-10_1t2td {
+            .grid__width-tablet-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-tablet-11_1t2td {
+            .grid__width-tablet-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-tablet-12_1t2td {
+            .grid__width-tablet-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-tablet-1_1t2td {
+            .grid__offset-tablet-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-tablet-2_1t2td {
+            .grid__offset-tablet-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-tablet-3_1t2td {
+            .grid__offset-tablet-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-tablet-4_1t2td {
+            .grid__offset-tablet-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-tablet-5_1t2td {
+            .grid__offset-tablet-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-tablet-6_1t2td {
+            .grid__offset-tablet-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-tablet-7_1t2td {
+            .grid__offset-tablet-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-tablet-8_1t2td {
+            .grid__offset-tablet-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-tablet-9_1t2td {
+            .grid__offset-tablet-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-tablet-10_1t2td {
+            .grid__offset-tablet-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-tablet-11_1t2td {
+            .grid__offset-tablet-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-tablet-first_1t2td {
+        .grid__order-tablet-first_1okds {
             order: -1;
         }
 
-        .grid__order-tablet-last_1t2td {
+        .grid__order-tablet-last_1okds {
             order: 13;
         }
-            .grid__order-tablet-1_1t2td {
+            .grid__order-tablet-1_1okds {
                 order: 1;
             }
-            .grid__order-tablet-2_1t2td {
+            .grid__order-tablet-2_1okds {
                 order: 2;
             }
-            .grid__order-tablet-3_1t2td {
+            .grid__order-tablet-3_1okds {
                 order: 3;
             }
-            .grid__order-tablet-4_1t2td {
+            .grid__order-tablet-4_1okds {
                 order: 4;
             }
-            .grid__order-tablet-5_1t2td {
+            .grid__order-tablet-5_1okds {
                 order: 5;
             }
-            .grid__order-tablet-6_1t2td {
+            .grid__order-tablet-6_1okds {
                 order: 6;
             }
-            .grid__order-tablet-7_1t2td {
+            .grid__order-tablet-7_1okds {
                 order: 7;
             }
-            .grid__order-tablet-8_1t2td {
+            .grid__order-tablet-8_1okds {
                 order: 8;
             }
-            .grid__order-tablet-9_1t2td {
+            .grid__order-tablet-9_1okds {
                 order: 9;
             }
-            .grid__order-tablet-10_1t2td {
+            .grid__order-tablet-10_1okds {
                 order: 10;
             }
-            .grid__order-tablet-11_1t2td {
+            .grid__order-tablet-11_1okds {
                 order: 11;
             }
-            .grid__order-tablet-12_1t2td {
+            .grid__order-tablet-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 600px) {
-        .grid__width-tablet-s-auto_1t2td {
+        .grid__width-tablet-s-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-tablet-s-available_1t2td {
+        .grid__width-tablet-s-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-tablet-s-1_1t2td {
+            .grid__width-tablet-s-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-tablet-s-2_1t2td {
+            .grid__width-tablet-s-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-tablet-s-3_1t2td {
+            .grid__width-tablet-s-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-tablet-s-4_1t2td {
+            .grid__width-tablet-s-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-tablet-s-5_1t2td {
+            .grid__width-tablet-s-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-tablet-s-6_1t2td {
+            .grid__width-tablet-s-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-tablet-s-7_1t2td {
+            .grid__width-tablet-s-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-tablet-s-8_1t2td {
+            .grid__width-tablet-s-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-tablet-s-9_1t2td {
+            .grid__width-tablet-s-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-tablet-s-10_1t2td {
+            .grid__width-tablet-s-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-tablet-s-11_1t2td {
+            .grid__width-tablet-s-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-tablet-s-12_1t2td {
+            .grid__width-tablet-s-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-tablet-s-1_1t2td {
+            .grid__offset-tablet-s-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-tablet-s-2_1t2td {
+            .grid__offset-tablet-s-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-tablet-s-3_1t2td {
+            .grid__offset-tablet-s-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-tablet-s-4_1t2td {
+            .grid__offset-tablet-s-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-tablet-s-5_1t2td {
+            .grid__offset-tablet-s-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-tablet-s-6_1t2td {
+            .grid__offset-tablet-s-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-tablet-s-7_1t2td {
+            .grid__offset-tablet-s-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-tablet-s-8_1t2td {
+            .grid__offset-tablet-s-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-tablet-s-9_1t2td {
+            .grid__offset-tablet-s-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-tablet-s-10_1t2td {
+            .grid__offset-tablet-s-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-tablet-s-11_1t2td {
+            .grid__offset-tablet-s-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-tablet-s-first_1t2td {
+        .grid__order-tablet-s-first_1okds {
             order: -1;
         }
 
-        .grid__order-tablet-s-last_1t2td {
+        .grid__order-tablet-s-last_1okds {
             order: 13;
         }
-            .grid__order-tablet-s-1_1t2td {
+            .grid__order-tablet-s-1_1okds {
                 order: 1;
             }
-            .grid__order-tablet-s-2_1t2td {
+            .grid__order-tablet-s-2_1okds {
                 order: 2;
             }
-            .grid__order-tablet-s-3_1t2td {
+            .grid__order-tablet-s-3_1okds {
                 order: 3;
             }
-            .grid__order-tablet-s-4_1t2td {
+            .grid__order-tablet-s-4_1okds {
                 order: 4;
             }
-            .grid__order-tablet-s-5_1t2td {
+            .grid__order-tablet-s-5_1okds {
                 order: 5;
             }
-            .grid__order-tablet-s-6_1t2td {
+            .grid__order-tablet-s-6_1okds {
                 order: 6;
             }
-            .grid__order-tablet-s-7_1t2td {
+            .grid__order-tablet-s-7_1okds {
                 order: 7;
             }
-            .grid__order-tablet-s-8_1t2td {
+            .grid__order-tablet-s-8_1okds {
                 order: 8;
             }
-            .grid__order-tablet-s-9_1t2td {
+            .grid__order-tablet-s-9_1okds {
                 order: 9;
             }
-            .grid__order-tablet-s-10_1t2td {
+            .grid__order-tablet-s-10_1okds {
                 order: 10;
             }
-            .grid__order-tablet-s-11_1t2td {
+            .grid__order-tablet-s-11_1okds {
                 order: 11;
             }
-            .grid__order-tablet-s-12_1t2td {
+            .grid__order-tablet-s-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 768px) {
-        .grid__width-tablet-m-auto_1t2td {
+        .grid__width-tablet-m-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-tablet-m-available_1t2td {
+        .grid__width-tablet-m-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-tablet-m-1_1t2td {
+            .grid__width-tablet-m-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-tablet-m-2_1t2td {
+            .grid__width-tablet-m-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-tablet-m-3_1t2td {
+            .grid__width-tablet-m-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-tablet-m-4_1t2td {
+            .grid__width-tablet-m-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-tablet-m-5_1t2td {
+            .grid__width-tablet-m-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-tablet-m-6_1t2td {
+            .grid__width-tablet-m-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-tablet-m-7_1t2td {
+            .grid__width-tablet-m-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-tablet-m-8_1t2td {
+            .grid__width-tablet-m-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-tablet-m-9_1t2td {
+            .grid__width-tablet-m-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-tablet-m-10_1t2td {
+            .grid__width-tablet-m-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-tablet-m-11_1t2td {
+            .grid__width-tablet-m-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-tablet-m-12_1t2td {
+            .grid__width-tablet-m-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-tablet-m-1_1t2td {
+            .grid__offset-tablet-m-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-tablet-m-2_1t2td {
+            .grid__offset-tablet-m-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-tablet-m-3_1t2td {
+            .grid__offset-tablet-m-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-tablet-m-4_1t2td {
+            .grid__offset-tablet-m-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-tablet-m-5_1t2td {
+            .grid__offset-tablet-m-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-tablet-m-6_1t2td {
+            .grid__offset-tablet-m-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-tablet-m-7_1t2td {
+            .grid__offset-tablet-m-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-tablet-m-8_1t2td {
+            .grid__offset-tablet-m-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-tablet-m-9_1t2td {
+            .grid__offset-tablet-m-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-tablet-m-10_1t2td {
+            .grid__offset-tablet-m-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-tablet-m-11_1t2td {
+            .grid__offset-tablet-m-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-tablet-m-first_1t2td {
+        .grid__order-tablet-m-first_1okds {
             order: -1;
         }
 
-        .grid__order-tablet-m-last_1t2td {
+        .grid__order-tablet-m-last_1okds {
             order: 13;
         }
-            .grid__order-tablet-m-1_1t2td {
+            .grid__order-tablet-m-1_1okds {
                 order: 1;
             }
-            .grid__order-tablet-m-2_1t2td {
+            .grid__order-tablet-m-2_1okds {
                 order: 2;
             }
-            .grid__order-tablet-m-3_1t2td {
+            .grid__order-tablet-m-3_1okds {
                 order: 3;
             }
-            .grid__order-tablet-m-4_1t2td {
+            .grid__order-tablet-m-4_1okds {
                 order: 4;
             }
-            .grid__order-tablet-m-5_1t2td {
+            .grid__order-tablet-m-5_1okds {
                 order: 5;
             }
-            .grid__order-tablet-m-6_1t2td {
+            .grid__order-tablet-m-6_1okds {
                 order: 6;
             }
-            .grid__order-tablet-m-7_1t2td {
+            .grid__order-tablet-m-7_1okds {
                 order: 7;
             }
-            .grid__order-tablet-m-8_1t2td {
+            .grid__order-tablet-m-8_1okds {
                 order: 8;
             }
-            .grid__order-tablet-m-9_1t2td {
+            .grid__order-tablet-m-9_1okds {
                 order: 9;
             }
-            .grid__order-tablet-m-10_1t2td {
+            .grid__order-tablet-m-10_1okds {
                 order: 10;
             }
-            .grid__order-tablet-m-11_1t2td {
+            .grid__order-tablet-m-11_1okds {
                 order: 11;
             }
-            .grid__order-tablet-m-12_1t2td {
+            .grid__order-tablet-m-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 1024px) {
-        .grid__width-desktop-auto_1t2td {
+        .grid__width-desktop-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-available_1t2td {
+        .grid__width-desktop-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-1_1t2td {
+            .grid__width-desktop-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-2_1t2td {
+            .grid__width-desktop-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-3_1t2td {
+            .grid__width-desktop-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-4_1t2td {
+            .grid__width-desktop-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-5_1t2td {
+            .grid__width-desktop-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-6_1t2td {
+            .grid__width-desktop-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-7_1t2td {
+            .grid__width-desktop-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-8_1t2td {
+            .grid__width-desktop-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-9_1t2td {
+            .grid__width-desktop-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-10_1t2td {
+            .grid__width-desktop-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-11_1t2td {
+            .grid__width-desktop-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-12_1t2td {
+            .grid__width-desktop-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-1_1t2td {
+            .grid__offset-desktop-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-2_1t2td {
+            .grid__offset-desktop-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-3_1t2td {
+            .grid__offset-desktop-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-4_1t2td {
+            .grid__offset-desktop-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-5_1t2td {
+            .grid__offset-desktop-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-6_1t2td {
+            .grid__offset-desktop-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-7_1t2td {
+            .grid__offset-desktop-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-8_1t2td {
+            .grid__offset-desktop-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-9_1t2td {
+            .grid__offset-desktop-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-10_1t2td {
+            .grid__offset-desktop-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-11_1t2td {
+            .grid__offset-desktop-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-first_1t2td {
+        .grid__order-desktop-first_1okds {
             order: -1;
         }
 
-        .grid__order-desktop-last_1t2td {
+        .grid__order-desktop-last_1okds {
             order: 13;
         }
-            .grid__order-desktop-1_1t2td {
+            .grid__order-desktop-1_1okds {
                 order: 1;
             }
-            .grid__order-desktop-2_1t2td {
+            .grid__order-desktop-2_1okds {
                 order: 2;
             }
-            .grid__order-desktop-3_1t2td {
+            .grid__order-desktop-3_1okds {
                 order: 3;
             }
-            .grid__order-desktop-4_1t2td {
+            .grid__order-desktop-4_1okds {
                 order: 4;
             }
-            .grid__order-desktop-5_1t2td {
+            .grid__order-desktop-5_1okds {
                 order: 5;
             }
-            .grid__order-desktop-6_1t2td {
+            .grid__order-desktop-6_1okds {
                 order: 6;
             }
-            .grid__order-desktop-7_1t2td {
+            .grid__order-desktop-7_1okds {
                 order: 7;
             }
-            .grid__order-desktop-8_1t2td {
+            .grid__order-desktop-8_1okds {
                 order: 8;
             }
-            .grid__order-desktop-9_1t2td {
+            .grid__order-desktop-9_1okds {
                 order: 9;
             }
-            .grid__order-desktop-10_1t2td {
+            .grid__order-desktop-10_1okds {
                 order: 10;
             }
-            .grid__order-desktop-11_1t2td {
+            .grid__order-desktop-11_1okds {
                 order: 11;
             }
-            .grid__order-desktop-12_1t2td {
+            .grid__order-desktop-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 1024px) {
-        .grid__width-desktop-s-auto_1t2td {
+        .grid__width-desktop-s-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-s-available_1t2td {
+        .grid__width-desktop-s-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-s-1_1t2td {
+            .grid__width-desktop-s-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-s-2_1t2td {
+            .grid__width-desktop-s-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-s-3_1t2td {
+            .grid__width-desktop-s-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-s-4_1t2td {
+            .grid__width-desktop-s-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-s-5_1t2td {
+            .grid__width-desktop-s-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-s-6_1t2td {
+            .grid__width-desktop-s-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-s-7_1t2td {
+            .grid__width-desktop-s-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-s-8_1t2td {
+            .grid__width-desktop-s-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-s-9_1t2td {
+            .grid__width-desktop-s-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-s-10_1t2td {
+            .grid__width-desktop-s-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-s-11_1t2td {
+            .grid__width-desktop-s-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-s-12_1t2td {
+            .grid__width-desktop-s-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-s-1_1t2td {
+            .grid__offset-desktop-s-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-s-2_1t2td {
+            .grid__offset-desktop-s-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-s-3_1t2td {
+            .grid__offset-desktop-s-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-s-4_1t2td {
+            .grid__offset-desktop-s-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-s-5_1t2td {
+            .grid__offset-desktop-s-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-s-6_1t2td {
+            .grid__offset-desktop-s-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-s-7_1t2td {
+            .grid__offset-desktop-s-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-s-8_1t2td {
+            .grid__offset-desktop-s-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-s-9_1t2td {
+            .grid__offset-desktop-s-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-s-10_1t2td {
+            .grid__offset-desktop-s-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-s-11_1t2td {
+            .grid__offset-desktop-s-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-s-first_1t2td {
+        .grid__order-desktop-s-first_1okds {
             order: -1;
         }
 
-        .grid__order-desktop-s-last_1t2td {
+        .grid__order-desktop-s-last_1okds {
             order: 13;
         }
-            .grid__order-desktop-s-1_1t2td {
+            .grid__order-desktop-s-1_1okds {
                 order: 1;
             }
-            .grid__order-desktop-s-2_1t2td {
+            .grid__order-desktop-s-2_1okds {
                 order: 2;
             }
-            .grid__order-desktop-s-3_1t2td {
+            .grid__order-desktop-s-3_1okds {
                 order: 3;
             }
-            .grid__order-desktop-s-4_1t2td {
+            .grid__order-desktop-s-4_1okds {
                 order: 4;
             }
-            .grid__order-desktop-s-5_1t2td {
+            .grid__order-desktop-s-5_1okds {
                 order: 5;
             }
-            .grid__order-desktop-s-6_1t2td {
+            .grid__order-desktop-s-6_1okds {
                 order: 6;
             }
-            .grid__order-desktop-s-7_1t2td {
+            .grid__order-desktop-s-7_1okds {
                 order: 7;
             }
-            .grid__order-desktop-s-8_1t2td {
+            .grid__order-desktop-s-8_1okds {
                 order: 8;
             }
-            .grid__order-desktop-s-9_1t2td {
+            .grid__order-desktop-s-9_1okds {
                 order: 9;
             }
-            .grid__order-desktop-s-10_1t2td {
+            .grid__order-desktop-s-10_1okds {
                 order: 10;
             }
-            .grid__order-desktop-s-11_1t2td {
+            .grid__order-desktop-s-11_1okds {
                 order: 11;
             }
-            .grid__order-desktop-s-12_1t2td {
+            .grid__order-desktop-s-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 1280px) {
-        .grid__width-desktop-m-auto_1t2td {
+        .grid__width-desktop-m-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-m-available_1t2td {
+        .grid__width-desktop-m-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-m-1_1t2td {
+            .grid__width-desktop-m-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-m-2_1t2td {
+            .grid__width-desktop-m-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-m-3_1t2td {
+            .grid__width-desktop-m-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-m-4_1t2td {
+            .grid__width-desktop-m-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-m-5_1t2td {
+            .grid__width-desktop-m-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-m-6_1t2td {
+            .grid__width-desktop-m-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-m-7_1t2td {
+            .grid__width-desktop-m-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-m-8_1t2td {
+            .grid__width-desktop-m-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-m-9_1t2td {
+            .grid__width-desktop-m-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-m-10_1t2td {
+            .grid__width-desktop-m-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-m-11_1t2td {
+            .grid__width-desktop-m-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-m-12_1t2td {
+            .grid__width-desktop-m-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-m-1_1t2td {
+            .grid__offset-desktop-m-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-m-2_1t2td {
+            .grid__offset-desktop-m-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-m-3_1t2td {
+            .grid__offset-desktop-m-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-m-4_1t2td {
+            .grid__offset-desktop-m-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-m-5_1t2td {
+            .grid__offset-desktop-m-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-m-6_1t2td {
+            .grid__offset-desktop-m-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-m-7_1t2td {
+            .grid__offset-desktop-m-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-m-8_1t2td {
+            .grid__offset-desktop-m-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-m-9_1t2td {
+            .grid__offset-desktop-m-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-m-10_1t2td {
+            .grid__offset-desktop-m-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-m-11_1t2td {
+            .grid__offset-desktop-m-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-m-first_1t2td {
+        .grid__order-desktop-m-first_1okds {
             order: -1;
         }
 
-        .grid__order-desktop-m-last_1t2td {
+        .grid__order-desktop-m-last_1okds {
             order: 13;
         }
-            .grid__order-desktop-m-1_1t2td {
+            .grid__order-desktop-m-1_1okds {
                 order: 1;
             }
-            .grid__order-desktop-m-2_1t2td {
+            .grid__order-desktop-m-2_1okds {
                 order: 2;
             }
-            .grid__order-desktop-m-3_1t2td {
+            .grid__order-desktop-m-3_1okds {
                 order: 3;
             }
-            .grid__order-desktop-m-4_1t2td {
+            .grid__order-desktop-m-4_1okds {
                 order: 4;
             }
-            .grid__order-desktop-m-5_1t2td {
+            .grid__order-desktop-m-5_1okds {
                 order: 5;
             }
-            .grid__order-desktop-m-6_1t2td {
+            .grid__order-desktop-m-6_1okds {
                 order: 6;
             }
-            .grid__order-desktop-m-7_1t2td {
+            .grid__order-desktop-m-7_1okds {
                 order: 7;
             }
-            .grid__order-desktop-m-8_1t2td {
+            .grid__order-desktop-m-8_1okds {
                 order: 8;
             }
-            .grid__order-desktop-m-9_1t2td {
+            .grid__order-desktop-m-9_1okds {
                 order: 9;
             }
-            .grid__order-desktop-m-10_1t2td {
+            .grid__order-desktop-m-10_1okds {
                 order: 10;
             }
-            .grid__order-desktop-m-11_1t2td {
+            .grid__order-desktop-m-11_1okds {
                 order: 11;
             }
-            .grid__order-desktop-m-12_1t2td {
+            .grid__order-desktop-m-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 1440px) {
-        .grid__width-desktop-l-auto_1t2td {
+        .grid__width-desktop-l-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-l-available_1t2td {
+        .grid__width-desktop-l-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-l-1_1t2td {
+            .grid__width-desktop-l-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-l-2_1t2td {
+            .grid__width-desktop-l-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-l-3_1t2td {
+            .grid__width-desktop-l-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-l-4_1t2td {
+            .grid__width-desktop-l-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-l-5_1t2td {
+            .grid__width-desktop-l-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-l-6_1t2td {
+            .grid__width-desktop-l-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-l-7_1t2td {
+            .grid__width-desktop-l-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-l-8_1t2td {
+            .grid__width-desktop-l-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-l-9_1t2td {
+            .grid__width-desktop-l-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-l-10_1t2td {
+            .grid__width-desktop-l-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-l-11_1t2td {
+            .grid__width-desktop-l-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-l-12_1t2td {
+            .grid__width-desktop-l-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-l-1_1t2td {
+            .grid__offset-desktop-l-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-l-2_1t2td {
+            .grid__offset-desktop-l-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-l-3_1t2td {
+            .grid__offset-desktop-l-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-l-4_1t2td {
+            .grid__offset-desktop-l-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-l-5_1t2td {
+            .grid__offset-desktop-l-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-l-6_1t2td {
+            .grid__offset-desktop-l-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-l-7_1t2td {
+            .grid__offset-desktop-l-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-l-8_1t2td {
+            .grid__offset-desktop-l-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-l-9_1t2td {
+            .grid__offset-desktop-l-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-l-10_1t2td {
+            .grid__offset-desktop-l-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-l-11_1t2td {
+            .grid__offset-desktop-l-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-l-first_1t2td {
+        .grid__order-desktop-l-first_1okds {
             order: -1;
         }
 
-        .grid__order-desktop-l-last_1t2td {
+        .grid__order-desktop-l-last_1okds {
             order: 13;
         }
-            .grid__order-desktop-l-1_1t2td {
+            .grid__order-desktop-l-1_1okds {
                 order: 1;
             }
-            .grid__order-desktop-l-2_1t2td {
+            .grid__order-desktop-l-2_1okds {
                 order: 2;
             }
-            .grid__order-desktop-l-3_1t2td {
+            .grid__order-desktop-l-3_1okds {
                 order: 3;
             }
-            .grid__order-desktop-l-4_1t2td {
+            .grid__order-desktop-l-4_1okds {
                 order: 4;
             }
-            .grid__order-desktop-l-5_1t2td {
+            .grid__order-desktop-l-5_1okds {
                 order: 5;
             }
-            .grid__order-desktop-l-6_1t2td {
+            .grid__order-desktop-l-6_1okds {
                 order: 6;
             }
-            .grid__order-desktop-l-7_1t2td {
+            .grid__order-desktop-l-7_1okds {
                 order: 7;
             }
-            .grid__order-desktop-l-8_1t2td {
+            .grid__order-desktop-l-8_1okds {
                 order: 8;
             }
-            .grid__order-desktop-l-9_1t2td {
+            .grid__order-desktop-l-9_1okds {
                 order: 9;
             }
-            .grid__order-desktop-l-10_1t2td {
+            .grid__order-desktop-l-10_1okds {
                 order: 10;
             }
-            .grid__order-desktop-l-11_1t2td {
+            .grid__order-desktop-l-11_1okds {
                 order: 11;
             }
-            .grid__order-desktop-l-12_1t2td {
+            .grid__order-desktop-l-12_1okds {
                 order: 12;
             }
     }
 
 @media (min-width: 1920px) {
-        .grid__width-desktop-xl-auto_1t2td {
+        .grid__width-desktop-xl-auto_1okds {
             flex: 0 0 auto;
             width: auto;
             max-width: none;
         }
 
-        .grid__width-desktop-xl-available_1t2td {
+        .grid__width-desktop-xl-available_1okds {
             flex-basis: auto;
             min-height: auto;
             height: auto;
         }
-            .grid__width-desktop-xl-1_1t2td {
+            .grid__width-desktop-xl-1_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 1);
                 max-width: calc(var(--grid-col-width) * 1);
             }
-            .grid__width-desktop-xl-2_1t2td {
+            .grid__width-desktop-xl-2_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 2);
                 max-width: calc(var(--grid-col-width) * 2);
             }
-            .grid__width-desktop-xl-3_1t2td {
+            .grid__width-desktop-xl-3_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 3);
                 max-width: calc(var(--grid-col-width) * 3);
             }
-            .grid__width-desktop-xl-4_1t2td {
+            .grid__width-desktop-xl-4_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 4);
                 max-width: calc(var(--grid-col-width) * 4);
             }
-            .grid__width-desktop-xl-5_1t2td {
+            .grid__width-desktop-xl-5_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 5);
                 max-width: calc(var(--grid-col-width) * 5);
             }
-            .grid__width-desktop-xl-6_1t2td {
+            .grid__width-desktop-xl-6_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 6);
                 max-width: calc(var(--grid-col-width) * 6);
             }
-            .grid__width-desktop-xl-7_1t2td {
+            .grid__width-desktop-xl-7_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 7);
                 max-width: calc(var(--grid-col-width) * 7);
             }
-            .grid__width-desktop-xl-8_1t2td {
+            .grid__width-desktop-xl-8_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 8);
                 max-width: calc(var(--grid-col-width) * 8);
             }
-            .grid__width-desktop-xl-9_1t2td {
+            .grid__width-desktop-xl-9_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 9);
                 max-width: calc(var(--grid-col-width) * 9);
             }
-            .grid__width-desktop-xl-10_1t2td {
+            .grid__width-desktop-xl-10_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 10);
                 max-width: calc(var(--grid-col-width) * 10);
             }
-            .grid__width-desktop-xl-11_1t2td {
+            .grid__width-desktop-xl-11_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 11);
                 max-width: calc(var(--grid-col-width) * 11);
             }
-            .grid__width-desktop-xl-12_1t2td {
+            .grid__width-desktop-xl-12_1okds {
                 flex: 0 0 calc(var(--grid-col-width) * 12);
                 max-width: calc(var(--grid-col-width) * 12);
             }
-            .grid__offset-desktop-xl-1_1t2td {
+            .grid__offset-desktop-xl-1_1okds {
                 margin-left: calc(var(--grid-col-width) * 1);
             }
-            .grid__offset-desktop-xl-2_1t2td {
+            .grid__offset-desktop-xl-2_1okds {
                 margin-left: calc(var(--grid-col-width) * 2);
             }
-            .grid__offset-desktop-xl-3_1t2td {
+            .grid__offset-desktop-xl-3_1okds {
                 margin-left: calc(var(--grid-col-width) * 3);
             }
-            .grid__offset-desktop-xl-4_1t2td {
+            .grid__offset-desktop-xl-4_1okds {
                 margin-left: calc(var(--grid-col-width) * 4);
             }
-            .grid__offset-desktop-xl-5_1t2td {
+            .grid__offset-desktop-xl-5_1okds {
                 margin-left: calc(var(--grid-col-width) * 5);
             }
-            .grid__offset-desktop-xl-6_1t2td {
+            .grid__offset-desktop-xl-6_1okds {
                 margin-left: calc(var(--grid-col-width) * 6);
             }
-            .grid__offset-desktop-xl-7_1t2td {
+            .grid__offset-desktop-xl-7_1okds {
                 margin-left: calc(var(--grid-col-width) * 7);
             }
-            .grid__offset-desktop-xl-8_1t2td {
+            .grid__offset-desktop-xl-8_1okds {
                 margin-left: calc(var(--grid-col-width) * 8);
             }
-            .grid__offset-desktop-xl-9_1t2td {
+            .grid__offset-desktop-xl-9_1okds {
                 margin-left: calc(var(--grid-col-width) * 9);
             }
-            .grid__offset-desktop-xl-10_1t2td {
+            .grid__offset-desktop-xl-10_1okds {
                 margin-left: calc(var(--grid-col-width) * 10);
             }
-            .grid__offset-desktop-xl-11_1t2td {
+            .grid__offset-desktop-xl-11_1okds {
                 margin-left: calc(var(--grid-col-width) * 11);
             }
 
-        .grid__order-desktop-xl-first_1t2td {
+        .grid__order-desktop-xl-first_1okds {
             order: -1;
         }
 
-        .grid__order-desktop-xl-last_1t2td {
+        .grid__order-desktop-xl-last_1okds {
             order: 13;
         }
-            .grid__order-desktop-xl-1_1t2td {
+            .grid__order-desktop-xl-1_1okds {
                 order: 1;
             }
-            .grid__order-desktop-xl-2_1t2td {
+            .grid__order-desktop-xl-2_1okds {
                 order: 2;
             }
-            .grid__order-desktop-xl-3_1t2td {
+            .grid__order-desktop-xl-3_1okds {
                 order: 3;
             }
-            .grid__order-desktop-xl-4_1t2td {
+            .grid__order-desktop-xl-4_1okds {
                 order: 4;
             }
-            .grid__order-desktop-xl-5_1t2td {
+            .grid__order-desktop-xl-5_1okds {
                 order: 5;
             }
-            .grid__order-desktop-xl-6_1t2td {
+            .grid__order-desktop-xl-6_1okds {
                 order: 6;
             }
-            .grid__order-desktop-xl-7_1t2td {
+            .grid__order-desktop-xl-7_1okds {
                 order: 7;
             }
-            .grid__order-desktop-xl-8_1t2td {
+            .grid__order-desktop-xl-8_1okds {
                 order: 8;
             }
-            .grid__order-desktop-xl-9_1t2td {
+            .grid__order-desktop-xl-9_1okds {
                 order: 9;
             }
-            .grid__order-desktop-xl-10_1t2td {
+            .grid__order-desktop-xl-10_1okds {
                 order: 10;
             }
-            .grid__order-desktop-xl-11_1t2td {
+            .grid__order-desktop-xl-11_1okds {
                 order: 11;
             }
-            .grid__order-desktop-xl-12_1t2td {
+            .grid__order-desktop-xl-12_1okds {
                 order: 12;
             }
     }