npm - @featherk/styles - Versions diffs - 0.7.2 → 0.7.3 - Mend

@featherk/styles 0.7.2 → 0.7.3

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

Files changed (8) hide show

package/dist/v8.2.0/css/featherk.css +1 -1
package/dist/v8.2.0/external-styles/featherk-overrides--k-notification.css +64 -0
package/dist/v8.2.0/scss/_externalStyles.scss +7 -5
package/dist/v8.2.0/scss/_fonts.scss +17 -17
package/dist/v8.2.0/scss/_overrides.scss +701 -689
package/dist/v8.2.0/scss/_tokens.scss +4 -0
package/dist/v8.2.0/scss/custom-components/_fk-container-with-heading.scss +8 -8
package/package.json +1 -1

package/dist/v8.2.0/scss/_overrides.scss CHANGED Viewed

@@ -2,8 +2,8 @@
     .k-checkbox-wrap .k-checkbox.k-checked.k-checkbox-md,.k-checkbox-wrap .k-checkbox:checked.k-checkbox-md{
-    width: 20px;
-            height: 20px;
+    height: 20px;
+            width: 20px;
 }
     .k-checkbox-wrap .k-checkbox.k-checked,.k-checkbox-wrap .k-checkbox:checked{
@@ -14,29 +14,29 @@
 }
     .k-checkbox-wrap .k-checkbox{
-    padding-bottom: 4px;
-            padding-left: 4px;
-            padding-right: 4px;
-            padding-top: 4px;
-            background-color: $fk-kendo-checkbox-bg;
+    background-color: $fk-kendo-checkbox-bg;
             background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22checkbox-check%22%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%3E%3Cpath%20fill%3D'none'%20stroke%3D'white'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'2'%20d%3D'M3%2C8%20l3%2C3%20l7-7'%2F%3E%3C%2Fsvg%3E");
+            background-size: 0% 100%;
+            outline-color: currentcolor;
             outline-offset: 0px;
             outline-style: solid;
+            padding-bottom: 4px;
+            padding-left: 4px;
+            padding-right: 4px;
+            padding-top: 4px;
+            transition-duration: 280ms;
             transition-property: all;
             transition-timing-function: ease-out;
-            transition-duration: 280ms;
-            outline-color: currentcolor;
-            background-size: 0% 100%;
 }
     .k-checkbox-wrap .k-checkbox.k-checkbox-md{
-    width: 20px;
-            height: 20px;
+    height: 20px;
+            width: 20px;
 }
     .k-checkbox-wrap .k-checkbox.k-indeterminate.k-checkbox-md,.k-checkbox-wrap .k-checkbox:indeterminate.k-checkbox-md{
-    width: 20px;
-            height: 20px;
+    height: 20px;
+            width: 20px;
 }
     .k-checkbox-wrap .k-checkbox.k-indeterminate,.k-checkbox-wrap .k-checkbox:indeterminate{
@@ -46,16 +46,16 @@
 }
     .k-radio-wrap .k-radio.k-radio-md{
-    width: 20px;
-            height: 20px;
+    height: 20px;
+            width: 20px;
 }
     .k-radio-wrap .k-radio{
     background-color: initial;
             background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2014%2014'%3E%3Ccircle%20cx%3D'50%25'%20cy%3D'50%25'%20r%3D'4'%20fill%3D'%23003583'%2F%3E%3C%2Fsvg%3E");
             background-size: 0%;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -64,42 +64,42 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            transition-property: all;
-            transition-duration: 280ms;
+            column-gap: 0.125rem;
+            height: $fk-feather-container-height-md;
             isolation: isolate;
+            min-width: 4rem;
+            outline-color: $fk-feather-primary;
             outline-style: solid;
             outline-width: 0px;
-            outline-color: $fk-feather-primary;
+            transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
-            column-gap: 0.125rem;
-            height: $fk-feather-container-height-md;
-            min-width: 4rem;
 }
     .k-button.k-button-md{
                     @extend %fk-typography-feather-button;
-          padding-right: 0.5rem;
-            padding-left: 0.5rem;
+          padding-left: 0.5rem;
+            padding-right: 0.5rem;
 }
     .k-button-group{
-    isolation: isolate;
-            border-bottom-left-radius: $fk-kendo-border-radius-md;
+    border-bottom-left-radius: $fk-kendo-border-radius-md;
             border-bottom-right-radius: $fk-kendo-border-radius-md;
             border-top-left-radius: $fk-kendo-border-radius-md;
             border-top-right-radius: $fk-kendo-border-radius-md;
+            isolation: isolate;
             overflow: hidden;
 }
     .k-chip.k-chip-solid-base{
-    color: $fk-feather-secondary-text-on-surface;
-            background-color: $fk-kendo-chip-solid-bg;
+    background-color: $fk-kendo-chip-solid-bg;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .k-chip{
-    transition-property: all;
+    background-image: linear-gradient(transparent, transparent);
             transition-duration: 280ms;
-            background-image: linear-gradient(transparent, transparent);
+            transition-property: all;
 }
     .k-chip.k-rounded-md{
@@ -110,13 +110,13 @@
 }
     .k-calendar.k-calendar-range .k-calendar-header .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-rounded-md.k-calendar-title .k-button-text{
-    text-transform: capitalize;
-            letter-spacing: 0px;
+    letter-spacing: 0px;
+            text-transform: capitalize;
 }
     .k-calendar.k-calendar-range .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today .k-button-text{
-    text-transform: capitalize;
-            letter-spacing: 0px;
+    letter-spacing: 0px;
+            text-transform: capitalize;
 }
     .k-calendar.k-calendar-range .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today{
@@ -124,8 +124,8 @@
 }
     .k-calendar .k-calendar-header .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-rounded-md.k-calendar-title .k-button-text{
-    text-transform: capitalize;
-            letter-spacing: 0px;
+    letter-spacing: 0px;
+            text-transform: capitalize;
 }
     .k-slider.k-slider-horizontal .k-slider-track-wrap .k-slider-track{
@@ -144,25 +144,25 @@
 }
     .k-radio-wrap .k-radio.k-checked,.k-radio-wrap .k-radio:checked{
-    border-bottom-left-radius: 50%;
+    background-color: initial;
+            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2014%2014'%3E%3Ccircle%20cx%3D'50%25'%20cy%3D'50%25'%20r%3D'4'%20fill%3D'%23003583'%2F%3E%3C%2Fsvg%3E");
+            background-size: 100%;
+            border-bottom-left-radius: 50%;
             border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
             border-bottom-width: 2px;
             border-left-width: 2px;
             border-right-width: 2px;
+            border-top-left-radius: 50%;
+            border-top-right-radius: 50%;
             border-top-width: 2px;
-            background-color: initial;
-            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2014%2014'%3E%3Ccircle%20cx%3D'50%25'%20cy%3D'50%25'%20r%3D'4'%20fill%3D'%23003583'%2F%3E%3C%2Fsvg%3E");
-            background-size: 100%;
 }
     .k-checkbox-wrap .k-checkbox.k-focus,.k-checkbox-wrap .k-checkbox.k-state-focus,.k-checkbox-wrap .k-checkbox.k-state-focused,.k-checkbox-wrap .k-checkbox:focus{
-    color: $fk-feather-primary;
-            box-shadow: none;
+    box-shadow: none;
+            color: $fk-feather-primary;
+            outline-color: currentcolor;
             outline-style: solid;
             outline-width: 2px;
-            outline-color: currentcolor;
 }
     .k-checkbox-wrap .k-checkbox.k-invalid.k-invalid,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty{
@@ -179,15 +179,15 @@
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
                     @extend %fk-typography-feather-body-small;
-          padding-right: 16px;
+          color: $fk-kendo-component-text;
+            min-height: $fk-feather-container-height-md;
+            padding-bottom: 8px;
             padding-left: 16px;
+            padding-right: 16px;
             padding-top: 8px;
-            padding-bottom: 8px;
-            color: $fk-kendo-component-text;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
-            min-height: $fk-feather-container-height-md;
 }
     .k-button.k-selected .k-button-icon.k-icon.k-svg-icon{
@@ -229,8 +229,8 @@
 }
     .k-button.k-button-flat.k-button-flat-primary{
-    transition-property: all;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -254,10 +254,10 @@
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip{
-    height: $fk-feather-container-height-xs;
-            column-gap: 0px;
-            background-color: $fk-feather-surface-shade-1;
+    background-color: $fk-feather-surface-shade-1;
             background-image: none;
+            column-gap: 0px;
+            height: $fk-feather-container-height-xs;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-chip-md{
@@ -276,23 +276,23 @@
 }
     .k-radio-wrap .k-radio.k-focus,.k-radio-wrap .k-radio.k-state-focus,.k-radio-wrap .k-radio.k-state-focused,.k-radio-wrap .k-radio:focus{
-    outline-color: currentcolor;
-            outline-style: solid;
-            outline-width: 2px;
-            box-shadow: none;
-            border-bottom-color: currentcolor;
+    border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
             border-top-color: currentcolor;
+            box-shadow: none;
             color: k-color( primary );
+            outline-color: currentcolor;
             outline-offset: 0px;
+            outline-style: solid;
+            outline-width: 2px;
 }
     .k-radio-wrap .k-radio.k-invalid,.k-radio-wrap .k-radio.ng-invalid.ng-touched,.k-radio-wrap .k-radio.ng-invalid.ng-dirty{
     color: k-color( error );
+            outline-color: currentcolor;
             outline-offset: 0px;
             outline-style: solid;
-            outline-color: currentcolor;
 }
     .k-radio-wrap .k-radio.k-disabled,.k-radio-wrap .k-radio.k-state-disabled,.k-radio-wrap .k-radio:disabled{
@@ -300,19 +300,19 @@
 }
     .k-radio-wrap .k-radio.k-checked.k-focus,.k-radio-wrap .k-radio:checked.k-focus,.k-radio-wrap .k-radio.k-checked.k-state-focus,.k-radio-wrap .k-radio.k-checked.k-state-focused,.k-radio-wrap .k-radio.k-checked:focus,.k-radio-wrap .k-radio:checked.k-state-focus,.k-radio-wrap .k-radio:checked.k-state-focused,.k-radio-wrap .k-radio:checked:focus{
-    border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-            box-shadow: 0px 0px 0px 2px k-color( primary );
-            border-bottom-color: k-color( primary );
-            border-left-color: k-color( primary );
-            border-right-color: k-color( primary );
-            border-top-color: k-color( primary );
+    border-bottom-color: k-color( primary );
             border-bottom-style: solid;
+            border-bottom-width: 1px;
+            border-left-color: k-color( primary );
             border-left-style: solid;
+            border-left-width: 1px;
+            border-right-color: k-color( primary );
             border-right-style: solid;
+            border-right-width: 1px;
+            border-top-color: k-color( primary );
             border-top-style: solid;
+            border-top-width: 1px;
+            box-shadow: 0px 0px 0px 2px k-color( primary );
 }
     .k-radio-wrap .k-radio.k-focus::placeholder,.k-radio-wrap .k-radio.k-state-focus::placeholder,.k-radio-wrap .k-radio.k-state-focused::placeholder,.k-radio-wrap .k-radio:focus::placeholder{
@@ -334,8 +334,8 @@
 }
     .k-radio-list.k-list-vertical{
-    row-gap: $fk-kendo-radio-list-item-padding-y;
-            column-gap: $fk-kendo-radio-list-item-padding-x;
+    column-gap: $fk-kendo-radio-list-item-padding-x;
+            row-gap: $fk-kendo-radio-list-item-padding-y;
 }
     .k-slider .k-label{
@@ -343,11 +343,11 @@
 }
     .k-appbar.k-appbar-light{
-    height: 64px;
-            background-color: $fk-feather-primary;
+    background-color: $fk-feather-primary;
             background-image: none;
             box-shadow: 0px 1px 0px 0px $fk-feather-border-on-color;
             color: $fk-kendo-appbar-dark-text;
+            height: 64px;
 }
     .k-appbar.k-appbar-light.k-appbar-static{
@@ -355,8 +355,8 @@
 }
     .k-appbar.k-appbar-light .k-appbar-section{
-    height: 48px;
-            color: $fk-kendo-appbar-dark-text;
+    color: $fk-kendo-appbar-dark-text;
+            height: 48px;
 }
     .k-appbar.k-appbar-dark .k-appbar-section{
@@ -368,9 +368,9 @@
 }
     .k-appbar.k-appbar-dark{
-    height: 64px;
-            background-color: $fk-feather-primary;
+    background-color: $fk-feather-primary;
             background-image: none;
+            height: 64px;
 }
     .k-appbar.k-appbar-inherit{
@@ -424,16 +424,16 @@
 }
     .k-combobox.k-input .k-clear-value{
-    padding-top: $fk-kendo-input-padding-y;
-            padding-bottom: $fk-kendo-input-padding-y;
-            padding-left: $fk-kendo-input-padding-y;
-            padding-right: $fk-kendo-input-padding-y;
-            opacity: 100%;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
             color: $fk-feather-icon-on-neutral;
+            opacity: 100%;
+            padding-bottom: $fk-kendo-input-padding-y;
+            padding-left: $fk-kendo-input-padding-y;
+            padding-right: $fk-kendo-input-padding-y;
+            padding-top: $fk-kendo-input-padding-y;
 }
     .k-combobox.k-input .k-input-button{
@@ -442,30 +442,34 @@
 }
     .k-combobox.k-input{
-    padding-right: 4px;
+    background-image: none;
             height: $fk-feather-container-height-lg;
-            background-image: none;
+            padding-right: 4px;
 }
     .k-combobox.k-input.k-input-solid{
     background-color: initial;
-            color: $fk-feather-secondary-text-on-surface;
             border-bottom-color: $fk-feather-secondary-text-on-surface;
             border-left-color: $fk-feather-secondary-text-on-surface;
             border-right-color: $fk-feather-secondary-text-on-surface;
             border-top-color: $fk-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .k-combobox.k-input.k-hover .k-clear-value.k-hover,.k-combobox.k-input.k-hover  .k-clear-value.k-state-hover,.k-combobox.k-input.k-hover  .k-clear-value.k-state-hovered,.k-combobox.k-input.k-hover  .k-clear-value:hover, .k-combobox.k-input.k-state-hover .k-clear-value.k-hover, .k-combobox.k-input.k-state-hover  .k-clear-value.k-state-hover, .k-combobox.k-input.k-state-hover  .k-clear-value.k-state-hovered, .k-combobox.k-input.k-state-hover  .k-clear-value:hover, .k-combobox.k-input.k-state-hovered .k-clear-value.k-hover, .k-combobox.k-input.k-state-hovered  .k-clear-value.k-state-hover, .k-combobox.k-input.k-state-hovered  .k-clear-value.k-state-hovered, .k-combobox.k-input.k-state-hovered  .k-clear-value:hover, .k-combobox.k-input:hover .k-clear-value.k-hover, .k-combobox.k-input:hover  .k-clear-value.k-state-hover, .k-combobox.k-input:hover  .k-clear-value.k-state-hovered, .k-combobox.k-input:hover  .k-clear-value:hover{
     color: $fk-feather-primary-text-on-surface;
-            flex-direction: row;
             column-gap: 4px;
-            row-gap: 0px;
+            flex-direction: row;
             position: relative;
+            row-gap: 0px;
 }
     .k-combobox.k-input.k-hover .k-clear-value.k-hover,.k-combobox.k-input.k-hover .k-clear-value.k-state-hover,.k-combobox.k-input.k-hover .k-clear-value.k-state-hovered,.k-combobox.k-input.k-hover .k-clear-value:hover,.k-combobox.k-input.k-state-hover .k-clear-value.k-hover,.k-combobox.k-input.k-state-hover .k-clear-value.k-state-hover,.k-combobox.k-input.k-state-hover .k-clear-value.k-state-hovered,.k-combobox.k-input.k-state-hover .k-clear-value:hover,.k-combobox.k-input.k-state-hovered .k-clear-value.k-hover,.k-combobox.k-input.k-state-hovered .k-clear-value.k-state-hover,.k-combobox.k-input.k-state-hovered .k-clear-value.k-state-hovered,.k-combobox.k-input.k-state-hovered .k-clear-value:hover,.k-combobox.k-input:hover .k-clear-value.k-hover,.k-combobox.k-input:hover .k-clear-value.k-state-hover,.k-combobox.k-input:hover .k-clear-value.k-state-hovered,.k-combobox.k-input:hover .k-clear-value:hover{
-    margin-bottom: 0px;
+    background-color: initial;
+            background-image: $fk-feather-hover-on-surface-gradient;
+            display: inline-flex;
+            justify-content: center;
+            margin-bottom: 0px;
             margin-left: 0px;
             margin-right: 0px;
             margin-top: 0px;
@@ -473,10 +477,6 @@
             padding-left: $fk-kendo-input-padding-y;
             padding-right: $fk-kendo-input-padding-y;
             padding-top: $fk-kendo-input-padding-y;
-            display: inline-flex;
-            justify-content: center;
-            background-color: initial;
-            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-combobox-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
@@ -496,8 +496,8 @@
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease{
     color: inherit;
-            min-height: unset;
             height: 50%;
+            min-height: unset;
             width: 100%;
 }
@@ -515,43 +515,43 @@
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button{
     color: $fk-feather-icon-on-neutral;
-            height: 100%;
             flex-direction: column;
+            height: 100%;
 }
     .k-textbox.k-input .k-clear-value{
-    width: $fk-feather-container-height-xs;
-            height: $fk-feather-container-height-xs;
-            box-sizing: border-box;
-            border-bottom-left-radius: 50%;
+    border-bottom-left-radius: 50%;
             border-bottom-right-radius: 50%;
             border-top-left-radius: 50%;
             border-top-right-radius: 50%;
-            opacity: 100%;
+            box-sizing: border-box;
             color: $fk-feather-icon-on-neutral;
-            margin-right: 4px;
+            height: $fk-feather-container-height-xs;
             margin-left: 4px;
+            margin-right: 4px;
+            opacity: 100%;
+            width: $fk-feather-container-height-xs;
 }
     .k-textbox.k-input .k-clear-value.k-hover,.k-textbox.k-input .k-clear-value.k-state-hover,.k-textbox.k-input .k-clear-value.k-state-hovered,.k-textbox.k-input .k-clear-value:hover{
-    color: $fk-feather-primary-text-on-surface;
-            background-color: initial;
+    background-color: initial;
             background-image: $fk-feather-hover-on-surface-gradient;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button{
-    color: $fk-feather-icon-on-neutral;
-            background-color: initial !important;
+    background-color: initial !important;
             background-image: none !important;
             border-bottom-left-radius: 50%;
             border-bottom-right-radius: 50%;
             border-top-left-radius: 50%;
             border-top-right-radius: 50%;
+            color: $fk-feather-icon-on-neutral;
+            height: 30px;
             margin-bottom: 4px;
             margin-left: 8px;
             margin-right: 4px;
             margin-top: 4px;
-            height: 30px;
             width: 30px;
 }
@@ -563,9 +563,9 @@
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-hover,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hover,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hovered,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:hover{
-    color: $fk-feather-primary-text-on-surface;
-            background-color: initial !important;
+    background-color: initial !important;
             background-image: $fk-feather-hover-on-surface-gradient !important;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-textbox.k-input.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-hover .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,.k-textbox.k-input.k-input-solid .k-input-prefix.k-input-prefix-horizontal  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hover .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,.k-textbox.k-input.k-input-solid .k-input-prefix.k-input-prefix-horizontal  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hovered .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,.k-textbox.k-input.k-input-solid .k-input-prefix.k-input-prefix-horizontal  .k-button.k-button-flat.k-button-flat-base.k-icon-button:hover .k-icon.k-svg-icon.k-svg-i-image.k-button-icon{
@@ -574,8 +574,8 @@
 }
     .k-textbox.k-input.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button .k-icon.k-svg-icon.k-svg-i-image.k-button-icon{
     color: $fk-feather-icon-on-neutral;
-            width: 18px;
             height: 18px;
+            width: 18px;
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-hover::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hover::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hovered::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:hover::before{
@@ -589,86 +589,86 @@
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus{
-    outline-offset: -1px;
-            box-shadow: 0px 0px 0px 1px $fk-feather-secondary-text-on-surface !important;
-            border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
+    background-color: initial !important;
+            background-image: $fk-feather-focused-on-surface-gradient !important;
             border-bottom-color: $fk-feather-secondary-text-on-surface !important;
-            border-left-color: $fk-feather-secondary-text-on-surface !important;
-            border-right-color: $fk-feather-secondary-text-on-surface !important;
-            border-top-color: $fk-feather-secondary-text-on-surface !important;
             border-bottom-style: solid;
+            border-bottom-width: 1px;
+            border-left-color: $fk-feather-secondary-text-on-surface !important;
             border-left-style: solid;
+            border-left-width: 1px;
+            border-right-color: $fk-feather-secondary-text-on-surface !important;
             border-right-style: solid;
+            border-right-width: 1px;
+            border-top-color: $fk-feather-secondary-text-on-surface !important;
             border-top-style: solid;
+            border-top-width: 1px;
+            box-shadow: 0px 0px 0px 1px $fk-feather-secondary-text-on-surface !important;
             color: $fk-feather-primary-text-on-surface;
-            background-color: initial !important;
-            background-image: $fk-feather-focused-on-surface-gradient !important;
+            outline-offset: -1px;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link{
-    padding-left: 16px;
+    padding-bottom: 8px;
+            padding-left: 16px;
             padding-top: 8px;
-            padding-bottom: 8px;
 }
     .k-popup.k-menu-popup .k-group.k-menu-group{
-    padding-top: 8px;
+    margin-top: 1px;
             padding-bottom: 8px;
-            margin-top: 1px;
+            padding-top: 8px;
 }
     .k-popup.k-list-container{
                     @extend %fk-effects-feather-elevation-04dp;
-          border-bottom-left-radius: $fk-kendo-border-radius-md;
-            border-bottom-right-radius: $fk-kendo-border-radius-md;
-            border-top-left-radius: $fk-kendo-border-radius-md;
-            border-top-right-radius: $fk-kendo-border-radius-md;
-            background-color: $fk-feather-surface;
+          background-color: $fk-feather-surface;
             background-image: none;
-            translate: 0px 2px;
+            border-bottom-left-radius: $fk-kendo-border-radius-md;
+            border-bottom-right-radius: $fk-kendo-border-radius-md;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
+            border-top-left-radius: $fk-kendo-border-radius-md;
+            border-top-right-radius: $fk-kendo-border-radius-md;
             border-top-style: none;
+            translate: 0px 2px;
 }
     .k-popup.k-menu-popup{
                     @extend %fk-effects-feather-elevation-04dp;
-          border-bottom-left-radius: $fk-kendo-border-radius-md;
+          background-color: $fk-feather-surface;
+            background-image: none;
+            border-bottom-left-radius: $fk-kendo-border-radius-md;
             border-bottom-right-radius: $fk-kendo-border-radius-md;
-            border-top-left-radius: $fk-kendo-border-radius-md;
-            border-top-right-radius: $fk-kendo-border-radius-md;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
+            border-top-left-radius: $fk-kendo-border-radius-md;
+            border-top-right-radius: $fk-kendo-border-radius-md;
             border-top-style: none;
             padding-bottom: 0px;
             padding-left: 0px;
             padding-right: 0px;
             padding-top: 0px;
-            background-color: $fk-feather-surface;
-            background-image: none;
 }
     .k-list-filter .k-searchbox.k-textbox.k-input-solid{
-    border-top-color: $fk-kendo-input-border;
-            border-right-color: $fk-kendo-input-border;
+    border-bottom-color: $fk-kendo-input-border;
             border-left-color: $fk-kendo-input-border;
-            border-bottom-color: $fk-kendo-input-border;
+            border-right-color: $fk-kendo-input-border;
+            border-top-color: $fk-kendo-input-border;
 }
     .k-list-filter .k-searchbox.k-textbox.k-input{
-    border-top-style: none;
-            border-top-width: $fk-kendo-input-border-width;
-            border-right-style: none;
-            border-right-width: $fk-kendo-input-border-width;
+    border-bottom-style: solid;
+            border-bottom-width: $fk-kendo-input-border-width;
             border-left-style: none;
             border-left-width: $fk-kendo-input-border-width;
-            border-bottom-style: solid;
-            border-bottom-width: $fk-kendo-input-border-width;
+            border-right-style: none;
+            border-right-width: $fk-kendo-input-border-width;
+            border-top-style: none;
+            border-top-width: $fk-kendo-input-border-width;
 }
     .k-list-filter .k-searchbox.k-textbox.k-rounded-md{
@@ -679,8 +679,8 @@
 }
     .k-list-filter .k-searchbox.k-textbox.k-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-state-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-state-focused.k-input-solid,.k-list-filter .k-searchbox.k-textbox:focus.k-input-solid{
-    box-shadow: none;
-            border-bottom-color: k-color( primary );
+    border-bottom-color: k-color( primary );
+            box-shadow: none;
 }
     .k-list-filter .k-searchbox.k-textbox.k-focus.k-input,.k-list-filter .k-searchbox.k-textbox.k-state-focus.k-input,.k-list-filter .k-searchbox.k-textbox.k-state-focused.k-input,.k-list-filter .k-searchbox.k-textbox:focus.k-input{
@@ -689,18 +689,18 @@
 }
     .k-list-filter .k-searchbox.k-textbox .k-input-inner{
-    padding-right: $fk-kendo-input-padding-x;
-            padding-left: 4px;
+    padding-left: 4px;
+            padding-right: $fk-kendo-input-padding-x;
 }
     .k-list-filter{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-            padding-bottom: 0px;
+    padding-bottom: 0px;
             padding-left: 0px;
             padding-right: 0px;
             padding-top: 0px;
+            transition-duration: 280ms;
+            transition-property: all;
+            transition-timing-function: ease-out;
 }
     .k-list-filter .k-searchbox.k-invalid.k-input-solid,.k-list-filter .k-searchbox.ng-invalid.ng-touched.k-input-solid,.k-list-filter .k-searchbox.ng-invalid.ng-dirty.k-input-solid{
@@ -736,26 +736,26 @@
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal{
-    margin-right: -12px;
-            align-self: center;
+    align-self: center;
             display: inline-block;
+            margin-right: -12px;
 }
     .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary{
-    height: 100%;
-            background-color: initial !important;
+    background-color: initial !important;
             background-image: none !important;
+            height: 100%;
 }
     .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-focus,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focus,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focused,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:focus{
                     @extend %fk-effects-feather-focus-outer-on-color-important;
-          box-sizing: border-box;
-            background-color: initial !important;
+          background-color: initial !important;
             background-image: $fk-feather-focused-on-surface-gradient !important;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            box-sizing: border-box;
 }
     .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-focus::after,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focus::after,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focused::after,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:focus::after{
@@ -768,8 +768,8 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            visibility: hidden;
             opacity: 12%;
+            visibility: hidden;
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus::before{
@@ -788,21 +788,21 @@
 }
     .k-label.k-text-disabled{
-    opacity: 100%;
-            color: $fk-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-command-cell{
-    display: flex;
-            row-gap: 8px;
-            flex-direction: row;
-            justify-content: start;
-            align-items: center;
+    align-items: center;
             align-self: stretch;
-            width: auto;
             box-sizing: border-box;
+            display: flex;
+            flex-direction: row;
+            justify-content: start;
             padding-left: 8px;
             padding-right: 8px;
+            row-gap: 8px;
+            width: auto;
 }
     .k-grid.k-grid-md .k-toolbar.k-grid-toolbar.k-toolbar-md{
@@ -845,11 +845,11 @@
 }
     .k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell .k-input{
-    height: $fk-feather-container-height-md;
-            border-bottom-left-radius: $fk-kendo-border-radius-md;
+    border-bottom-left-radius: $fk-kendo-border-radius-md;
             border-bottom-right-radius: $fk-kendo-border-radius-md;
             border-top-left-radius: $fk-kendo-border-radius-md;
             border-top-right-radius: $fk-kendo-border-radius-md;
+            height: $fk-feather-container-height-md;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row{
@@ -864,35 +864,35 @@
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row >td{
                     @extend %fk-typography-feather-body-small;
-          box-sizing: content-box;
-            border-bottom-color: $fk-feather-border-on-surface;
+          border-bottom-color: $fk-feather-border-on-surface;
             border-bottom-style: solid;
             border-bottom-width: 1px;
-            border-top-color: $fk-feather-border-on-surface;
-            border-top-style: none;
-            border-top-width: 0px;
-            border-right-color: $fk-feather-border-on-surface;
-            border-right-style: none;
-            border-right-width: 0px;
             border-left-color: $fk-feather-border-on-surface;
             border-left-style: none;
             border-left-width: 0px;
+            border-right-color: $fk-feather-border-on-surface;
+            border-right-style: none;
+            border-right-width: 0px;
+            border-top-color: $fk-feather-border-on-surface;
+            border-top-style: none;
+            border-top-width: 0px;
+            box-sizing: content-box;
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row td.k-focus,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row td.k-state-focus,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row td.k-state-focused,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row td:focus{
                     @extend %fk-effects-feather-focus-inner-on-surface;
-          border-bottom-style: solid;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
+          border-bottom-color: transparent;
+            border-bottom-style: solid;
             border-bottom-width: 1px;
-            border-left-width: 0px;
-            border-right-width: 0px;
-            border-top-width: 0px;
-            border-bottom-color: transparent;
             border-left-color: $fk-feather-primary;
+            border-left-style: none;
+            border-left-width: 0px;
             border-right-color: $fk-feather-primary;
+            border-right-style: none;
+            border-right-width: 0px;
             border-top-color: $fk-feather-primary;
+            border-top-style: none;
+            border-top-width: 0px;
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row td.k-focus,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row  td.k-state-focus,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row  td.k-state-focused,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row  td:focus{
@@ -927,34 +927,34 @@
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th .k-cell-inner .k-link,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th .k-cell-inner .k-link{
                     @extend %fk-typography-feather-body-small;
-          color: $fk-feather-secondary-text-on-surface;
-            padding-top: 18px;
-            border-right-width: 1px;
-            border-right-color: $fk-feather-border-on-surface;
+          border-right-color: $fk-feather-border-on-surface;
             border-right-style: solid;
+            border-right-width: 1px;
+            color: $fk-feather-secondary-text-on-surface;
+            padding-top: 18px;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th{
     background-color: transparent;
             background-image: none;
-            box-sizing: border-box;
-            overflow: hidden;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            padding-top: $fk-kendo-grid-header-padding-y;
+            box-sizing: border-box;
+            overflow: hidden;
             padding-bottom: $fk-kendo-grid-header-padding-y;
+            padding-top: $fk-kendo-grid-header-padding-y;
 }
     .k-fab.k-fab-solid-primary .k-fab-text{
-    padding-right: 8px;
-            padding-left: 8px;
+    padding-left: 8px;
+            padding-right: 8px;
 }
     .k-fab.k-fab-solid-primary.k-fab-md{
-    padding-right: $fk-kendo-fab-padding-x;
-            padding-left: $fk-kendo-fab-padding-x;
+    padding-left: $fk-kendo-fab-padding-x;
+            padding-right: $fk-kendo-fab-padding-x;
 }
     .k-fab.k-fab-solid-primary{
@@ -962,9 +962,9 @@
 }
     .k-fab.k-fab-solid-primary .k-fab-icon.k-icon.k-svg-icon{
-    width: 24px;
+    align-self: center;
             height: 24px;
-            align-self: center;
+            width: 24px;
 }
     .k-fab.k-fab-solid-primary .k-fab-icon.k-icon.k-svg-icon >svg{
@@ -972,12 +972,12 @@
 }
     .k-fab-popup.k-popup .k-fab-items .k-fab-item .k-fab-item-text{
-    border-bottom-left-radius: 4px;
+    background-color: transparent;
+            background-image: none;
+            border-bottom-left-radius: 4px;
             border-bottom-right-radius: 4px;
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
-            background-color: transparent;
-            background-image: none;
             margin-left: 12px;
 }
@@ -1001,11 +1001,11 @@
 }
     .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item{
-    color: $fk-feather-secondary-text-on-surface;
-            border-bottom-left-radius: $fk-kendo-border-radius-md;
+    border-bottom-left-radius: $fk-kendo-border-radius-md;
             border-bottom-right-radius: $fk-kendo-border-radius-md;
             border-top-left-radius: $fk-kendo-border-radius-md;
             border-top-right-radius: $fk-kendo-border-radius-md;
+            color: $fk-feather-secondary-text-on-surface;
             min-height: $fk-feather-container-height-md;
             min-width: 64px;
@@ -1021,11 +1021,11 @@
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item{
                     @extend %fk-typography-feather-button;
-          color: $fk-feather-primary;
-            border-bottom-style: none;
+          border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            color: $fk-feather-primary;
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
@@ -1033,28 +1033,28 @@
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item:focus .k-link{
-    border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-            border-bottom-color: k-color( primary );
+    border-bottom-color: k-color( primary );
             border-bottom-style: solid;
+            border-bottom-width: 1px;
             border-left-color: k-color( primary );
             border-left-style: solid;
+            border-left-width: 1px;
             border-right-color: k-color( primary );
             border-right-style: solid;
+            border-right-width: 1px;
             border-top-color: k-color( primary );
             border-top-style: solid;
+            border-top-width: 1px;
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-active.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item:active.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-active.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-active.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-active:focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-active.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-active.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-active:focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item:active.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item:active.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item:active:focus .k-link{
     border-bottom-color: $fk-feather-primary;
             border-bottom-style: solid;
             border-bottom-width: 3px;
-            border-top-left-radius: 4px;
-            border-top-right-radius: 4px;
             border-left-width: 1px;
             border-right-width: 1px;
+            border-top-left-radius: 4px;
+            border-top-right-radius: 4px;
             border-top-width: 1px;
 }
@@ -1075,15 +1075,15 @@
 }
     .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item .k-item-text{
-    display: inline-flex;
-            align-items: center;
+    align-items: center;
             align-self: center;
+            display: inline-flex;
             justify-content: start;
 }
     .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item{
-    transition-property: all;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -1092,23 +1092,23 @@
 }
     .k-switch.k-switch-off .k-switch-track{
-    color: $fk-feather-secondary-text-on-surface;
-            background-color: rgba(0, 0, 0, 0.04);
+    background-color: rgba(0, 0, 0, 0.04);
             background-image: none;
-            transition-property: all;
+            color: $fk-feather-secondary-text-on-surface;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
     .k-switch.k-switch-off .k-switch-thumb-wrap .k-switch-thumb{
-    border-bottom-color: $fk-feather-secondary-text-on-surface;
+    background-color: $fk-feather-primary-text-on-color;
+            background-image: none;
+            border-bottom-color: $fk-feather-secondary-text-on-surface;
             border-left-color: $fk-feather-secondary-text-on-surface;
             border-right-color: $fk-feather-secondary-text-on-surface;
             border-top-color: $fk-feather-secondary-text-on-surface;
-            background-color: $fk-feather-primary-text-on-color;
-            background-image: none;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -1133,9 +1133,9 @@
 }
     .k-textbox.k-input{
-    transition-property: all;
+    align-items: center;
             transition-duration: 280ms;
-            align-items: center;
+            transition-property: all;
 }
     .k-textbox.k-input.k-input-solid{
@@ -1148,14 +1148,14 @@
 }
     .k-datepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
-    color: $fk-feather-icon-on-neutral;
+    aspect-ratio: 1;
+            color: $fk-feather-icon-on-neutral;
             height: 100%;
-            aspect-ratio: 1;
 }
     .k-timepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
-    height: 100%;
-            color: $fk-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
+            height: 100%;
             width: $fk-feather-container-height-lg;
 }
@@ -1173,23 +1173,23 @@
 }
     .k-window.k-dialog .k-window-content.k-dialog-content{
                     @extend %fk-typography-feather-body-small;
-          text-align: left;
-            padding-bottom: $fk-kendo-window-inner-padding-y;
+          padding-bottom: $fk-kendo-window-inner-padding-y;
+            text-align: left;
 }
     .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-stretched{
-    text-transform: uppercase;
-            border-bottom-style: none;
+    border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            text-transform: uppercase;
 }
     .k-window .k-window-titlebar{
                     @extend %fk-typography-feather-body-large;
-          color: $fk-feather-primary-text-on-surface;
-            background-color: initial;
+          background-color: initial;
             background-image: none;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-window{
@@ -1199,23 +1199,23 @@
 }
     .k-window .k-window-content{
                     @extend %fk-typography-feather-body-small;
-          padding-bottom: 32px;
-            color: $fk-feather-secondary-text-on-surface;
+          color: $fk-feather-secondary-text-on-surface;
+            padding-bottom: 32px;
 }
     .k-window .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-icon-button{
-    height: $fk-feather-container-height-sm;
-            width: $fk-feather-container-height-sm;
-            border-bottom-left-radius: 50%;
+    border-bottom-left-radius: 50%;
             border-bottom-right-radius: 50%;
             border-top-left-radius: 50%;
             border-top-right-radius: 50%;
+            height: $fk-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
 }
     .k-window .k-window-titlebar .k-window-titlebar-actions{
-    row-gap: 0px;
-            column-gap: 4px;
+    column-gap: 4px;
             padding-left: 16px;
+            row-gap: 0px;
 }
     .k-window.k-window-minimized{
@@ -1241,13 +1241,13 @@
 }
     .k-chip.k-disabled,.k-chip.k-state-disabled,.k-chip:disabled{
-    opacity: 100%;
-            background-image: none;
+    background-image: none;
+            opacity: 100%;
 }
     .k-chip.k-disabled.k-chip-solid-base,.k-chip.k-state-disabled.k-chip-solid-base,.k-chip:disabled.k-chip-solid-base{
-    color: $fk-feather-disabled-text-on-surface;
-            background-color: $fk-feather-border-light-on-surface;
+    background-color: $fk-feather-border-light-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-toolbar{
@@ -1284,9 +1284,9 @@
 }
     .k-button-group .k-button.k-group-start,.k-button-group .k-button:first-child{
-    z-index: 0;
-            border-inline-start-width: 2px;
+    border-inline-start-width: 2px;
             box-shadow: inset -1px 0px 0px 0px $fk-kendo-button-border;
+            z-index: 0;
 }
     .k-floating-label-container.k-focus .k-floating-label,.k-floating-label-container.k-state-focus .k-floating-label,.k-floating-label-container.k-state-focused .k-floating-label,.k-floating-label-container:focus .k-floating-label{
@@ -1303,14 +1303,14 @@
 }
     .k-chip-list .k-chip.k-focus,.k-chip-list .k-chip.k-state-focus,.k-chip-list .k-chip.k-state-focused,.k-chip-list .k-chip:focus{
-    outline-style: solid;
+    outline-color: transparent;
+            outline-style: solid;
             outline-width: 2px;
-            outline-color: transparent;
 }
     .k-chip.k-selected{
-    color: $fk-feather-primary-text-on-color;
-            background-image: linear-gradient(transparent, transparent);
+    background-image: linear-gradient(transparent, transparent);
+            color: $fk-feather-primary-text-on-color;
 }
     .k-chip.k-selected.k-chip-solid-base{
@@ -1331,48 +1331,48 @@
 }
     .k-dropdownlist{
     background-image: none;
-            transition-property: all;
+            min-height: $fk-feather-container-height-lg;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
-            min-height: $fk-feather-container-height-lg;
 }
     .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
+            border-bottom-right-radius: $fk-feather-border-radius-full;
+            border-bottom-style: none;
             border-left-color: $fk-feather-border-on-surface;
+            border-left-style: none;
             border-left-width: 1px;
-            height: $fk-feather-container-height-sm;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
-            border-bottom-right-radius: $fk-feather-border-radius-full;
+            border-right-style: none;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
-            width: $fk-feather-container-height-sm;
-            margin-top: 0.175rem;
+            border-top-style: none;
+            height: $fk-feather-container-height-sm;
             margin-right: 0.25rem;
+            margin-top: 0.175rem;
             min-height: unset;
             padding-bottom: $fk-kendo-input-padding-y;
             padding-left: $fk-kendo-input-padding-y;
             padding-right: $fk-kendo-input-padding-y;
             padding-top: $fk-kendo-input-padding-y;
+            width: $fk-feather-container-height-sm;
 }
     .k-dropdownlist.k-focus .k-input-button,.k-dropdownlist.k-state-focus .k-input-button,.k-dropdownlist.k-state-focused .k-input-button,.k-dropdownlist:focus .k-input-button{
-    border-top-color: transparent;
-            border-top-width: 1px;
-            border-right-color: transparent;
-            border-right-width: 1px;
-            border-bottom-color: transparent;
+    border-bottom-color: transparent;
             border-bottom-width: 1px;
             border-left-color: transparent;
+            border-right-color: transparent;
+            border-right-width: 1px;
+            border-top-color: transparent;
+            border-top-width: 1px;
 }
     .k-dropdownlist.k-focus .k-input-button.k-button,.k-dropdownlist.k-state-focus .k-input-button.k-button,.k-dropdownlist.k-state-focused .k-input-button.k-button,.k-dropdownlist:focus .k-input-button.k-button{
-    border-top-style: solid;
+    border-bottom-style: solid;
             border-right-style: solid;
-            border-bottom-style: solid;
+            border-top-style: solid;
 }
     .k-button.k-selected.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg{
@@ -1409,8 +1409,8 @@
 }
     .k-button.k-button-outline.k-button-outline-primary .k-button-text{
     color: k-color( primary );
-            padding-right: $fk-kendo-padding-sm-x;
             padding-left: $fk-kendo-padding-sm-x;
+            padding-right: $fk-kendo-padding-sm-x;
 }
     .k-button.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg{
@@ -1449,9 +1449,9 @@
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-hover,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-hover,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-hovered,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link:hover{
-    color: inherit;
-            background-color: initial;
+    background-color: initial;
             background-image: $fk-feather-hover-on-surface-gradient;
+            color: inherit;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item.k-focus .k-link.k-menu-link,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item.k-state-focus .k-link.k-menu-link,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item.k-state-focused .k-link.k-menu-link,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item:focus .k-link.k-menu-link{
@@ -1492,18 +1492,18 @@
 }
     .k-numerictextbox.k-input.k-disabled.k-input-solid,.k-numerictextbox.k-input.k-state-disabled.k-input-solid,.k-numerictextbox.k-input:disabled.k-input-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            background-color: initial;
+    background-color: initial;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-numerictextbox.k-input.k-disabled,.k-numerictextbox.k-input.k-state-disabled,.k-numerictextbox.k-input:disabled{
     background-image: none;
-            visibility: visible;
-            opacity: unset;
             border-bottom-color: $fk-feather-disabled-text-on-surface;
             border-left-color: $fk-feather-disabled-text-on-surface;
             border-right-color: $fk-feather-disabled-text-on-surface;
             border-top-color: $fk-feather-disabled-text-on-surface;
+            opacity: unset;
+            visibility: visible;
 }
     .k-numerictextbox.k-input.k-disabled .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon,.k-numerictextbox.k-input.k-state-disabled .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon,.k-numerictextbox.k-input:disabled .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon{
@@ -1527,11 +1527,11 @@
 }
     .k-numerictextbox.k-input.k-invalid.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-dirty.k-input-solid{
-    color: k-color( error );
-            border-bottom-color: $fk-kendo-input-invalid-border;
+    border-bottom-color: $fk-kendo-input-invalid-border;
             border-left-color: $fk-kendo-input-invalid-border;
             border-right-color: $fk-kendo-input-invalid-border;
             border-top-color: $fk-kendo-input-invalid-border;
+            color: k-color( error );
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-today .k-link{
@@ -1589,12 +1589,12 @@
     .k-button.k-disabled.k-button-solid-primary,.k-button.k-state-disabled.k-button-solid-primary,.k-button:disabled.k-button-solid-primary{
     background-color: $fk-feather-border-light-on-surface;
             background-image: none;
-            opacity: 100%;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
             color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-button.k-disabled.k-button-solid-base, .k-button.k-state-disabled.k-button-solid-base, .k-button:disabled.k-button-solid-base{
@@ -1633,8 +1633,8 @@
 }
     .k-button.k-selected{
-    color: $fk-feather-primary-text-on-color;
-            background-image: $fk-feather-selected-on-surface-gradient;
+    background-image: $fk-feather-selected-on-surface-gradient;
+            color: $fk-feather-primary-text-on-color;
 }
     .k-button.k-selected.k-button-solid-base{
@@ -1649,11 +1649,11 @@
 }
     .k-button-group .k-button{
-    transition-property: all;
+    border-inline-start-width: 2px;
+            box-shadow: inset 1px 0px 0px 0px $fk-kendo-button-border,inset -1px 0px 0px 0px $fk-kendo-button-border;
             transition-duration: 280ms;
+            transition-property: all;
             z-index: 1;
-            border-inline-start-width: 2px;
-            box-shadow: inset 1px 0px 0px 0px $fk-kendo-button-border,inset -1px 0px 0px 0px $fk-kendo-button-border;
 }
     .k-button.k-selected.k-button-outline.k-button-outline-base{
@@ -1680,17 +1680,17 @@
 }
     .k-chip.k-chip-outline.k-selected{
-    color: $fk-feather-primary-text-on-color;
-            background-color: $fk-kendo-chip-outline-selected-bg;
+    background-color: $fk-kendo-chip-outline-selected-bg;
             background-image: none;
+            color: $fk-feather-primary-text-on-color;
 }
     .k-chip.k-chip-outline.k-disabled.k-chip-outline-base,.k-chip.k-chip-outline.k-state-disabled.k-chip-outline-base,.k-chip.k-chip-outline:disabled.k-chip-outline-base{
-    border-bottom-color: $fk-feather-border-on-surface;
+    background-color: $fk-feather-border-light-on-surface;
+            border-bottom-color: $fk-feather-border-on-surface;
             border-left-color: $fk-feather-border-on-surface;
             border-right-color: $fk-feather-border-on-surface;
             border-top-color: $fk-feather-border-on-surface;
-            background-color: $fk-feather-border-light-on-surface;
             color: $fk-feather-disabled-text-on-surface;
 }
@@ -1699,17 +1699,17 @@
 }
     .k-textarea.k-input .k-input-inner{
-    min-height: $fk-feather-container-height-lg;
+    color: $fk-kendo-input-text;
+            min-height: $fk-feather-container-height-lg;
             min-width: 148px;
-            padding-top: $fk-kendo-input-lg-padding-y;
             padding-bottom: $fk-kendo-input-lg-padding-y;
-            color: $fk-kendo-input-text;
+            padding-top: $fk-kendo-input-lg-padding-y;
 }
     .k-textarea.k-input{
     height: auto;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -1768,21 +1768,21 @@
 }
     .k-maskedtextbox.k-input.k-disabled,.k-maskedtextbox.k-input.k-state-disabled,.k-maskedtextbox.k-input:disabled{
-    opacity: unset;
-            outline-color: transparent;
-            outline-style: none;
-            border-bottom-style: solid;
+    border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
+            opacity: unset;
+            outline-color: transparent;
+            outline-style: none;
 }
     .k-maskedtextbox.k-input.k-disabled.k-input-solid,.k-maskedtextbox.k-input.k-state-disabled.k-input-solid,.k-maskedtextbox.k-input:disabled.k-input-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            border-bottom-color: k-color( border );
+    border-bottom-color: k-color( border );
             border-left-color: k-color( border );
             border-right-color: k-color( border );
             border-top-color: k-color( border );
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon{
@@ -1835,11 +1835,11 @@
 }
     .k-dateinput.k-input.k-disabled.k-input-solid,.k-dateinput.k-input.k-state-disabled.k-input-solid,.k-dateinput.k-input:disabled.k-input-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            border-bottom-color: $fk-feather-disabled-text-on-surface;
+    border-bottom-color: $fk-feather-disabled-text-on-surface;
             border-left-color: $fk-feather-disabled-text-on-surface;
             border-right-color: $fk-feather-disabled-text-on-surface;
             border-top-color: $fk-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-datepicker.k-input.k-hover.k-input-solid,.k-datepicker.k-input.k-state-hover.k-input-solid,.k-datepicker.k-input.k-state-hovered.k-input-solid,.k-datepicker.k-input:hover.k-input-solid{
@@ -1890,17 +1890,17 @@
 }
     .k-timepicker.k-input.k-disabled.k-input-solid,.k-timepicker.k-input.k-state-disabled.k-input-solid,.k-timepicker.k-input:disabled.k-input-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            border-bottom-color: $fk-feather-border-on-surface;
+    border-bottom-color: $fk-feather-border-on-surface;
             border-left-color: $fk-feather-border-on-surface;
             border-right-color: $fk-feather-border-on-surface;
             border-top-color: $fk-feather-border-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-timepicker.k-input.k-disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button,.k-timepicker.k-input.k-state-disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button,.k-timepicker.k-input:disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
-    color: $fk-feather-disabled-text-on-surface;
-            background-color: initial;
+    background-color: initial;
             background-image: none;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-timepicker.k-input.k-disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-icon.k-svg-icon.k-button-icon,.k-timepicker.k-input.k-state-disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-icon.k-svg-icon.k-button-icon,.k-timepicker.k-input:disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-icon.k-svg-icon.k-button-icon{
@@ -1916,11 +1916,11 @@
 }
     .k-datetimepicker.k-input.k-hover.k-input-solid,.k-datetimepicker.k-input.k-state-hover.k-input-solid,.k-datetimepicker.k-input.k-state-hovered.k-input-solid,.k-datetimepicker.k-input:hover.k-input-solid{
-    color: $fk-feather-primary-text-on-surface;
-            border-bottom-color: currentcolor;
+    border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
             border-top-color: currentcolor;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-datetimepicker.k-input.k-hover,.k-datetimepicker.k-input.k-state-hover,.k-datetimepicker.k-input.k-state-hovered,.k-datetimepicker.k-input:hover{
@@ -1953,11 +1953,11 @@
 }
     .k-datetimepicker.k-input.k-disabled.k-input-solid,.k-datetimepicker.k-input.k-state-disabled.k-input-solid,.k-datetimepicker.k-input:disabled.k-input-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            border-bottom-color: $fk-feather-border-on-surface;
+    border-bottom-color: $fk-feather-border-on-surface;
             border-left-color: $fk-feather-border-on-surface;
             border-right-color: $fk-feather-border-on-surface;
             border-top-color: $fk-feather-border-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-datetimepicker.k-input.k-disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-button-icon.k-icon.k-svg-icon,.k-datetimepicker.k-input.k-state-disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-button-icon.k-icon.k-svg-icon,.k-datetimepicker.k-input:disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button .k-button-icon.k-icon.k-svg-icon{
@@ -1974,21 +1974,21 @@
             background-image: linear-gradient(transparent, transparent);
             border-bottom-style: none;
             border-left-style: none;
-            border-right-style: solid;
-            border-top-style: none;
             border-right-color: $fk-kendo-button-border;
+            border-right-style: solid;
             border-right-width: $fk-kendo-button-border-width;
+            border-top-style: none;
 }
     .k-datetime-wrap .k-datetime-buttongroup .k-button-group.k-button-group-stretched .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md.k-group-end,.k-datetime-wrap .k-datetime-buttongroup .k-button-group.k-button-group-stretched .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md:last-child{
     background-color: $fk-feather-surface-shade-1;
             background-image: linear-gradient(transparent, transparent);
             border-bottom-style: none;
+            border-left-color: $fk-kendo-button-border;
             border-left-style: solid;
+            border-left-width: $fk-kendo-button-border-width;
             border-right-style: none;
             border-top-style: none;
-            border-left-color: $fk-kendo-button-border;
-            border-left-width: $fk-kendo-button-border-width;
             box-shadow: none;
 }
@@ -2068,8 +2068,8 @@
 }
     .k-button-group .k-button.k-button-outline.k-group-end,.k-button-group .k-button.k-button-outline:last-child{
-    border-top-right-radius: $fk-kendo-border-radius-md;
-            border-bottom-right-radius: $fk-kendo-border-radius-md;
+    border-bottom-right-radius: $fk-kendo-border-radius-md;
+            border-top-right-radius: $fk-kendo-border-radius-md;
             box-shadow: inset 0px 0px 0px 1px currentcolor;
 }
@@ -2113,12 +2113,12 @@
 }
     .k-numerictextbox.k-input{
-    transition-property: all;
+    align-items: center;
+            font-variant-numeric: tabular-nums;
+            height: $fk-feather-container-height-lg;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
-            height: $fk-feather-container-height-lg;
-            font-variant-numeric: tabular-nums;
-            align-items: center;
 }
     .k-numerictextbox.k-input.k-input-md{
@@ -2126,16 +2126,16 @@
 }
     .k-maskedtextbox.k-input{
-    transition-property: all;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
     .k-dateinput.k-input{
-    transition-property: all;
+    height: $fk-feather-container-height-lg;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
-            height: $fk-feather-container-height-lg;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th .k-cell-inner .k-link .k-column-title,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th .k-cell-inner .k-link .k-column-title{
@@ -2145,13 +2145,13 @@
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-focus,.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-state-focus,.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-state-focused,.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th:focus,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-focus,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-state-focus,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-state-focused,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th:focus{
                     @extend %fk-effects-feather-focus-inner-on-surface;
-          border-bottom-left-radius: 2px;
+          border-bottom-color: $fk-feather-border-on-surface;
+            border-bottom-left-radius: 2px;
             border-bottom-right-radius: 2px;
-            border-top-left-radius: 2px;
-            border-top-right-radius: 2px;
-            border-bottom-color: $fk-feather-border-on-surface;
             border-bottom-style: hidden;
             border-bottom-width: 1px;
+            border-top-left-radius: 2px;
+            border-top-right-radius: 2px;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command.k-hover.k-button-solid-primary,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command.k-state-hover.k-button-solid-primary,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command.k-state-hovered.k-button-solid-primary,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command:hover.k-button-solid-primary{
@@ -2199,9 +2199,9 @@
     .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell{
     align-items: stretch;
             align-self: center;
-            justify-content: start;
-            flex-direction: row;
             display: flex;
+            flex-direction: row;
+            justify-content: start;
 }
     .k-pager .k-pager-sizes .k-dropdownlist .k-input-inner .k-input-value-text{
@@ -2256,14 +2256,14 @@
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected .k-list-item-text{
-    position: relative;
-            left: -3px;
+    left: -3px;
+            position: relative;
 }
     .k-datepicker.k-input{
     height: $fk-feather-container-height-lg;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -2276,10 +2276,10 @@
 }
     .k-timepicker.k-input{
     height: $fk-feather-container-height-lg;
+            min-width: unset;
             transition-duration: 280ms;
             transition-property: all;
             transition-timing-function: ease-out;
-            min-width: unset;
 }
     .k-timepicker.k-input.k-input-solid{
@@ -2291,8 +2291,8 @@
 }
     .k-datetimepicker.k-input{
     height: $fk-feather-container-height-lg;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -2305,9 +2305,9 @@
 }
     .k-datetimepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
     align-items: center;
+            aspect-ratio: 1/1;
             color: $fk-feather-icon-on-neutral;
             height: 100%;
-            aspect-ratio: 1/1;
             width: unset;
 }
@@ -2317,11 +2317,11 @@
 }
     .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected{
-    box-shadow: inset 4px 0px 0px 0px $fk-feather-primary;
-            border-bottom-style: none;
+    border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            box-shadow: inset 4px 0px 0px 0px $fk-feather-primary;
 }
     .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-focus,.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focus,.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focused,.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item:focus{
@@ -2332,8 +2332,8 @@
 }
     .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected .k-list-item-text{
-    position: relative;
-            left: -2px;
+    left: -2px;
+            position: relative;
 }
     .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-hover,.k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-state-hover,.k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-state-hovered,.k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button:hover{
@@ -2385,17 +2385,17 @@
 }
     .k-autocomplete.k-input{
-    height: $fk-feather-container-height-lg;
-            background-image: none;
+    background-image: none;
+            height: $fk-feather-container-height-lg;
 }
     .k-autocomplete.k-input.k-input-solid{
-    color: $fk-feather-secondary-text-on-surface;
+    background-color: initial;
             border-bottom-color: $fk-feather-secondary-text-on-surface;
             border-left-color: $fk-feather-secondary-text-on-surface;
             border-right-color: $fk-feather-secondary-text-on-surface;
             border-top-color: $fk-feather-secondary-text-on-surface;
-            background-color: initial;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .k-autocomplete.k-input.k-hover.k-input-solid,.k-autocomplete.k-input.k-state-hover.k-input-solid,.k-autocomplete.k-input.k-state-hovered.k-input-solid,.k-autocomplete.k-input:hover.k-input-solid{
@@ -2455,12 +2455,12 @@
 }
     .k-autocomplete .k-clear-value{
-    width: $fk-feather-container-height-xs;
+    color: $fk-feather-icon-on-neutral;
             height: $fk-feather-container-height-xs;
-            margin-right: 4px;
             margin-left: 4px;
-            color: $fk-feather-icon-on-neutral;
+            margin-right: 4px;
             opacity: 100%;
+            width: $fk-feather-container-height-xs;
 }
     .k-autocomplete .k-clear-value.k-hover,.k-autocomplete .k-clear-value.k-state-hover,.k-autocomplete .k-clear-value.k-state-hovered,.k-autocomplete .k-clear-value:hover{
@@ -2527,8 +2527,8 @@
 }
     .k-numerictextbox.k-input .k-input-inner{
                     @extend %fk-typography-feather-body-small;
-          height: auto;
-            color: $fk-kendo-input-text;
+          color: $fk-kendo-input-text;
+            height: auto;
 }
     .k-maskedtextbox.k-input .k-input-inner{
@@ -2542,11 +2542,11 @@
 }
     .k-textbox.k-input.k-disabled,.k-textbox.k-input.k-state-disabled,.k-textbox.k-input:disabled{
-    opacity: unset;
-            border-bottom-color: k-color( border );
+    border-bottom-color: k-color( border );
             border-left-color: k-color( border );
             border-right-color: k-color( border );
             border-top-color: k-color( border );
+            opacity: unset;
 }
     .k-textbox.k-input.k-disabled.k-input-solid,.k-textbox.k-input.k-state-disabled.k-input-solid,.k-textbox.k-input:disabled.k-input-solid{
@@ -2588,23 +2588,23 @@
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator .k-dropdownlist.k-picker.k-dropdown-operator.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator .k-dropdownlist.k-picker.k-dropdown-operator.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base{
-    height: 100%;
-            display: flex;
+    display: flex;
+            height: 100%;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator{
-    height: 100%;
+    align-items: stretch;
             display: flex;
-            align-items: stretch;
+            height: 100%;
             width: $fk-feather-container-height-xs;
 }
     .k-column-menu.k-grid-columnmenu-popup.k-popup .k-columnmenu-item-wrapper .k-columnmenu-item{
-    height: $fk-feather-container-height-sm;
+    align-items: center;
+            column-gap: 4px;
             display: flex;
-            align-items: center;
+            height: $fk-feather-container-height-sm;
             justify-content: start;
-            column-gap: 4px;
 }
     .k-column-menu.k-grid-columnmenu-popup.k-popup .k-columnmenu-item-wrapper{
@@ -2631,8 +2631,8 @@
     .k-dropdowntree{
     background-image: none;
             min-height: $fk-feather-container-height-lg;
-            transition-property: all;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -2682,12 +2682,12 @@
 }
     .k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf{
-    padding-top: $fk-feather-spacing-xs;
-            padding-bottom: $fk-feather-spacing-xs;
-            padding-right: $fk-feather-spacing-m;
+    padding-bottom: $fk-feather-spacing-xs;
             padding-left: $fk-feather-spacing-m;
-            transition-property: all;
+            padding-right: $fk-feather-spacing-m;
+            padding-top: $fk-feather-spacing-xs;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -2706,9 +2706,9 @@
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-active,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-active,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:active{
-    color: k-color( primary );
-            background-color: initial;
+    background-color: initial;
             background-image: $fk-feather-active-on-surface-gradient;
+            color: k-color( primary );
 }
     .k-form .k-form-fieldset .k-form-field{
@@ -2719,24 +2719,24 @@
                     @extend %fk-typography-feather-body-small;
           align-items: start;
             align-self: stretch;
-            justify-content: start;
-            height: 80px;
+            color: $fk-feather-secondary-text-on-surface;
             display: flex;
             flex-direction: row;
-            color: $fk-feather-secondary-text-on-surface;
+            height: 80px;
+            justify-content: start;
 }
     .k-form.k-form-horizontal .k-form-fieldset{
-    display: flex;
-            flex-direction: column;
-            align-items: stretch;
-            row-gap: 12px;
+    align-items: stretch;
             align-self: stretch;
-            justify-content: start;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            display: flex;
+            flex-direction: column;
+            justify-content: start;
+            row-gap: 12px;
 }
     .k-form .k-form-fieldset{
@@ -2752,9 +2752,9 @@
     .k-form.k-form-horizontal .k-label .k-label-optional{
     color: $fk-feather-secondary-text-on-surface;
             font-family: inter;
-            font-weight: 500;
             font-size: $fk-feather-font-size-sm;
             font-style: normal;
+            font-weight: 500;
 }
     .k-form.k-form-horizontal .k-form-fieldset .k-form-field .k-form-field-wrap{
@@ -2763,12 +2763,12 @@
 }
     .k-form .k-label .k-label-optional{
-    font-style: normal;
+    color: $fk-feather-secondary-text-on-surface;
             font-family: Inter;
-            font-weight: 500;
             font-size: $fk-feather-font-size-md;
+            font-style: normal;
+            font-weight: 500;
             line-height: 1.4285714286em;
-            color: $fk-feather-secondary-text-on-surface;
 }
     .k-list-filter .k-textbox.k-textbox.k-focus,.k-list-filter .k-textbox.k-textbox.k-state-focus,.k-list-filter .k-textbox.k-textbox.k-state-focused,.k-list-filter .k-textbox.k-textbox:focus{
@@ -2788,9 +2788,9 @@
 }
     .k-multiselect.k-input .k-input-values{
-    padding-right: 4px;
+    column-gap: 4px;
             padding-left: 4px;
-            column-gap: 4px;
+            padding-right: 4px;
 }
     .k-multiselect.k-input .k-input-values .k-input-inner{
@@ -2881,10 +2881,10 @@
 }
     .k-popover .k-popover-callout.k-callout-w{
-    border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
+    border-bottom-left-radius: 4px;
             border-bottom-right-radius: 0px;
-            border-bottom-left-radius: 4px;
+            border-top-left-radius: 0px;
+            border-top-right-radius: 0px;
             left: 5px;
 }
@@ -2905,31 +2905,31 @@
 }
     .k-colorgradient{
-    width: 304px;
-            border-bottom-left-radius: 8px;
+    border-bottom-left-radius: 8px;
             border-bottom-right-radius: 8px;
             border-top-left-radius: 8px;
             border-top-right-radius: 8px;
-            transition-property: box-shadow;
             transition-duration: 280ms;
+            transition-property: box-shadow;
             transition-timing-function: ease-out;
+            width: 304px;
 }
     .k-colorgradient .k-colorgradient-inputs.k-hstack{
-    justify-content: space-between;
-            align-items: stretch;
+    align-items: stretch;
             align-self: stretch;
-            column-gap: 8px;
-            padding-top: 20px;
-            border-top-width: 1px;
             border-top-color: $fk-feather-border-on-surface;
             border-top-style: solid;
-            margin-top: 4px;
-            margin-right: -12px;
+            border-top-width: 1px;
+            column-gap: 8px;
+            justify-content: space-between;
             margin-left: -12px;
-            padding-right: 16px;
-            padding-left: 8px;
+            margin-right: -12px;
+            margin-top: 4px;
             padding-bottom: 4px;
+            padding-left: 8px;
+            padding-right: 16px;
+            padding-top: 20px;
 }
     .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-input.k-numerictextbox.k-input-solid{
@@ -2941,8 +2941,8 @@
 }
     .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-colorgradient-input-label{
-    margin-top: 2px;
-            color: $fk-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
+            margin-top: 2px;
 }
     .k-colorgradient.k-focus,.k-colorgradient.k-state-focus,.k-colorgradient.k-state-focused,.k-colorgradient:focus{
@@ -2958,15 +2958,15 @@
 }
     .k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input.k-state-focus-within,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input:focus-within{
                     @extend %fk-effects-feather-focus-outer-on-surface;
-          border-top-style: solid;
-            border-top-width: $fk-kendo-input-border-width;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
+          border-bottom-color: transparent;
             border-bottom-style: solid;
+            border-left-color: transparent;
             border-left-style: solid;
+            border-right-color: transparent;
             border-right-style: solid;
+            border-top-color: transparent;
+            border-top-style: solid;
+            border-top-width: $fk-kendo-input-border-width;
 }
     .k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input{
@@ -2990,17 +2990,17 @@
     .feather-ks-notification-flat.k-notification{
                     @extend %fk-effects-tb-internal-none-effects;
                           @extend %fk-typography-feather-body-small;
-          border-bottom-style: none;
+          background-color: initial;
+            background-image: none;
+            border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
             color: $fk-feather-secondary-text-on-surface;
             column-gap: 8px;
-            background-color: initial;
-            background-image: none;
             height: 1.25rem;
-            margin-top: 12px;
             margin-bottom: 12px;
+            margin-top: 12px;
 }
     .feather-ks-notification-flat.k-notification.k-notification-success{
@@ -3047,12 +3047,12 @@
 }
     .k-multiselecttree.k-input .k-input-values.k-chip-list{
-    padding-right: $fk-feather-spacing-xs;
+    column-gap: $fk-feather-spacing-min;
+            padding-bottom: $fk-feather-spacing-min;
             padding-left: $fk-feather-spacing-xs;
-            row-gap: $fk-feather-spacing-min;
-            column-gap: $fk-feather-spacing-min;
+            padding-right: $fk-feather-spacing-xs;
             padding-top: $fk-feather-spacing-min;
-            padding-bottom: $fk-feather-spacing-min;
+            row-gap: $fk-feather-spacing-min;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-active,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-active,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link:active{
@@ -3083,8 +3083,8 @@
 }
     .k-split-button.k-button-group.k-focus .k-button.k-icon-button.k-split-button-arrow,.k-split-button.k-button-group.k-state-focus .k-button.k-icon-button.k-split-button-arrow,.k-split-button.k-button-group.k-state-focused .k-button.k-icon-button.k-split-button-arrow,.k-split-button.k-button-group:focus .k-button.k-icon-button.k-split-button-arrow{
-    z-index: 1;
-            box-shadow: inset 0px 0px 0px 2px $fk-feather-primary;
+    box-shadow: inset 0px 0px 0px 2px $fk-feather-primary;
+            z-index: 1;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link .k-menu-link-text{
@@ -3133,9 +3133,9 @@
 }
     .k-colorpicker.k-picker.k-icon-picker .k-input-inner{
-    width: 2em;
-            height: 2em;
+    height: 2em;
             visibility: visible;
+            width: 2em;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-hover.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-hover.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-hovered.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker:hover.k-picker-solid{
@@ -3162,22 +3162,22 @@
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask::before,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask::before,.k-colorpicker.k-picker.k-icon-picker:disabled .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask::before{
-    visibility: visible;
-            background-color: $fk-feather-disabled-text-on-surface;
+    background-color: $fk-feather-disabled-text-on-surface;
             background-image: none;
+            visibility: visible;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled,.k-colorpicker.k-picker.k-icon-picker:disabled{
-    opacity: 40%;
-            background-image: linear-gradient(transparent, transparent);
+    background-image: linear-gradient(transparent, transparent);
+            opacity: 40%;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker:disabled.k-picker-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            border-bottom-color: $fk-feather-disabled-text-on-surface;
+    border-bottom-color: $fk-feather-disabled-text-on-surface;
             border-left-color: $fk-feather-disabled-text-on-surface;
             border-right-color: $fk-feather-disabled-text-on-surface;
             border-top-color: $fk-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-picker-solid:disabled{
@@ -3193,18 +3193,18 @@
 }
     .k-popup.k-color-picker-popup{
                     @extend %fk-effects-feather-elevation-04dp;
-          border-bottom-left-radius: 8px;
+          border-bottom-color: $fk-feather-border-on-surface;
+            border-bottom-left-radius: 8px;
             border-bottom-right-radius: 8px;
-            border-top-left-radius: 8px;
-            border-top-right-radius: 8px;
             border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-            border-bottom-color: $fk-feather-border-on-surface;
             border-left-color: $fk-feather-border-on-surface;
+            border-left-width: 1px;
             border-right-color: $fk-feather-border-on-surface;
+            border-right-width: 1px;
             border-top-color: $fk-feather-border-on-surface;
+            border-top-left-radius: 8px;
+            border-top-right-radius: 8px;
+            border-top-width: 1px;
             padding-bottom: 4px;
             padding-left: 4px;
             padding-right: 4px;
@@ -3212,13 +3212,13 @@
 }
     .k-grid.k-grid-md{
-    isolation: isolate;
+    background-color: initial;
+            background-image: none;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            background-color: initial;
-            background-image: none;
+            isolation: isolate;
 }
     div.feather-ks-spacing-min{
@@ -3284,8 +3284,8 @@
 }
     .k-button-group .k-button.k-button-outline.k-group-end.k-icon-button,.k-button-group .k-button.k-button-outline:last-child.k-icon-button{
-    border-top-right-radius: $fk-kendo-border-radius;
-            border-bottom-right-radius: $fk-feather-border-radius;
+    border-bottom-right-radius: $fk-feather-border-radius;
+            border-top-right-radius: $fk-kendo-border-radius;
 }
     .k-textbox.k-input.k-invalid,.k-textbox.k-input.ng-invalid.ng-touched,.k-textbox.k-input.ng-invalid.ng-dirty{
@@ -3325,8 +3325,8 @@
 }
     .k-button-group .k-button.k-group-end,.k-button-group .k-button:last-child{
-    z-index: 2;
-            box-shadow: inset 1px 0px 0px 0px $fk-kendo-button-border;
+    box-shadow: inset 1px 0px 0px 0px $fk-kendo-button-border;
+            z-index: 2;
 }
     .k-button-group .k-button.k-hover.k-group-start,.k-button-group .k-button.k-state-hover.k-group-start,.k-button-group .k-button.k-state-hovered.k-group-start,.k-button-group .k-button:hover.k-group-start,.k-button-group .k-button.k-hover:first-child,.k-button-group .k-button.k-state-hover:first-child,.k-button-group .k-button.k-state-hovered:first-child,.k-button-group .k-button:hover:first-child{
@@ -3355,11 +3355,11 @@
 }
     .k-input{
-    transition-property: all;
+    background-image: none;
+            height: $fk-feather-container-height-lg;
             transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
-            height: $fk-feather-container-height-lg;
-            background-image: none;
 }
     .k-input.k-input-solid{
@@ -3385,8 +3385,8 @@
 }
     .fk-grid.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th,.fk-grid.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th{
-    transition-property: all;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -3410,8 +3410,8 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            text-transform: none;
             color: $fk-feather-primary-text-on-surface;
+            text-transform: none;
 }
     .k-floating-label-container .k-floating-label .k-label-optional{
@@ -3425,31 +3425,31 @@
             border-top-style: none;
             font-family: Inter;
             font-weight: 600;
-            text-transform: none;
             letter-spacing: -0.125px;
             line-height: 1.5;
+            text-transform: none;
 }
     .k-button.k-button-outline.k-button-outline-primary{
-    border-bottom-style: solid;
+    border-bottom-color: k-color( border );
+            border-bottom-style: solid;
+            border-left-color: k-color( border );
             border-left-style: solid;
+            border-right-color: k-color( border );
             border-right-style: solid;
+            border-top-color: k-color( border );
             border-top-style: solid;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
+            column-gap: 0.125rem;
             outline-color: $fk-kendo-component-border;
-            border-bottom-color: k-color( border );
-            border-left-color: k-color( border );
-            border-right-color: k-color( border );
-            border-top-color: k-color( border );
             row-gap: 0px;
-            column-gap: 0.125rem;
+            transition-duration: 280ms;
+            transition-property: all;
+            transition-timing-function: ease-out;
 }
     .k-switch.k-switch-on .k-switch-track{
-    transition-property: all;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -3458,29 +3458,29 @@
 }
     .k-slider .k-draghandle.k-draghandle-end{
-    transition-property: box-shadow;
-            transition-duration: 140ms;
+    transition-duration: 140ms;
+            transition-property: box-shadow;
             transition-timing-function: ease-out;
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease{
-    border-bottom-style: solid;
+    background-color: initial;
+            background-image: none;
+            border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
-            background-color: initial;
-            background-image: none;
             height: $fk-feather-container-height-sm;
             width: $fk-feather-container-height-sm;
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase{
-    border-bottom-style: solid;
+    background-color: initial;
+            background-image: none;
+            border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
-            background-color: initial;
-            background-image: none;
             height: $fk-feather-container-height-sm;
             width: $fk-feather-container-height-sm;
@@ -3503,8 +3503,8 @@
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase .k-button-icon.k-icon.k-svg-icon >svg{
-    position: relative;
-            left: 1px;
+    left: 1px;
+            position: relative;
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-hover,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-hover,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-hovered,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease:hover{
@@ -3560,13 +3560,13 @@
 }
     .k-popup.k-datetime-container.k-reset .k-time-tab.k-datetime-wrap{
-    padding-top: $fk-feather-spacing-xs;
-            padding-bottom: $fk-feather-spacing-xs;
+    padding-bottom: $fk-feather-spacing-xs;
+            padding-top: $fk-feather-spacing-xs;
 }
     .k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper .k-title{
-    padding-top: $fk-feather-spacing-xs;
-            padding-bottom: $fk-feather-spacing-xs;
+    padding-bottom: $fk-feather-spacing-xs;
+            padding-top: $fk-feather-spacing-xs;
 }
     .k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-focus .k-time-list::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-state-focus .k-time-list::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-state-focused .k-time-list::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper:focus .k-time-list::before{
@@ -3574,11 +3574,11 @@
 }
     .k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-focus::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-state-focus::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-state-focused::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper:focus::before{
-    visibility: visible;
+    background-color: initial;
+            background-image: $fk-feather-hover-on-surface-gradient;
             position: absolute;
             top: 36px;
-            background-color: initial;
-            background-image: $fk-feather-hover-on-surface-gradient;
+            visibility: visible;
 }
     .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav{
@@ -3636,11 +3636,11 @@
 }
     .k-input.k-disabled.k-input-solid,.k-input.k-state-disabled.k-input-solid,.k-input:disabled.k-input-solid{
-    color: $fk-feather-disabled-text-on-surface;
-            border-bottom-color: k-color( border );
+    border-bottom-color: k-color( border );
             border-left-color: k-color( border );
             border-right-color: k-color( border );
             border-top-color: k-color( border );
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-input.k-state-readonly.k-input-solid,.k-input[readonly].k-input-solid{
@@ -3658,13 +3658,13 @@
 }
     .k-dateinput.k-input .k-input-inner{
-    height: auto;
-            color: $fk-kendo-component-text;
+    color: $fk-kendo-component-text;
+            height: auto;
 }
     .k-datepicker.k-input .k-input-inner{
-    height: auto;
-            color: $fk-kendo-input-text;
+    color: $fk-kendo-input-text;
+            height: auto;
 }
     .k-label .k-label-optional{
@@ -3739,14 +3739,14 @@
 }
     .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-focus,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-focus,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-focused,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link:focus{
                     @extend %fk-effects-feather-focus-inner-on-surface;
-          outline-style: none;
-            background-color: initial;
+          background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
+            outline-style: none;
 }
     .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-disabled,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-disabled,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link:disabled{
-    opacity: unset;
-            color: $fk-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
+            opacity: unset;
 }
     .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-focus .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-focus .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-focused .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link:focus .k-breadcrumb-item-text{
@@ -3777,8 +3777,8 @@
 }
     .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link .k-breadcrumb-item-text{
-    opacity: 90%;
-            font-weight: 600;
+    font-weight: 600;
+            opacity: 90%;
 }
     .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link .k-svg-i-home.k-icon.k-svg-icon{
@@ -3876,25 +3876,25 @@
 }
     .k-button.k-button-solid-primary{
-    transition-duration: 280ms;
-            transition-property: all;
-            transition-timing-function: ease-out;
+    background-color: k-color( primary );
+            background-image: linear-gradient(transparent, transparent);
             color: k-color( secondary );
-            flex-direction: row;
             column-gap: 0px;
-            background-color: k-color( primary );
-            background-image: linear-gradient(transparent, transparent);
+            flex-direction: row;
+            transition-duration: 280ms;
+            transition-property: all;
+            transition-timing-function: ease-out;
 }
     .k-button.k-button-solid-primary.k-button-md{
-    padding-right: $fk-kendo-button-md-padding-x;
-            padding-left: $fk-kendo-button-md-padding-x;
+    padding-left: $fk-kendo-button-md-padding-x;
+            padding-right: $fk-kendo-button-md-padding-x;
 }
     .k-button .k-button-icon.k-icon.k-svg-icon >svg{
-    width: 24px;
-            height: auto;
+    height: auto;
             min-width: 24px;
+            width: 24px;
 }
     .k-button.k-button-outline.k-button-outline-primary.k-icon-button{
@@ -3905,20 +3905,20 @@
 }
     .k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    translate: 0 -1px;
-            color: k-color( on-primary );
+    color: k-color( on-primary );
+            translate: 0 -1px;
 }
     .k-button-group .k-button.k-button-flat.k-icon-button.k-group-start,.k-button-group .k-button.k-button-flat.k-icon-button:first-child{
-    border-top-left-radius: $fk-kendo-border-radius;
-            border-bottom-left-radius: $fk-kendo-border-radius;
-            border-top-right-radius: 0px;
+    border-bottom-left-radius: $fk-kendo-border-radius;
             border-bottom-right-radius: 0px;
+            border-top-left-radius: $fk-kendo-border-radius;
+            border-top-right-radius: 0px;
 }
     .k-button-group .k-button.k-button-outline.k-group-start,.k-button-group .k-button.k-button-outline:first-child{
-    border-top-left-radius: $fk-kendo-border-radius-md;
-            border-bottom-left-radius: $fk-kendo-border-radius-md;
+    border-bottom-left-radius: $fk-kendo-border-radius-md;
+            border-top-left-radius: $fk-kendo-border-radius-md;
             box-shadow: inset 0px 0px 0px 1px currentcolor;
 }
@@ -3948,14 +3948,14 @@
 }
     .k-button.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
-    width: $fk-kendo-icon-size;
-            height: $fk-kendo-icon-size;
+    height: $fk-kendo-icon-size;
+            width: $fk-kendo-icon-size;
 }
     .k-button-group .k-button.k-button-flat.k-group-end.k-icon-button,.k-button-group .k-button.k-button-flat:last-child.k-icon-button{
-    border-top-left-radius: 0px;
+    border-bottom-right-radius: $fk-kendo-border-radius;
+            border-top-left-radius: 0px;
             border-top-right-radius: $fk-kendo-border-radius;
-            border-bottom-right-radius: $fk-kendo-border-radius;
 }
     .k-button-group .k-button.k-button-outline.k-hover.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-state-hover.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-state-hovered.k-button-outline-base,.k-button-group .k-button.k-button-outline:hover.k-button-outline-base{
@@ -3998,8 +3998,8 @@
 }
     .k-button-group .k-button.k-button-outline.k-icon-button.k-group-start,.k-button-group .k-button.k-button-outline.k-icon-button:first-child{
-    border-top-left-radius: $fk-kendo-border-radius;
-            border-bottom-left-radius: $fk-kendo-border-radius;
+    border-bottom-left-radius: $fk-kendo-border-radius;
+            border-top-left-radius: $fk-kendo-border-radius;
 }
     .k-button-group .k-button.k-button-outline{
@@ -4071,19 +4071,19 @@
 }
     .k-multiselecttree.k-input{
     min-height: $fk-feather-container-height-lg;
-            padding-right: $fk-kendo-input-padding-y;
             padding-left: $fk-kendo-input-padding-y;
+            padding-right: $fk-kendo-input-padding-y;
 }
     .k-popup.k-multiselecttree-popup{
                     @extend %fk-effects-feather-elevation-06dp;
           border-bottom-left-radius: $fk-kendo-border-radius;
             border-bottom-right-radius: $fk-kendo-border-radius;
-            border-top-left-radius: $fk-kendo-border-radius;
-            border-top-right-radius: $fk-kendo-border-radius;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
+            border-top-left-radius: $fk-kendo-border-radius;
+            border-top-right-radius: $fk-kendo-border-radius;
             border-top-style: none;
 }
@@ -4092,24 +4092,24 @@
 }
     .k-button-group .k-button.k-icon-button.k-group-start,.k-button-group .k-button.k-icon-button:first-child{
-    border-top-left-radius: $fk-kendo-border-radius;
-            border-bottom-left-radius: $fk-kendo-border-radius;
-            border-top-right-radius: 0px;
+    border-bottom-left-radius: $fk-kendo-border-radius;
             border-bottom-right-radius: 0px;
+            border-top-left-radius: $fk-kendo-border-radius;
+            border-top-right-radius: 0px;
 }
     .k-button-group .k-button.k-group-end.k-icon-button,.k-button-group .k-button:last-child.k-icon-button{
-    border-top-right-radius: $fk-kendo-border-radius;
+    border-bottom-left-radius: 0px;
             border-bottom-right-radius: $fk-kendo-border-radius;
             border-top-left-radius: 0px;
-            border-bottom-left-radius: 0px;
+            border-top-right-radius: $fk-kendo-border-radius;
 }
     .k-button-group .k-button.k-button-flat.k-icon-button{
-    border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
+    border-bottom-left-radius: 0px;
             border-bottom-right-radius: 0px;
-            border-bottom-left-radius: 0px;
+            border-top-left-radius: 0px;
+            border-top-right-radius: 0px;
 }
     .k-dropdowntree.k-focus.k-picker-solid,.k-dropdowntree.k-state-focus.k-picker-solid,.k-dropdowntree.k-state-focused.k-picker-solid,.k-dropdowntree:focus.k-picker-solid{
@@ -4145,29 +4145,29 @@
     color: $fk-kendo-component-text;
 }
-    .k-popup.k-list-container .k-list.k-list-md .k-list-content{
-    padding-top: $fk-feather-spacing-s;
-            padding-bottom: 0px;
+    .k-popup.k-list-container .k-list.k-list-md .k-list-content{
+    padding-bottom: 0px;
+            padding-top: $fk-feather-spacing-s;
 }
     .k-chip .k-icon.k-svg-icon.k-chip-icon{
-    padding-bottom: $fk-kendo-chip-md-padding-y;
+    margin-bottom: -0.5em;
+            margin-left: -0.025rem;
+            margin-top: -0.5em;
+            padding-bottom: $fk-kendo-chip-md-padding-y;
             padding-left: $fk-kendo-chip-md-padding-y;
             padding-right: $fk-kendo-chip-md-padding-y;
             padding-top: $fk-kendo-chip-md-padding-y;
-            margin-top: -0.5em;
-            margin-bottom: -0.5em;
-            margin-left: -0.025rem;
 }
     .k-chip .k-icon.k-svg-icon.k-chip-icon.k-icon-sm{
-    width: unset;
-            height: unset;
+    height: unset;
+            width: unset;
 }
     .k-chip.k-focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon.k-icon-sm,.k-chip.k-state-focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon.k-icon-sm,.k-chip.k-state-focused .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon.k-icon-sm,.k-chip:focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon.k-icon-sm{
-    width: $fk-kendo-icon-size-md;
-            height: unset;
+    height: unset;
+            width: $fk-kendo-icon-size-md;
 }
     .k-chip.k-focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon,.k-chip.k-state-focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon,.k-chip.k-state-focused .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon,.k-chip:focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon{
@@ -4175,8 +4175,8 @@
 }
     .k-chip.k-focus .k-icon.k-svg-icon.k-chip-icon,.k-chip.k-state-focus .k-icon.k-svg-icon.k-chip-icon,.k-chip.k-state-focused .k-icon.k-svg-icon.k-chip-icon,.k-chip:focus .k-icon.k-svg-icon.k-chip-icon{
-    height: unset;
-            aspect-ratio: 1/1;
+    aspect-ratio: 1/1;
+            height: unset;
 }
     .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon{
@@ -4184,8 +4184,8 @@
 }
     .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon.k-icon-sm{
-    width: unset;
-            height: unset;
+    height: unset;
+            width: unset;
 }
     .k-chip .k-icon.k-svg-icon.k-chip-icon >svg{
@@ -4193,8 +4193,8 @@
 }
     .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon >svg{
-    width: $fk-kendo-icon-size-md;
-            height: $fk-kendo-icon-size-md;
+    height: $fk-kendo-icon-size-md;
+            width: $fk-kendo-icon-size-md;
 }
     .k-chip .k-chip-actions{
@@ -4204,14 +4204,14 @@
     .k-editor{
     background-color: k-color( app-surface );
             background-image: none;
+            border-bottom-left-radius: $fk-kendo-border-radius;
+            border-bottom-right-radius: $fk-kendo-border-radius;
             border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
-            border-top-style: solid;
-            border-bottom-left-radius: $fk-kendo-border-radius;
-            border-bottom-right-radius: $fk-kendo-border-radius;
             border-top-left-radius: $fk-kendo-border-radius;
             border-top-right-radius: $fk-kendo-border-radius;
+            border-top-style: solid;
 }
     .k-editor .k-toolbar.k-editor-toolbar{
@@ -4232,12 +4232,12 @@
 }
     .k-colorpalette .k-colorpalette-table .k-colorpalette-tile.k-focus,.k-colorpalette .k-colorpalette-table .k-colorpalette-tile.k-state-focus,.k-colorpalette .k-colorpalette-table .k-colorpalette-tile.k-state-focused,.k-colorpalette .k-colorpalette-table .k-colorpalette-tile:focus{
-    z-index: 101;
-            box-shadow: 0px 0px 0px 1.5px rgba(0, 0, 0, 1),inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
-            border-bottom-left-radius: $fk-feather-border-radius-s;
+    border-bottom-left-radius: $fk-feather-border-radius-s;
             border-bottom-right-radius: $fk-feather-border-radius-s;
             border-top-left-radius: $fk-feather-border-radius-s;
             border-top-right-radius: $fk-feather-border-radius-s;
+            box-shadow: 0px 0px 0px 1.5px rgba(0, 0, 0, 1),inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
+            z-index: 101;
 }
     .k-colorpalette .k-colorpalette-table .k-colorpalette-tile{
@@ -4245,16 +4245,16 @@
 }
     .k-colorpalette .k-colorpalette-table .k-colorpalette-tile.k-hover,.k-colorpalette .k-colorpalette-table .k-colorpalette-tile.k-state-hover,.k-colorpalette .k-colorpalette-table .k-colorpalette-tile.k-state-hovered,.k-colorpalette .k-colorpalette-table .k-colorpalette-tile:hover{
-    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.7),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.8);
-            border-bottom-left-radius: $fk-feather-border-radius-s;
+    border-bottom-left-radius: $fk-feather-border-radius-s;
             border-bottom-right-radius: $fk-feather-border-radius-s;
             border-top-left-radius: $fk-feather-border-radius-s;
             border-top-right-radius: $fk-feather-border-radius-s;
+            box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.7),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.8);
 }
     .k-flatcolorpicker.k-coloreditor{
-    transition-property: box-shadow;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: box-shadow;
             transition-timing-function: ease-out;
 }
@@ -4333,22 +4333,22 @@
 }
     .k-expander{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
+    border-bottom-left-radius: $fk-kendo-border-radius;
+            border-bottom-right-radius: $fk-kendo-border-radius;
             border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
-            border-top-style: solid;
-            border-bottom-left-radius: $fk-kendo-border-radius;
-            border-bottom-right-radius: $fk-kendo-border-radius;
             border-top-left-radius: $fk-kendo-border-radius;
             border-top-right-radius: $fk-kendo-border-radius;
+            border-top-style: solid;
+            transition-duration: 280ms;
+            transition-property: all;
+            transition-timing-function: ease-out;
 }
     .k-expander.k-expanded .k-expander-content-wrapper{
-    transition-property: all;
-            transition-duration: 280ms;
+    transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -4357,8 +4357,8 @@
 }
     .k-expander .k-expander-header .k-expander-title{
-    text-transform: none;
-            font-weight: 600;
+    font-weight: 600;
+            text-transform: none;
 }
     .k-expander .k-expander-header.k-hover,.k-expander .k-expander-header.k-state-hover,.k-expander .k-expander-header.k-state-hovered,.k-expander .k-expander-header:hover{
@@ -4367,9 +4367,9 @@
 }
     .k-expander.k-focus,.k-expander.k-state-focus,.k-expander.k-state-focused,.k-expander:focus{
-    outline-style: none;
+    box-shadow: none;
+            outline-style: none;
             z-index: 1;
-            box-shadow: none;
 }
     .k-expander.k-disabled .k-expander-header .k-expander-title,.k-expander.k-state-disabled .k-expander-header .k-expander-title,.k-expander:disabled .k-expander-header .k-expander-title{
@@ -4410,13 +4410,13 @@
 }
     .k-expander.k-expanded{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-            border-bottom-style: solid;
+    border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
+            transition-duration: 280ms;
+            transition-property: all;
+            transition-timing-function: ease-out;
             z-index: 1;
 }
@@ -4430,11 +4430,11 @@
 }
     .k-button.k-focus.k-button-outline.k-button-outline-primary,.k-button.k-state-focus.k-button-outline.k-button-outline-primary,.k-button.k-state-focused.k-button-outline.k-button-outline-primary,.k-button:focus.k-button-outline.k-button-outline-primary{
                     @extend %fk-effects-feather-focus-outer-on-surface-thin;
-          color: k-color( secondary );
-            border-bottom-color: currentcolor;
+          border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
             border-top-color: currentcolor;
+            color: k-color( secondary );
             outline-width: 2px;
 }
@@ -4448,10 +4448,10 @@
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:disabled{
-    opacity: 100%;
-            background-color: initial;
+    background-color: initial;
             background-image: none;
             color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:hover{
@@ -4466,10 +4466,10 @@
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:disabled{
-    opacity: 100%;
-            background-color: initial;
+    background-color: initial;
             background-image: none;
             color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:hover .k-link{
@@ -4487,24 +4487,24 @@
 }
     .k-calendar .k-calendar-navigation .k-calendar-navigation-highlight{
-    border-bottom-width: 2px;
-            border-left-width: 2px;
-            border-right-width: 2px;
-            border-top-width: 2px;
-            border-bottom-color: k-color( primary );
+    border-bottom-color: k-color( primary );
+            border-bottom-left-radius: $fk-feather-border-radius;
+            border-bottom-right-radius: $fk-feather-border-radius;
+            border-bottom-width: 2px;
             border-left-color: k-color( primary );
+            border-left-width: 2px;
             border-right-color: k-color( primary );
+            border-right-width: 2px;
             border-top-color: k-color( primary );
-            border-bottom-left-radius: $fk-feather-border-radius;
-            border-bottom-right-radius: $fk-feather-border-radius;
             border-top-left-radius: $fk-feather-border-radius;
             border-top-right-radius: $fk-feather-border-radius;
+            border-top-width: 2px;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:focus{
-    color: currentcolor;
-            background-color: initial;
+    background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
+            color: currentcolor;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-selected .k-link{
@@ -4580,17 +4580,17 @@
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:disabled{
-    opacity: 100%;
-            color: $fk-feather-disabled-text-on-surface;
-            background-color: initial;
+    background-color: initial;
             background-image: none;
+            color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:disabled{
-    opacity: 100%;
-            color: $fk-feather-disabled-text-on-surface;
-            background-color: initial;
+    background-color: initial;
             background-image: none;
+            color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-disabled,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-disabled,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td:disabled{
@@ -4633,8 +4633,8 @@
 }
     .k-button.k-button-solid-primary .k-button-text{
     color: k-color( on-primary );
-            padding-right: $fk-kendo-padding-sm-x;
             padding-left: $fk-kendo-padding-sm-x;
+            padding-right: $fk-kendo-padding-sm-x;
 }
     .k-button.k-disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button.k-state-disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button:disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
@@ -4652,11 +4652,11 @@
     .k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button{
     background-color: transparent;
             background-image: linear-gradient(transparent, transparent);
-            outline-style: none;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            outline-style: none;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button.k-hover,.k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button.k-state-hover,.k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button.k-state-hovered,.k-colorpicker.k-picker.k-icon-picker.k-picker-md.k-picker-solid.k-rounded-md .k-button.k-icon-button.k-input-button:hover{
@@ -4666,15 +4666,15 @@
 }
     .k-dropdowntree .k-input-button.k-button.k-icon-button{
-    width: $fk-feather-container-height-sm;
-            height: $fk-feather-container-height-sm;
-            margin-top: 0.175rem;
-            margin-right: 0.25rem;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
+            height: $fk-feather-container-height-sm;
+            margin-right: 0.25rem;
+            margin-top: 0.175rem;
             min-height: unset;
+            width: $fk-feather-container-height-sm;
 }
     .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-clear-value{
@@ -4682,22 +4682,22 @@
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
-            width: $fk-feather-container-height-sm;
             height: $fk-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
 }
     .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button{
-    width: $fk-feather-container-height-sm;
-            height: $fk-feather-container-height-sm;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
-            border-top-left-radius: $fk-feather-border-radius-full;
-            border-top-right-radius: $fk-feather-border-radius-full;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
+            border-top-left-radius: $fk-feather-border-radius-full;
+            border-top-right-radius: $fk-feather-border-radius-full;
             border-top-style: none;
+            height: $fk-feather-container-height-sm;
             outline-style: none;
+            width: $fk-feather-container-height-sm;
 }
     .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus{
@@ -4705,13 +4705,13 @@
 }
     .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary{
-    outline-style: none;
-            color: k-color( primary );
+    color: k-color( primary );
+            outline-style: none;
 }
     .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focus,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focused,.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:focus{
-    outline-style: none;
-            box-shadow: inset 2px 0px 0px 0px currentcolor !important;
+    box-shadow: inset 2px 0px 0px 0px currentcolor !important;
+            outline-style: none;
 }
     .k-expander.k-expanded.k-disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-up >svg,.k-expander.k-expanded.k-state-disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-up >svg,.k-expander.k-expanded:disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-up >svg{
@@ -4731,11 +4731,11 @@
 }
     .k-maskedtextbox.k-input.k-invalid.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-input-solid{
-    color: k-color( error );
-            border-bottom-color: currentcolor;
+    border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
             border-top-color: currentcolor;
+            color: k-color( error );
 }
     .k-input.k-invalid.k-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid,.k-input.k-invalid.k-state-focus.k-focus.k-input-solid,.k-input.k-invalid.k-state-focused.k-focus.k-input-solid,.k-input.k-invalid.k-focus.k-input-solid:focus,.k-input.ng-invalid.ng-touched.k-state-focus.k-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus.k-input-solid:focus,.k-input.ng-invalid.ng-dirty.k-state-focus.k-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid:focus,.k-input.k-invalid.k-focus.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus.k-state-focus.k-input-solid,.k-input.k-invalid.k-state-focus.k-input-solid,.k-input.k-invalid.k-state-focused.k-state-focus.k-input-solid,.k-input.k-invalid.k-state-focus.k-input-solid:focus,.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid:focus,.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid:focus,.k-input.k-invalid.k-focus.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus.k-state-focused.k-input-solid,.k-input.k-invalid.k-state-focus.k-state-focused.k-input-solid,.k-input.k-invalid.k-state-focused.k-input-solid,.k-input.k-invalid.k-state-focused.k-input-solid:focus,.k-input.ng-invalid.ng-touched.k-state-focus.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid:focus,.k-input.ng-invalid.ng-dirty.k-state-focus.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid:focus,.k-input.k-invalid.k-focus:focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-focus:focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-focus:focus.k-input-solid,.k-input.k-invalid.k-state-focus:focus.k-input-solid,.k-input.k-invalid.k-state-focused:focus.k-input-solid,.k-input.k-invalid:focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focus:focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused:focus.k-input-solid,.k-input.ng-invalid.ng-touched:focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focus:focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused:focus.k-input-solid,.k-input.ng-invalid.ng-dirty:focus.k-input-solid{
@@ -4751,8 +4751,8 @@
 }
     .k-input.k-hover,.k-input.k-state-hover,.k-input.k-state-hovered,.k-input:hover{
                     @extend %fk-effects-feather-input-hover-on-surface;
-          transition-property: all;
-            transition-duration: 280ms;
+          transition-duration: 280ms;
+            transition-property: all;
             transition-timing-function: ease-out;
 }
@@ -4809,11 +4809,11 @@
     .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-highlight{
     background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
-            visibility: visible;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            visibility: visible;
 }
     .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-separator{
@@ -4837,8 +4837,8 @@
 }
     .k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus .k-title{
-    visibility: visible;
-            color: k-color( primary );
+    color: k-color( primary );
+            visibility: visible;
 }
     .k-timeselector .k-time-list-container .k-time-list-wrapper .k-title{
@@ -4854,14 +4854,14 @@
 }
     .k-popup.k-timepicker-popup .k-time-footer.k-actions.k-actions-stretched.k-actions-horizontal{
-    padding-bottom: $fk-feather-spacing-xs;
-            padding-left: $fk-feather-spacing-s;
-            padding-right: $fk-feather-spacing-s;
-            padding-top: $fk-feather-spacing-m;
-            margin-bottom: 0px;
+    margin-bottom: 0px;
             margin-left: 0px;
             margin-right: 0px;
             margin-top: 0px;
+            padding-bottom: $fk-feather-spacing-xs;
+            padding-left: $fk-feather-spacing-s;
+            padding-right: $fk-feather-spacing-s;
+            padding-top: $fk-feather-spacing-m;
 }
     .k-datetimepicker.k-input .k-input-inner{
@@ -4869,10 +4869,10 @@
 }
     .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
-    display: flex;
-            flex-direction: column;
-            align-items: stretch;
+    align-items: stretch;
             align-self: stretch;
+            display: flex;
+            flex-direction: column;
 }
     .k-daterangepicker .k-floating-label-container .k-dateinput.k-input .k-input-inner{
@@ -4945,8 +4945,8 @@
 }
     .k-calendar .k-calendar-navigation .k-content .k-reset >li{
-    display: flex;
-            align-items: start;
+    align-items: start;
+            display: flex;
 }
     .k-calendar{
@@ -4993,13 +4993,13 @@
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
-    width: 2.5rem;
-            height: 2.5rem;
+    height: 2.5rem;
+            width: 2.5rem;
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-calendar-table.k-calendar-weekdays .k-calendar-thead .k-calendar-tr .k-calendar-th{
-    width: 2.5rem;
-            height: 2.5rem;
+    height: 2.5rem;
+            width: 2.5rem;
 }
     .k-textbox.k-input.k-focus .k-input-inner,.k-textbox.k-input.k-state-focus .k-input-inner,.k-textbox.k-input.k-state-focused .k-input-inner,.k-textbox.k-input:focus .k-input-inner{
@@ -5027,23 +5027,23 @@
 }
     .k-button.k-focus.k-icon-button .k-button-icon.k-icon.k-svg-icon,.k-button.k-state-focus.k-icon-button .k-button-icon.k-icon.k-svg-icon,.k-button.k-state-focused.k-icon-button .k-button-icon.k-icon.k-svg-icon,.k-button:focus.k-icon-button .k-button-icon.k-icon.k-svg-icon{
-    width: $fk-feather-icon-size;
-            height: $fk-feather-icon-size;
+    height: $fk-feather-icon-size;
+            width: $fk-feather-icon-size;
 }
     .k-button.k-focus.k-icon-button,.k-button.k-state-focus.k-icon-button,.k-button.k-state-focused.k-icon-button,.k-button:focus.k-icon-button{
-    border-bottom-style: none;
+    background-color: inherit;
+            background-image: $fk-feather-focused-on-surface-gradient;
+            border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            background-color: inherit;
-            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-button.k-hover.k-icon-button,.k-button.k-state-hover.k-icon-button,.k-button.k-state-hovered.k-icon-button,.k-button:hover.k-icon-button{
-    background-color: inherit;
+    aspect-ratio: 1/1;
+            background-color: inherit;
             background-image: $fk-feather-hover-on-surface-gradient;
-            aspect-ratio: 1/1;
             min-width: unset;
 }
@@ -5105,15 +5105,15 @@
 }
     .k-textbox.k-input.k-input-outline{
-    color: $fk-kendo-input-text;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
+    align-items: center;
             border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
             border-top-color: currentcolor;
-            align-items: center;
+            color: $fk-kendo-input-text;
+            transition-duration: 280ms;
+            transition-property: all;
+            transition-timing-function: ease-out;
 }
     .k-textbox.k-input.k-input-outline.k-focus,.k-textbox.k-input.k-input-outline.k-state-focus,.k-textbox.k-input.k-input-outline.k-state-focused,.k-textbox.k-input.k-input-outline:focus{
@@ -5143,8 +5143,8 @@
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
-            width: $fk-feather-container-height-sm;
             height: $fk-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
 }
     .k-flatcolorpicker.k-coloreditor .k-coloreditor-header.k-hstack .k-coloreditor-header-actions.k-hstack .k-button-group.k-button-group-flat .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected{
@@ -5163,8 +5163,8 @@
 }
     .k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-hover .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,.k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hover .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,.k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hovered .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,.k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:hover .k-icon.k-svg-icon.k-svg-i-image.k-button-icon{
-    width: $fk-feather-icon-size-sm;
-            height: $fk-feather-icon-size-sm;
+    height: $fk-feather-icon-size-sm;
+            width: $fk-feather-icon-size-sm;
 }
     .k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button .k-icon.k-svg-icon.k-svg-i-image.k-button-icon >svg{
@@ -5172,12 +5172,12 @@
 }
     .k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button{
-    width: $fk-feather-container-height-sm;
-            height: $fk-feather-container-height-sm;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
+            height: $fk-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
 }
     .k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,.k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus,.k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused,.k-textbox.k-input.k-input-outline .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus{
@@ -5229,16 +5229,16 @@
 }
     .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item .k-link.k-menu-link.k-active,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item .k-link.k-menu-link.k-state-active,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item .k-link.k-menu-link:active{
-    color: k-color( primary );
-            background-color: initial;
+    background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
+            color: k-color( primary );
 }
     .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-focus,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focus,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focused,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:focus{
                     @extend %fk-effects-feather-focus-inner-on-surface;
-          color: k-color( primary );
-            background-color: initial;
+          background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
+            color: k-color( primary );
 }
     .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-focus .k-link.k-menu-link .k-icon.k-svg-icon >svg,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focus .k-link.k-menu-link .k-icon.k-svg-icon >svg,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-focused .k-link.k-menu-link .k-icon.k-svg-icon >svg,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:focus .k-link.k-menu-link .k-icon.k-svg-icon >svg{
@@ -5246,8 +5246,8 @@
 }
     .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-disabled,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item.k-state-disabled,.k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item:disabled{
-    opacity: 100%;
-            color: $fk-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
 }
     .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-hover,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-hover,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-hovered,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item:hover{
@@ -5263,36 +5263,36 @@
 }
     .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-focus,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-focus,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item.k-state-focused,.k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item:focus{
                     @extend %fk-effects-feather-focus-inner-on-surface;
-          color: k-color( primary );
-            background-color: initial;
+          background-color: initial;
             background-image: $fk-feather-focused-on-surface-gradient;
+            color: k-color( primary );
 }
     div.fk-container{
-    padding-bottom: $fk-kendo-expander-content-padding-x;
-            padding-left: $fk-kendo-expander-content-padding-x;
-            padding-right: $fk-kendo-expander-content-padding-x;
-            padding-top: $fk-kendo-expander-content-padding-x;
-            background-color: $fk-kendo-component-bg;
+    background-color: $fk-kendo-component-bg;
             background-image: none;
+            border-bottom-color: $fk-kendo-component-border;
             border-bottom-left-radius: $fk-kendo-border-radius;
             border-bottom-right-radius: $fk-kendo-border-radius;
-            border-top-left-radius: $fk-kendo-border-radius;
-            border-top-right-radius: $fk-kendo-border-radius;
-            border-bottom-width: $fk-kendo-expander-border-width;
-            border-left-width: $fk-kendo-expander-border-width;
-            border-right-width: $fk-kendo-expander-border-width;
-            border-top-width: $fk-kendo-expander-border-width;
-            border-bottom-color: $fk-kendo-component-border;
             border-bottom-style: solid;
+            border-bottom-width: $fk-kendo-expander-border-width;
             border-left-color: $fk-kendo-component-border;
             border-left-style: solid;
+            border-left-width: $fk-kendo-expander-border-width;
             border-right-color: $fk-kendo-component-border;
             border-right-style: solid;
+            border-right-width: $fk-kendo-expander-border-width;
             border-top-color: $fk-kendo-component-border;
+            border-top-left-radius: $fk-kendo-border-radius;
+            border-top-right-radius: $fk-kendo-border-radius;
             border-top-style: solid;
+            border-top-width: $fk-kendo-expander-border-width;
             display: flex;
             flex-direction: column;
+            padding-bottom: $fk-kendo-expander-content-padding-x;
+            padding-left: $fk-kendo-expander-content-padding-x;
+            padding-right: $fk-kendo-expander-content-padding-x;
+            padding-top: $fk-kendo-expander-content-padding-x;
             row-gap: $fk-kendo-expander-spacing-y;
 }
@@ -5308,16 +5308,16 @@
 }
     .k-textbox.k-input .k-input-inner.k-state-readonly,.k-textbox.k-input .k-input-inner[readonly]{
-    border-bottom-style: none;
+    border-bottom-color: transparent;
+            border-bottom-style: none;
+            border-left-color: transparent;
             border-left-style: none;
+            border-right-color: transparent;
             border-right-style: none;
+            border-top-color: transparent;
             border-top-style: none;
-            outline-style: none;
             outline-color: transparent;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
+            outline-style: none;
 }
     .k-button.k-hover.k-button-solid-primary.k-icon-button,.k-button.k-state-hover.k-button-solid-primary.k-icon-button,.k-button.k-state-hovered.k-button-solid-primary.k-icon-button,.k-button:hover.k-button-solid-primary.k-icon-button{
@@ -5371,12 +5371,12 @@
 }
     .k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item{
-    translate: 0 -35%;
-            line-height: 2.5;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
+            line-height: 2.5;
+            translate: 0 -35%;
 }
     .k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper .k-time-list::before{
@@ -5393,14 +5393,14 @@
 }
     .k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item.k-hover,.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item.k-state-hover,.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item.k-state-hovered,.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item:hover{
-    text-underline-offset: 4px;
-            text-decoration-color: currentColor;
+    text-decoration-color: currentColor;
             text-decoration-thickness: 1px;
+            text-underline-offset: 4px;
 }
     .k-button .k-button-text{
-    padding-right: 0.25rem;
-            padding-left: 0.25rem;
+    padding-left: 0.25rem;
+            padding-right: 0.25rem;
 }
     .k-button.k-focus.k-button-outline.k-button-outline-primary.k-icon-button,.k-button.k-state-focus.k-button-outline.k-button-outline-primary.k-icon-button,.k-button.k-state-focused.k-button-outline.k-button-outline-primary.k-icon-button,.k-button:focus.k-button-outline.k-button-outline-primary.k-icon-button{
@@ -5416,28 +5416,28 @@
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon >svg{
-    width: 20px;
-            height: 20px;
+    height: 20px;
+            width: 20px;
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease .k-button-icon.k-icon.k-svg-icon >svg{
-    width: 20px;
-            height: 20px;
+    height: 20px;
+            width: 20px;
 }
     .k-multiselect.k-input .k-clear-value{
-    width: $fk-feather-container-height-sm;
-            height: $fk-feather-container-height-sm;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
-            opacity: 100%;
             color: $fk-kendo-component-text;
+            height: $fk-feather-container-height-sm;
+            opacity: 100%;
             padding-bottom: 0px;
             padding-left: 0px;
             padding-right: 0px;
             padding-top: 0px;
+            width: $fk-feather-container-height-sm;
 }
     .k-multiselect.k-input.k-hover .k-clear-value.k-hover,.k-multiselect.k-input.k-hover .k-clear-value.k-state-hover,.k-multiselect.k-input.k-hover .k-clear-value.k-state-hovered,.k-multiselect.k-input.k-hover .k-clear-value:hover,.k-multiselect.k-input.k-state-hover .k-clear-value.k-hover,.k-multiselect.k-input.k-state-hover .k-clear-value.k-state-hover,.k-multiselect.k-input.k-state-hover .k-clear-value.k-state-hovered,.k-multiselect.k-input.k-state-hover .k-clear-value:hover,.k-multiselect.k-input.k-state-hovered .k-clear-value.k-hover,.k-multiselect.k-input.k-state-hovered .k-clear-value.k-state-hover,.k-multiselect.k-input.k-state-hovered .k-clear-value.k-state-hovered,.k-multiselect.k-input.k-state-hovered .k-clear-value:hover,.k-multiselect.k-input:hover .k-clear-value.k-hover,.k-multiselect.k-input:hover .k-clear-value.k-state-hover,.k-multiselect.k-input:hover .k-clear-value.k-state-hovered,.k-multiselect.k-input:hover .k-clear-value:hover{
@@ -5447,23 +5447,23 @@
 }
     .k-multiselect.k-input{
-    padding-right: $fk-kendo-input-padding-y;
-            padding-left: $fk-kendo-input-padding-y;
+    padding-left: $fk-kendo-input-padding-y;
+            padding-right: $fk-kendo-input-padding-y;
 }
     .k-multiselecttree.k-input .k-clear-value{
-    padding-bottom: 0px;
-            padding-left: 0px;
-            padding-right: 0px;
-            padding-top: 0px;
-            width: $fk-feather-container-height-sm;
-            height: $fk-feather-container-height-sm;
-            opacity: 100%;
-            border-bottom-left-radius: $fk-feather-border-radius-full;
+    border-bottom-left-radius: $fk-feather-border-radius-full;
             border-bottom-right-radius: $fk-feather-border-radius-full;
             border-top-left-radius: $fk-feather-border-radius-full;
             border-top-right-radius: $fk-feather-border-radius-full;
             color: $fk-kendo-component-text;
+            height: $fk-feather-container-height-sm;
+            opacity: 100%;
+            padding-bottom: 0px;
+            padding-left: 0px;
+            padding-right: 0px;
+            padding-top: 0px;
+            width: $fk-feather-container-height-sm;
 }
     .k-multiselecttree.k-input.k-hover .k-clear-value.k-hover,.k-multiselecttree.k-input.k-hover .k-clear-value.k-state-hover,.k-multiselecttree.k-input.k-hover .k-clear-value.k-state-hovered,.k-multiselecttree.k-input.k-hover .k-clear-value:hover,.k-multiselecttree.k-input.k-state-hover .k-clear-value.k-hover,.k-multiselecttree.k-input.k-state-hover .k-clear-value.k-state-hover,.k-multiselecttree.k-input.k-state-hover .k-clear-value.k-state-hovered,.k-multiselecttree.k-input.k-state-hover .k-clear-value:hover,.k-multiselecttree.k-input.k-state-hovered .k-clear-value.k-hover,.k-multiselecttree.k-input.k-state-hovered .k-clear-value.k-state-hover,.k-multiselecttree.k-input.k-state-hovered .k-clear-value.k-state-hovered,.k-multiselecttree.k-input.k-state-hovered .k-clear-value:hover,.k-multiselecttree.k-input:hover .k-clear-value.k-hover,.k-multiselecttree.k-input:hover .k-clear-value.k-state-hover,.k-multiselecttree.k-input:hover .k-clear-value.k-state-hovered,.k-multiselecttree.k-input:hover .k-clear-value:hover{
@@ -5500,11 +5500,11 @@
 }
     .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
-    margin-bottom: -1px;
-            border-bottom-style: none;
+    border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
+            margin-bottom: -1px;
 }
     .fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
@@ -5528,4 +5528,16 @@
     .k-slider.k-slider-horizontal .k-slider-track-wrap .k-slider-track .k-draghandle.k-draghandle-start{
     visibility: visible;
+}
+    .k-dialog-wrapper .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar{
+                    @extend %fk-typography-feather-heading-3;
+}
+    .k-notification.k-notification-success .k-notification-status.k-icon.k-svg-icon >svg{
+    flex-shrink: 0;
+}
+    .k-dialog-wrapper .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar .k-window-title.k-dialog-title{
+                    @extend %fk-typography-feather-heading-2;
 }