@progress/kendo-theme-utils 8.0.0-dev.2 → 8.0.0-dev.3

package/dist/all.css

@@ -3999,1131 +3999,1131 @@
 }
 
 .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 {
@@ -16507,59 +16507,59 @@
 }
 
 .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 {