@progress/kendo-theme-material 8.0.0-dev.1 → 8.0.0-dev.3

package/dist/all.css

@@ -5547,1131 +5547,1131 @@ kendo-sortable {
 }
 
 .k-gap-0 {
-    gap: 0px;
+    gap: var(--kendo-spacing-0, 0px);
 }
 
 .\!k-gap-0 {
-    gap: 0px !important;
+    gap: var(--kendo-spacing-0, 0px) !important;
 }
 
 .k-gap-1px {
-    gap: 1px;
+    gap: var(--kendo-spacing-1px, 1px);
 }
 
 .\!k-gap-1px {
-    gap: 1px !important;
+    gap: var(--kendo-spacing-1px, 1px) !important;
 }
 
 .k-gap-0\.5 {
-    gap: 0.125rem;
+    gap: var(--kendo-spacing-0\.5, 0.125rem);
 }
 
 .\!k-gap-0\.5 {
-    gap: 0.125rem !important;
+    gap: var(--kendo-spacing-0\.5, 0.125rem) !important;
 }
 
 .k-gap-1 {
-    gap: 0.25rem;
+    gap: var(--kendo-spacing-1, 0.25rem);
 }
 
 .\!k-gap-1 {
-    gap: 0.25rem !important;
+    gap: var(--kendo-spacing-1, 0.25rem) !important;
 }
 
 .k-gap-1\.5 {
-    gap: 0.375rem;
+    gap: var(--kendo-spacing-1\.5, 0.375rem);
 }
 
 .\!k-gap-1\.5 {
-    gap: 0.375rem !important;
+    gap: var(--kendo-spacing-1\.5, 0.375rem) !important;
 }
 
 .k-gap-2 {
-    gap: 0.5rem;
+    gap: var(--kendo-spacing-2, 0.5rem);
 }
 
 .\!k-gap-2 {
-    gap: 0.5rem !important;
+    gap: var(--kendo-spacing-2, 0.5rem) !important;
 }
 
 .k-gap-2\.5 {
-    gap: 0.625rem;
+    gap: var(--kendo-spacing-2\.5, 0.625rem);
 }
 
 .\!k-gap-2\.5 {
-    gap: 0.625rem !important;
+    gap: var(--kendo-spacing-2\.5, 0.625rem) !important;
 }
 
 .k-gap-3 {
-    gap: 0.75rem;
+    gap: var(--kendo-spacing-3, 0.75rem);
 }
 
 .\!k-gap-3 {
-    gap: 0.75rem !important;
+    gap: var(--kendo-spacing-3, 0.75rem) !important;
 }
 
 .k-gap-3\.5 {
-    gap: 0.875rem;
+    gap: var(--kendo-spacing-3\.5, 0.875rem);
 }
 
 .\!k-gap-3\.5 {
-    gap: 0.875rem !important;
+    gap: var(--kendo-spacing-3\.5, 0.875rem) !important;
 }
 
 .k-gap-4 {
-    gap: 1rem;
+    gap: var(--kendo-spacing-4, 1rem);
 }
 
 .\!k-gap-4 {
-    gap: 1rem !important;
+    gap: var(--kendo-spacing-4, 1rem) !important;
 }
 
 .k-gap-4\.5 {
-    gap: 1.125rem;
+    gap: var(--kendo-spacing-4\.5, 1.125rem);
 }
 
 .\!k-gap-4\.5 {
-    gap: 1.125rem !important;
+    gap: var(--kendo-spacing-4\.5, 1.125rem) !important;
 }
 
 .k-gap-5 {
-    gap: 1.25rem;
+    gap: var(--kendo-spacing-5, 1.25rem);
 }
 
 .\!k-gap-5 {
-    gap: 1.25rem !important;
+    gap: var(--kendo-spacing-5, 1.25rem) !important;
 }
 
 .k-gap-5\.5 {
-    gap: 1.375rem;
+    gap: var(--kendo-spacing-5\.5, 1.375rem);
 }
 
 .\!k-gap-5\.5 {
-    gap: 1.375rem !important;
+    gap: var(--kendo-spacing-5\.5, 1.375rem) !important;
 }
 
 .k-gap-6 {
-    gap: 1.5rem;
+    gap: var(--kendo-spacing-6, 1.5rem);
 }
 
 .\!k-gap-6 {
-    gap: 1.5rem !important;
+    gap: var(--kendo-spacing-6, 1.5rem) !important;
 }
 
 .k-gap-6\.5 {
-    gap: 1.625rem;
+    gap: var(--kendo-spacing-6\.5, 1.625rem);
 }
 
 .\!k-gap-6\.5 {
-    gap: 1.625rem !important;
+    gap: var(--kendo-spacing-6\.5, 1.625rem) !important;
 }
 
 .k-gap-7 {
-    gap: 1.75rem;
+    gap: var(--kendo-spacing-7, 1.75rem);
 }
 
 .\!k-gap-7 {
-    gap: 1.75rem !important;
+    gap: var(--kendo-spacing-7, 1.75rem) !important;
 }
 
 .k-gap-7\.5 {
-    gap: 1.875rem;
+    gap: var(--kendo-spacing-7\.5, 1.875rem);
 }
 
 .\!k-gap-7\.5 {
-    gap: 1.875rem !important;
+    gap: var(--kendo-spacing-7\.5, 1.875rem) !important;
 }
 
 .k-gap-8 {
-    gap: 2rem;
+    gap: var(--kendo-spacing-8, 2rem);
 }
 
 .\!k-gap-8 {
-    gap: 2rem !important;
+    gap: var(--kendo-spacing-8, 2rem) !important;
 }
 
 .k-gap-9 {
-    gap: 2.25rem;
+    gap: var(--kendo-spacing-9, 2.25rem);
 }
 
 .\!k-gap-9 {
-    gap: 2.25rem !important;
+    gap: var(--kendo-spacing-9, 2.25rem) !important;
 }
 
 .k-gap-10 {
-    gap: 2.5rem;
+    gap: var(--kendo-spacing-10, 2.5rem);
 }
 
 .\!k-gap-10 {
-    gap: 2.5rem !important;
+    gap: var(--kendo-spacing-10, 2.5rem) !important;
 }
 
 .k-gap-11 {
-    gap: 2.75rem;
+    gap: var(--kendo-spacing-11, 2.75rem);
 }
 
 .\!k-gap-11 {
-    gap: 2.75rem !important;
+    gap: var(--kendo-spacing-11, 2.75rem) !important;
 }
 
 .k-gap-12 {
-    gap: 3rem;
+    gap: var(--kendo-spacing-12, 3rem);
 }
 
 .\!k-gap-12 {
-    gap: 3rem !important;
+    gap: var(--kendo-spacing-12, 3rem) !important;
 }
 
 .k-gap-13 {
-    gap: 3.25rem;
+    gap: var(--kendo-spacing-13, 3.25rem);
 }
 
 .\!k-gap-13 {
-    gap: 3.25rem !important;
+    gap: var(--kendo-spacing-13, 3.25rem) !important;
 }
 
 .k-gap-14 {
-    gap: 3.5rem;
+    gap: var(--kendo-spacing-14, 3.5rem);
 }
 
 .\!k-gap-14 {
-    gap: 3.5rem !important;
+    gap: var(--kendo-spacing-14, 3.5rem) !important;
 }
 
 .k-gap-15 {
-    gap: 3.75rem;
+    gap: var(--kendo-spacing-15, 3.75rem);
 }
 
 .\!k-gap-15 {
-    gap: 3.75rem !important;
+    gap: var(--kendo-spacing-15, 3.75rem) !important;
 }
 
 .k-gap-16 {
-    gap: 4rem;
+    gap: var(--kendo-spacing-16, 4rem);
 }
 
 .\!k-gap-16 {
-    gap: 4rem !important;
+    gap: var(--kendo-spacing-16, 4rem) !important;
 }
 
 .k-gap-17 {
-    gap: 4.25rem;
+    gap: var(--kendo-spacing-17, 4.25rem);
 }
 
 .\!k-gap-17 {
-    gap: 4.25rem !important;
+    gap: var(--kendo-spacing-17, 4.25rem) !important;
 }
 
 .k-gap-18 {
-    gap: 4.5rem;
+    gap: var(--kendo-spacing-18, 4.5rem);
 }
 
 .\!k-gap-18 {
-    gap: 4.5rem !important;
+    gap: var(--kendo-spacing-18, 4.5rem) !important;
 }
 
 .k-gap-19 {
-    gap: 4.75rem;
+    gap: var(--kendo-spacing-19, 4.75rem);
 }
 
 .\!k-gap-19 {
-    gap: 4.75rem !important;
+    gap: var(--kendo-spacing-19, 4.75rem) !important;
 }
 
 .k-gap-20 {
-    gap: 5rem;
+    gap: var(--kendo-spacing-20, 5rem);
 }
 
 .\!k-gap-20 {
-    gap: 5rem !important;
+    gap: var(--kendo-spacing-20, 5rem) !important;
 }
 
 .k-gap-21 {
-    gap: 5.25rem;
+    gap: var(--kendo-spacing-21, 5.25rem);
 }
 
 .\!k-gap-21 {
-    gap: 5.25rem !important;
+    gap: var(--kendo-spacing-21, 5.25rem) !important;
 }
 
 .k-gap-22 {
-    gap: 5.5rem;
+    gap: var(--kendo-spacing-22, 5.5rem);
 }
 
 .\!k-gap-22 {
-    gap: 5.5rem !important;
+    gap: var(--kendo-spacing-22, 5.5rem) !important;
 }
 
 .k-gap-23 {
-    gap: 5.75rem;
+    gap: var(--kendo-spacing-23, 5.75rem);
 }
 
 .\!k-gap-23 {
-    gap: 5.75rem !important;
+    gap: var(--kendo-spacing-23, 5.75rem) !important;
 }
 
 .k-gap-24 {
-    gap: 6rem;
+    gap: var(--kendo-spacing-24, 6rem);
 }
 
 .\!k-gap-24 {
-    gap: 6rem !important;
+    gap: var(--kendo-spacing-24, 6rem) !important;
 }
 
 .k-gap-25 {
-    gap: 7rem;
+    gap: var(--kendo-spacing-25, 7rem);
 }
 
 .\!k-gap-25 {
-    gap: 7rem !important;
+    gap: var(--kendo-spacing-25, 7rem) !important;
 }
 
 .k-gap-26 {
-    gap: 8rem;
+    gap: var(--kendo-spacing-26, 8rem);
 }
 
 .\!k-gap-26 {
-    gap: 8rem !important;
+    gap: var(--kendo-spacing-26, 8rem) !important;
 }
 
 .k-gap-27 {
-    gap: 9rem;
+    gap: var(--kendo-spacing-27, 9rem);
 }
 
 .\!k-gap-27 {
-    gap: 9rem !important;
+    gap: var(--kendo-spacing-27, 9rem) !important;
 }
 
 .k-gap-28 {
-    gap: 10rem;
+    gap: var(--kendo-spacing-28, 10rem);
 }
 
 .\!k-gap-28 {
-    gap: 10rem !important;
+    gap: var(--kendo-spacing-28, 10rem) !important;
 }
 
 .k-gap-29 {
-    gap: 11rem;
+    gap: var(--kendo-spacing-29, 11rem);
 }
 
 .\!k-gap-29 {
-    gap: 11rem !important;
+    gap: var(--kendo-spacing-29, 11rem) !important;
 }
 
 .k-gap-30 {
-    gap: 12rem;
+    gap: var(--kendo-spacing-30, 12rem);
 }
 
 .\!k-gap-30 {
-    gap: 12rem !important;
+    gap: var(--kendo-spacing-30, 12rem) !important;
 }
 
 .k-gap-xs {
-    gap: var(--kendo-spacing-1, 0.25rem);
+    gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
 }
 
 .\!k-gap-xs {
-    gap: var(--kendo-spacing-1, 0.25rem) !important;
+    gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
 }
 
 .k-gap-sm {
-    gap: var(--kendo-spacing-2, 0.5rem);
+    gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
 }
 
 .\!k-gap-sm {
-    gap: var(--kendo-spacing-2, 0.5rem) !important;
+    gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
 }
 
 .k-gap-md {
-    gap: var(--kendo-spacing-3, 0.75rem);
+    gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
 }
 
 .\!k-gap-md {
-    gap: var(--kendo-spacing-3, 0.75rem) !important;
+    gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
 }
 
 .k-gap-lg {
-    gap: var(--kendo-spacing-4, 1rem);
+    gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
 }
 
 .\!k-gap-lg {
-    gap: var(--kendo-spacing-4, 1rem) !important;
+    gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
 }
 
 .k-gap-xl {
-    gap: var(--kendo-spacing-6, 1.5rem);
+    gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
 }
 
 .\!k-gap-xl {
-    gap: var(--kendo-spacing-6, 1.5rem) !important;
+    gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
 }
 
 .k-gap-thin {
-    gap: var(--kendo-spacing-0\.5, 0.125rem);
+    gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
 }
 
 .\!k-gap-thin {
-    gap: var(--kendo-spacing-0\.5, 0.125rem) !important;
+    gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
 }
 
 .k-gap-hair {
-    gap: var(--kendo-spacing-1px, 1px);
+    gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
 }
 
 .\!k-gap-hair {
-    gap: var(--kendo-spacing-1px, 1px) !important;
+    gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
 }
 
 .k-gap-x-0 {
-    column-gap: 0px;
+    column-gap: var(--kendo-spacing-0, 0px);
 }
 
 .\!k-gap-x-0 {
-    column-gap: 0px !important;
+    column-gap: var(--kendo-spacing-0, 0px) !important;
 }
 
 .k-gap-x-1px {
-    column-gap: 1px;
+    column-gap: var(--kendo-spacing-1px, 1px);
 }
 
 .\!k-gap-x-1px {
-    column-gap: 1px !important;
+    column-gap: var(--kendo-spacing-1px, 1px) !important;
 }
 
 .k-gap-x-0\.5 {
-    column-gap: 0.125rem;
+    column-gap: var(--kendo-spacing-0\.5, 0.125rem);
 }
 
 .\!k-gap-x-0\.5 {
-    column-gap: 0.125rem !important;
+    column-gap: var(--kendo-spacing-0\.5, 0.125rem) !important;
 }
 
 .k-gap-x-1 {
-    column-gap: 0.25rem;
+    column-gap: var(--kendo-spacing-1, 0.25rem);
 }
 
 .\!k-gap-x-1 {
-    column-gap: 0.25rem !important;
+    column-gap: var(--kendo-spacing-1, 0.25rem) !important;
 }
 
 .k-gap-x-1\.5 {
-    column-gap: 0.375rem;
+    column-gap: var(--kendo-spacing-1\.5, 0.375rem);
 }
 
 .\!k-gap-x-1\.5 {
-    column-gap: 0.375rem !important;
+    column-gap: var(--kendo-spacing-1\.5, 0.375rem) !important;
 }
 
 .k-gap-x-2 {
-    column-gap: 0.5rem;
+    column-gap: var(--kendo-spacing-2, 0.5rem);
 }
 
 .\!k-gap-x-2 {
-    column-gap: 0.5rem !important;
+    column-gap: var(--kendo-spacing-2, 0.5rem) !important;
 }
 
 .k-gap-x-2\.5 {
-    column-gap: 0.625rem;
+    column-gap: var(--kendo-spacing-2\.5, 0.625rem);
 }
 
 .\!k-gap-x-2\.5 {
-    column-gap: 0.625rem !important;
+    column-gap: var(--kendo-spacing-2\.5, 0.625rem) !important;
 }
 
 .k-gap-x-3 {
-    column-gap: 0.75rem;
+    column-gap: var(--kendo-spacing-3, 0.75rem);
 }
 
 .\!k-gap-x-3 {
-    column-gap: 0.75rem !important;
+    column-gap: var(--kendo-spacing-3, 0.75rem) !important;
 }
 
 .k-gap-x-3\.5 {
-    column-gap: 0.875rem;
+    column-gap: var(--kendo-spacing-3\.5, 0.875rem);
 }
 
 .\!k-gap-x-3\.5 {
-    column-gap: 0.875rem !important;
+    column-gap: var(--kendo-spacing-3\.5, 0.875rem) !important;
 }
 
 .k-gap-x-4 {
-    column-gap: 1rem;
+    column-gap: var(--kendo-spacing-4, 1rem);
 }
 
 .\!k-gap-x-4 {
-    column-gap: 1rem !important;
+    column-gap: var(--kendo-spacing-4, 1rem) !important;
 }
 
 .k-gap-x-4\.5 {
-    column-gap: 1.125rem;
+    column-gap: var(--kendo-spacing-4\.5, 1.125rem);
 }
 
 .\!k-gap-x-4\.5 {
-    column-gap: 1.125rem !important;
+    column-gap: var(--kendo-spacing-4\.5, 1.125rem) !important;
 }
 
 .k-gap-x-5 {
-    column-gap: 1.25rem;
+    column-gap: var(--kendo-spacing-5, 1.25rem);
 }
 
 .\!k-gap-x-5 {
-    column-gap: 1.25rem !important;
+    column-gap: var(--kendo-spacing-5, 1.25rem) !important;
 }
 
 .k-gap-x-5\.5 {
-    column-gap: 1.375rem;
+    column-gap: var(--kendo-spacing-5\.5, 1.375rem);
 }
 
 .\!k-gap-x-5\.5 {
-    column-gap: 1.375rem !important;
+    column-gap: var(--kendo-spacing-5\.5, 1.375rem) !important;
 }
 
 .k-gap-x-6 {
-    column-gap: 1.5rem;
+    column-gap: var(--kendo-spacing-6, 1.5rem);
 }
 
 .\!k-gap-x-6 {
-    column-gap: 1.5rem !important;
+    column-gap: var(--kendo-spacing-6, 1.5rem) !important;
 }
 
 .k-gap-x-6\.5 {
-    column-gap: 1.625rem;
+    column-gap: var(--kendo-spacing-6\.5, 1.625rem);
 }
 
 .\!k-gap-x-6\.5 {
-    column-gap: 1.625rem !important;
+    column-gap: var(--kendo-spacing-6\.5, 1.625rem) !important;
 }
 
 .k-gap-x-7 {
-    column-gap: 1.75rem;
+    column-gap: var(--kendo-spacing-7, 1.75rem);
 }
 
 .\!k-gap-x-7 {
-    column-gap: 1.75rem !important;
+    column-gap: var(--kendo-spacing-7, 1.75rem) !important;
 }
 
 .k-gap-x-7\.5 {
-    column-gap: 1.875rem;
+    column-gap: var(--kendo-spacing-7\.5, 1.875rem);
 }
 
 .\!k-gap-x-7\.5 {
-    column-gap: 1.875rem !important;
+    column-gap: var(--kendo-spacing-7\.5, 1.875rem) !important;
 }
 
 .k-gap-x-8 {
-    column-gap: 2rem;
+    column-gap: var(--kendo-spacing-8, 2rem);
 }
 
 .\!k-gap-x-8 {
-    column-gap: 2rem !important;
+    column-gap: var(--kendo-spacing-8, 2rem) !important;
 }
 
 .k-gap-x-9 {
-    column-gap: 2.25rem;
+    column-gap: var(--kendo-spacing-9, 2.25rem);
 }
 
 .\!k-gap-x-9 {
-    column-gap: 2.25rem !important;
+    column-gap: var(--kendo-spacing-9, 2.25rem) !important;
 }
 
 .k-gap-x-10 {
-    column-gap: 2.5rem;
+    column-gap: var(--kendo-spacing-10, 2.5rem);
 }
 
 .\!k-gap-x-10 {
-    column-gap: 2.5rem !important;
+    column-gap: var(--kendo-spacing-10, 2.5rem) !important;
 }
 
 .k-gap-x-11 {
-    column-gap: 2.75rem;
+    column-gap: var(--kendo-spacing-11, 2.75rem);
 }
 
 .\!k-gap-x-11 {
-    column-gap: 2.75rem !important;
+    column-gap: var(--kendo-spacing-11, 2.75rem) !important;
 }
 
 .k-gap-x-12 {
-    column-gap: 3rem;
+    column-gap: var(--kendo-spacing-12, 3rem);
 }
 
 .\!k-gap-x-12 {
-    column-gap: 3rem !important;
+    column-gap: var(--kendo-spacing-12, 3rem) !important;
 }
 
 .k-gap-x-13 {
-    column-gap: 3.25rem;
+    column-gap: var(--kendo-spacing-13, 3.25rem);
 }
 
 .\!k-gap-x-13 {
-    column-gap: 3.25rem !important;
+    column-gap: var(--kendo-spacing-13, 3.25rem) !important;
 }
 
 .k-gap-x-14 {
-    column-gap: 3.5rem;
+    column-gap: var(--kendo-spacing-14, 3.5rem);
 }
 
 .\!k-gap-x-14 {
-    column-gap: 3.5rem !important;
+    column-gap: var(--kendo-spacing-14, 3.5rem) !important;
 }
 
 .k-gap-x-15 {
-    column-gap: 3.75rem;
+    column-gap: var(--kendo-spacing-15, 3.75rem);
 }
 
 .\!k-gap-x-15 {
-    column-gap: 3.75rem !important;
+    column-gap: var(--kendo-spacing-15, 3.75rem) !important;
 }
 
 .k-gap-x-16 {
-    column-gap: 4rem;
+    column-gap: var(--kendo-spacing-16, 4rem);
 }
 
 .\!k-gap-x-16 {
-    column-gap: 4rem !important;
+    column-gap: var(--kendo-spacing-16, 4rem) !important;
 }
 
 .k-gap-x-17 {
-    column-gap: 4.25rem;
+    column-gap: var(--kendo-spacing-17, 4.25rem);
 }
 
 .\!k-gap-x-17 {
-    column-gap: 4.25rem !important;
+    column-gap: var(--kendo-spacing-17, 4.25rem) !important;
 }
 
 .k-gap-x-18 {
-    column-gap: 4.5rem;
+    column-gap: var(--kendo-spacing-18, 4.5rem);
 }
 
 .\!k-gap-x-18 {
-    column-gap: 4.5rem !important;
+    column-gap: var(--kendo-spacing-18, 4.5rem) !important;
 }
 
 .k-gap-x-19 {
-    column-gap: 4.75rem;
+    column-gap: var(--kendo-spacing-19, 4.75rem);
 }
 
 .\!k-gap-x-19 {
-    column-gap: 4.75rem !important;
+    column-gap: var(--kendo-spacing-19, 4.75rem) !important;
 }
 
 .k-gap-x-20 {
-    column-gap: 5rem;
+    column-gap: var(--kendo-spacing-20, 5rem);
 }
 
 .\!k-gap-x-20 {
-    column-gap: 5rem !important;
+    column-gap: var(--kendo-spacing-20, 5rem) !important;
 }
 
 .k-gap-x-21 {
-    column-gap: 5.25rem;
+    column-gap: var(--kendo-spacing-21, 5.25rem);
 }
 
 .\!k-gap-x-21 {
-    column-gap: 5.25rem !important;
+    column-gap: var(--kendo-spacing-21, 5.25rem) !important;
 }
 
 .k-gap-x-22 {
-    column-gap: 5.5rem;
+    column-gap: var(--kendo-spacing-22, 5.5rem);
 }
 
 .\!k-gap-x-22 {
-    column-gap: 5.5rem !important;
+    column-gap: var(--kendo-spacing-22, 5.5rem) !important;
 }
 
 .k-gap-x-23 {
-    column-gap: 5.75rem;
+    column-gap: var(--kendo-spacing-23, 5.75rem);
 }
 
 .\!k-gap-x-23 {
-    column-gap: 5.75rem !important;
+    column-gap: var(--kendo-spacing-23, 5.75rem) !important;
 }
 
 .k-gap-x-24 {
-    column-gap: 6rem;
+    column-gap: var(--kendo-spacing-24, 6rem);
 }
 
 .\!k-gap-x-24 {
-    column-gap: 6rem !important;
+    column-gap: var(--kendo-spacing-24, 6rem) !important;
 }
 
 .k-gap-x-25 {
-    column-gap: 7rem;
+    column-gap: var(--kendo-spacing-25, 7rem);
 }
 
 .\!k-gap-x-25 {
-    column-gap: 7rem !important;
+    column-gap: var(--kendo-spacing-25, 7rem) !important;
 }
 
 .k-gap-x-26 {
-    column-gap: 8rem;
+    column-gap: var(--kendo-spacing-26, 8rem);
 }
 
 .\!k-gap-x-26 {
-    column-gap: 8rem !important;
+    column-gap: var(--kendo-spacing-26, 8rem) !important;
 }
 
 .k-gap-x-27 {
-    column-gap: 9rem;
+    column-gap: var(--kendo-spacing-27, 9rem);
 }
 
 .\!k-gap-x-27 {
-    column-gap: 9rem !important;
+    column-gap: var(--kendo-spacing-27, 9rem) !important;
 }
 
 .k-gap-x-28 {
-    column-gap: 10rem;
+    column-gap: var(--kendo-spacing-28, 10rem);
 }
 
 .\!k-gap-x-28 {
-    column-gap: 10rem !important;
+    column-gap: var(--kendo-spacing-28, 10rem) !important;
 }
 
 .k-gap-x-29 {
-    column-gap: 11rem;
+    column-gap: var(--kendo-spacing-29, 11rem);
 }
 
 .\!k-gap-x-29 {
-    column-gap: 11rem !important;
+    column-gap: var(--kendo-spacing-29, 11rem) !important;
 }
 
 .k-gap-x-30 {
-    column-gap: 12rem;
+    column-gap: var(--kendo-spacing-30, 12rem);
 }
 
 .\!k-gap-x-30 {
-    column-gap: 12rem !important;
+    column-gap: var(--kendo-spacing-30, 12rem) !important;
 }
 
 .k-gap-x-xs {
-    column-gap: var(--kendo-spacing-1, 0.25rem);
+    column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
 }
 
 .\!k-gap-x-xs {
-    column-gap: var(--kendo-spacing-1, 0.25rem) !important;
+    column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
 }
 
 .k-gap-x-sm {
-    column-gap: var(--kendo-spacing-2, 0.5rem);
+    column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
 }
 
 .\!k-gap-x-sm {
-    column-gap: var(--kendo-spacing-2, 0.5rem) !important;
+    column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
 }
 
 .k-gap-x-md {
-    column-gap: var(--kendo-spacing-3, 0.75rem);
+    column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
 }
 
 .\!k-gap-x-md {
-    column-gap: var(--kendo-spacing-3, 0.75rem) !important;
+    column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
 }
 
 .k-gap-x-lg {
-    column-gap: var(--kendo-spacing-4, 1rem);
+    column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
 }
 
 .\!k-gap-x-lg {
-    column-gap: var(--kendo-spacing-4, 1rem) !important;
+    column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
 }
 
 .k-gap-x-xl {
-    column-gap: var(--kendo-spacing-6, 1.5rem);
+    column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
 }
 
 .\!k-gap-x-xl {
-    column-gap: var(--kendo-spacing-6, 1.5rem) !important;
+    column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
 }
 
 .k-gap-x-thin {
-    column-gap: var(--kendo-spacing-0\.5, 0.125rem);
+    column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
 }
 
 .\!k-gap-x-thin {
-    column-gap: var(--kendo-spacing-0\.5, 0.125rem) !important;
+    column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
 }
 
 .k-gap-x-hair {
-    column-gap: var(--kendo-spacing-1px, 1px);
+    column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
 }
 
 .\!k-gap-x-hair {
-    column-gap: var(--kendo-spacing-1px, 1px) !important;
+    column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
 }
 
 .k-gap-y-0 {
-    row-gap: 0px;
+    row-gap: var(--kendo-spacing-0, 0px);
 }
 
 .\!k-gap-y-0 {
-    row-gap: 0px !important;
+    row-gap: var(--kendo-spacing-0, 0px) !important;
 }
 
 .k-gap-y-1px {
-    row-gap: 1px;
+    row-gap: var(--kendo-spacing-1px, 1px);
 }
 
 .\!k-gap-y-1px {
-    row-gap: 1px !important;
+    row-gap: var(--kendo-spacing-1px, 1px) !important;
 }
 
 .k-gap-y-0\.5 {
-    row-gap: 0.125rem;
+    row-gap: var(--kendo-spacing-0\.5, 0.125rem);
 }
 
 .\!k-gap-y-0\.5 {
-    row-gap: 0.125rem !important;
+    row-gap: var(--kendo-spacing-0\.5, 0.125rem) !important;
 }
 
 .k-gap-y-1 {
-    row-gap: 0.25rem;
+    row-gap: var(--kendo-spacing-1, 0.25rem);
 }
 
 .\!k-gap-y-1 {
-    row-gap: 0.25rem !important;
+    row-gap: var(--kendo-spacing-1, 0.25rem) !important;
 }
 
 .k-gap-y-1\.5 {
-    row-gap: 0.375rem;
+    row-gap: var(--kendo-spacing-1\.5, 0.375rem);
 }
 
 .\!k-gap-y-1\.5 {
-    row-gap: 0.375rem !important;
+    row-gap: var(--kendo-spacing-1\.5, 0.375rem) !important;
 }
 
 .k-gap-y-2 {
-    row-gap: 0.5rem;
+    row-gap: var(--kendo-spacing-2, 0.5rem);
 }
 
 .\!k-gap-y-2 {
-    row-gap: 0.5rem !important;
+    row-gap: var(--kendo-spacing-2, 0.5rem) !important;
 }
 
 .k-gap-y-2\.5 {
-    row-gap: 0.625rem;
+    row-gap: var(--kendo-spacing-2\.5, 0.625rem);
 }
 
 .\!k-gap-y-2\.5 {
-    row-gap: 0.625rem !important;
+    row-gap: var(--kendo-spacing-2\.5, 0.625rem) !important;
 }
 
 .k-gap-y-3 {
-    row-gap: 0.75rem;
+    row-gap: var(--kendo-spacing-3, 0.75rem);
 }
 
 .\!k-gap-y-3 {
-    row-gap: 0.75rem !important;
+    row-gap: var(--kendo-spacing-3, 0.75rem) !important;
 }
 
 .k-gap-y-3\.5 {
-    row-gap: 0.875rem;
+    row-gap: var(--kendo-spacing-3\.5, 0.875rem);
 }
 
 .\!k-gap-y-3\.5 {
-    row-gap: 0.875rem !important;
+    row-gap: var(--kendo-spacing-3\.5, 0.875rem) !important;
 }
 
 .k-gap-y-4 {
-    row-gap: 1rem;
+    row-gap: var(--kendo-spacing-4, 1rem);
 }
 
 .\!k-gap-y-4 {
-    row-gap: 1rem !important;
+    row-gap: var(--kendo-spacing-4, 1rem) !important;
 }
 
 .k-gap-y-4\.5 {
-    row-gap: 1.125rem;
+    row-gap: var(--kendo-spacing-4\.5, 1.125rem);
 }
 
 .\!k-gap-y-4\.5 {
-    row-gap: 1.125rem !important;
+    row-gap: var(--kendo-spacing-4\.5, 1.125rem) !important;
 }
 
 .k-gap-y-5 {
-    row-gap: 1.25rem;
+    row-gap: var(--kendo-spacing-5, 1.25rem);
 }
 
 .\!k-gap-y-5 {
-    row-gap: 1.25rem !important;
+    row-gap: var(--kendo-spacing-5, 1.25rem) !important;
 }
 
 .k-gap-y-5\.5 {
-    row-gap: 1.375rem;
+    row-gap: var(--kendo-spacing-5\.5, 1.375rem);
 }
 
 .\!k-gap-y-5\.5 {
-    row-gap: 1.375rem !important;
+    row-gap: var(--kendo-spacing-5\.5, 1.375rem) !important;
 }
 
 .k-gap-y-6 {
-    row-gap: 1.5rem;
+    row-gap: var(--kendo-spacing-6, 1.5rem);
 }
 
 .\!k-gap-y-6 {
-    row-gap: 1.5rem !important;
+    row-gap: var(--kendo-spacing-6, 1.5rem) !important;
 }
 
 .k-gap-y-6\.5 {
-    row-gap: 1.625rem;
+    row-gap: var(--kendo-spacing-6\.5, 1.625rem);
 }
 
 .\!k-gap-y-6\.5 {
-    row-gap: 1.625rem !important;
+    row-gap: var(--kendo-spacing-6\.5, 1.625rem) !important;
 }
 
 .k-gap-y-7 {
-    row-gap: 1.75rem;
+    row-gap: var(--kendo-spacing-7, 1.75rem);
 }
 
 .\!k-gap-y-7 {
-    row-gap: 1.75rem !important;
+    row-gap: var(--kendo-spacing-7, 1.75rem) !important;
 }
 
 .k-gap-y-7\.5 {
-    row-gap: 1.875rem;
+    row-gap: var(--kendo-spacing-7\.5, 1.875rem);
 }
 
 .\!k-gap-y-7\.5 {
-    row-gap: 1.875rem !important;
+    row-gap: var(--kendo-spacing-7\.5, 1.875rem) !important;
 }
 
 .k-gap-y-8 {
-    row-gap: 2rem;
+    row-gap: var(--kendo-spacing-8, 2rem);
 }
 
 .\!k-gap-y-8 {
-    row-gap: 2rem !important;
+    row-gap: var(--kendo-spacing-8, 2rem) !important;
 }
 
 .k-gap-y-9 {
-    row-gap: 2.25rem;
+    row-gap: var(--kendo-spacing-9, 2.25rem);
 }
 
 .\!k-gap-y-9 {
-    row-gap: 2.25rem !important;
+    row-gap: var(--kendo-spacing-9, 2.25rem) !important;
 }
 
 .k-gap-y-10 {
-    row-gap: 2.5rem;
+    row-gap: var(--kendo-spacing-10, 2.5rem);
 }
 
 .\!k-gap-y-10 {
-    row-gap: 2.5rem !important;
+    row-gap: var(--kendo-spacing-10, 2.5rem) !important;
 }
 
 .k-gap-y-11 {
-    row-gap: 2.75rem;
+    row-gap: var(--kendo-spacing-11, 2.75rem);
 }
 
 .\!k-gap-y-11 {
-    row-gap: 2.75rem !important;
+    row-gap: var(--kendo-spacing-11, 2.75rem) !important;
 }
 
 .k-gap-y-12 {
-    row-gap: 3rem;
+    row-gap: var(--kendo-spacing-12, 3rem);
 }
 
 .\!k-gap-y-12 {
-    row-gap: 3rem !important;
+    row-gap: var(--kendo-spacing-12, 3rem) !important;
 }
 
 .k-gap-y-13 {
-    row-gap: 3.25rem;
+    row-gap: var(--kendo-spacing-13, 3.25rem);
 }
 
 .\!k-gap-y-13 {
-    row-gap: 3.25rem !important;
+    row-gap: var(--kendo-spacing-13, 3.25rem) !important;
 }
 
 .k-gap-y-14 {
-    row-gap: 3.5rem;
+    row-gap: var(--kendo-spacing-14, 3.5rem);
 }
 
 .\!k-gap-y-14 {
-    row-gap: 3.5rem !important;
+    row-gap: var(--kendo-spacing-14, 3.5rem) !important;
 }
 
 .k-gap-y-15 {
-    row-gap: 3.75rem;
+    row-gap: var(--kendo-spacing-15, 3.75rem);
 }
 
 .\!k-gap-y-15 {
-    row-gap: 3.75rem !important;
+    row-gap: var(--kendo-spacing-15, 3.75rem) !important;
 }
 
 .k-gap-y-16 {
-    row-gap: 4rem;
+    row-gap: var(--kendo-spacing-16, 4rem);
 }
 
 .\!k-gap-y-16 {
-    row-gap: 4rem !important;
+    row-gap: var(--kendo-spacing-16, 4rem) !important;
 }
 
 .k-gap-y-17 {
-    row-gap: 4.25rem;
+    row-gap: var(--kendo-spacing-17, 4.25rem);
 }
 
 .\!k-gap-y-17 {
-    row-gap: 4.25rem !important;
+    row-gap: var(--kendo-spacing-17, 4.25rem) !important;
 }
 
 .k-gap-y-18 {
-    row-gap: 4.5rem;
+    row-gap: var(--kendo-spacing-18, 4.5rem);
 }
 
 .\!k-gap-y-18 {
-    row-gap: 4.5rem !important;
+    row-gap: var(--kendo-spacing-18, 4.5rem) !important;
 }
 
 .k-gap-y-19 {
-    row-gap: 4.75rem;
+    row-gap: var(--kendo-spacing-19, 4.75rem);
 }
 
 .\!k-gap-y-19 {
-    row-gap: 4.75rem !important;
+    row-gap: var(--kendo-spacing-19, 4.75rem) !important;
 }
 
 .k-gap-y-20 {
-    row-gap: 5rem;
+    row-gap: var(--kendo-spacing-20, 5rem);
 }
 
 .\!k-gap-y-20 {
-    row-gap: 5rem !important;
+    row-gap: var(--kendo-spacing-20, 5rem) !important;
 }
 
 .k-gap-y-21 {
-    row-gap: 5.25rem;
+    row-gap: var(--kendo-spacing-21, 5.25rem);
 }
 
 .\!k-gap-y-21 {
-    row-gap: 5.25rem !important;
+    row-gap: var(--kendo-spacing-21, 5.25rem) !important;
 }
 
 .k-gap-y-22 {
-    row-gap: 5.5rem;
+    row-gap: var(--kendo-spacing-22, 5.5rem);
 }
 
 .\!k-gap-y-22 {
-    row-gap: 5.5rem !important;
+    row-gap: var(--kendo-spacing-22, 5.5rem) !important;
 }
 
 .k-gap-y-23 {
-    row-gap: 5.75rem;
+    row-gap: var(--kendo-spacing-23, 5.75rem);
 }
 
 .\!k-gap-y-23 {
-    row-gap: 5.75rem !important;
+    row-gap: var(--kendo-spacing-23, 5.75rem) !important;
 }
 
 .k-gap-y-24 {
-    row-gap: 6rem;
+    row-gap: var(--kendo-spacing-24, 6rem);
 }
 
 .\!k-gap-y-24 {
-    row-gap: 6rem !important;
+    row-gap: var(--kendo-spacing-24, 6rem) !important;
 }
 
 .k-gap-y-25 {
-    row-gap: 7rem;
+    row-gap: var(--kendo-spacing-25, 7rem);
 }
 
 .\!k-gap-y-25 {
-    row-gap: 7rem !important;
+    row-gap: var(--kendo-spacing-25, 7rem) !important;
 }
 
 .k-gap-y-26 {
-    row-gap: 8rem;
+    row-gap: var(--kendo-spacing-26, 8rem);
 }
 
 .\!k-gap-y-26 {
-    row-gap: 8rem !important;
+    row-gap: var(--kendo-spacing-26, 8rem) !important;
 }
 
 .k-gap-y-27 {
-    row-gap: 9rem;
+    row-gap: var(--kendo-spacing-27, 9rem);
 }
 
 .\!k-gap-y-27 {
-    row-gap: 9rem !important;
+    row-gap: var(--kendo-spacing-27, 9rem) !important;
 }
 
 .k-gap-y-28 {
-    row-gap: 10rem;
+    row-gap: var(--kendo-spacing-28, 10rem);
 }
 
 .\!k-gap-y-28 {
-    row-gap: 10rem !important;
+    row-gap: var(--kendo-spacing-28, 10rem) !important;
 }
 
 .k-gap-y-29 {
-    row-gap: 11rem;
+    row-gap: var(--kendo-spacing-29, 11rem);
 }
 
 .\!k-gap-y-29 {
-    row-gap: 11rem !important;
+    row-gap: var(--kendo-spacing-29, 11rem) !important;
 }
 
 .k-gap-y-30 {
-    row-gap: 12rem;
+    row-gap: var(--kendo-spacing-30, 12rem);
 }
 
 .\!k-gap-y-30 {
-    row-gap: 12rem !important;
+    row-gap: var(--kendo-spacing-30, 12rem) !important;
 }
 
 .k-gap-y-xs {
-    row-gap: var(--kendo-spacing-1, 0.25rem);
+    row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
 }
 
 .\!k-gap-y-xs {
-    row-gap: var(--kendo-spacing-1, 0.25rem) !important;
+    row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
 }
 
 .k-gap-y-sm {
-    row-gap: var(--kendo-spacing-2, 0.5rem);
+    row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
 }
 
 .\!k-gap-y-sm {
-    row-gap: var(--kendo-spacing-2, 0.5rem) !important;
+    row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
 }
 
 .k-gap-y-md {
-    row-gap: var(--kendo-spacing-3, 0.75rem);
+    row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
 }
 
 .\!k-gap-y-md {
-    row-gap: var(--kendo-spacing-3, 0.75rem) !important;
+    row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
 }
 
 .k-gap-y-lg {
-    row-gap: var(--kendo-spacing-4, 1rem);
+    row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
 }
 
 .\!k-gap-y-lg {
-    row-gap: var(--kendo-spacing-4, 1rem) !important;
+    row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
 }
 
 .k-gap-y-xl {
-    row-gap: var(--kendo-spacing-6, 1.5rem);
+    row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
 }
 
 .\!k-gap-y-xl {
-    row-gap: var(--kendo-spacing-6, 1.5rem) !important;
+    row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
 }
 
 .k-gap-y-thin {
-    row-gap: var(--kendo-spacing-0\.5, 0.125rem);
+    row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
 }
 
 .\!k-gap-y-thin {
-    row-gap: var(--kendo-spacing-0\.5, 0.125rem) !important;
+    row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
 }
 
 .k-gap-y-hair {
-    row-gap: var(--kendo-spacing-1px, 1px);
+    row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
 }
 
 .\!k-gap-y-hair {
-    row-gap: var(--kendo-spacing-1px, 1px) !important;
+    row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
 }
 
 .k-grid-auto-cols-auto {
@@ -9346,6 +9346,382 @@ kendo-sortable {
     margin: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-m--1px {
+    margin: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-m--1px {
+    margin: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-m--0\.5 {
+    margin: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-m--0\.5 {
+    margin: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-m--1 {
+    margin: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-m--1 {
+    margin: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-m--1\.5 {
+    margin: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-m--1\.5 {
+    margin: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-m--2 {
+    margin: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-m--2 {
+    margin: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-m--2\.5 {
+    margin: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-m--2\.5 {
+    margin: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-m--3 {
+    margin: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-m--3 {
+    margin: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-m--3\.5 {
+    margin: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-m--3\.5 {
+    margin: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-m--4 {
+    margin: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-m--4 {
+    margin: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-m--4\.5 {
+    margin: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-m--4\.5 {
+    margin: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-m--5 {
+    margin: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-m--5 {
+    margin: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-m--5\.5 {
+    margin: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-m--5\.5 {
+    margin: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-m--6 {
+    margin: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-m--6 {
+    margin: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-m--6\.5 {
+    margin: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-m--6\.5 {
+    margin: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-m--7 {
+    margin: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-m--7 {
+    margin: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-m--7\.5 {
+    margin: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-m--7\.5 {
+    margin: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-m--8 {
+    margin: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-m--8 {
+    margin: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-m--9 {
+    margin: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-m--9 {
+    margin: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-m--10 {
+    margin: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-m--10 {
+    margin: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-m--11 {
+    margin: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-m--11 {
+    margin: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-m--12 {
+    margin: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-m--12 {
+    margin: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-m--13 {
+    margin: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-m--13 {
+    margin: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-m--14 {
+    margin: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-m--14 {
+    margin: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-m--15 {
+    margin: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-m--15 {
+    margin: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-m--16 {
+    margin: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-m--16 {
+    margin: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-m--17 {
+    margin: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-m--17 {
+    margin: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-m--18 {
+    margin: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-m--18 {
+    margin: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-m--19 {
+    margin: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-m--19 {
+    margin: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-m--20 {
+    margin: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-m--20 {
+    margin: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-m--21 {
+    margin: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-m--21 {
+    margin: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-m--22 {
+    margin: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-m--22 {
+    margin: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-m--23 {
+    margin: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-m--23 {
+    margin: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-m--24 {
+    margin: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-m--24 {
+    margin: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-m--25 {
+    margin: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-m--25 {
+    margin: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-m--26 {
+    margin: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-m--26 {
+    margin: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-m--27 {
+    margin: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-m--27 {
+    margin: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-m--28 {
+    margin: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-m--28 {
+    margin: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-m--29 {
+    margin: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-m--29 {
+    margin: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-m--30 {
+    margin: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-m--30 {
+    margin: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-m-xs {
+    margin: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-m-xs {
+    margin: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-m-sm {
+    margin: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-m-sm {
+    margin: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-m-md {
+    margin: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-m-md {
+    margin: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-m-lg {
+    margin: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-m-lg {
+    margin: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-m-xl {
+    margin: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-m-xl {
+    margin: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-m-thin {
+    margin: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-m-thin {
+    margin: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-m-hair {
+    margin: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-m-hair {
+    margin: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-m-auto {
+    margin: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-m-auto {
+    margin: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-mt-0 {
     margin-top: var(--kendo-spacing-0, 0px);
 }
@@ -9666,6 +10042,382 @@ kendo-sortable {
     margin-top: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-mt--1px {
+    margin-top: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-mt--1px {
+    margin-top: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-mt--0\.5 {
+    margin-top: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-mt--0\.5 {
+    margin-top: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-mt--1 {
+    margin-top: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-mt--1 {
+    margin-top: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-mt--1\.5 {
+    margin-top: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-mt--1\.5 {
+    margin-top: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-mt--2 {
+    margin-top: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-mt--2 {
+    margin-top: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-mt--2\.5 {
+    margin-top: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-mt--2\.5 {
+    margin-top: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-mt--3 {
+    margin-top: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-mt--3 {
+    margin-top: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-mt--3\.5 {
+    margin-top: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-mt--3\.5 {
+    margin-top: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-mt--4 {
+    margin-top: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-mt--4 {
+    margin-top: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-mt--4\.5 {
+    margin-top: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-mt--4\.5 {
+    margin-top: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-mt--5 {
+    margin-top: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-mt--5 {
+    margin-top: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-mt--5\.5 {
+    margin-top: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-mt--5\.5 {
+    margin-top: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-mt--6 {
+    margin-top: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-mt--6 {
+    margin-top: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-mt--6\.5 {
+    margin-top: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-mt--6\.5 {
+    margin-top: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-mt--7 {
+    margin-top: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-mt--7 {
+    margin-top: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-mt--7\.5 {
+    margin-top: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-mt--7\.5 {
+    margin-top: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-mt--8 {
+    margin-top: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-mt--8 {
+    margin-top: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-mt--9 {
+    margin-top: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-mt--9 {
+    margin-top: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-mt--10 {
+    margin-top: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-mt--10 {
+    margin-top: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-mt--11 {
+    margin-top: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-mt--11 {
+    margin-top: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-mt--12 {
+    margin-top: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-mt--12 {
+    margin-top: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-mt--13 {
+    margin-top: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-mt--13 {
+    margin-top: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-mt--14 {
+    margin-top: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-mt--14 {
+    margin-top: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-mt--15 {
+    margin-top: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-mt--15 {
+    margin-top: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-mt--16 {
+    margin-top: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-mt--16 {
+    margin-top: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-mt--17 {
+    margin-top: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-mt--17 {
+    margin-top: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-mt--18 {
+    margin-top: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-mt--18 {
+    margin-top: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-mt--19 {
+    margin-top: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-mt--19 {
+    margin-top: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-mt--20 {
+    margin-top: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-mt--20 {
+    margin-top: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-mt--21 {
+    margin-top: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-mt--21 {
+    margin-top: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-mt--22 {
+    margin-top: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-mt--22 {
+    margin-top: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-mt--23 {
+    margin-top: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-mt--23 {
+    margin-top: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-mt--24 {
+    margin-top: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-mt--24 {
+    margin-top: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-mt--25 {
+    margin-top: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-mt--25 {
+    margin-top: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-mt--26 {
+    margin-top: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-mt--26 {
+    margin-top: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-mt--27 {
+    margin-top: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-mt--27 {
+    margin-top: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-mt--28 {
+    margin-top: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-mt--28 {
+    margin-top: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-mt--29 {
+    margin-top: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-mt--29 {
+    margin-top: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-mt--30 {
+    margin-top: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-mt--30 {
+    margin-top: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-mt-xs {
+    margin-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-mt-xs {
+    margin-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-mt-sm {
+    margin-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-mt-sm {
+    margin-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-mt-md {
+    margin-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-mt-md {
+    margin-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-mt-lg {
+    margin-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-mt-lg {
+    margin-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-mt-xl {
+    margin-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-mt-xl {
+    margin-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-mt-thin {
+    margin-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-mt-thin {
+    margin-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-mt-hair {
+    margin-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-mt-hair {
+    margin-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-mt-auto {
+    margin-top: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-mt-auto {
+    margin-top: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-mr-0 {
     margin-right: var(--kendo-spacing-0, 0px);
 }
@@ -9986,6 +10738,382 @@ kendo-sortable {
     margin-right: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-mr--1px {
+    margin-right: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-mr--1px {
+    margin-right: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-mr--0\.5 {
+    margin-right: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-mr--0\.5 {
+    margin-right: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-mr--1 {
+    margin-right: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-mr--1 {
+    margin-right: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-mr--1\.5 {
+    margin-right: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-mr--1\.5 {
+    margin-right: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-mr--2 {
+    margin-right: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-mr--2 {
+    margin-right: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-mr--2\.5 {
+    margin-right: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-mr--2\.5 {
+    margin-right: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-mr--3 {
+    margin-right: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-mr--3 {
+    margin-right: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-mr--3\.5 {
+    margin-right: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-mr--3\.5 {
+    margin-right: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-mr--4 {
+    margin-right: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-mr--4 {
+    margin-right: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-mr--4\.5 {
+    margin-right: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-mr--4\.5 {
+    margin-right: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-mr--5 {
+    margin-right: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-mr--5 {
+    margin-right: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-mr--5\.5 {
+    margin-right: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-mr--5\.5 {
+    margin-right: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-mr--6 {
+    margin-right: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-mr--6 {
+    margin-right: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-mr--6\.5 {
+    margin-right: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-mr--6\.5 {
+    margin-right: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-mr--7 {
+    margin-right: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-mr--7 {
+    margin-right: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-mr--7\.5 {
+    margin-right: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-mr--7\.5 {
+    margin-right: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-mr--8 {
+    margin-right: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-mr--8 {
+    margin-right: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-mr--9 {
+    margin-right: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-mr--9 {
+    margin-right: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-mr--10 {
+    margin-right: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-mr--10 {
+    margin-right: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-mr--11 {
+    margin-right: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-mr--11 {
+    margin-right: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-mr--12 {
+    margin-right: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-mr--12 {
+    margin-right: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-mr--13 {
+    margin-right: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-mr--13 {
+    margin-right: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-mr--14 {
+    margin-right: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-mr--14 {
+    margin-right: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-mr--15 {
+    margin-right: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-mr--15 {
+    margin-right: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-mr--16 {
+    margin-right: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-mr--16 {
+    margin-right: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-mr--17 {
+    margin-right: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-mr--17 {
+    margin-right: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-mr--18 {
+    margin-right: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-mr--18 {
+    margin-right: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-mr--19 {
+    margin-right: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-mr--19 {
+    margin-right: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-mr--20 {
+    margin-right: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-mr--20 {
+    margin-right: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-mr--21 {
+    margin-right: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-mr--21 {
+    margin-right: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-mr--22 {
+    margin-right: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-mr--22 {
+    margin-right: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-mr--23 {
+    margin-right: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-mr--23 {
+    margin-right: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-mr--24 {
+    margin-right: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-mr--24 {
+    margin-right: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-mr--25 {
+    margin-right: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-mr--25 {
+    margin-right: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-mr--26 {
+    margin-right: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-mr--26 {
+    margin-right: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-mr--27 {
+    margin-right: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-mr--27 {
+    margin-right: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-mr--28 {
+    margin-right: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-mr--28 {
+    margin-right: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-mr--29 {
+    margin-right: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-mr--29 {
+    margin-right: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-mr--30 {
+    margin-right: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-mr--30 {
+    margin-right: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-mr-xs {
+    margin-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-mr-xs {
+    margin-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-mr-sm {
+    margin-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-mr-sm {
+    margin-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-mr-md {
+    margin-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-mr-md {
+    margin-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-mr-lg {
+    margin-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-mr-lg {
+    margin-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-mr-xl {
+    margin-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-mr-xl {
+    margin-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-mr-thin {
+    margin-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-mr-thin {
+    margin-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-mr-hair {
+    margin-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-mr-hair {
+    margin-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-mr-auto {
+    margin-right: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-mr-auto {
+    margin-right: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-mb-0 {
     margin-bottom: var(--kendo-spacing-0, 0px);
 }
@@ -10306,6 +11434,382 @@ kendo-sortable {
     margin-bottom: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-mb--1px {
+    margin-bottom: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-mb--1px {
+    margin-bottom: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-mb--0\.5 {
+    margin-bottom: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-mb--0\.5 {
+    margin-bottom: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-mb--1 {
+    margin-bottom: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-mb--1 {
+    margin-bottom: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-mb--1\.5 {
+    margin-bottom: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-mb--1\.5 {
+    margin-bottom: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-mb--2 {
+    margin-bottom: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-mb--2 {
+    margin-bottom: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-mb--2\.5 {
+    margin-bottom: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-mb--2\.5 {
+    margin-bottom: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-mb--3 {
+    margin-bottom: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-mb--3 {
+    margin-bottom: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-mb--3\.5 {
+    margin-bottom: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-mb--3\.5 {
+    margin-bottom: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-mb--4 {
+    margin-bottom: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-mb--4 {
+    margin-bottom: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-mb--4\.5 {
+    margin-bottom: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-mb--4\.5 {
+    margin-bottom: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-mb--5 {
+    margin-bottom: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-mb--5 {
+    margin-bottom: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-mb--5\.5 {
+    margin-bottom: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-mb--5\.5 {
+    margin-bottom: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-mb--6 {
+    margin-bottom: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-mb--6 {
+    margin-bottom: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-mb--6\.5 {
+    margin-bottom: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-mb--6\.5 {
+    margin-bottom: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-mb--7 {
+    margin-bottom: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-mb--7 {
+    margin-bottom: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-mb--7\.5 {
+    margin-bottom: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-mb--7\.5 {
+    margin-bottom: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-mb--8 {
+    margin-bottom: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-mb--8 {
+    margin-bottom: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-mb--9 {
+    margin-bottom: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-mb--9 {
+    margin-bottom: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-mb--10 {
+    margin-bottom: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-mb--10 {
+    margin-bottom: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-mb--11 {
+    margin-bottom: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-mb--11 {
+    margin-bottom: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-mb--12 {
+    margin-bottom: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-mb--12 {
+    margin-bottom: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-mb--13 {
+    margin-bottom: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-mb--13 {
+    margin-bottom: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-mb--14 {
+    margin-bottom: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-mb--14 {
+    margin-bottom: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-mb--15 {
+    margin-bottom: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-mb--15 {
+    margin-bottom: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-mb--16 {
+    margin-bottom: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-mb--16 {
+    margin-bottom: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-mb--17 {
+    margin-bottom: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-mb--17 {
+    margin-bottom: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-mb--18 {
+    margin-bottom: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-mb--18 {
+    margin-bottom: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-mb--19 {
+    margin-bottom: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-mb--19 {
+    margin-bottom: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-mb--20 {
+    margin-bottom: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-mb--20 {
+    margin-bottom: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-mb--21 {
+    margin-bottom: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-mb--21 {
+    margin-bottom: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-mb--22 {
+    margin-bottom: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-mb--22 {
+    margin-bottom: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-mb--23 {
+    margin-bottom: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-mb--23 {
+    margin-bottom: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-mb--24 {
+    margin-bottom: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-mb--24 {
+    margin-bottom: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-mb--25 {
+    margin-bottom: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-mb--25 {
+    margin-bottom: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-mb--26 {
+    margin-bottom: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-mb--26 {
+    margin-bottom: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-mb--27 {
+    margin-bottom: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-mb--27 {
+    margin-bottom: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-mb--28 {
+    margin-bottom: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-mb--28 {
+    margin-bottom: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-mb--29 {
+    margin-bottom: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-mb--29 {
+    margin-bottom: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-mb--30 {
+    margin-bottom: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-mb--30 {
+    margin-bottom: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-mb-xs {
+    margin-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-mb-xs {
+    margin-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-mb-sm {
+    margin-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-mb-sm {
+    margin-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-mb-md {
+    margin-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-mb-md {
+    margin-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-mb-lg {
+    margin-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-mb-lg {
+    margin-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-mb-xl {
+    margin-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-mb-xl {
+    margin-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-mb-thin {
+    margin-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-mb-thin {
+    margin-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-mb-hair {
+    margin-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-mb-hair {
+    margin-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-mb-auto {
+    margin-bottom: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-mb-auto {
+    margin-bottom: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-ml-0 {
     margin-left: var(--kendo-spacing-0, 0px);
 }
@@ -10626,6 +12130,382 @@ kendo-sortable {
     margin-left: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-ml--1px {
+    margin-left: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-ml--1px {
+    margin-left: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-ml--0\.5 {
+    margin-left: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-ml--0\.5 {
+    margin-left: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-ml--1 {
+    margin-left: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-ml--1 {
+    margin-left: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-ml--1\.5 {
+    margin-left: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-ml--1\.5 {
+    margin-left: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-ml--2 {
+    margin-left: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-ml--2 {
+    margin-left: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-ml--2\.5 {
+    margin-left: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-ml--2\.5 {
+    margin-left: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-ml--3 {
+    margin-left: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-ml--3 {
+    margin-left: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-ml--3\.5 {
+    margin-left: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-ml--3\.5 {
+    margin-left: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-ml--4 {
+    margin-left: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-ml--4 {
+    margin-left: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-ml--4\.5 {
+    margin-left: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-ml--4\.5 {
+    margin-left: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-ml--5 {
+    margin-left: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-ml--5 {
+    margin-left: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-ml--5\.5 {
+    margin-left: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-ml--5\.5 {
+    margin-left: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-ml--6 {
+    margin-left: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-ml--6 {
+    margin-left: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-ml--6\.5 {
+    margin-left: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-ml--6\.5 {
+    margin-left: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-ml--7 {
+    margin-left: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-ml--7 {
+    margin-left: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-ml--7\.5 {
+    margin-left: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-ml--7\.5 {
+    margin-left: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-ml--8 {
+    margin-left: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-ml--8 {
+    margin-left: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-ml--9 {
+    margin-left: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-ml--9 {
+    margin-left: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-ml--10 {
+    margin-left: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-ml--10 {
+    margin-left: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-ml--11 {
+    margin-left: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-ml--11 {
+    margin-left: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-ml--12 {
+    margin-left: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-ml--12 {
+    margin-left: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-ml--13 {
+    margin-left: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-ml--13 {
+    margin-left: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-ml--14 {
+    margin-left: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-ml--14 {
+    margin-left: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-ml--15 {
+    margin-left: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-ml--15 {
+    margin-left: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-ml--16 {
+    margin-left: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-ml--16 {
+    margin-left: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-ml--17 {
+    margin-left: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-ml--17 {
+    margin-left: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-ml--18 {
+    margin-left: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-ml--18 {
+    margin-left: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-ml--19 {
+    margin-left: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-ml--19 {
+    margin-left: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-ml--20 {
+    margin-left: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-ml--20 {
+    margin-left: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-ml--21 {
+    margin-left: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-ml--21 {
+    margin-left: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-ml--22 {
+    margin-left: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-ml--22 {
+    margin-left: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-ml--23 {
+    margin-left: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-ml--23 {
+    margin-left: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-ml--24 {
+    margin-left: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-ml--24 {
+    margin-left: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-ml--25 {
+    margin-left: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-ml--25 {
+    margin-left: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-ml--26 {
+    margin-left: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-ml--26 {
+    margin-left: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-ml--27 {
+    margin-left: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-ml--27 {
+    margin-left: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-ml--28 {
+    margin-left: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-ml--28 {
+    margin-left: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-ml--29 {
+    margin-left: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-ml--29 {
+    margin-left: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-ml--30 {
+    margin-left: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-ml--30 {
+    margin-left: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-ml-xs {
+    margin-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-ml-xs {
+    margin-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-ml-sm {
+    margin-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-ml-sm {
+    margin-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-ml-md {
+    margin-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-ml-md {
+    margin-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-ml-lg {
+    margin-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-ml-lg {
+    margin-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-ml-xl {
+    margin-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-ml-xl {
+    margin-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-ml-thin {
+    margin-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-ml-thin {
+    margin-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-ml-hair {
+    margin-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-ml-hair {
+    margin-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-ml-auto {
+    margin-left: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-ml-auto {
+    margin-left: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-mx-0 {
     margin-inline: var(--kendo-spacing-0, 0px);
 }
@@ -10946,6 +12826,382 @@ kendo-sortable {
     margin-inline: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-mx--1px {
+    margin-inline: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-mx--1px {
+    margin-inline: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-mx--0\.5 {
+    margin-inline: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-mx--0\.5 {
+    margin-inline: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-mx--1 {
+    margin-inline: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-mx--1 {
+    margin-inline: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-mx--1\.5 {
+    margin-inline: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-mx--1\.5 {
+    margin-inline: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-mx--2 {
+    margin-inline: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-mx--2 {
+    margin-inline: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-mx--2\.5 {
+    margin-inline: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-mx--2\.5 {
+    margin-inline: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-mx--3 {
+    margin-inline: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-mx--3 {
+    margin-inline: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-mx--3\.5 {
+    margin-inline: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-mx--3\.5 {
+    margin-inline: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-mx--4 {
+    margin-inline: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-mx--4 {
+    margin-inline: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-mx--4\.5 {
+    margin-inline: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-mx--4\.5 {
+    margin-inline: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-mx--5 {
+    margin-inline: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-mx--5 {
+    margin-inline: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-mx--5\.5 {
+    margin-inline: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-mx--5\.5 {
+    margin-inline: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-mx--6 {
+    margin-inline: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-mx--6 {
+    margin-inline: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-mx--6\.5 {
+    margin-inline: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-mx--6\.5 {
+    margin-inline: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-mx--7 {
+    margin-inline: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-mx--7 {
+    margin-inline: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-mx--7\.5 {
+    margin-inline: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-mx--7\.5 {
+    margin-inline: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-mx--8 {
+    margin-inline: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-mx--8 {
+    margin-inline: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-mx--9 {
+    margin-inline: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-mx--9 {
+    margin-inline: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-mx--10 {
+    margin-inline: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-mx--10 {
+    margin-inline: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-mx--11 {
+    margin-inline: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-mx--11 {
+    margin-inline: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-mx--12 {
+    margin-inline: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-mx--12 {
+    margin-inline: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-mx--13 {
+    margin-inline: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-mx--13 {
+    margin-inline: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-mx--14 {
+    margin-inline: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-mx--14 {
+    margin-inline: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-mx--15 {
+    margin-inline: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-mx--15 {
+    margin-inline: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-mx--16 {
+    margin-inline: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-mx--16 {
+    margin-inline: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-mx--17 {
+    margin-inline: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-mx--17 {
+    margin-inline: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-mx--18 {
+    margin-inline: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-mx--18 {
+    margin-inline: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-mx--19 {
+    margin-inline: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-mx--19 {
+    margin-inline: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-mx--20 {
+    margin-inline: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-mx--20 {
+    margin-inline: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-mx--21 {
+    margin-inline: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-mx--21 {
+    margin-inline: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-mx--22 {
+    margin-inline: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-mx--22 {
+    margin-inline: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-mx--23 {
+    margin-inline: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-mx--23 {
+    margin-inline: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-mx--24 {
+    margin-inline: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-mx--24 {
+    margin-inline: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-mx--25 {
+    margin-inline: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-mx--25 {
+    margin-inline: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-mx--26 {
+    margin-inline: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-mx--26 {
+    margin-inline: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-mx--27 {
+    margin-inline: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-mx--27 {
+    margin-inline: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-mx--28 {
+    margin-inline: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-mx--28 {
+    margin-inline: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-mx--29 {
+    margin-inline: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-mx--29 {
+    margin-inline: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-mx--30 {
+    margin-inline: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-mx--30 {
+    margin-inline: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-mx-xs {
+    margin-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-mx-xs {
+    margin-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-mx-sm {
+    margin-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-mx-sm {
+    margin-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-mx-md {
+    margin-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-mx-md {
+    margin-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-mx-lg {
+    margin-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-mx-lg {
+    margin-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-mx-xl {
+    margin-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-mx-xl {
+    margin-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-mx-thin {
+    margin-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-mx-thin {
+    margin-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-mx-hair {
+    margin-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-mx-hair {
+    margin-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-mx-auto {
+    margin-inline: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-mx-auto {
+    margin-inline: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-my-0 {
     margin-block: var(--kendo-spacing-0, 0px);
 }
@@ -11266,6 +13522,382 @@ kendo-sortable {
     margin-block: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-my--1px {
+    margin-block: var(--kendo-spacing--1px, -1px);
+}
+
+.\!k-my--1px {
+    margin-block: var(--kendo-spacing--1px, -1px) !important;
+}
+
+.k-my--0\.5 {
+    margin-block: var(--kendo-spacing--0\.5, -0.125rem);
+}
+
+.\!k-my--0\.5 {
+    margin-block: var(--kendo-spacing--0\.5, -0.125rem) !important;
+}
+
+.k-my--1 {
+    margin-block: var(--kendo-spacing--1, -0.25rem);
+}
+
+.\!k-my--1 {
+    margin-block: var(--kendo-spacing--1, -0.25rem) !important;
+}
+
+.k-my--1\.5 {
+    margin-block: var(--kendo-spacing--1\.5, -0.375rem);
+}
+
+.\!k-my--1\.5 {
+    margin-block: var(--kendo-spacing--1\.5, -0.375rem) !important;
+}
+
+.k-my--2 {
+    margin-block: var(--kendo-spacing--2, -0.5rem);
+}
+
+.\!k-my--2 {
+    margin-block: var(--kendo-spacing--2, -0.5rem) !important;
+}
+
+.k-my--2\.5 {
+    margin-block: var(--kendo-spacing--2\.5, -0.625rem);
+}
+
+.\!k-my--2\.5 {
+    margin-block: var(--kendo-spacing--2\.5, -0.625rem) !important;
+}
+
+.k-my--3 {
+    margin-block: var(--kendo-spacing--3, -0.75rem);
+}
+
+.\!k-my--3 {
+    margin-block: var(--kendo-spacing--3, -0.75rem) !important;
+}
+
+.k-my--3\.5 {
+    margin-block: var(--kendo-spacing--3\.5, -0.875rem);
+}
+
+.\!k-my--3\.5 {
+    margin-block: var(--kendo-spacing--3\.5, -0.875rem) !important;
+}
+
+.k-my--4 {
+    margin-block: var(--kendo-spacing--4, -1rem);
+}
+
+.\!k-my--4 {
+    margin-block: var(--kendo-spacing--4, -1rem) !important;
+}
+
+.k-my--4\.5 {
+    margin-block: var(--kendo-spacing--4\.5, -1.125rem);
+}
+
+.\!k-my--4\.5 {
+    margin-block: var(--kendo-spacing--4\.5, -1.125rem) !important;
+}
+
+.k-my--5 {
+    margin-block: var(--kendo-spacing--5, -1.25rem);
+}
+
+.\!k-my--5 {
+    margin-block: var(--kendo-spacing--5, -1.25rem) !important;
+}
+
+.k-my--5\.5 {
+    margin-block: var(--kendo-spacing--5\.5, -1.375rem);
+}
+
+.\!k-my--5\.5 {
+    margin-block: var(--kendo-spacing--5\.5, -1.375rem) !important;
+}
+
+.k-my--6 {
+    margin-block: var(--kendo-spacing--6, -1.5rem);
+}
+
+.\!k-my--6 {
+    margin-block: var(--kendo-spacing--6, -1.5rem) !important;
+}
+
+.k-my--6\.5 {
+    margin-block: var(--kendo-spacing--6\.5, -1.625rem);
+}
+
+.\!k-my--6\.5 {
+    margin-block: var(--kendo-spacing--6\.5, -1.625rem) !important;
+}
+
+.k-my--7 {
+    margin-block: var(--kendo-spacing--7, -1.75rem);
+}
+
+.\!k-my--7 {
+    margin-block: var(--kendo-spacing--7, -1.75rem) !important;
+}
+
+.k-my--7\.5 {
+    margin-block: var(--kendo-spacing--7\.5, -1.875rem);
+}
+
+.\!k-my--7\.5 {
+    margin-block: var(--kendo-spacing--7\.5, -1.875rem) !important;
+}
+
+.k-my--8 {
+    margin-block: var(--kendo-spacing--8, -2rem);
+}
+
+.\!k-my--8 {
+    margin-block: var(--kendo-spacing--8, -2rem) !important;
+}
+
+.k-my--9 {
+    margin-block: var(--kendo-spacing--9, -2.25rem);
+}
+
+.\!k-my--9 {
+    margin-block: var(--kendo-spacing--9, -2.25rem) !important;
+}
+
+.k-my--10 {
+    margin-block: var(--kendo-spacing--10, -2.5rem);
+}
+
+.\!k-my--10 {
+    margin-block: var(--kendo-spacing--10, -2.5rem) !important;
+}
+
+.k-my--11 {
+    margin-block: var(--kendo-spacing--11, -2.75rem);
+}
+
+.\!k-my--11 {
+    margin-block: var(--kendo-spacing--11, -2.75rem) !important;
+}
+
+.k-my--12 {
+    margin-block: var(--kendo-spacing--12, -3rem);
+}
+
+.\!k-my--12 {
+    margin-block: var(--kendo-spacing--12, -3rem) !important;
+}
+
+.k-my--13 {
+    margin-block: var(--kendo-spacing--13, -3.25rem);
+}
+
+.\!k-my--13 {
+    margin-block: var(--kendo-spacing--13, -3.25rem) !important;
+}
+
+.k-my--14 {
+    margin-block: var(--kendo-spacing--14, -3.5rem);
+}
+
+.\!k-my--14 {
+    margin-block: var(--kendo-spacing--14, -3.5rem) !important;
+}
+
+.k-my--15 {
+    margin-block: var(--kendo-spacing--15, -3.75rem);
+}
+
+.\!k-my--15 {
+    margin-block: var(--kendo-spacing--15, -3.75rem) !important;
+}
+
+.k-my--16 {
+    margin-block: var(--kendo-spacing--16, -4rem);
+}
+
+.\!k-my--16 {
+    margin-block: var(--kendo-spacing--16, -4rem) !important;
+}
+
+.k-my--17 {
+    margin-block: var(--kendo-spacing--17, -4.25rem);
+}
+
+.\!k-my--17 {
+    margin-block: var(--kendo-spacing--17, -4.25rem) !important;
+}
+
+.k-my--18 {
+    margin-block: var(--kendo-spacing--18, -4.5rem);
+}
+
+.\!k-my--18 {
+    margin-block: var(--kendo-spacing--18, -4.5rem) !important;
+}
+
+.k-my--19 {
+    margin-block: var(--kendo-spacing--19, -4.75rem);
+}
+
+.\!k-my--19 {
+    margin-block: var(--kendo-spacing--19, -4.75rem) !important;
+}
+
+.k-my--20 {
+    margin-block: var(--kendo-spacing--20, -5rem);
+}
+
+.\!k-my--20 {
+    margin-block: var(--kendo-spacing--20, -5rem) !important;
+}
+
+.k-my--21 {
+    margin-block: var(--kendo-spacing--21, -5.25rem);
+}
+
+.\!k-my--21 {
+    margin-block: var(--kendo-spacing--21, -5.25rem) !important;
+}
+
+.k-my--22 {
+    margin-block: var(--kendo-spacing--22, -5.5rem);
+}
+
+.\!k-my--22 {
+    margin-block: var(--kendo-spacing--22, -5.5rem) !important;
+}
+
+.k-my--23 {
+    margin-block: var(--kendo-spacing--23, -5.75rem);
+}
+
+.\!k-my--23 {
+    margin-block: var(--kendo-spacing--23, -5.75rem) !important;
+}
+
+.k-my--24 {
+    margin-block: var(--kendo-spacing--24, -6rem);
+}
+
+.\!k-my--24 {
+    margin-block: var(--kendo-spacing--24, -6rem) !important;
+}
+
+.k-my--25 {
+    margin-block: var(--kendo-spacing--25, -7rem);
+}
+
+.\!k-my--25 {
+    margin-block: var(--kendo-spacing--25, -7rem) !important;
+}
+
+.k-my--26 {
+    margin-block: var(--kendo-spacing--26, -8rem);
+}
+
+.\!k-my--26 {
+    margin-block: var(--kendo-spacing--26, -8rem) !important;
+}
+
+.k-my--27 {
+    margin-block: var(--kendo-spacing--27, -9rem);
+}
+
+.\!k-my--27 {
+    margin-block: var(--kendo-spacing--27, -9rem) !important;
+}
+
+.k-my--28 {
+    margin-block: var(--kendo-spacing--28, -10rem);
+}
+
+.\!k-my--28 {
+    margin-block: var(--kendo-spacing--28, -10rem) !important;
+}
+
+.k-my--29 {
+    margin-block: var(--kendo-spacing--29, -11rem);
+}
+
+.\!k-my--29 {
+    margin-block: var(--kendo-spacing--29, -11rem) !important;
+}
+
+.k-my--30 {
+    margin-block: var(--kendo-spacing--30, -12rem);
+}
+
+.\!k-my--30 {
+    margin-block: var(--kendo-spacing--30, -12rem) !important;
+}
+
+.k-my-xs {
+    margin-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-my-xs {
+    margin-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-my-sm {
+    margin-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-my-sm {
+    margin-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-my-md {
+    margin-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-my-md {
+    margin-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-my-lg {
+    margin-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-my-lg {
+    margin-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-my-xl {
+    margin-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-my-xl {
+    margin-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-my-thin {
+    margin-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-my-thin {
+    margin-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-my-hair {
+    margin-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-my-hair {
+    margin-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
+.k-my-auto {
+    margin-block: var(--kendo-spacing-auto, auto);
+}
+
+.\!k-my-auto {
+    margin-block: var(--kendo-spacing-auto, auto) !important;
+}
+
 .k-p-0 {
     padding: var(--kendo-spacing-0, 0px);
 }
@@ -11586,6 +14218,62 @@ kendo-sortable {
     padding: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-p-xs {
+    padding: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-p-xs {
+    padding: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-p-sm {
+    padding: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-p-sm {
+    padding: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-p-md {
+    padding: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-p-md {
+    padding: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-p-lg {
+    padding: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-p-lg {
+    padding: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-p-xl {
+    padding: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-p-xl {
+    padding: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-p-thin {
+    padding: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-p-thin {
+    padding: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-p-hair {
+    padding: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-p-hair {
+    padding: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-pt-0 {
     padding-top: var(--kendo-spacing-0, 0px);
 }
@@ -11906,6 +14594,62 @@ kendo-sortable {
     padding-top: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-pt-xs {
+    padding-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-pt-xs {
+    padding-top: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-pt-sm {
+    padding-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-pt-sm {
+    padding-top: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-pt-md {
+    padding-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-pt-md {
+    padding-top: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-pt-lg {
+    padding-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-pt-lg {
+    padding-top: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-pt-xl {
+    padding-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-pt-xl {
+    padding-top: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-pt-thin {
+    padding-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-pt-thin {
+    padding-top: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-pt-hair {
+    padding-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-pt-hair {
+    padding-top: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-pr-0 {
     padding-right: var(--kendo-spacing-0, 0px);
 }
@@ -12226,6 +14970,62 @@ kendo-sortable {
     padding-right: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-pr-xs {
+    padding-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-pr-xs {
+    padding-right: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-pr-sm {
+    padding-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-pr-sm {
+    padding-right: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-pr-md {
+    padding-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-pr-md {
+    padding-right: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-pr-lg {
+    padding-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-pr-lg {
+    padding-right: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-pr-xl {
+    padding-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-pr-xl {
+    padding-right: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-pr-thin {
+    padding-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-pr-thin {
+    padding-right: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-pr-hair {
+    padding-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-pr-hair {
+    padding-right: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-pb-0 {
     padding-bottom: var(--kendo-spacing-0, 0px);
 }
@@ -12546,6 +15346,62 @@ kendo-sortable {
     padding-bottom: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-pb-xs {
+    padding-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-pb-xs {
+    padding-bottom: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-pb-sm {
+    padding-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-pb-sm {
+    padding-bottom: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-pb-md {
+    padding-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-pb-md {
+    padding-bottom: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-pb-lg {
+    padding-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-pb-lg {
+    padding-bottom: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-pb-xl {
+    padding-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-pb-xl {
+    padding-bottom: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-pb-thin {
+    padding-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-pb-thin {
+    padding-bottom: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-pb-hair {
+    padding-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-pb-hair {
+    padding-bottom: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-pl-0 {
     padding-left: var(--kendo-spacing-0, 0px);
 }
@@ -12866,6 +15722,62 @@ kendo-sortable {
     padding-left: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-pl-xs {
+    padding-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-pl-xs {
+    padding-left: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-pl-sm {
+    padding-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-pl-sm {
+    padding-left: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-pl-md {
+    padding-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-pl-md {
+    padding-left: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-pl-lg {
+    padding-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-pl-lg {
+    padding-left: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-pl-xl {
+    padding-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-pl-xl {
+    padding-left: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-pl-thin {
+    padding-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-pl-thin {
+    padding-left: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-pl-hair {
+    padding-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-pl-hair {
+    padding-left: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-px-0 {
     padding-inline: var(--kendo-spacing-0, 0px);
 }
@@ -13186,6 +16098,62 @@ kendo-sortable {
     padding-inline: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-px-xs {
+    padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-px-xs {
+    padding-inline: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-px-sm {
+    padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-px-sm {
+    padding-inline: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-px-md {
+    padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-px-md {
+    padding-inline: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-px-lg {
+    padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-px-lg {
+    padding-inline: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-px-xl {
+    padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-px-xl {
+    padding-inline: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-px-thin {
+    padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-px-thin {
+    padding-inline: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-px-hair {
+    padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-px-hair {
+    padding-inline: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-py-0 {
     padding-block: var(--kendo-spacing-0, 0px);
 }
@@ -13506,6 +16474,62 @@ kendo-sortable {
     padding-block: var(--kendo-spacing-30, 12rem) !important;
 }
 
+.k-py-xs {
+    padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem));
+}
+
+.\!k-py-xs {
+    padding-block: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important;
+}
+
+.k-py-sm {
+    padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem));
+}
+
+.\!k-py-sm {
+    padding-block: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important;
+}
+
+.k-py-md {
+    padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem));
+}
+
+.\!k-py-md {
+    padding-block: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important;
+}
+
+.k-py-lg {
+    padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem));
+}
+
+.\!k-py-lg {
+    padding-block: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important;
+}
+
+.k-py-xl {
+    padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem));
+}
+
+.\!k-py-xl {
+    padding-block: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important;
+}
+
+.k-py-thin {
+    padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem));
+}
+
+.\!k-py-thin {
+    padding-block: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important;
+}
+
+.k-py-hair {
+    padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px));
+}
+
+.\!k-py-hair {
+    padding-block: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important;
+}
+
 .k-h-0 {
     height: 0px;
 }
@@ -14999,59 +18023,59 @@ kendo-sortable {
 }
 
 .k-font-thin {
-    font-weight: var(--kendo-font-thin, 100);
+    font-weight: var(--kendo-font-weight-thin, 100);
 }
 
 .\!k-font-thin {
-    font-weight: var(--kendo-font-thin, 100) !important;
+    font-weight: var(--kendo-font-weight-thin, 100) !important;
 }
 
 .k-font-extra-light {
-    font-weight: var(--kendo-font-extra-light, 200);
+    font-weight: var(--kendo-font-weight-extra-light, 200);
 }
 
 .\!k-font-extra-light {
-    font-weight: var(--kendo-font-extra-light, 200) !important;
+    font-weight: var(--kendo-font-weight-extra-light, 200) !important;
 }
 
 .k-font-light {
-    font-weight: var(--kendo-font-light, 300);
+    font-weight: var(--kendo-font-weight-light, 300);
 }
 
 .\!k-font-light {
-    font-weight: var(--kendo-font-light, 300) !important;
+    font-weight: var(--kendo-font-weight-light, 300) !important;
 }
 
 .k-font-normal {
-    font-weight: var(--kendo-font-normal, 400);
+    font-weight: var(--kendo-font-weight-normal, 400);
 }
 
 .\!k-font-normal {
-    font-weight: var(--kendo-font-normal, 400) !important;
+    font-weight: var(--kendo-font-weight-normal, 400) !important;
 }
 
 .k-font-medium {
-    font-weight: var(--kendo-font-medium, 500);
+    font-weight: var(--kendo-font-weight-medium, 500);
 }
 
 .\!k-font-medium {
-    font-weight: var(--kendo-font-medium, 500) !important;
+    font-weight: var(--kendo-font-weight-medium, 500) !important;
 }
 
 .k-font-semibold {
-    font-weight: var(--kendo-font-semibold, 600);
+    font-weight: var(--kendo-font-weight-semibold, 600);
 }
 
 .\!k-font-semibold {
-    font-weight: var(--kendo-font-semibold, 600) !important;
+    font-weight: var(--kendo-font-weight-semibold, 600) !important;
 }
 
 .k-font-bold {
-    font-weight: var(--kendo-font-bold, 700);
+    font-weight: var(--kendo-font-weight-bold, 700);
 }
 
 .\!k-font-bold {
-    font-weight: var(--kendo-font-bold, 700) !important;
+    font-weight: var(--kendo-font-weight-bold, 700) !important;
 }
 
 .k-font-weight-thin {
@@ -15270,6 +18294,78 @@ kendo-sortable {
     text-align: end !important;
 }
 
+.k-text-app-surface {
+    color: var(--kendo-color-app-surface, #ffffff);
+}
+
+.\!k-text-app-surface {
+    color: var(--kendo-color-app-surface, #ffffff) !important;
+}
+
+.k-text-on-app-surface {
+    color: var(--kendo-color-on-app-surface, #212121);
+}
+
+.\!k-text-on-app-surface {
+    color: var(--kendo-color-on-app-surface, #212121) !important;
+}
+
+.k-text-subtle {
+    color: var(--kendo-color-subtle, #757575);
+}
+
+.\!k-text-subtle {
+    color: var(--kendo-color-subtle, #757575) !important;
+}
+
+.k-text-surface {
+    color: var(--kendo-color-surface, #f5f5f5);
+}
+
+.\!k-text-surface {
+    color: var(--kendo-color-surface, #f5f5f5) !important;
+}
+
+.k-text-surface-alt {
+    color: var(--kendo-color-surface-alt, #ffffff);
+}
+
+.\!k-text-surface-alt {
+    color: var(--kendo-color-surface-alt, #ffffff) !important;
+}
+
+.k-text-border {
+    color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
+}
+
+.\!k-text-border {
+    color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important;
+}
+
+.k-text-border-alt {
+    color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15));
+}
+
+.\!k-text-border-alt {
+    color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important;
+}
+
+.k-text-base-subtle {
+    color: var(--kendo-color-base-subtle, #ebebeb);
+}
+
+.\!k-text-base-subtle {
+    color: var(--kendo-color-base-subtle, #ebebeb) !important;
+}
+
+.k-text-base-emphasis {
+    color: var(--kendo-color-base-emphasis, #adadad);
+}
+
+.\!k-text-base-emphasis {
+    color: var(--kendo-color-base-emphasis, #adadad) !important;
+}
+
 .k-text-primary-subtle {
     color: var(--kendo-color-primary-subtle, #d1d5ee);
 }
@@ -15526,6 +18622,78 @@ kendo-sortable {
     color: var(--kendo-color-white, white) !important;
 }
 
+.k-color-app-surface {
+    color: var(--kendo-color-app-surface, #ffffff);
+}
+
+.\!k-color-app-surface {
+    color: var(--kendo-color-app-surface, #ffffff) !important;
+}
+
+.k-color-on-app-surface {
+    color: var(--kendo-color-on-app-surface, #212121);
+}
+
+.\!k-color-on-app-surface {
+    color: var(--kendo-color-on-app-surface, #212121) !important;
+}
+
+.k-color-subtle {
+    color: var(--kendo-color-subtle, #757575);
+}
+
+.\!k-color-subtle {
+    color: var(--kendo-color-subtle, #757575) !important;
+}
+
+.k-color-surface {
+    color: var(--kendo-color-surface, #f5f5f5);
+}
+
+.\!k-color-surface {
+    color: var(--kendo-color-surface, #f5f5f5) !important;
+}
+
+.k-color-surface-alt {
+    color: var(--kendo-color-surface-alt, #ffffff);
+}
+
+.\!k-color-surface-alt {
+    color: var(--kendo-color-surface-alt, #ffffff) !important;
+}
+
+.k-color-border {
+    color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
+}
+
+.\!k-color-border {
+    color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important;
+}
+
+.k-color-border-alt {
+    color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15));
+}
+
+.\!k-color-border-alt {
+    color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important;
+}
+
+.k-color-base-subtle {
+    color: var(--kendo-color-base-subtle, #ebebeb);
+}
+
+.\!k-color-base-subtle {
+    color: var(--kendo-color-base-subtle, #ebebeb) !important;
+}
+
+.k-color-base-emphasis {
+    color: var(--kendo-color-base-emphasis, #adadad);
+}
+
+.\!k-color-base-emphasis {
+    color: var(--kendo-color-base-emphasis, #adadad) !important;
+}
+
 .k-color-primary-subtle {
     color: var(--kendo-color-primary-subtle, #d1d5ee);
 }
@@ -16068,6 +19236,78 @@ kendo-sortable {
             background-clip: text !important;
 }
 
+.k-bg-app-surface {
+    background-color: var(--kendo-color-app-surface, #ffffff);
+}
+
+.\!k-bg-app-surface {
+    background-color: var(--kendo-color-app-surface, #ffffff) !important;
+}
+
+.k-bg-on-app-surface {
+    background-color: var(--kendo-color-on-app-surface, #212121);
+}
+
+.\!k-bg-on-app-surface {
+    background-color: var(--kendo-color-on-app-surface, #212121) !important;
+}
+
+.k-bg-subtle {
+    background-color: var(--kendo-color-subtle, #757575);
+}
+
+.\!k-bg-subtle {
+    background-color: var(--kendo-color-subtle, #757575) !important;
+}
+
+.k-bg-surface {
+    background-color: var(--kendo-color-surface, #f5f5f5);
+}
+
+.\!k-bg-surface {
+    background-color: var(--kendo-color-surface, #f5f5f5) !important;
+}
+
+.k-bg-surface-alt {
+    background-color: var(--kendo-color-surface-alt, #ffffff);
+}
+
+.\!k-bg-surface-alt {
+    background-color: var(--kendo-color-surface-alt, #ffffff) !important;
+}
+
+.k-bg-border {
+    background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
+}
+
+.\!k-bg-border {
+    background-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important;
+}
+
+.k-bg-border-alt {
+    background-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15));
+}
+
+.\!k-bg-border-alt {
+    background-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important;
+}
+
+.k-bg-base-subtle {
+    background-color: var(--kendo-color-base-subtle, #ebebeb);
+}
+
+.\!k-bg-base-subtle {
+    background-color: var(--kendo-color-base-subtle, #ebebeb) !important;
+}
+
+.k-bg-base-emphasis {
+    background-color: var(--kendo-color-base-emphasis, #adadad);
+}
+
+.\!k-bg-base-emphasis {
+    background-color: var(--kendo-color-base-emphasis, #adadad) !important;
+}
+
 .k-bg-primary-subtle {
     background-color: var(--kendo-color-primary-subtle, #d1d5ee);
 }
@@ -16412,6 +19652,78 @@ kendo-sortable {
     background-size: contain !important;
 }
 
+.k-border-app-surface {
+    border-color: var(--kendo-color-app-surface, #ffffff);
+}
+
+.\!k-border-app-surface {
+    border-color: var(--kendo-color-app-surface, #ffffff) !important;
+}
+
+.k-border-on-app-surface {
+    border-color: var(--kendo-color-on-app-surface, #212121);
+}
+
+.\!k-border-on-app-surface {
+    border-color: var(--kendo-color-on-app-surface, #212121) !important;
+}
+
+.k-border-subtle {
+    border-color: var(--kendo-color-subtle, #757575);
+}
+
+.\!k-border-subtle {
+    border-color: var(--kendo-color-subtle, #757575) !important;
+}
+
+.k-border-surface {
+    border-color: var(--kendo-color-surface, #f5f5f5);
+}
+
+.\!k-border-surface {
+    border-color: var(--kendo-color-surface, #f5f5f5) !important;
+}
+
+.k-border-surface-alt {
+    border-color: var(--kendo-color-surface-alt, #ffffff);
+}
+
+.\!k-border-surface-alt {
+    border-color: var(--kendo-color-surface-alt, #ffffff) !important;
+}
+
+.k-border-border {
+    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
+}
+
+.\!k-border-border {
+    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important;
+}
+
+.k-border-border-alt {
+    border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15));
+}
+
+.\!k-border-border-alt {
+    border-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important;
+}
+
+.k-border-base-subtle {
+    border-color: var(--kendo-color-base-subtle, #ebebeb);
+}
+
+.\!k-border-base-subtle {
+    border-color: var(--kendo-color-base-subtle, #ebebeb) !important;
+}
+
+.k-border-base-emphasis {
+    border-color: var(--kendo-color-base-emphasis, #adadad);
+}
+
+.\!k-border-base-emphasis {
+    border-color: var(--kendo-color-base-emphasis, #adadad) !important;
+}
+
 .k-border-primary-subtle {
     border-color: var(--kendo-color-primary-subtle, #d1d5ee);
 }
@@ -18276,6 +21588,78 @@ kendo-sortable {
     border-left-width: 8px !important;
 }
 
+.k-outline-app-surface {
+    outline-color: var(--kendo-color-app-surface, #ffffff);
+}
+
+.\!k-outline-app-surface {
+    outline-color: var(--kendo-color-app-surface, #ffffff) !important;
+}
+
+.k-outline-on-app-surface {
+    outline-color: var(--kendo-color-on-app-surface, #212121);
+}
+
+.\!k-outline-on-app-surface {
+    outline-color: var(--kendo-color-on-app-surface, #212121) !important;
+}
+
+.k-outline-subtle {
+    outline-color: var(--kendo-color-subtle, #757575);
+}
+
+.\!k-outline-subtle {
+    outline-color: var(--kendo-color-subtle, #757575) !important;
+}
+
+.k-outline-surface {
+    outline-color: var(--kendo-color-surface, #f5f5f5);
+}
+
+.\!k-outline-surface {
+    outline-color: var(--kendo-color-surface, #f5f5f5) !important;
+}
+
+.k-outline-surface-alt {
+    outline-color: var(--kendo-color-surface-alt, #ffffff);
+}
+
+.\!k-outline-surface-alt {
+    outline-color: var(--kendo-color-surface-alt, #ffffff) !important;
+}
+
+.k-outline-border {
+    outline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
+}
+
+.\!k-outline-border {
+    outline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important;
+}
+
+.k-outline-border-alt {
+    outline-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15));
+}
+
+.\!k-outline-border-alt {
+    outline-color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important;
+}
+
+.k-outline-base-subtle {
+    outline-color: var(--kendo-color-base-subtle, #ebebeb);
+}
+
+.\!k-outline-base-subtle {
+    outline-color: var(--kendo-color-base-subtle, #ebebeb) !important;
+}
+
+.k-outline-base-emphasis {
+    outline-color: var(--kendo-color-base-emphasis, #adadad);
+}
+
+.\!k-outline-base-emphasis {
+    outline-color: var(--kendo-color-base-emphasis, #adadad) !important;
+}
+
 .k-outline-primary-subtle {
     outline-color: var(--kendo-color-primary-subtle, #d1d5ee);
 }
@@ -29001,7 +32385,7 @@ kendo-badge-container {
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 2001;
+    z-index: 20001;
 }
 
 .k-loader-container .k-loader {
@@ -45377,7 +48761,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet {
-    width: 800px;
+    width: 100%;
     height: 600px;
     border-width: 1px;
     border-style: solid;