npm - @featherk/styles - Versions diffs - 0.5.1 → 0.5.3 - Mend

@featherk/styles 0.5.1 → 0.5.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-expander.css +3 -0
package/dist/v8.2.0/scss/_externalStyles.scss +3 -1
package/dist/v8.2.0/scss/_fonts.scss +17 -17
package/dist/v8.2.0/scss/_overrides.scss +960 -912
package/dist/v8.2.0/scss/_placeholders.scss +4 -4
package/dist/v8.2.0/scss/_tokens.scss +522 -522
package/package.json +1 -1

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

@@ -7,7 +7,7 @@
 }
     .k-checkbox-wrap .k-checkbox.k-checked,.k-checkbox-wrap .k-checkbox:checked{
-    background-color: $feather-feather-primary;
+    background-color: $fk-feather-primary;
             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: 100% 100%;
             stroke-dashoffset: 24px;
@@ -18,7 +18,7 @@
             padding-left: 4px;
             padding-right: 4px;
             padding-top: 4px;
-            background-color: $feather-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");
             outline-offset: 0px;
             outline-style: solid;
@@ -66,32 +66,32 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            height: $feather-feather-container-height-md;
+            height: $fk-feather-container-height-md;
             width: fit-content;
             transition-property: all;
             transition-duration: 280ms;
             isolation: isolate;
             outline-style: solid;
             outline-width: 0px;
-            outline-color: $feather-feather-primary;
+            outline-color: $fk-feather-primary;
             transition-timing-function: ease-out;
 }
     .k-button.k-button-md{
-                    @extend %feather-typography-feather-button;
+                    @extend %fk-typography-feather-button;
 }
     .k-button-group{
     isolation: isolate;
-            border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-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;
             overflow: hidden;
 }
     .k-chip.k-chip-solid-base{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
 }
     .k-chip{
@@ -100,10 +100,10 @@
 }
     .k-chip.k-rounded-md{
-    border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-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;
 }
     .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{
@@ -155,7 +155,7 @@
 }
     .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: $feather-feather-primary;
+    color: $fk-feather-primary;
             box-shadow: none;
             outline-style: solid;
             outline-width: 2px;
@@ -167,24 +167,24 @@
 }
     .k-textbox.k-input .k-input-separator.k-input-separator-vertical{
-    border-bottom-color: $feather-kendo-base-border;
-            border-left-color: $feather-kendo-base-border;
-            border-right-color: $feather-kendo-base-border;
-            border-top-color: $feather-kendo-base-border;
+    border-bottom-color: $fk-kendo-base-border;
+            border-left-color: $fk-kendo-base-border;
+            border-right-color: $fk-kendo-base-border;
+            border-top-color: $fk-kendo-base-border;
             visibility: hidden;
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           padding-right: 16px;
             padding-left: 16px;
             padding-top: 8px;
             padding-bottom: 8px;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            min-height: $feather-feather-container-height-md;
+            min-height: $fk-feather-container-height-md;
 }
     .k-button.k-selected .k-button-icon.k-icon.k-svg-icon{
@@ -192,17 +192,17 @@
 }
     .k-button.k-selected.k-button-flat .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
 }
     .k-button.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-surface;
+    color: $fk-feather-icon-on-surface;
 }
     .k-button.k-hover.k-button-outline.k-button-outline-primary,.k-button.k-state-hover.k-button-outline.k-button-outline-primary,.k-button.k-state-hovered.k-button-outline.k-button-outline-primary,.k-button:hover.k-button-outline.k-button-outline-primary{
     color: k-color( primary );
             background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-button.k-hover.k-button-outline.k-button-outline-primary .k-button-text,.k-button.k-state-hover.k-button-outline.k-button-outline-primary .k-button-text,.k-button.k-state-hovered.k-button-outline.k-button-outline-primary .k-button-text,.k-button:hover.k-button-outline.k-button-outline-primary .k-button-text{
@@ -212,26 +212,26 @@
     .k-button.k-active.k-button-outline.k-button-outline-primary,.k-button.k-state-active.k-button-outline.k-button-outline-primary,.k-button:active.k-button-outline.k-button-outline-primary{
     color: k-color( primary );
             background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-button.k-selected.k-button-outline.k-button-outline-primary{
     color: k-color( primary );
             background-color: k-color( primary );
-            background-image: $feather-feather-selected-on-surface-gradient;
+            background-image: $fk-feather-selected-on-surface-gradient;
 }
     .k-button.k-focus,.k-button.k-state-focus,.k-button.k-state-focused,.k-button:focus{
     background-color: inherit;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-button.k-focus.k-button-solid-base,.k-button.k-state-focus.k-button-solid-base,.k-button.k-state-focused.k-button-solid-base,.k-button:focus.k-button-solid-base{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-button.k-focus.k-button-flat.k-button-flat-primary,.k-button.k-state-focus.k-button-flat.k-button-flat-primary,.k-button.k-state-focused.k-button-flat.k-button-flat-primary,.k-button:focus.k-button-flat.k-button-flat-primary{
-                    @extend %feather-effects-feather-focus-outer-on-surface-important;
+                    @extend %fk-effects-feather-focus-outer-on-surface-important;
           color: k-color( secondary );
 }
@@ -242,13 +242,13 @@
 }
     .k-button.k-focus.k-button-flat,.k-button.k-state-focus.k-button-flat,.k-button.k-state-focused.k-button-flat,.k-button:focus.k-button-flat{
-                    @extend %feather-effects-feather-focus-outer-on-color-important;
+                    @extend %fk-effects-feather-focus-outer-on-color-important;
           background-color: initial !important;
-            background-image: $feather-feather-focused-on-surface-gradient !important;
+            background-image: $fk-feather-focused-on-surface-gradient !important;
 }
     .k-button.k-focus.k-button-outline.k-button-outline-base,.k-button.k-state-focus.k-button-outline.k-button-outline-base,.k-button.k-state-focused.k-button-outline.k-button-outline-base,.k-button:focus.k-button-outline.k-button-outline-base{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           background-color: initial;
             border-bottom-color: transparent;
             border-left-color: transparent;
@@ -257,18 +257,18 @@
 }
     .k-button.k-focus.k-button-outline,.k-button.k-state-focus.k-button-outline,.k-button.k-state-focused.k-button-outline,.k-button:focus.k-button-outline{
-    background-image: $feather-feather-focused-on-surface-gradient;
+    background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip{
-    height: $feather-feather-container-height-xs;
+    height: $fk-feather-container-height-xs;
             column-gap: 0px;
-            background-color: $feather-feather-surface-shade-1;
+            background-color: $fk-feather-surface-shade-1;
             background-image: none;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-chip-md{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           padding-right: 2px;
 }
@@ -328,21 +328,21 @@
 }
     .k-radio-list.k-list-horizontal .k-radio-list-item{
-    column-gap: $feather-kendo-radio-label-margin-x;
+    column-gap: $fk-kendo-radio-label-margin-x;
 }
     .k-radio-list.k-list-vertical .k-radio-list-item{
-    column-gap: $feather-kendo-radio-label-margin-x;
+    column-gap: $fk-kendo-radio-label-margin-x;
 }
     .k-radio-list.k-list-horizontal{
-    column-gap: $feather-kendo-radio-list-item-padding-x;
-            row-gap: $feather-kendo-radio-list-item-padding-y;
+    column-gap: $fk-kendo-radio-list-item-padding-x;
+            row-gap: $fk-kendo-radio-list-item-padding-y;
 }
     .k-radio-list.k-list-vertical{
-    row-gap: $feather-kendo-radio-list-item-padding-y;
-            column-gap: $feather-kendo-radio-list-item-padding-x;
+    row-gap: $fk-kendo-radio-list-item-padding-y;
+            column-gap: $fk-kendo-radio-list-item-padding-x;
 }
     .k-slider .k-label{
@@ -359,15 +359,15 @@
 }
     .k-appbar.k-appbar-light{
     height: 64px;
-            background-color: $feather-feather-primary;
+            background-color: $fk-feather-primary;
             background-image: none;
-            box-shadow: 0px 1px 0px 0px $feather-feather-border-on-color;
-            color: $feather-kendo-appbar-dark-text;
+            box-shadow: 0px 1px 0px 0px $fk-feather-border-on-color;
+            color: $fk-kendo-appbar-dark-text;
 }
     .k-appbar.k-appbar-light .k-appbar-section{
     height: 48px;
-            color: $feather-kendo-appbar-dark-text;
+            color: $fk-kendo-appbar-dark-text;
 }
     .k-appbar.k-appbar-dark .k-appbar-section{
@@ -380,7 +380,7 @@
 }
     .k-appbar.k-appbar-dark{
     height: 64px;
-            background-color: $feather-feather-primary;
+            background-color: $fk-feather-primary;
             background-image: none;
 }
@@ -389,15 +389,15 @@
 }
     .k-calendar.k-calendar-range{
-    padding-bottom: $feather-kendo-padding-lg-x;
-            padding-left: $feather-kendo-padding-lg-x;
-            padding-right: $feather-kendo-padding-lg-x;
-            padding-top: $feather-kendo-padding-lg-x;
+    padding-bottom: $fk-kendo-padding-lg-x;
+            padding-left: $fk-kendo-padding-lg-x;
+            padding-right: $fk-kendo-padding-lg-x;
+            padding-top: $fk-kendo-padding-lg-x;
 }
     .k-combobox .k-input-button.k-button-solid-base{
     background-color: initial;
-            color: $feather-feather-icon-on-neutral;
+            color: $fk-feather-icon-on-neutral;
 }
     .k-combobox .k-input-button.k-button{
@@ -405,68 +405,68 @@
 }
     .k-combobox .k-input-button{
-    width: $feather-feather-container-height-sm;
-            height: $feather-feather-container-height-sm;
-            border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-feather-border-radius-full;
+    width: $fk-feather-container-height-sm;
+            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-top-left-radius: $fk-feather-border-radius-full;
+            border-top-right-radius: $fk-feather-border-radius-full;
 }
     .k-combobox.k-hover .k-input-button.k-hover,.k-combobox.k-hover  .k-input-button.k-state-hover,.k-combobox.k-hover  .k-input-button.k-state-hovered,.k-combobox.k-hover  .k-input-button:hover, .k-combobox.k-state-hover .k-input-button.k-hover, .k-combobox.k-state-hover  .k-input-button.k-state-hover, .k-combobox.k-state-hover  .k-input-button.k-state-hovered, .k-combobox.k-state-hover  .k-input-button:hover, .k-combobox.k-state-hovered .k-input-button.k-hover, .k-combobox.k-state-hovered  .k-input-button.k-state-hover, .k-combobox.k-state-hovered  .k-input-button.k-state-hovered, .k-combobox.k-state-hovered  .k-input-button:hover, .k-combobox:hover .k-input-button.k-hover, .k-combobox:hover  .k-input-button.k-state-hover, .k-combobox:hover  .k-input-button.k-state-hovered, .k-combobox:hover  .k-input-button:hover{
-    height: $feather-feather-container-height-sm;
+    height: $fk-feather-container-height-sm;
             opacity: 100%;
             visibility: visible;
 }
     .k-combobox.k-hover .k-input-button.k-hover,.k-combobox.k-hover .k-input-button.k-state-hover,.k-combobox.k-hover .k-input-button.k-state-hovered,.k-combobox.k-hover .k-input-button:hover,.k-combobox.k-state-hover .k-input-button.k-hover,.k-combobox.k-state-hover .k-input-button.k-state-hover,.k-combobox.k-state-hover .k-input-button.k-state-hovered,.k-combobox.k-state-hover .k-input-button:hover,.k-combobox.k-state-hovered .k-input-button.k-hover,.k-combobox.k-state-hovered .k-input-button.k-state-hover,.k-combobox.k-state-hovered .k-input-button.k-state-hovered,.k-combobox.k-state-hovered .k-input-button:hover,.k-combobox:hover .k-input-button.k-hover,.k-combobox:hover .k-input-button.k-state-hover,.k-combobox:hover .k-input-button.k-state-hovered,.k-combobox:hover .k-input-button:hover{
-    width: $feather-feather-container-height-sm;
+    width: $fk-feather-container-height-sm;
             background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-combobox.k-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button:hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox:hover .k-input-button:hover.k-button-solid-base{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-combobox.k-input .k-clear-value{
-    width: $feather-feather-container-height-sm;
-            height: $feather-feather-container-height-sm;
+    width: $fk-feather-container-height-sm;
+            height: $fk-feather-container-height-sm;
             box-sizing: border-box;
-            padding-top: $feather-kendo-input-padding-y;
-            padding-bottom: $feather-kendo-input-padding-y;
-            padding-left: $feather-kendo-input-padding-y;
-            padding-right: $feather-kendo-input-padding-y;
+            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: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-feather-border-radius-full;
-            color: $feather-feather-icon-on-neutral;
+            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;
 }
     .k-combobox.k-input .k-input-button{
     align-self: center;
-            width: $feather-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
 }
     .k-combobox.k-input{
     padding-right: 4px;
-            height: $feather-feather-container-height-lg;
+            height: $fk-feather-container-height-lg;
             background-image: none;
 }
     .k-combobox.k-input.k-input-solid{
     background-color: initial;
-            color: $feather-feather-secondary-text-on-surface;
-            border-bottom-color: $feather-feather-secondary-text-on-surface;
-            border-left-color: $feather-feather-secondary-text-on-surface;
-            border-right-color: $feather-feather-secondary-text-on-surface;
-            border-top-color: $feather-feather-secondary-text-on-surface;
+            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;
 }
     .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: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
             flex-direction: row;
             column-gap: 4px;
             row-gap: 0px;
@@ -478,14 +478,14 @@
             margin-left: 0px;
             margin-right: 0px;
             margin-top: 0px;
-            padding-bottom: $feather-kendo-input-padding-y;
-            padding-left: $feather-kendo-input-padding-y;
-            padding-right: $feather-kendo-input-padding-y;
-            padding-top: $feather-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;
+            padding-top: $fk-kendo-input-padding-y;
             display: inline-flex;
             justify-content: center;
             background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            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{
@@ -499,8 +499,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-increase{
     background-color: initial;
             background-image: none;
-            padding-right: $feather-kendo-input-padding-y;
-            padding-left: $feather-kendo-input-padding-y;
+            padding-right: $fk-kendo-input-padding-y;
+            padding-left: $fk-kendo-input-padding-y;
             color: inherit;
 }
@@ -517,14 +517,14 @@
 }
     .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-hover,.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-state-hover,.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-state-hovered,.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:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
-            color: $feather-feather-primary-text-on-surface;
+            background-image: $fk-feather-hover-on-surface-gradient;
+            color: $fk-feather-primary-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-decrease.k-hover,.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-state-hover,.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-state-hovered,.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:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
-            color: $feather-feather-primary-text-on-surface;
+            background-image: $fk-feather-hover-on-surface-gradient;
+            color: $fk-feather-primary-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-decrease .k-button-icon.k-icon.k-svg-icon >svg{
@@ -540,32 +540,32 @@
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
             height: 100%;
 }
     .k-textbox.k-input .k-clear-value{
-    width: $feather-feather-container-height-xs;
-            height: $feather-feather-container-height-xs;
+    width: $fk-feather-container-height-xs;
+            height: $fk-feather-container-height-xs;
             box-sizing: border-box;
             border-bottom-left-radius: 50%;
             border-bottom-right-radius: 50%;
             border-top-left-radius: 50%;
             border-top-right-radius: 50%;
             opacity: 100%;
-            color: $feather-feather-icon-on-neutral;
+            color: $fk-feather-icon-on-neutral;
             margin-right: 4px;
             margin-left: 4px;
 }
     .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: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
             background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
             background-color: initial !important;
             background-image: none !important;
             border-bottom-left-radius: 50%;
@@ -588,9 +588,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: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
             background-color: initial !important;
-            background-image: $feather-feather-hover-on-surface-gradient !important;
+            background-image: $fk-feather-hover-on-surface-gradient !important;
 }
     .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{
@@ -598,7 +598,7 @@
 }
     .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: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
             width: 18px;
             height: 18px;
@@ -615,26 +615,26 @@
 }
     .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 $feather-feather-secondary-text-on-surface !important;
+            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;
-            border-bottom-color: $feather-feather-secondary-text-on-surface !important;
-            border-left-color: $feather-feather-secondary-text-on-surface !important;
-            border-right-color: $feather-feather-secondary-text-on-surface !important;
-            border-top-color: $feather-feather-secondary-text-on-surface !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-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
-            color: $feather-feather-primary-text-on-surface;
+            color: $fk-feather-primary-text-on-surface;
             background-color: initial !important;
-            background-image: $feather-feather-focused-on-surface-gradient !important;
+            background-image: $fk-feather-focused-on-surface-gradient !important;
 }
     h1{
-                    @extend %feather-typography-feather-heading-1;
+                    @extend %fk-typography-feather-heading-1;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link{
@@ -650,12 +650,12 @@
 }
     .k-popup.k-list-container{
-                    @extend %feather-effects-feather-elevation-04dp;
-          border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-kendo-border-radius-md;
-            background-color: $feather-feather-surface;
+                    @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-image: none;
             translate: 0px 2px;
             border-bottom-style: none;
@@ -665,11 +665,11 @@
 }
     .k-popup.k-menu-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
-          border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-kendo-border-radius-md;
+                    @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;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -678,26 +678,26 @@
             padding-left: 0px;
             padding-right: 0px;
             padding-top: 0px;
-            background-color: $feather-feather-surface;
+            background-color: $fk-feather-surface;
             background-image: none;
 }
     .k-list-filter .k-searchbox.k-textbox.k-input-solid{
-    border-top-color: $feather-kendo-input-border;
-            border-right-color: $feather-kendo-input-border;
-            border-left-color: $feather-kendo-input-border;
-            border-bottom-color: $feather-kendo-input-border;
+    border-top-color: $fk-kendo-input-border;
+            border-right-color: $fk-kendo-input-border;
+            border-left-color: $fk-kendo-input-border;
+            border-bottom-color: $fk-kendo-input-border;
 }
     .k-list-filter .k-searchbox.k-textbox.k-input{
     border-top-style: none;
-            border-top-width: $feather-kendo-input-border-width;
+            border-top-width: $fk-kendo-input-border-width;
             border-right-style: none;
-            border-right-width: $feather-kendo-input-border-width;
+            border-right-width: $fk-kendo-input-border-width;
             border-left-style: none;
-            border-left-width: $feather-kendo-input-border-width;
+            border-left-width: $fk-kendo-input-border-width;
             border-bottom-style: solid;
-            border-bottom-width: $feather-kendo-input-border-width;
+            border-bottom-width: $fk-kendo-input-border-width;
 }
     .k-list-filter .k-searchbox.k-textbox.k-rounded-md{
@@ -718,7 +718,7 @@
 }
     .k-list-filter .k-searchbox.k-textbox .k-input-inner{
-    padding-right: $feather-kendo-input-padding-x;
+    padding-right: $fk-kendo-input-padding-x;
             padding-left: 4px;
 }
@@ -738,7 +738,7 @@
 }
     .k-list-filter .k-searchbox.k-invalid.k-input,.k-list-filter .k-searchbox.ng-invalid.ng-touched.k-input,.k-list-filter .k-searchbox.ng-invalid.ng-dirty.k-input{
     border-bottom-style: solid;
-            border-bottom-width: $feather-kendo-input-border-width;
+            border-bottom-width: $fk-kendo-input-border-width;
 }
     .k-list-filter .k-searchbox.k-textbox.k-invalid.k-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched.k-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty.k-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-invalid.k-state-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-invalid.k-state-focused.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-invalid:focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched.k-state-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched.k-state-focused.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched:focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty.k-state-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty.k-state-focused.k-input-solid,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty:focus.k-input-solid{
@@ -751,15 +751,15 @@
 }
     .k-textarea.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-textarea.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-textarea.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-textarea.k-input.k-invalid:focus-within.k-input-solid,.k-textarea.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-textarea.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-textarea.k-input.k-hover.k-input-solid,.k-textarea.k-input.k-state-hover.k-input-solid,.k-textarea.k-input.k-state-hovered.k-input-solid,.k-textarea.k-input:hover.k-input-solid{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-textarea.k-input.k-hover,.k-textarea.k-input.k-state-hover,.k-textarea.k-input.k-state-hovered,.k-textarea.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal{
@@ -775,10 +775,10 @@
 }
     .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 %feather-effects-feather-focus-outer-on-color-important;
+                    @extend %fk-effects-feather-focus-outer-on-color-important;
           box-sizing: border-box;
             background-color: initial !important;
-            background-image: $feather-feather-focused-on-surface-gradient !important;
+            background-image: $fk-feather-focused-on-surface-gradient !important;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -817,16 +817,16 @@
 }
     .k-textbox.k-input.k-focus.k-input-solid,.k-textbox.k-input.k-state-focus.k-input-solid,.k-textbox.k-input.k-state-focused.k-input-solid,.k-textbox.k-input:focus.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-textbox.k-input.k-invalid.k-focus.k-input-solid,.k-textbox.k-input.ng-invalid.ng-touched.k-focus.k-input-solid,.k-textbox.k-input.ng-invalid.ng-dirty.k-focus.k-input-solid,.k-textbox.k-input.k-invalid.k-state-focus.k-input-solid,.k-textbox.k-input.k-invalid.k-state-focused.k-input-solid,.k-textbox.k-input.k-invalid:focus.k-input-solid,.k-textbox.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,.k-textbox.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,.k-textbox.k-input.ng-invalid.ng-touched:focus.k-input-solid,.k-textbox.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,.k-textbox.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,.k-textbox.k-input.ng-invalid.ng-dirty:focus.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-label.k-text-disabled{
     opacity: 100%;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-command-cell{
@@ -850,11 +850,11 @@
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command{
-    height: $feather-feather-container-height-md;
+    height: $fk-feather-container-height-md;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command.k-button-solid-primary{
-    background-color: $feather-feather-primary;
+    background-color: $fk-feather-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-button{
@@ -862,7 +862,7 @@
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command{
-    height: $feather-feather-container-height-md;
+    height: $fk-feather-container-height-md;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-button-solid-primary{
@@ -874,19 +874,19 @@
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-remove-command{
-    height: $feather-feather-container-height-md;
+    height: $fk-feather-container-height-md;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-cancel-command{
-    height: $feather-feather-container-height-md;
+    height: $fk-feather-container-height-md;
 }
     .k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell .k-input{
-    height: $feather-feather-container-height-md;
-            border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-kendo-border-radius-md;
+    height: $fk-feather-container-height-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;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row{
@@ -900,24 +900,24 @@
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row >td{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           box-sizing: content-box;
-            border-bottom-color: $feather-feather-border-on-surface;
+            border-bottom-color: $fk-feather-border-on-surface;
             border-bottom-style: solid;
             border-bottom-width: 1px;
-            border-top-color: $feather-feather-border-on-surface;
+            border-top-color: $fk-feather-border-on-surface;
             border-top-style: none;
             border-top-width: 0px;
-            border-right-color: $feather-feather-border-on-surface;
+            border-right-color: $fk-feather-border-on-surface;
             border-right-style: none;
             border-right-width: 0px;
-            border-left-color: $feather-feather-border-on-surface;
+            border-left-color: $fk-feather-border-on-surface;
             border-left-style: none;
             border-left-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{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           border-bottom-style: solid;
             border-left-style: none;
             border-right-style: none;
@@ -927,16 +927,16 @@
             border-right-width: 0px;
             border-top-width: 0px;
             border-bottom-color: transparent;
-            border-left-color: $feather-feather-primary;
-            border-right-color: $feather-feather-primary;
-            border-top-color: $feather-feather-primary;
+            border-left-color: $fk-feather-primary;
+            border-right-color: $fk-feather-primary;
+            border-top-color: $fk-feather-primary;
 }
     .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{
-    border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-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;
 }
     .k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell.k-focus .k-input,.k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell.k-state-focus .k-input,.k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell.k-state-focused .k-input,.k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell:focus .k-input{
@@ -947,7 +947,7 @@
 }
     .k-grid.k-grid-md .k-table .k-master-row.k-table-row .k-grid-edit-cell.k-focus .k-input,.k-grid.k-grid-md .k-table .k-master-row.k-table-row  .k-grid-edit-cell.k-state-focus .k-input,.k-grid.k-grid-md .k-table .k-master-row.k-table-row  .k-grid-edit-cell.k-state-focused .k-input,.k-grid.k-grid-md .k-table .k-master-row.k-table-row  .k-grid-edit-cell:focus .k-input{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           border-bottom-style: solid;
             border-left-style: solid;
             border-right-style: solid;
@@ -963,11 +963,11 @@
 }
     .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 %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
             padding-top: 18px;
             border-right-width: 1px;
-            border-right-color: $feather-feather-border-on-surface;
+            border-right-color: $fk-feather-border-on-surface;
             border-right-style: solid;
 }
@@ -980,8 +980,8 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            padding-top: $feather-kendo-grid-header-padding-y;
-            padding-bottom: $feather-kendo-grid-header-padding-y;
+            padding-top: $fk-kendo-grid-header-padding-y;
+            padding-bottom: $fk-kendo-grid-header-padding-y;
 }
     .k-fab.k-fab-solid-primary .k-fab-text{
@@ -990,8 +990,8 @@
 }
     .k-fab.k-fab-solid-primary.k-fab-md{
-    padding-right: $feather-kendo-fab-padding-x;
-            padding-left: $feather-kendo-fab-padding-x;
+    padding-right: $fk-kendo-fab-padding-x;
+            padding-left: $fk-kendo-fab-padding-x;
 }
     .k-fab.k-fab-solid-primary{
@@ -1033,22 +1033,22 @@
 }
     .k-chip .k-chip-content{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-reset.k-header.k-menu-horizontal.k-menu> .k-item.k-menu-item{
-    color: $feather-feather-secondary-text-on-surface;
-            border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-kendo-border-radius-md;
-            min-height: $feather-feather-container-height-md;
+    color: $fk-feather-secondary-text-on-surface;
+            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;
+            min-height: $fk-feather-container-height-md;
 }
     .k-reset.k-header.k-menu-vertical.k-menu> .k-item.k-menu-item{
-    color: $feather-feather-secondary-text-on-surface;
-            min-height: $feather-feather-container-height-md;
+    color: $fk-feather-secondary-text-on-surface;
+            min-height: $fk-feather-container-height-md;
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
@@ -1056,8 +1056,8 @@
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item{
-                    @extend %feather-typography-feather-button;
-          color: $feather-feather-primary;
+                    @extend %fk-typography-feather-button;
+          color: $fk-feather-primary;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -1066,15 +1066,15 @@
 }
     .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{
     border-bottom-width: 3px;
-            border-bottom-color: $feather-feather-primary;
+            border-bottom-color: $fk-feather-primary;
             border-bottom-style: solid;
 }
     .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{
     padding-bottom: 3px;
-            border-left-color: $feather-feather-primary;
-            border-right-color: $feather-feather-primary;
-            border-top-color: $feather-feather-primary;
+            border-left-color: $fk-feather-primary;
+            border-right-color: $fk-feather-primary;
+            border-top-color: $fk-feather-primary;
 }
     .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{
@@ -1093,7 +1093,7 @@
 }
     .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: $feather-feather-primary;
+    border-bottom-color: $fk-feather-primary;
             border-bottom-style: solid;
             border-bottom-width: 3px;
             border-top-left-radius: 4px;
@@ -1104,9 +1104,9 @@
 }
     .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-left-color: $feather-feather-primary;
-            border-right-color: $feather-feather-primary;
-            border-top-color: $feather-feather-primary;
+    border-left-color: $fk-feather-primary;
+            border-right-color: $fk-feather-primary;
+            border-top-color: $fk-feather-primary;
 }
     .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active:focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active:focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active:focus{
@@ -1118,10 +1118,10 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            border-bottom-color: $feather-feather-primary;
-            border-left-color: $feather-feather-primary;
-            border-right-color: $feather-feather-primary;
-            border-top-color: $feather-feather-primary;
+            border-bottom-color: $fk-feather-primary;
+            border-left-color: $fk-feather-primary;
+            border-right-color: $fk-feather-primary;
+            border-top-color: $fk-feather-primary;
 }
     .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{
@@ -1142,7 +1142,7 @@
 }
     .k-switch.k-switch-off .k-switch-track{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
             background-color: rgba(0, 0, 0, 0.04);
             background-image: none;
             transition-property: all;
@@ -1151,11 +1151,11 @@
 }
     .k-switch.k-switch-off .k-switch-thumb-wrap .k-switch-thumb{
-    border-bottom-color: $feather-feather-secondary-text-on-surface;
-            border-left-color: $feather-feather-secondary-text-on-surface;
-            border-right-color: $feather-feather-secondary-text-on-surface;
-            border-top-color: $feather-feather-secondary-text-on-surface;
-            background-color: $feather-feather-primary-text-on-color;
+    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;
@@ -1170,21 +1170,22 @@
 }
     .k-tabstrip .k-tabstrip-content.k-active,.k-tabstrip .k-tabstrip-content.k-state-active,.k-tabstrip .k-tabstrip-content:active{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
 }
     .k-tabstrip .k-tabstrip-content.k-active,.k-tabstrip  .k-tabstrip-content.k-state-active,.k-tabstrip  .k-tabstrip-content:active{
-                    @extend %feather-typography-kendo-default-typography;
+                    @extend %fk-typography-kendo-default-typography;
 }
     .k-checkbox-label{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-textbox.k-input{
     transition-property: all;
             transition-duration: 280ms;
+            outline-color: currentcolor;
 }
     .k-textbox.k-input.k-input-solid{
@@ -1192,25 +1193,25 @@
 }
     .k-radio-label{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item .k-list-item-text{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-datepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
-    color: $feather-feather-icon-on-neutral;
+    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: $feather-feather-icon-on-neutral;
-            width: $feather-feather-container-height-lg;
+            color: $fk-feather-icon-on-neutral;
+            width: $fk-feather-container-height-lg;
 }
     .k-timeselector .k-time-header .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-time-now::before{
@@ -1230,13 +1231,13 @@
 }
     .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar .k-window-title.k-dialog-title{
-                    @extend %feather-typography-feather-body-large;
+                    @extend %fk-typography-feather-body-large;
 }
     .k-window.k-dialog .k-window-content.k-dialog-content{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           text-align: left;
-            padding-bottom: $feather-kendo-window-inner-padding-y;
+            padding-bottom: $fk-kendo-window-inner-padding-y;
 }
     .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-stretched{
@@ -1248,26 +1249,26 @@
 }
     .k-window .k-window-titlebar{
-                    @extend %feather-typography-feather-body-large;
-          color: $feather-feather-primary-text-on-surface;
+                    @extend %fk-typography-feather-body-large;
+          color: $fk-feather-primary-text-on-surface;
             background-color: initial;
             background-image: none;
 }
     .k-window{
-                    @extend %feather-typography-feather-body-small;
-                          @extend %feather-effects-feather-elevation-12dp;
+                    @extend %fk-typography-feather-body-small;
+                          @extend %fk-effects-feather-elevation-12dp;
 }
     .k-window .k-window-content{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           padding-bottom: 32px;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .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: $feather-feather-container-height-sm;
-            width: $feather-feather-container-height-sm;
+    height: $fk-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
             border-bottom-left-radius: 50%;
             border-bottom-right-radius: 50%;
             border-top-left-radius: 50%;
@@ -1281,37 +1282,37 @@
 }
     .k-window.k-window-minimized{
-                    @extend %feather-effects-feather-elevation-12dp;
-          border-bottom-right-radius: $feather-kendo-window-border-radius;
+                    @extend %fk-effects-feather-elevation-12dp;
+          border-bottom-right-radius: $fk-kendo-window-border-radius;
             overflow: hidden;
 }
     h2{
-                    @extend %feather-typography-feather-heading-2;
+                    @extend %fk-typography-feather-heading-2;
 }
     h3{
-                    @extend %feather-typography-feather-heading-3;
+                    @extend %fk-typography-feather-heading-3;
 }
     h4{
-                    @extend %feather-typography-feather-heading-4;
+                    @extend %fk-typography-feather-heading-4;
 }
     h5{
-                    @extend %feather-typography-feather-heading-5;
+                    @extend %fk-typography-feather-heading-5;
 }
     h6{
-                    @extend %feather-typography-feather-heading-6;
+                    @extend %fk-typography-feather-heading-6;
 }
     ul{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
 }
     div{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
 }
     .k-grid.k-grid-md .k-table{
@@ -1319,7 +1320,7 @@
 }
     .k-fab{
-                    @extend %feather-typography-feather-button;
+                    @extend %fk-typography-feather-button;
 }
     .k-fab .k-fab-text{
@@ -1336,34 +1337,34 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
-            background-color: $feather-feather-border-light-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
+            background-color: $fk-feather-border-light-on-surface;
 }
     .k-toolbar{
-    background-color: $feather-feather-surface;
+    background-color: $fk-feather-surface;
             background-image: none;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .k-button.k-disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon,.k-button.k-state-disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon,.k-button:disabled.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-disabled .k-button-icon.k-icon.k-svg-icon,.k-button.k-state-disabled .k-button-icon.k-icon.k-svg-icon,.k-button:disabled .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button-group .k-button.k-selected.k-focus,.k-button-group  .k-button.k-selected.k-state-focus,.k-button-group  .k-button.k-selected.k-state-focused,.k-button-group  .k-button.k-selected:focus{
-    background-color: $feather-kendo-button-selected-bg;
+    background-color: $fk-kendo-button-selected-bg;
 }
     .k-button-group .k-button.k-selected.k-focus,.k-button-group .k-button.k-selected.k-state-focus,.k-button-group .k-button.k-selected.k-state-focused,.k-button-group .k-button.k-selected:focus{
-    background-image: $feather-feather-focused-on-surface-gradient;
+    background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-button-group .k-button.k-selected.k-focus.k-button-solid-base,.k-button-group  .k-button.k-selected.k-state-focus.k-button-solid-base,.k-button-group  .k-button.k-selected.k-state-focused.k-button-solid-base,.k-button-group  .k-button.k-selected:focus.k-button-solid-base{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-button-group .k-button.k-selected.k-focus.k-icon-button,.k-button-group  .k-button.k-selected.k-state-focus.k-icon-button,.k-button-group  .k-button.k-selected.k-state-focused.k-icon-button,.k-button-group  .k-button.k-selected:focus.k-icon-button{
@@ -1376,16 +1377,16 @@
     .k-button-group .k-button.k-group-start,.k-button-group .k-button:first-child{
     z-index: 0;
             border-inline-start-width: 2px;
-            box-shadow: inset -1px 0px 0px 0px $feather-kendo-button-border;
+            box-shadow: inset -1px 0px 0px 0px $fk-kendo-button-border;
 }
     .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{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
             top: -4px;
 }
     .k-chip-list .k-chip.k-focus.k-chip-solid-base,.k-chip-list .k-chip.k-state-focus.k-chip-solid-base,.k-chip-list .k-chip.k-state-focused.k-chip-solid-base,.k-chip-list .k-chip:focus.k-chip-solid-base{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           border-bottom-color: transparent;
             border-left-color: transparent;
             border-right-color: transparent;
@@ -1399,13 +1400,13 @@
 }
     .k-chip.k-selected{
-    color: $feather-feather-primary-text-on-color;
-            background-color: $feather-kendo-chip-solid-selected-bg;
+    color: $fk-feather-primary-text-on-color;
+            background-color: $fk-kendo-chip-solid-selected-bg;
             background-image: linear-gradient(transparent, transparent);
 }
     .k-chip.k-focus.k-chip-solid-base,.k-chip.k-state-focus.k-chip-solid-base,.k-chip.k-state-focused.k-chip-solid-base,.k-chip:focus.k-chip-solid-base{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           border-bottom-color: transparent;
             border-left-color: transparent;
             border-right-color: transparent;
@@ -1421,7 +1422,7 @@
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            min-height: $feather-feather-container-height-lg;
+            min-height: $fk-feather-container-height-lg;
 }
     .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button{
@@ -1429,14 +1430,14 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            border-left-color: $feather-feather-border-on-surface;
+            border-left-color: $fk-feather-border-on-surface;
             border-left-width: 1px;
-            height: $feather-feather-container-height-sm;
-            border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-feather-border-radius-full;
-            width: $feather-feather-container-height-sm;
+            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-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;
             margin-right: 0.25rem;
@@ -1458,35 +1459,35 @@
 }
     .k-button.k-selected.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-icon-on-color;
+    color: $fk-feather-icon-on-color;
 }
     .k-button.k-selected.k-button-flat .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-icon-on-color;
+    color: $fk-feather-icon-on-color;
 }
     .k-button.k-selected.k-button-outline.k-button-outline-primary .k-button-text{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .k-button.k-selected.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-icon-on-color;
+    color: $fk-feather-icon-on-color;
 }
     .k-button.k-disabled.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button.k-state-disabled.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button:disabled.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-disabled.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button.k-state-disabled.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg,.k-button:disabled.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-selected.k-button-outline .k-button-text{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .k-button.k-selected.k-button-outline .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-icon-on-color;
+    color: $fk-feather-icon-on-color;
 }
     .k-button.k-button-outline.k-button-outline-primary .k-button-text{
@@ -1499,8 +1500,8 @@
 }
     .k-button.k-selected.k-button-flat.k-button-flat-primary{
-    background-color: $feather-feather-primary !important;
-            background-image: $feather-feather-selected-on-surface-gradient !important;
+    background-color: $fk-feather-primary !important;
+            background-image: $fk-feather-selected-on-surface-gradient !important;
 }
     .k-button.k-selected.k-button-flat.k-button-flat-primary::before{
@@ -1526,19 +1527,19 @@
 }
     .k-button.k-selected.k-button-flat .k-button-text{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .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-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .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{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
             outline-color: transparent;
             outline-style: solid;
             outline-width: 2px;
@@ -1550,7 +1551,7 @@
 }
     .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-hover,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-hover,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-hovered,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:hover{
     background-color: initial !important;
-            background-image: $feather-feather-hover-on-surface-gradient !important;
+            background-image: $fk-feather-hover-on-surface-gradient !important;
 }
     .k-list-filter .k-searchbox.k-hover.k-input,.k-list-filter .k-searchbox.k-state-hover.k-input,.k-list-filter .k-searchbox.k-state-hovered.k-input,.k-list-filter .k-searchbox:hover.k-input{
@@ -1558,24 +1559,24 @@
 }
     .k-numerictextbox.k-input.k-hover,.k-numerictextbox.k-input.k-state-hover,.k-numerictextbox.k-input.k-state-hovered,.k-numerictextbox.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
-          border-bottom-color: $feather-kendo-input-hover-border;
-            border-left-color: $feather-kendo-input-hover-border;
-            border-right-color: $feather-kendo-input-hover-border;
-            border-top-color: $feather-kendo-input-hover-border;
+                    @extend %fk-effects-feather-input-hover-on-surface;
+          border-bottom-color: $fk-kendo-input-hover-border;
+            border-left-color: $fk-kendo-input-hover-border;
+            border-right-color: $fk-kendo-input-hover-border;
+            border-top-color: $fk-kendo-input-hover-border;
 }
     .k-numerictextbox.k-input.k-hover.k-input-solid,.k-numerictextbox.k-input.k-state-hover.k-input-solid,.k-numerictextbox.k-input.k-state-hovered.k-input-solid,.k-numerictextbox.k-input:hover.k-input-solid{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-numerictextbox.k-input.k-state-focus-within.k-input-solid,.k-numerictextbox.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           color: k-color( primary );
 }
     .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: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
             background-color: initial;
 }
@@ -1583,10 +1584,10 @@
     background-image: none;
             visibility: visible;
             opacity: unset;
-            border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-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;
 }
     .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{
@@ -1594,7 +1595,7 @@
 }
     .k-numerictextbox.k-input.k-disabled .k-input-spinner.k-spin-button,.k-numerictextbox.k-input.k-state-disabled .k-input-spinner.k-spin-button,.k-numerictextbox.k-input:disabled .k-input-spinner.k-spin-button{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .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-decrease .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-decrease .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-decrease .k-button-icon.k-icon.k-svg-icon{
@@ -1630,27 +1631,27 @@
 }
     .k-chip.k-chip-outline.k-chip-outline-base{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
 }
     .k-button-group .k-button.k-button-flat.k-disabled .k-button-icon.k-icon.k-svg-icon >svg,.k-button-group  .k-button.k-button-flat.k-state-disabled .k-button-icon.k-icon.k-svg-icon >svg,.k-button-group  .k-button.k-button-flat:disabled .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button-group .k-button.k-button-flat.k-focus,.k-button-group  .k-button.k-button-flat.k-state-focus,.k-button-group  .k-button.k-button-flat.k-state-focused,.k-button-group  .k-button.k-button-flat:focus{
-                    @extend %feather-effects-feather-focus-inner-on-surface-important;
+                    @extend %fk-effects-feather-focus-inner-on-surface-important;
 }
     .k-button-group .k-button.k-button-flat.k-selected.k-focus,.k-button-group  .k-button.k-button-flat.k-selected.k-state-focus,.k-button-group  .k-button.k-button-flat.k-selected.k-state-focused,.k-button-group  .k-button.k-button-flat.k-selected:focus{
-                    @extend %feather-effects-feather-focus-inner-on-color-important;
+                    @extend %fk-effects-feather-focus-inner-on-color-important;
 }
     .k-button.k-disabled.k-button-outline .k-button-icon.k-icon.k-svg-icon,.k-button.k-state-disabled.k-button-outline .k-button-icon.k-icon.k-svg-icon,.k-button:disabled.k-button-outline .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-disabled.k-button-outline .k-button-text,.k-button.k-state-disabled.k-button-outline .k-button-text,.k-button:disabled.k-button-outline .k-button-text{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-active.k-button-outline.k-button-outline-base,.k-button.k-state-active.k-button-outline.k-button-outline-base,.k-button:active.k-button-outline.k-button-outline-base{
@@ -1658,7 +1659,7 @@
 }
     .k-button.k-active.k-button-outline,.k-button.k-state-active.k-button-outline,.k-button:active.k-button-outline{
-    background-image: $feather-feather-active-on-surface-gradient;
+    background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-button.k-hover.k-button-outline.k-button-outline-base,.k-button.k-state-hover.k-button-outline.k-button-outline-base,.k-button.k-state-hovered.k-button-outline.k-button-outline-base,.k-button:hover.k-button-outline.k-button-outline-base{
@@ -1666,22 +1667,22 @@
 }
     .k-button.k-hover.k-button-outline,.k-button.k-state-hover.k-button-outline,.k-button.k-state-hovered.k-button-outline,.k-button:hover.k-button-outline{
-    background-image: $feather-feather-hover-on-surface-gradient;
+    background-image: $fk-feather-hover-on-surface-gradient;
 }
     .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: $feather-feather-border-light-on-surface;
+    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: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-disabled.k-button-solid-base, .k-button.k-state-disabled.k-button-solid-base, .k-button:disabled.k-button-solid-base{
-    background-color: $feather-feather-border-light-on-surface;
+    background-color: $fk-feather-border-light-on-surface;
 }
     .k-button.k-disabled,.k-button.k-state-disabled,.k-button:disabled{
@@ -1694,16 +1695,16 @@
 }
     .k-button.k-hover.k-button-flat,.k-button.k-state-hover.k-button-flat,.k-button.k-state-hovered.k-button-flat,.k-button:hover.k-button-flat{
     background-color: initial !important;
-            background-image: $feather-feather-hover-on-surface-gradient !important;
+            background-image: $fk-feather-hover-on-surface-gradient !important;
 }
     .k-button.k-active.k-button-flat,.k-button.k-state-active.k-button-flat,.k-button:active.k-button-flat{
     background-color: initial !important;
-            background-image: $feather-feather-active-on-surface-gradient !important;
+            background-image: $fk-feather-active-on-surface-gradient !important;
 }
     .k-button.k-disabled.k-button-flat.k-button-flat-base,.k-button.k-state-disabled.k-button-flat.k-button-flat-base,.k-button:disabled.k-button-flat.k-button-flat-base{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-disabled.k-button-flat .k-button-icon.k-icon.k-svg-icon >svg,.k-button.k-state-disabled.k-button-flat .k-button-icon.k-icon.k-svg-icon >svg,.k-button:disabled.k-button-flat .k-button-icon.k-icon.k-svg-icon >svg{
@@ -1711,24 +1712,24 @@
 }
     .k-button.k-selected.k-button-flat{
-    background-color: $feather-feather-secondary-text-on-surface !important;
+    background-color: $fk-feather-secondary-text-on-surface !important;
             background-image: none !important;
 }
     .k-button.k-selected{
-    color: $feather-feather-primary-text-on-color;
-            background-image: $feather-feather-selected-on-surface-gradient;
+    color: $fk-feather-primary-text-on-color;
+            background-image: $fk-feather-selected-on-surface-gradient;
 }
     .k-button.k-selected.k-button-solid-base{
-    background-color: $feather-kendo-button-selected-bg;
+    background-color: $fk-kendo-button-selected-bg;
 }
     .k-button.k-disabled.k-button-outline.k-button-outline-primary,.k-button.k-state-disabled.k-button-outline.k-button-outline-primary,.k-button:disabled.k-button-outline.k-button-outline-primary{
-    border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-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;
 }
     .k-button-group .k-button{
@@ -1736,26 +1737,26 @@
             transition-duration: 280ms;
             z-index: 1;
             border-inline-start-width: 2px;
-            box-shadow: inset 1px 0px 0px 0px $feather-kendo-button-border,inset -1px 0px 0px 0px $feather-kendo-button-border;
+            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{
-    background-color: $feather-feather-secondary-text-on-surface;
+    background-color: $fk-feather-secondary-text-on-surface;
 }
     .k-button.k-selected.k-button-outline{
-    background-image: $feather-feather-selected-on-surface-gradient;
+    background-image: $fk-feather-selected-on-surface-gradient;
 }
     .k-button.k-disabled.k-button-outline.k-button-outline-base,.k-button.k-state-disabled.k-button-outline.k-button-outline-base,.k-button:disabled.k-button-outline.k-button-outline-base{
-    border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-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;
 }
     .k-chip.k-chip-outline.k-focus.k-chip-outline-base,.k-chip.k-chip-outline.k-state-focus.k-chip-outline-base,.k-chip.k-chip-outline.k-state-focused.k-chip-outline-base,.k-chip.k-chip-outline:focus.k-chip-outline-base{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           border-bottom-color: transparent;
             border-left-color: transparent;
             border-right-color: transparent;
@@ -1763,18 +1764,18 @@
 }
     .k-chip.k-chip-outline.k-selected{
-    color: $feather-feather-primary-text-on-color;
-            background-color: $feather-kendo-chip-outline-selected-bg;
+    color: $fk-feather-primary-text-on-color;
+            background-color: $fk-kendo-chip-outline-selected-bg;
             background-image: none;
 }
     .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: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-feather-border-on-surface;
-            background-color: $feather-feather-border-light-on-surface;
-            color: $feather-feather-disabled-text-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;
 }
     .k-chip.k-chip-outline.k-disabled, .k-chip.k-chip-outline.k-state-disabled, .k-chip.k-chip-outline:disabled{
@@ -1782,10 +1783,10 @@
 }
     .k-textarea.k-input .k-input-inner{
-    min-height: $feather-feather-container-height-lg;
+    min-height: $fk-feather-container-height-lg;
             min-width: 148px;
-            padding-top: $feather-kendo-input-lg-padding-y;
-            padding-bottom: $feather-kendo-input-lg-padding-y;
+            padding-top: $fk-kendo-input-lg-padding-y;
+            padding-bottom: $fk-kendo-input-lg-padding-y;
 }
     .k-textarea.k-input{
@@ -1802,7 +1803,7 @@
 }
     .k-textarea.k-input.k-state-focus-within.k-input-solid,.k-textarea.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-textarea.k-input.k-invalid.k-input-solid,.k-textarea.k-input.ng-invalid.ng-touched.k-input-solid,.k-textarea.k-input.ng-invalid.ng-dirty.k-input-solid{
@@ -1813,11 +1814,11 @@
 }
     .k-textarea.k-input.k-disabled.k-input-solid,.k-textarea.k-input.k-state-disabled.k-input-solid,.k-textarea.k-input:disabled.k-input-solid{
-    border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-feather-disabled-text-on-surface;
-            color: $feather-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-textarea.k-input.k-disabled,.k-textarea.k-input.k-state-disabled,.k-textarea.k-input:disabled{
@@ -1831,12 +1832,12 @@
 }
     .k-maskedtextbox.k-input.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           color: k-color( primary );
 }
     .k-maskedtextbox.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-maskedtextbox.k-input.k-invalid:focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-maskedtextbox.k-input.k-disabled,.k-maskedtextbox.k-input.k-state-disabled,.k-maskedtextbox.k-input:disabled{
@@ -1850,20 +1851,20 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
-            border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-feather-disabled-text-on-surface;
+    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;
 }
     .k-maskedtextbox.k-input .k-input-inner.k-state-readonly,.k-maskedtextbox.k-input .k-input-inner[readonly]{
-    background-color: $feather-feather-border-light-on-surface;
+    background-color: $fk-feather-border-light-on-surface;
             background-image: none;
 }
     .k-numerictextbox.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-numerictextbox.k-input.k-invalid:focus-within.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .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{
@@ -1879,15 +1880,15 @@
             border-left-color: currentcolor;
             border-right-color: currentcolor;
             border-top-color: currentcolor;
-            color: $feather-feather-primary-text-on-surface;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-dateinput.k-input.k-hover,.k-dateinput.k-input.k-state-hover,.k-dateinput.k-input.k-state-hovered,.k-dateinput.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-dateinput.k-input.k-state-focus-within.k-input-solid,.k-dateinput.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
@@ -1904,7 +1905,7 @@
 }
     .k-dateinput.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-dateinput.k-input.k-invalid:focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
           border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
@@ -1916,23 +1917,23 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
-            border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-feather-disabled-text-on-surface;
+    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;
 }
     .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{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-datepicker.k-input.k-hover,.k-datepicker.k-input.k-state-hover,.k-datepicker.k-input.k-state-hovered,.k-datepicker.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-datepicker.k-input.k-state-focus-within.k-input-solid,.k-datepicker.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           color: k-color( primary );
 }
@@ -1944,19 +1945,19 @@
 }
     .k-datepicker.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-datepicker.k-input.k-invalid:focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-timepicker.k-input.k-hover.k-input-solid,.k-timepicker.k-input.k-state-hover.k-input-solid,.k-timepicker.k-input.k-state-hovered.k-input-solid,.k-timepicker.k-input:hover.k-input-solid{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-timepicker.k-input.k-hover,.k-timepicker.k-input.k-state-hover,.k-timepicker.k-input.k-state-hovered,.k-timepicker.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-timepicker.k-input.k-state-focus-within.k-input-solid,.k-timepicker.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           color: k-color( primary );
 }
@@ -1968,7 +1969,7 @@
 }
     .k-timepicker.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-timepicker.k-input.k-invalid:focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-timepicker.k-input.k-disabled,.k-timepicker.k-input.k-state-disabled,.k-timepicker.k-input:disabled{
@@ -1976,21 +1977,21 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
-            border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-feather-border-on-surface;
+    color: $fk-feather-disabled-text-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;
 }
     .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: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
             background-color: initial;
             background-image: none;
 }
     .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{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-datepicker.k-input .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{
@@ -2002,7 +2003,7 @@
 }
     .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: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
             border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
@@ -2010,11 +2011,11 @@
 }
     .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{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-datetimepicker.k-input.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
@@ -2031,7 +2032,7 @@
 }
     .k-datetimepicker.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-datetimepicker.k-input.k-invalid:focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-datetimepicker.k-input.k-disabled,.k-datetimepicker.k-input.k-state-disabled,.k-datetimepicker.k-input:disabled{
@@ -2039,59 +2040,59 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
-            border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-feather-border-on-surface;
+    color: $fk-feather-disabled-text-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;
 }
     .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{
-    color: $feather-feather-disabled-text-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-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-datetimepicker.k-input:disabled .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
-    background-color: $feather-kendo-button-bg;
+    background-color: $fk-kendo-button-bg;
             background-image: 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-start,.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:first-child{
-    background-color: $feather-feather-surface-shade-1;
+    background-color: $fk-feather-surface-shade-1;
             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: $feather-kendo-button-border;
-            border-right-width: $feather-kendo-button-border-width;
+            border-right-color: $fk-kendo-button-border;
+            border-right-width: $fk-kendo-button-border-width;
 }
     .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: $feather-feather-surface-shade-1;
+    background-color: $fk-feather-surface-shade-1;
             background-image: linear-gradient(transparent, transparent);
             border-bottom-style: none;
             border-left-style: solid;
             border-right-style: none;
             border-top-style: none;
-            border-left-color: $feather-kendo-button-border;
-            border-left-width: $feather-kendo-button-border-width;
+            border-left-color: $fk-kendo-button-border;
+            border-left-width: $fk-kendo-button-border-width;
             box-shadow: 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-start.k-hover,.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:first-child.k-hover,.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-start.k-state-hover,.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-start.k-state-hovered,.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-start:hover,.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:first-child.k-state-hover,.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:first-child.k-state-hovered,.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:first-child:hover{
-    background-color: $feather-feather-surface-shade-1;
-            background-image: $feather-feather-hover-on-surface-gradient;
+    background-color: $fk-feather-surface-shade-1;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .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-hover,.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.k-hover,.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-state-hover,.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-state-hovered,.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:hover,.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.k-state-hover,.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.k-state-hovered,.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:hover{
-    background-color: $feather-feather-surface-shade-1;
-            background-image: $feather-feather-hover-on-surface-gradient;
+    background-color: $fk-feather-surface-shade-1;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .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-start.k-focus,.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:first-child.k-focus,.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-start.k-state-focus,.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-start.k-state-focused,.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-start:focus,.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:first-child.k-state-focus,.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:first-child.k-state-focused,.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:first-child:focus{
-                    @extend %feather-effects-feather-focus-inner-on-color;
-          background-color: $feather-feather-surface-shade-1;
-            background-image: $feather-feather-focused-on-surface-gradient;
+                    @extend %fk-effects-feather-focus-inner-on-color;
+          background-color: $fk-feather-surface-shade-1;
+            background-image: $fk-feather-focused-on-surface-gradient;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -2099,9 +2100,9 @@
 }
     .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-focus,.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.k-focus,.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-state-focus,.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-state-focused,.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:focus,.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.k-state-focus,.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.k-state-focused,.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:focus{
-                    @extend %feather-effects-feather-focus-inner-on-color;
-          background-color: $feather-feather-surface-shade-1;
-            background-image: $feather-feather-focused-on-surface-gradient;
+                    @extend %fk-effects-feather-focus-inner-on-color;
+          background-color: $fk-feather-surface-shade-1;
+            background-image: $fk-feather-focused-on-surface-gradient;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -2109,15 +2110,15 @@
 }
     .k-button.k-selected .k-button-text{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .k-button.k-disabled .k-button-text,.k-button.k-state-disabled .k-button-text,.k-button:disabled .k-button-text{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-disabled.k-button-solid-primary .k-button-text,.k-button.k-state-disabled.k-button-solid-primary .k-button-text,.k-button:disabled.k-button-solid-primary .k-button-text{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-button.k-hover.k-button-flat::before,.k-button.k-state-hover.k-button-flat::before,.k-button.k-state-hovered.k-button-flat::before,.k-button:hover.k-button-flat::before{
@@ -2133,23 +2134,23 @@
 }
     .k-button.k-selected.k-button-flat.k-button-flat-primary .k-button-text{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .k-button.k-disabled.k-button-flat.k-button-flat-primary .k-button-text,.k-button.k-state-disabled.k-button-flat.k-button-flat-primary .k-button-text,.k-button:disabled.k-button-flat.k-button-flat-primary .k-button-text{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-chip.k-selected .k-chip-content{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .k-button.k-selected.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-feather-primary;
+    color: $fk-feather-primary;
 }
     .k-button-group .k-button.k-button-outline.k-focus,.k-button-group .k-button.k-button-outline.k-state-focus,.k-button-group .k-button.k-button-outline.k-state-focused,.k-button-group .k-button.k-button-outline:focus{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           overflow: visible;
 }
@@ -2158,8 +2159,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: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
+    border-top-right-radius: $fk-kendo-border-radius-md;
+            border-bottom-right-radius: $fk-kendo-border-radius-md;
             box-shadow: inset 0px 0px 0px 1px currentcolor;
 }
@@ -2168,7 +2169,7 @@
 }
     .k-button-group .k-button.k-button-outline.k-selected.k-focus.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-selected.k-state-focus.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-selected.k-state-focused.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-selected:focus.k-button-outline-base{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-input.k-numerictextbox .k-input-inner{
@@ -2196,10 +2197,10 @@
 }
     .k-numerictextbox.k-input.k-input-solid{
-    border-bottom-color: $feather-kendo-input-border;
-            border-left-color: $feather-kendo-input-border;
-            border-right-color: $feather-kendo-input-border;
-            border-top-color: $feather-kendo-input-border;
+    border-bottom-color: $fk-kendo-input-border;
+            border-left-color: $fk-kendo-input-border;
+            border-right-color: $fk-kendo-input-border;
+            border-top-color: $fk-kendo-input-border;
             background-color: initial;
 }
@@ -2208,7 +2209,7 @@
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            height: $feather-feather-container-height-lg;
+            height: $fk-feather-container-height-lg;
 }
     .k-maskedtextbox.k-input{
@@ -2221,39 +2222,39 @@
     transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            height: $feather-feather-container-height-lg;
+            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{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
             font-weight: 700;
 }
     .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 %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-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: $feather-feather-border-on-surface;
+            border-bottom-color: $fk-feather-border-on-surface;
             border-bottom-style: hidden;
             border-bottom-width: 1px;
 }
     .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{
-    background-color: $feather-feather-primary;
+    background-color: $fk-feather-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-hover.k-button,.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,.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,.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{
-    background-image: $feather-feather-hover-on-color;
+    background-image: $fk-feather-hover-on-color;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command.k-active,.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-active,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command:active{
-    background-color: $feather-feather-primary;
+    background-color: $fk-feather-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-active.k-button,.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-active.k-button,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-edit-command:active.k-button{
-    background-image: $feather-feather-active-on-color;
+    background-image: $fk-feather-active-on-color;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-hover,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-state-hover,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-state-hovered,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command:hover{
@@ -2261,7 +2262,7 @@
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-hover.k-button,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-state-hover.k-button,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-state-hovered.k-button,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command:hover.k-button{
-    background-image: $feather-feather-hover-on-color;
+    background-image: $fk-feather-hover-on-color;
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-active,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-state-active,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command:active{
@@ -2269,16 +2270,16 @@
 }
     .k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-active.k-button,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command.k-state-active.k-button,.k-grid.k-grid-md .k-table .k-table-tbody .k-table-row.k-master-row .k-command-cell .k-grid-save-command:active.k-button{
-    background-image: $feather-feather-active-on-color;
+    background-image: $fk-feather-active-on-color;
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row.k-selected >td{
     background-color: initial;
-            background-image: $feather-feather-selected-on-surface-gradient;
+            background-image: $fk-feather-selected-on-surface-gradient;
 }
     .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-group-cell{
-    background-color: $feather-feather-background;
+    background-color: $fk-feather-background;
             background-image: none;
 }
@@ -2291,16 +2292,16 @@
 }
     .k-pager .k-pager-sizes .k-dropdownlist .k-input-inner .k-input-value-text{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary .k-button-text{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
 }
     .k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary.k-selected .k-button-text{
-    color: $feather-feather-primary-text-on-color;
+    color: $fk-feather-primary-text-on-color;
 }
     .k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary{
@@ -2311,10 +2312,10 @@
 }
     .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav.k-pager-first{
-    border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-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;
 }
     .k-pager.k-pager-md{
@@ -2322,7 +2323,7 @@
 }
     .k-pager{
-    background-color: $feather-feather-surface;
+    background-color: $fk-feather-surface;
             background-image: none;
 }
@@ -2335,22 +2336,22 @@
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected{
-    border-left-color: $feather-feather-primary;
+    border-left-color: $fk-feather-primary;
             border-left-style: solid;
             border-left-width: 3px;
             background-color: initial;
-            background-image: $feather-feather-selected-on-surface-gradient;
+            background-image: $fk-feather-selected-on-surface-gradient;
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected .k-list-item-text{
     position: relative;
             left: -3px;
-            color: $feather-feather-primary;
+            color: $fk-feather-primary;
             font-weight: 700;
 }
     .k-datepicker.k-input{
-    height: $feather-feather-container-height-lg;
+    height: $fk-feather-container-height-lg;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
@@ -2364,7 +2365,7 @@
 }
     .k-timepicker.k-input{
-    height: $feather-feather-container-height-lg;
+    height: $fk-feather-container-height-lg;
             transition-duration: 280ms;
             transition-property: all;
             transition-timing-function: ease-out;
@@ -2379,7 +2380,7 @@
 }
     .k-datetimepicker.k-input{
-    height: $feather-feather-container-height-lg;
+    height: $fk-feather-container-height-lg;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
@@ -2394,19 +2395,19 @@
 }
     .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;
-            color: $feather-feather-icon-on-neutral;
+            color: $fk-feather-icon-on-neutral;
             height: 100%;
             aspect-ratio: 1/1;
             width: unset;
 }
     .k-dropdownlist .k-input-inner .k-input-value-text{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .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 $feather-feather-primary;
+    box-shadow: inset 4px 0px 0px 0px $fk-feather-primary;
             border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -2427,7 +2428,7 @@
 }
     .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{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-dropdownlist.k-hover.k-picker-solid,.k-dropdownlist.k-state-hover.k-picker-solid,.k-dropdownlist.k-state-hovered.k-picker-solid,.k-dropdownlist:hover.k-picker-solid{
@@ -2447,7 +2448,7 @@
 }
     .k-dropdownlist.k-invalid.k-focus.k-picker-solid,.k-dropdownlist.ng-invalid.ng-touched.k-focus.k-picker-solid,.k-dropdownlist.ng-invalid.ng-dirty.k-focus.k-picker-solid,.k-dropdownlist.k-invalid.k-state-focus.k-picker-solid,.k-dropdownlist.k-invalid.k-state-focused.k-picker-solid,.k-dropdownlist.k-invalid:focus.k-picker-solid,.k-dropdownlist.ng-invalid.ng-touched.k-state-focus.k-picker-solid,.k-dropdownlist.ng-invalid.ng-touched.k-state-focused.k-picker-solid,.k-dropdownlist.ng-invalid.ng-touched:focus.k-picker-solid,.k-dropdownlist.ng-invalid.ng-dirty.k-state-focus.k-picker-solid,.k-dropdownlist.ng-invalid.ng-dirty.k-state-focused.k-picker-solid,.k-dropdownlist.ng-invalid.ng-dirty:focus.k-picker-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
           border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
@@ -2462,40 +2463,40 @@
 }
     .k-dropdownlist.k-disabled.k-picker-solid,.k-dropdownlist.k-state-disabled.k-picker-solid,.k-dropdownlist:disabled.k-picker-solid{
-    border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-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;
 }
     .k-autocomplete.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-autocomplete.k-input{
-    height: $feather-feather-container-height-lg;
+    height: $fk-feather-container-height-lg;
             background-image: none;
 }
     .k-autocomplete.k-input.k-input-solid{
-    color: $feather-feather-secondary-text-on-surface;
-            border-bottom-color: $feather-feather-secondary-text-on-surface;
-            border-left-color: $feather-feather-secondary-text-on-surface;
-            border-right-color: $feather-feather-secondary-text-on-surface;
-            border-top-color: $feather-feather-secondary-text-on-surface;
+    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;
             background-color: initial;
 }
     .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{
-    border-bottom-color: $feather-feather-primary-text-on-surface;
-            border-left-color: $feather-feather-primary-text-on-surface;
-            border-right-color: $feather-feather-primary-text-on-surface;
-            border-top-color: $feather-feather-primary-text-on-surface;
+    border-bottom-color: $fk-feather-primary-text-on-surface;
+            border-left-color: $fk-feather-primary-text-on-surface;
+            border-right-color: $fk-feather-primary-text-on-surface;
+            border-top-color: $fk-feather-primary-text-on-surface;
 }
     .k-autocomplete.k-input.k-state-focus-within.k-input-solid,.k-autocomplete.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           border-bottom-color: k-color( primary );
             border-left-color: k-color( primary );
             border-right-color: k-color( primary );
@@ -2520,7 +2521,7 @@
 }
     .k-autocomplete.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-autocomplete.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-autocomplete.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-autocomplete.k-input.k-invalid:focus-within.k-input-solid,.k-autocomplete.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-autocomplete.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
           border-bottom-color: currentcolor;
             border-left-color: currentcolor;
             border-right-color: currentcolor;
@@ -2528,11 +2529,11 @@
 }
     .k-autocomplete.k-input.k-disabled.k-input-solid,.k-autocomplete.k-input.k-state-disabled.k-input-solid,.k-autocomplete.k-input:disabled.k-input-solid{
-    border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-feather-border-on-surface;
-            color: $feather-feather-disabled-text-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-autocomplete.k-input.k-disabled,.k-autocomplete.k-input.k-state-disabled,.k-autocomplete.k-input:disabled{
@@ -2540,45 +2541,45 @@
 }
     .k-autocomplete.k-input.k-disabled .k-input-inner,.k-autocomplete.k-input.k-state-disabled .k-input-inner,.k-autocomplete.k-input:disabled .k-input-inner{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-autocomplete .k-clear-value{
-    width: $feather-feather-container-height-xs;
-            height: $feather-feather-container-height-xs;
+    width: $fk-feather-container-height-xs;
+            height: $fk-feather-container-height-xs;
             margin-right: 4px;
             margin-left: 4px;
-            color: $feather-feather-icon-on-neutral;
+            color: $fk-feather-icon-on-neutral;
             opacity: 100%;
 }
     .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{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
             border-bottom-left-radius: 100px;
             border-bottom-right-radius: 100px;
             border-top-left-radius: 100px;
             border-top-right-radius: 100px;
-            color: $feather-feather-primary-text-on-surface;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-autocomplete .k-clear-value .k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
 }
     .k-autocomplete .k-clear-value.k-hover .k-icon.k-svg-icon,.k-autocomplete .k-clear-value.k-state-hover .k-icon.k-svg-icon,.k-autocomplete .k-clear-value.k-state-hovered .k-icon.k-svg-icon,.k-autocomplete .k-clear-value:hover .k-icon.k-svg-icon{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-combobox.k-input .k-input-inner{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
 }
     .k-combobox.k-input.k-hover.k-input-solid,.k-combobox.k-input.k-state-hover.k-input-solid,.k-combobox.k-input.k-state-hovered.k-input-solid,.k-combobox.k-input:hover.k-input-solid{
-    border-bottom-color: $feather-feather-primary-text-on-surface;
-            border-left-color: $feather-feather-primary-text-on-surface;
-            border-right-color: $feather-feather-primary-text-on-surface;
-            border-top-color: $feather-feather-primary-text-on-surface;
+    border-bottom-color: $fk-feather-primary-text-on-surface;
+            border-left-color: $fk-feather-primary-text-on-surface;
+            border-right-color: $fk-feather-primary-text-on-surface;
+            border-top-color: $fk-feather-primary-text-on-surface;
 }
     .k-combobox.k-input.k-state-focus-within,.k-combobox.k-input:focus-within{
@@ -2589,7 +2590,7 @@
 }
     .k-combobox.k-input.k-state-focus-within.k-input-solid,.k-combobox.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-combobox.k-input.k-invalid.k-input-solid,.k-combobox.k-input.ng-invalid.ng-touched.k-input-solid,.k-combobox.k-input.ng-invalid.ng-dirty.k-input-solid{
@@ -2607,23 +2608,25 @@
 }
     .k-combobox.k-input.k-invalid.k-state-focus-within.k-input-solid,.k-combobox.k-input.ng-invalid.ng-touched.k-state-focus-within.k-input-solid,.k-combobox.k-input.ng-invalid.ng-dirty.k-state-focus-within.k-input-solid,.k-combobox.k-input.k-invalid:focus-within.k-input-solid,.k-combobox.k-input.ng-invalid.ng-touched:focus-within.k-input-solid,.k-combobox.k-input.ng-invalid.ng-dirty:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-textbox.k-input.k-hover,.k-textbox.k-input.k-state-hover,.k-textbox.k-input.k-state-hovered,.k-textbox.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
-          color: unset;
+    color: unset;
+            outline-color: currentcolor;
+            outline-style: solid;
+            outline-width: 0.5px;
 }
     .k-numerictextbox.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-kendo-input-text;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-kendo-input-text;
             height: auto;
 }
     .k-maskedtextbox.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-kendo-input-text;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-kendo-input-text;
             height: auto;
 }
@@ -2640,41 +2643,41 @@
 }
     .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{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-textbox.k-input.k-disabled .k-input-inner,.k-textbox.k-input.k-state-disabled .k-input-inner,.k-textbox.k-input:disabled .k-input-inner{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-textbox.k-input.k-disabled .k-input-prefix.k-input-prefix-horizontal,.k-textbox.k-input.k-state-disabled .k-input-prefix.k-input-prefix-horizontal,.k-textbox.k-input:disabled .k-input-prefix.k-input-prefix-horizontal{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
             opacity: 40%;
 }
     .k-textbox.k-input.k-disabled .k-input-suffix.k-input-suffix-horizontal,.k-textbox.k-input.k-state-disabled .k-input-suffix.k-input-suffix-horizontal,.k-textbox.k-input:disabled .k-input-suffix.k-input-suffix-horizontal{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
             opacity: 40%;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-link,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-link{
-    color: $feather-feather-primary;
+    color: $fk-feather-primary;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable .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-filterable .k-cell-inner .k-link .k-column-title{
-    color: $feather-feather-primary;
+    color: $fk-feather-primary;
             font-weight: 600;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-sorted .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-sorted .k-cell-inner .k-link .k-column-title{
-    color: $feather-feather-primary;
+    color: $fk-feather-primary;
             font-weight: 600;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md.k-icon-button,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md.k-icon-button{
     align-items: stretch;
             height: 100%;
-            width: $feather-feather-container-height-xs;
+            width: $fk-feather-container-height-xs;
 }
     .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{
@@ -2686,11 +2689,11 @@
     height: 100%;
             display: flex;
             align-items: stretch;
-            width: $feather-feather-container-height-xs;
+            width: $fk-feather-container-height-xs;
 }
     .k-column-menu.k-grid-columnmenu-popup.k-popup .k-columnmenu-item-wrapper .k-columnmenu-item{
-    height: $feather-feather-container-height-sm;
+    height: $fk-feather-container-height-sm;
             display: flex;
             align-items: center;
             justify-content: start;
@@ -2711,7 +2714,7 @@
 }
     .k-popup.k-list-container.k-dropdownlist-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
+                    @extend %fk-effects-feather-elevation-04dp;
 }
     .k-dropdowntree.k-picker-solid{
@@ -2720,19 +2723,19 @@
 }
     .k-dropdowntree{
     background-image: none;
-            min-height: $feather-feather-container-height-lg;
+            min-height: $fk-feather-container-height-lg;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
 }
     .k-dropdowntree .k-input-inner .k-input-value-text{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-dropdowntree.k-invalid.k-focus.k-picker-solid,.k-dropdowntree.ng-invalid.ng-touched.k-focus.k-picker-solid,.k-dropdowntree.ng-invalid.ng-dirty.k-focus.k-picker-solid,.k-dropdowntree.k-invalid.k-state-focus.k-picker-solid,.k-dropdowntree.k-invalid.k-state-focused.k-picker-solid,.k-dropdowntree.k-invalid:focus.k-picker-solid,.k-dropdowntree.ng-invalid.ng-touched.k-state-focus.k-picker-solid,.k-dropdowntree.ng-invalid.ng-touched.k-state-focused.k-picker-solid,.k-dropdowntree.ng-invalid.ng-touched:focus.k-picker-solid,.k-dropdowntree.ng-invalid.ng-dirty.k-state-focus.k-picker-solid,.k-dropdowntree.ng-invalid.ng-dirty.k-state-focused.k-picker-solid,.k-dropdowntree.ng-invalid.ng-dirty:focus.k-picker-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
           border-bottom-color: transparent;
             border-left-color: transparent;
             border-right-color: transparent;
@@ -2747,7 +2750,7 @@
 }
     .k-dropdowntree-popup.k-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
+                    @extend %fk-effects-feather-elevation-04dp;
           border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -2760,22 +2763,22 @@
 }
     .k-popup.k-list-container{
-    padding-bottom: $feather-feather-spacing-xs;
+    padding-bottom: $fk-feather-spacing-xs;
 }
     .k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-focus,.k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-state-focus,.k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-state-focused,.k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf:focus{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-selected.k-focus,.k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-selected.k-state-focus,.k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-selected.k-state-focused,.k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf.k-selected:focus{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-treeview .k-treeview-group .k-treeview-item .k-treeview-leaf{
-    padding-top: $feather-feather-spacing-xs;
-            padding-bottom: $feather-feather-spacing-xs;
-            padding-right: $feather-feather-spacing-m;
-            padding-left: $feather-feather-spacing-m;
+    padding-top: $fk-feather-spacing-xs;
+            padding-bottom: $fk-feather-spacing-xs;
+            padding-right: $fk-feather-spacing-m;
+            padding-left: $fk-feather-spacing-m;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
@@ -2789,14 +2792,14 @@
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-focus,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focus,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focused,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:focus{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .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{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-form .k-form-fieldset .k-form-field{
@@ -2804,14 +2807,14 @@
 }
     .k-form.k-form-horizontal .k-form-fieldset .k-form-field{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           align-items: start;
             align-self: stretch;
             justify-content: start;
             height: 80px;
             display: flex;
             flex-direction: row;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .k-form.k-form-horizontal .k-form-fieldset{
@@ -2838,10 +2841,10 @@
 }
     .k-form.k-form-horizontal .k-label .k-label-optional{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
             font-family: inter;
             font-weight: 500;
-            font-size: $feather-feather-font-size-sm;
+            font-size: $fk-feather-font-size-sm;
             font-style: normal;
 }
@@ -2854,13 +2857,13 @@
     font-style: normal;
             font-family: Inter;
             font-weight: 500;
-            font-size: $feather-feather-font-size-md;
+            font-size: $fk-feather-font-size-md;
             line-height: 1.4285714286em;
-            color: $feather-feather-secondary-text-on-surface;
+            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{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -2886,39 +2889,39 @@
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-hover.k-chip-solid-base,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-state-hover.k-chip-solid-base,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-state-hovered.k-chip-solid-base,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip:hover.k-chip-solid-base{
-    background-color: $feather-feather-surface-shade-1;
+    background-color: $fk-feather-surface-shade-1;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-hover,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-state-hover,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-state-hovered,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip:hover{
-    background-image: $feather-feather-hover-on-surface-gradient;
+    background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-active.k-chip-solid-base,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-state-active.k-chip-solid-base,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip:active.k-chip-solid-base{
-    background-color: $feather-feather-surface-shade-1;
+    background-color: $fk-feather-surface-shade-1;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-active,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip.k-state-active,.k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip:active{
-    background-image: $feather-feather-active-on-surface-gradient;
+    background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
 }
     .k-multiselecttree.k-input .k-input-values.k-chip-list .k-chip{
-    height: $feather-feather-container-height-xs;
+    height: $fk-feather-container-height-xs;
 }
     .k-chip.k-chip-outline.k-selected .k-chip-content{
-    color: $feather-kendo-chip-outline-selected-text;
+    color: $fk-kendo-chip-outline-selected-text;
 }
     .k-chip.k-chip-outline .k-chip-content{
-    color: $feather-kendo-chip-outline-text;
+    color: $fk-kendo-chip-outline-text;
 }
     .k-chip.k-disabled .k-chip-content,.k-chip.k-state-disabled .k-chip-content,.k-chip:disabled .k-chip-content{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-floating-label-container.k-focus .k-floating-label.k-text-error,.k-floating-label-container.k-state-focus .k-floating-label.k-text-error,.k-floating-label-container.k-state-focused .k-floating-label.k-text-error,.k-floating-label-container:focus .k-floating-label.k-text-error{
@@ -2926,7 +2929,7 @@
 }
     .k-window.k-dialog{
-                    @extend %feather-effects-feather-elevation-24dp;
+                    @extend %fk-effects-feather-elevation-24dp;
 }
     .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar{
@@ -2936,17 +2939,17 @@
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            padding-bottom: $feather-kendo-window-titlebar-padding-y;
-            padding-top: $feather-kendo-window-titlebar-padding-y;
+            padding-bottom: $fk-kendo-window-titlebar-padding-y;
+            padding-top: $fk-kendo-window-titlebar-padding-y;
 }
     .k-window .k-window-titlebar .k-window-title{
-                    @extend %feather-typography-feather-body-large;
-          color: $feather-feather-primary-text-on-surface;
+                    @extend %fk-typography-feather-body-large;
+          color: $fk-feather-primary-text-on-surface;
 }
     .k-window.k-focus,.k-window.k-state-focus,.k-window.k-state-focused,.k-window:focus{
-                    @extend %feather-effects-feather-elevation-12dp;
+                    @extend %fk-effects-feather-elevation-12dp;
 }
     .k-popover.k-popup{
@@ -2957,7 +2960,7 @@
 }
     .k-popover{
-                    @extend %feather-effects-feather-elevation-04dp;
+                    @extend %fk-effects-feather-elevation-04dp;
 }
     .k-popover .k-popover-callout.k-callout-s{
@@ -2998,7 +3001,7 @@
             border-bottom-right-radius: 8px;
             border-top-left-radius: 8px;
             border-top-right-radius: 8px;
-            background-color: $feather-feather-surface-shade-1;
+            background-color: $fk-feather-surface-shade-1;
             background-image: none;
             transition-property: box-shadow;
             transition-duration: 280ms;
@@ -3012,7 +3015,7 @@
             column-gap: 8px;
             padding-top: 20px;
             border-top-width: 1px;
-            border-top-color: $feather-feather-border-on-surface;
+            border-top-color: $fk-feather-border-on-surface;
             border-top-style: solid;
             margin-top: 4px;
             margin-right: -12px;
@@ -3032,11 +3035,11 @@
 }
     .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-colorgradient-input-label{
     margin-top: 2px;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .k-colorgradient.k-focus,.k-colorgradient.k-state-focus,.k-colorgradient.k-state-focused,.k-colorgradient:focus{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-colorgradient .k-colorgradient-canvas.k-hstack{
@@ -3047,9 +3050,9 @@
 }
     .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 %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           border-top-style: solid;
-            border-top-width: $feather-kendo-input-border-width;
+            border-top-width: $fk-kendo-input-border-width;
             border-bottom-color: transparent;
             border-left-color: transparent;
             border-right-color: transparent;
@@ -3060,10 +3063,10 @@
 }
     .k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input{
-    border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-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;
 }
     .k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input.k-state-focus-within .k-input.k-input-solid.k-focus,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input.k-state-focus-within .k-input.k-input-solid.k-state-focus,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input.k-state-focus-within .k-input.k-input-solid.k-state-focused,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input.k-state-focus-within .k-input.k-input-solid:focus,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input:focus-within .k-input.k-input-solid.k-focus,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input:focus-within .k-input.k-input-solid.k-state-focus,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input:focus-within .k-input.k-input-solid.k-state-focused,.k-colorgradient .k-colorgradient-inputs .k-hex-value.k-textbox.k-input:focus-within .k-input.k-input-solid:focus{
@@ -3078,13 +3081,13 @@
 }
     .feather-ks-notification-flat.k-notification{
-                    @extend %feather-effects-tb-internal-none-effects;
-                          @extend %feather-typography-feather-body-small;
+                    @extend %fk-effects-tb-internal-none-effects;
+                          @extend %fk-typography-feather-body-small;
           border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
             border-top-style: none;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
             column-gap: 8px;
             background-color: initial;
             background-image: none;
@@ -3094,16 +3097,16 @@
 }
     .feather-ks-notification-flat.k-notification.k-notification-success{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           background-color: initial;
             background-image: none;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .feather-ks-notification-flat.k-notification.k-notification-error{
     background-color: initial;
             background-image: none;
-            color: $feather-feather-secondary-text-on-surface;
+            color: $fk-feather-secondary-text-on-surface;
 }
     .feather-ks-notification-flat.k-notification.k-notification-warning{
@@ -3112,7 +3115,7 @@
 }
     .feather-ks-notification-flat.k-notification.k-notification-warning .k-notification-status.k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
 }
     .feather-ks-notification-flat.k-notification.k-notification-success .k-notification-status.k-icon.k-svg-icon{
@@ -3129,7 +3132,7 @@
 }
     .feather-ks-notification-flat.k-notification.k-notification-info .k-notification-status.k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
 }
     .feather-ks-notification-flat.k-notification .k-notification-content{
@@ -3137,18 +3140,18 @@
 }
     .k-multiselecttree.k-input .k-input-values.k-chip-list{
-    padding-right: $feather-feather-spacing-xs;
-            padding-left: $feather-feather-spacing-xs;
-            row-gap: $feather-feather-spacing-min;
-            column-gap: $feather-feather-spacing-min;
-            padding-top: $feather-feather-spacing-min;
-            padding-bottom: $feather-feather-spacing-min;
+    padding-right: $fk-feather-spacing-xs;
+            padding-left: $fk-feather-spacing-xs;
+            row-gap: $fk-feather-spacing-min;
+            column-gap: $fk-feather-spacing-min;
+            padding-top: $fk-feather-spacing-min;
+            padding-bottom: $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{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
-            color: $feather-feather-primary;
+            background-image: $fk-feather-active-on-surface-gradient;
+            color: $fk-feather-primary;
 }
     .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-end{
@@ -3174,29 +3177,29 @@
 }
     .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 $feather-feather-primary;
+            box-shadow: inset 0px 0px 0px 2px $fk-feather-primary;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link .k-menu-link-text{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-body-small;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-hover .k-menu-link-text,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-hover .k-menu-link-text,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-hovered .k-menu-link-text,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link:hover .k-menu-link-text{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-hover .k-list-item-text,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hover .k-list-item-text,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hovered .k-list-item-text,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:hover .k-list-item-text{
-    color: $feather-feather-primary-text-on-surface;
+    color: $fk-feather-primary-text-on-surface;
 }
     .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-hover,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hover,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hovered,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-split-button.k-button-group .k-button.k-icon-button.k-split-button-arrow.k-button-solid-base{
-    color: $feather-feather-icon-on-neutral;
+    color: $fk-feather-icon-on-neutral;
 }
     .k-split-button.k-button-group .k-button.k-icon-button.k-split-button-arrow{
@@ -3204,7 +3207,7 @@
 }
     .k-split-button.k-button-group .k-button.k-first-child.k-button-solid-base,.k-split-button.k-button-group .k-button:first-child.k-button-solid-base{
-    color: $feather-feather-secondary-text-on-surface;
+    color: $fk-feather-secondary-text-on-surface;
 }
     .k-split-button.k-button-group .k-button.k-first-child,.k-split-button.k-button-group .k-button:first-child{
@@ -3218,11 +3221,11 @@
 }
     .k-colorpicker.k-picker.k-icon-picker.k-picker-solid{
-    background-color: $feather-feather-surface;
-            border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-feather-border-on-surface;
+    background-color: $fk-feather-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;
 }
     .k-colorpicker.k-picker.k-icon-picker .k-input-inner{
@@ -3232,20 +3235,20 @@
 }
     .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{
-    background-color: $feather-feather-surface;
+    background-color: $fk-feather-surface;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-hover,.k-colorpicker.k-picker.k-icon-picker.k-state-hover,.k-colorpicker.k-picker.k-icon-picker.k-state-hovered,.k-colorpicker.k-picker.k-icon-picker:hover{
-    background-image: $feather-feather-hover-on-surface-gradient;
+    background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-focus.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-focus.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-focused.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker:focus.k-picker-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
-          background-color: $feather-feather-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
+          background-color: $fk-feather-surface;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-focus,.k-colorpicker.k-picker.k-icon-picker.k-state-focus,.k-colorpicker.k-picker.k-icon-picker.k-state-focused,.k-colorpicker.k-picker.k-icon-picker:focus{
-    background-image: $feather-feather-focused-on-surface-gradient;
+    background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask,.k-colorpicker.k-picker.k-icon-picker:disabled .k-input-inner .k-value-icon.k-color-preview .k-color-preview-mask{
@@ -3256,7 +3259,7 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
+            background-color: $fk-feather-disabled-text-on-surface;
             background-image: none;
 }
@@ -3266,15 +3269,15 @@
 }
     .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: $feather-feather-disabled-text-on-surface;
-            border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-feather-disabled-text-on-surface;
+    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;
 }
     .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{
-    background-color: $feather-feather-surface;
+    background-color: $fk-feather-surface;
 }
     .k-colorpicker.k-picker.k-icon-picker.k-disabled .k-input-inner .k-value-icon.k-color-preview,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled .k-input-inner .k-value-icon.k-color-preview,.k-colorpicker.k-picker.k-icon-picker:disabled .k-input-inner .k-value-icon.k-color-preview{
@@ -3285,7 +3288,7 @@
 }
     .k-popup.k-color-picker-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
+                    @extend %fk-effects-feather-elevation-04dp;
           border-bottom-left-radius: 8px;
             border-bottom-right-radius: 8px;
             border-top-left-radius: 8px;
@@ -3294,10 +3297,10 @@
             border-left-width: 1px;
             border-right-width: 1px;
             border-top-width: 1px;
-            border-bottom-color: $feather-feather-border-on-surface;
-            border-left-color: $feather-feather-border-on-surface;
-            border-right-color: $feather-feather-border-on-surface;
-            border-top-color: $feather-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;
             padding-bottom: 4px;
             padding-left: 4px;
             padding-right: 4px;
@@ -3315,15 +3318,15 @@
 }
     div.feather-ks-spacing-min{
-    padding-top: $feather-feather-spacing-min;
+    padding-top: $fk-feather-spacing-min;
 }
     div.feather-ks-spacing-xs{
-    padding-top: $feather-feather-spacing-xs;
+    padding-top: $fk-feather-spacing-xs;
 }
     div.feather-ks-spacing-s{
-    padding-top: $feather-feather-spacing-s;
+    padding-top: $fk-feather-spacing-s;
 }
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable.k-focus .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable.k-state-focus .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable.k-state-focused .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable:focus .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable.k-focus .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable.k-state-focus .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable.k-state-focused .k-cell-inner .k-grid-column-menu.k-grid-header-menu,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable:focus .k-cell-inner .k-grid-column-menu.k-grid-header-menu{
@@ -3358,10 +3361,10 @@
 }
     .k-button.k-button-solid-primary.k-icon-button.k-rounded-md{
-    border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-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;
 }
     .k-button.k-button-outline.k-icon-button.k-rounded-md{
@@ -3372,13 +3375,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: $feather-kendo-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-}
-    input:focus{
-    transition-duration: 280ms;
-            transition-property: all;
+    border-top-right-radius: $fk-kendo-border-radius;
+            border-bottom-right-radius: $fk-feather-border-radius;
 }
     .k-textbox.k-input.k-invalid,.k-textbox.k-input.ng-invalid.ng-touched,.k-textbox.k-input.ng-invalid.ng-dirty{
@@ -3391,12 +3389,6 @@
     .k-textbox.k-input.k-invalid.k-input-solid,.k-textbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-textbox.k-input.ng-invalid.ng-dirty.k-input-solid{
     color: k-color( error );
-}
-    input{
-    padding-left: 16px;
-            padding-top: 0px;
-            padding-right: 16px;
 }
     .k-split-button.k-button-group.k-focus,.k-split-button.k-button-group.k-state-focus,.k-split-button.k-button-group.k-state-focused,.k-split-button.k-button-group:focus{
     box-shadow: none;
@@ -3415,7 +3407,7 @@
 }
     .k-button-group .k-button.k-focus,.k-button-group .k-button.k-state-focus,.k-button-group .k-button.k-state-focused,.k-button-group .k-button:focus{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           z-index: 3;
 }
@@ -3425,7 +3417,7 @@
 }
     .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 $feather-kendo-button-border;
+            box-shadow: inset 1px 0px 0px 0px $fk-kendo-button-border;
 }
     .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{
@@ -3437,7 +3429,7 @@
 }
     .k-button-group .k-button.k-focus.k-group-end,.k-button-group .k-button.k-state-focus.k-group-end,.k-button-group .k-button.k-state-focused.k-group-end,.k-button-group .k-button:focus.k-group-end,.k-button-group .k-button.k-focus:last-child,.k-button-group .k-button.k-state-focus:last-child,.k-button-group .k-button.k-state-focused:last-child,.k-button-group .k-button:focus:last-child{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           z-index: 3;
 }
@@ -3457,7 +3449,7 @@
     transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            height: $feather-feather-container-height-lg;
+            height: $fk-feather-container-height-lg;
             background-image: none;
 }
@@ -3466,7 +3458,7 @@
 }
     .k-floating-label-container.k-empty .k-floating-label{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           top: 30px;
 }
@@ -3510,7 +3502,7 @@
             border-right-style: none;
             border-top-style: none;
             text-transform: none;
-            color: $feather-feather-primary-text-on-surface;
+            color: $fk-feather-primary-text-on-surface;
 }
     .k-floating-label-container .k-floating-label .k-label-optional{
@@ -3548,7 +3540,7 @@
 }
     .k-switch.k-switch-on.k-focus .k-switch-track,.k-switch.k-switch-on.k-state-focus .k-switch-track,.k-switch.k-switch-on.k-state-focused .k-switch-track,.k-switch.k-switch-on:focus .k-switch-track{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
 }
     .k-slider .k-draghandle.k-draghandle-end{
@@ -3564,8 +3556,8 @@
             border-top-style: solid;
             background-color: initial;
             background-image: none;
-            height: $feather-feather-container-height-sm;
-            width: $feather-feather-container-height-sm;
+            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{
@@ -3575,12 +3567,12 @@
             border-top-style: solid;
             background-color: initial;
             background-image: none;
-            height: $feather-feather-container-height-sm;
-            width: $feather-feather-container-height-sm;
+            height: $fk-feather-container-height-sm;
+            width: $fk-feather-container-height-sm;
 }
     .k-slider .k-draghandle.k-draghandle-end.k-hover,.k-slider .k-draghandle.k-draghandle-end.k-state-hover,.k-slider .k-draghandle.k-draghandle-end.k-state-hovered,.k-slider .k-draghandle.k-draghandle-end:hover{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           border-bottom-style: none;
             border-left-style: none;
             border-right-style: none;
@@ -3603,34 +3595,34 @@
 }
     .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{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-hover,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.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-increase.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-increase:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-focus,.k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focus,.k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focused,.k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease:focus,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-focus,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focus,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focused,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease:focus,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-focus,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focus,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focused,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease:focus,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-focus,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focus,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-state-focused,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease:focus{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-focus,.k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focus,.k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focused,.k-slider.k-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase:focus,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-focus,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focus,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focused,.k-slider.k-state-focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase:focus,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-focus,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focus,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focused,.k-slider.k-state-focused .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase:focus,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-focus,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focus,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-focused,.k-slider:focus .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase:focus{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
           background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease.k-active,.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-active,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease:active{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-active,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase.k-state-active,.k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase:active{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-popup.k-timepicker-popup .k-timeselector{
@@ -3639,7 +3631,7 @@
 }
     .k-popup.k-timepicker-popup{
-                    @extend %feather-effects-feather-elevation-06dp;
+                    @extend %fk-effects-feather-elevation-06dp;
           min-width: 208px;
 }
@@ -3654,13 +3646,13 @@
 }
     .k-popup.k-datetime-container.k-reset .k-time-tab.k-datetime-wrap{
-    padding-top: $feather-feather-spacing-xs;
-            padding-bottom: $feather-feather-spacing-xs;
+    padding-top: $fk-feather-spacing-xs;
+            padding-bottom: $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: $feather-feather-spacing-xs;
-            padding-bottom: $feather-feather-spacing-xs;
+    padding-top: $fk-feather-spacing-xs;
+            padding-bottom: $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{
@@ -3674,10 +3666,10 @@
 }
     .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav{
-    border-bottom-left-radius: $feather-kendo-border-radius-md;
-            border-bottom-right-radius: $feather-kendo-border-radius-md;
-            border-top-left-radius: $feather-kendo-border-radius-md;
-            border-top-right-radius: $feather-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;
 }
     .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav .k-icon.k-svg-icon.k-svg-i-caret-alt-left.k-button-icon{
@@ -3711,23 +3703,23 @@
 }
     .k-input.k-focus.k-input-solid,.k-input.k-state-focus.k-input-solid,.k-input.k-state-focused.k-input-solid,.k-input:focus.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-input.k-state-focus-within.k-input-solid,.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
-          border-bottom-color: $feather-kendo-input-focus-border;
-            border-left-color: $feather-kendo-input-focus-border;
-            border-right-color: $feather-kendo-input-focus-border;
-            border-top-color: $feather-kendo-input-focus-border;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
+          border-bottom-color: $fk-kendo-input-focus-border;
+            border-left-color: $fk-kendo-input-focus-border;
+            border-right-color: $fk-kendo-input-focus-border;
+            border-top-color: $fk-kendo-input-focus-border;
 }
     .k-maskedtextbox.k-input.k-hover,.k-maskedtextbox.k-input.k-state-hover,.k-maskedtextbox.k-input.k-state-hovered,.k-maskedtextbox.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-numerictextbox.k-input.k-disabled .k-input-inner,.k-numerictextbox.k-input.k-state-disabled .k-input-inner,.k-numerictextbox.k-input:disabled .k-input-inner{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-input.k-disabled,.k-input.k-state-disabled,.k-input:disabled{
@@ -3736,18 +3728,18 @@
 }
     .k-input.k-disabled.k-input-solid,.k-input.k-state-disabled.k-input-solid,.k-input:disabled.k-input-solid{
-    color: $feather-feather-disabled-text-on-surface;
-            border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-feather-disabled-text-on-surface;
+    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;
 }
     .k-input.k-state-readonly.k-input-solid,.k-input[readonly].k-input-solid{
-    border-bottom-color: $feather-feather-disabled-text-on-surface;
-            border-left-color: $feather-feather-disabled-text-on-surface;
-            border-right-color: $feather-feather-disabled-text-on-surface;
-            border-top-color: $feather-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;
 }
     .k-input.k-state-readonly,.k-input[readonly]{
@@ -3757,12 +3749,12 @@
 }
     .k-dateinput.k-input .k-input-inner{
     height: auto;
-            color: $feather-kendo-component-text;
+            color: $fk-kendo-component-text;
 }
     .k-datepicker.k-input .k-input-inner{
     height: auto;
-            color: $feather-kendo-input-text;
+            color: $fk-kendo-input-text;
 }
     .k-label .k-label-optional{
@@ -3770,11 +3762,11 @@
 }
     .k-label{
-    margin-bottom: $feather-kendo-form-label-margin-bottom;
+    margin-bottom: $fk-kendo-form-label-margin-bottom;
 }
     .k-switch.k-switch-off.k-focus .k-switch-track,.k-switch.k-switch-off.k-state-focus .k-switch-track,.k-switch.k-switch-off.k-state-focused .k-switch-track,.k-switch.k-switch-off:focus .k-switch-track{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           border-bottom-color: k-color( primary );
             border-left-color: k-color( primary );
             border-right-color: k-color( primary );
@@ -3798,22 +3790,22 @@
 }
     .k-chip-list{
-    border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-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;
 }
     .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
-    min-height: $feather-feather-container-height-md;
+    min-height: $fk-feather-container-height-md;
 }
     .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item{
-    min-height: $feather-feather-container-height-md;
+    min-height: $fk-feather-container-height-md;
 }
     .k-card{
-                    @extend %feather-effects-feather-elevation-02dp;
+                    @extend %fk-effects-feather-elevation-02dp;
           background-color: k-color( app-surface );
             background-image: none;
@@ -3826,25 +3818,25 @@
 }
     .k-card .k-card-header .k-card-title{
-                    @extend %feather-typography-feather-heading-3;
-          color: $feather-feather-secondary-text-on-surface;
+                    @extend %fk-typography-feather-heading-3;
+          color: $fk-feather-secondary-text-on-surface;
 }
     .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-hover,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-hover,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-hovered,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .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 %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           outline-style: none;
             background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .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: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .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{
@@ -3853,13 +3845,13 @@
 }
     .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-hover,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-hover,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-hovered,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-focus,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-focus,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-focused,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link:focus{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
           background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link{
@@ -3908,65 +3900,65 @@
 }
     .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper{
-                    @extend %feather-effects-feather-elevation-02dp;
+                    @extend %fk-effects-feather-elevation-02dp;
 }
     .k-drawer-container.k-drawer-mini .k-drawer.k-drawer-start .k-drawer-wrapper{
-                    @extend %feather-effects-feather-elevation-02dp;
+                    @extend %fk-effects-feather-elevation-02dp;
 }
     .k-drawer-container.k-drawer-mini.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-selected{
-    border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    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;
 }
     .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-selected{
-    border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    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;
 }
     .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-focus,.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-state-focus,.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-state-focused,.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item:focus{
-    border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    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;
 }
     .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-hover,.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-state-hover,.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item.k-state-hovered,.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item:hover{
-    border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    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;
 }
     .k-button.k-hover,.k-button.k-state-hover,.k-button.k-state-hovered,.k-button:hover{
     background-color: inherit;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-button.k-active,.k-button.k-state-active,.k-button:active{
     background-color: inherit;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-button.k-hover.k-button-solid-primary,.k-button.k-state-hover.k-button-solid-primary,.k-button.k-state-hovered.k-button-solid-primary,.k-button:hover.k-button-solid-primary{
     background-color: k-color( primary );
-            background-image: $feather-feather-hover-on-color;
+            background-image: $fk-feather-hover-on-color;
 }
     .k-button.k-active.k-button-solid-primary,.k-button.k-state-active.k-button-solid-primary,.k-button:active.k-button-solid-primary{
     background-color: k-color( primary );
-            background-image: $feather-feather-active-on-color;
+            background-image: $fk-feather-active-on-color;
 }
     .k-button.k-selected.k-button-solid-primary{
     color: k-color( primary );
             background-color: k-color( app-surface );
-            background-image: $feather-feather-selected-on-surface-gradient;
+            background-image: $fk-feather-selected-on-surface-gradient;
 }
     .k-button.k-selected.k-button-solid-primary .k-button-text{
@@ -3974,9 +3966,9 @@
 }
     .k-button.k-focus.k-button-solid-primary,.k-button.k-state-focus.k-button-solid-primary,.k-button.k-state-focused.k-button-solid-primary,.k-button:focus.k-button-solid-primary{
-                    @extend %feather-effects-feather-focus-outer-on-color;
+                    @extend %fk-effects-feather-focus-outer-on-color;
           background-color: k-color( primary );
-            background-image: $feather-feather-focused-on-color;
+            background-image: $fk-feather-focused-on-color;
 }
     .k-button.k-button-solid-primary{
@@ -3984,6 +3976,7 @@
             transition-property: all;
             transition-timing-function: ease-out;
             color: k-color( secondary );
+            flex-direction: row;
 }
     .k-button.k-button-outline.k-button-outline-primary.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
@@ -3996,36 +3989,35 @@
 }
     .k-button.k-button-outline.k-button-outline-primary.k-icon-button{
-    border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-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;
 }
     .k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
     translate: 0 -1px;
             color: k-color( on-primary );
-            width: $feather-kendo-icon-size;
-            height: $feather-kendo-icon-size;
+            width: $fk-kendo-icon-size;
+            height: $fk-kendo-icon-size;
 }
     .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: $feather-kendo-border-radius;
-            border-bottom-left-radius: $feather-kendo-border-radius;
+    border-top-left-radius: $fk-kendo-border-radius;
+            border-bottom-left-radius: $fk-kendo-border-radius;
             border-top-right-radius: 0px;
             border-bottom-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: $feather-kendo-border-radius-md;
-            border-bottom-left-radius: $feather-kendo-border-radius-md;
+    border-top-left-radius: $fk-kendo-border-radius-md;
+            border-bottom-left-radius: $fk-kendo-border-radius-md;
             box-shadow: inset 0px 0px 0px 1px currentcolor;
 }
     .k-button.k-icon-button{
     aspect-ratio: 1/1;
-            width: $feather-feather-container-height-md;
-            overflow: hidden;
+            background-image: none;
 }
     .k-button.k-icon-button.k-button-md{
@@ -4034,10 +4026,14 @@
             padding-right: 0px;
             padding-top: 0px;
+}
+    .k-button.k-icon-button.k-button-solid-base{
+    background-color: $fk-kendo-button-bg;
 }
     .k-button.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
-    width: $feather-kendo-icon-size;
-            height: $feather-kendo-icon-size;
+    width: $fk-kendo-icon-size;
+            height: $fk-kendo-icon-size;
 }
     .k-button .k-button-icon.k-icon.k-svg-icon{
@@ -4046,8 +4042,8 @@
 }
     .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-top-right-radius: $feather-kendo-border-radius;
-            border-bottom-right-radius: $feather-kendo-border-radius;
+            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{
@@ -4063,23 +4059,23 @@
 }
     .k-button-group .k-button.k-button-flat{
-    box-shadow: inset -1px 0 0 0 $feather-kendo-button-border,inset 1px 0px 0px 0px $feather-kendo-button-border !important;
+    box-shadow: inset -1px 0 0 0 $fk-kendo-button-border,inset 1px 0px 0px 0px $fk-kendo-button-border !important;
 }
     .k-button-group .k-button.k-button-flat.k-group-start,.k-button-group .k-button.k-button-flat:first-child{
-    box-shadow: inset -1px 0 0 0 $feather-kendo-button-border !important;
+    box-shadow: inset -1px 0 0 0 $fk-kendo-button-border !important;
 }
     .k-button-group .k-button.k-button-flat.k-group-end,.k-button-group .k-button.k-button-flat:last-child{
-    box-shadow: inset 1px 0px 0px 0px $feather-kendo-button-border !important;
+    box-shadow: inset 1px 0px 0px 0px $fk-kendo-button-border !important;
 }
     .k-button-group .k-button.k-button-flat.k-focus.k-group-start,.k-button-group .k-button.k-button-flat.k-state-focus.k-group-start,.k-button-group .k-button.k-button-flat.k-state-focused.k-group-start,.k-button-group .k-button.k-button-flat:focus.k-group-start,.k-button-group .k-button.k-button-flat.k-focus:first-child,.k-button-group .k-button.k-button-flat.k-state-focus:first-child,.k-button-group .k-button.k-button-flat.k-state-focused:first-child,.k-button-group .k-button.k-button-flat:focus:first-child{
-                    @extend %feather-effects-feather-focus-inner-on-surface-important;
+                    @extend %fk-effects-feather-focus-inner-on-surface-important;
 }
     .k-button-group .k-button.k-button-flat.k-focus.k-group-end,.k-button-group .k-button.k-button-flat.k-state-focus.k-group-end,.k-button-group .k-button.k-button-flat.k-state-focused.k-group-end,.k-button-group .k-button.k-button-flat:focus.k-group-end,.k-button-group .k-button.k-button-flat.k-focus:last-child,.k-button-group .k-button.k-button-flat.k-state-focus:last-child,.k-button-group .k-button.k-button-flat.k-state-focused:last-child,.k-button-group .k-button.k-button-flat:focus:last-child{
-                    @extend %feather-effects-feather-focus-inner-on-color-important;
+                    @extend %fk-effects-feather-focus-inner-on-color-important;
 }
     .k-button-group .k-button.k-button-outline.k-icon-button{
@@ -4090,8 +4086,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: $feather-kendo-border-radius;
-            border-bottom-left-radius: $feather-kendo-border-radius;
+    border-top-left-radius: $fk-kendo-border-radius;
+            border-bottom-left-radius: $fk-kendo-border-radius;
 }
     .k-button-group .k-button.k-button-outline{
@@ -4099,11 +4095,11 @@
 }
     .k-button-group .k-button.k-button-outline.k-focus.k-group-start,.k-button-group .k-button.k-button-outline.k-state-focus.k-group-start,.k-button-group .k-button.k-button-outline.k-state-focused.k-group-start,.k-button-group .k-button.k-button-outline:focus.k-group-start,.k-button-group .k-button.k-button-outline.k-focus:first-child,.k-button-group .k-button.k-button-outline.k-state-focus:first-child,.k-button-group .k-button.k-button-outline.k-state-focused:first-child,.k-button-group .k-button.k-button-outline:focus:first-child{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-button-group .k-button.k-button-outline.k-focus.k-group-end,.k-button-group .k-button.k-button-outline.k-state-focus.k-group-end,.k-button-group .k-button.k-button-outline.k-state-focused.k-group-end,.k-button-group .k-button.k-button-outline:focus.k-group-end,.k-button-group .k-button.k-button-outline.k-focus:last-child,.k-button-group .k-button.k-button-outline.k-state-focus:last-child,.k-button-group .k-button.k-button-outline.k-state-focused:last-child,.k-button-group .k-button.k-button-outline:focus:last-child{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-button-group .k-button.k-button-outline.k-selected{
@@ -4115,7 +4111,7 @@
 }
     .k-button-group .k-button.k-selected{
-    box-shadow: inset 1px 0px 0px 0px $feather-feather-disabled-text-on-color,inset -1px 0px 0px 0px $feather-feather-disabled-text-on-color;
+    box-shadow: inset 1px 0px 0px 0px $fk-feather-disabled-text-on-color,inset -1px 0px 0px 0px $fk-feather-disabled-text-on-color;
 }
     .k-button-group .k-button.k-active.k-icon-button,.k-button-group .k-button.k-state-active.k-icon-button,.k-button-group .k-button:active.k-icon-button{
@@ -4154,23 +4150,23 @@
 }
     .k-button-group .k-button.k-selected.k-group-start,.k-button-group .k-button.k-selected:first-child{
-    box-shadow: inset -1px 0px 0px 0px $feather-feather-disabled-text-on-color;
+    box-shadow: inset -1px 0px 0px 0px $fk-feather-disabled-text-on-color;
 }
     .k-button-group .k-button.k-selected.k-group-end,.k-button-group .k-button.k-selected:last-child{
-    box-shadow: inset 1px 0px 0px 0px $feather-feather-disabled-text-on-color;
+    box-shadow: inset 1px 0px 0px 0px $fk-feather-disabled-text-on-color;
 }
     .k-multiselecttree.k-input{
-    min-height: $feather-feather-container-height-lg;
+    min-height: $fk-feather-container-height-lg;
 }
     .k-popup.k-multiselecttree-popup{
-                    @extend %feather-effects-feather-elevation-06dp;
-          border-bottom-left-radius: $feather-kendo-border-radius;
-            border-bottom-right-radius: $feather-kendo-border-radius;
-            border-top-left-radius: $feather-kendo-border-radius;
-            border-top-right-radius: $feather-kendo-border-radius;
+                    @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;
@@ -4178,23 +4174,23 @@
 }
     .k-button-group .k-button.k-button-flat.k-focus.k-group-end.k-icon-button,.k-button-group .k-button.k-button-flat.k-state-focus.k-group-end.k-icon-button,.k-button-group .k-button.k-button-flat.k-state-focused.k-group-end.k-icon-button,.k-button-group .k-button.k-button-flat:focus.k-group-end.k-icon-button,.k-button-group .k-button.k-button-flat.k-focus:last-child.k-icon-button,.k-button-group .k-button.k-button-flat.k-state-focus:last-child.k-icon-button,.k-button-group .k-button.k-button-flat.k-state-focused:last-child.k-icon-button,.k-button-group .k-button.k-button-flat:focus:last-child.k-icon-button{
-                    @extend %feather-effects-feather-focus-inner-on-surface-important;
+                    @extend %fk-effects-feather-focus-inner-on-surface-important;
 }
     .fk-button-group.k-button-group .k-button.k-button-flat.k-focus.k-group-end,.fk-button-group.k-button-group .k-button.k-button-flat.k-state-focus.k-group-end,.fk-button-group.k-button-group .k-button.k-button-flat.k-state-focused.k-group-end,.fk-button-group.k-button-group .k-button.k-button-flat:focus.k-group-end,.fk-button-group.k-button-group .k-button.k-button-flat.k-focus:last-child,.fk-button-group.k-button-group .k-button.k-button-flat.k-state-focus:last-child,.fk-button-group.k-button-group .k-button.k-button-flat.k-state-focused:last-child,.fk-button-group.k-button-group .k-button.k-button-flat:focus:last-child{
-                    @extend %feather-effects-feather-focus-inner-on-surface-important;
+                    @extend %fk-effects-feather-focus-inner-on-surface-important;
 }
     .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: $feather-kendo-border-radius;
-            border-bottom-left-radius: $feather-kendo-border-radius;
+    border-top-left-radius: $fk-kendo-border-radius;
+            border-bottom-left-radius: $fk-kendo-border-radius;
             border-top-right-radius: 0px;
             border-bottom-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: $feather-kendo-border-radius;
-            border-bottom-right-radius: $feather-kendo-border-radius;
+    border-top-right-radius: $fk-kendo-border-radius;
+            border-bottom-right-radius: $fk-kendo-border-radius;
             border-top-left-radius: 0px;
             border-bottom-left-radius: 0px;
@@ -4207,7 +4203,7 @@
 }
     .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{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-dropdowntree.k-invalid,.k-dropdowntree.ng-invalid.ng-touched,.k-dropdowntree.ng-invalid.ng-dirty{
@@ -4215,10 +4211,10 @@
 }
     .k-dropdowntree.k-hover.k-picker-solid,.k-dropdowntree.k-state-hover.k-picker-solid,.k-dropdowntree.k-state-hovered.k-picker-solid,.k-dropdowntree:hover.k-picker-solid{
-    border-bottom-color: $feather-kendo-component-header-text;
-            border-left-color: $feather-kendo-component-header-text;
-            border-right-color: $feather-kendo-component-header-text;
-            border-top-color: $feather-kendo-component-header-text;
+    border-bottom-color: $fk-kendo-component-header-text;
+            border-left-color: $fk-kendo-component-header-text;
+            border-right-color: $fk-kendo-component-header-text;
+            border-top-color: $fk-kendo-component-header-text;
 }
     .k-dropdowntree.k-hover.k-picker,.k-dropdowntree.k-state-hover.k-picker,.k-dropdowntree.k-state-hovered.k-picker,.k-dropdowntree:hover.k-picker{
@@ -4228,7 +4224,7 @@
 }
     .k-dropdownlist.k-focus.k-picker-solid,.k-dropdownlist.k-state-focus.k-picker-solid,.k-dropdownlist.k-state-focused.k-picker-solid,.k-dropdownlist:focus.k-picker-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .k-dropdownlist.k-invalid.k-picker-solid,.k-dropdownlist.ng-invalid.ng-touched.k-picker-solid,.k-dropdownlist.ng-invalid.ng-dirty.k-picker-solid{
@@ -4236,19 +4232,19 @@
 }
     .k-dropdownlist .k-input-button{
-    color: $feather-kendo-component-text;
+    color: $fk-kendo-component-text;
 }
     .k-popup.k-list-container .k-list.k-list-md .k-list-content{
-    padding-top: $feather-feather-spacing-s;
+    padding-top: $fk-feather-spacing-s;
             padding-bottom: 0px;
 }
     .k-chip .k-icon.k-svg-icon.k-chip-icon{
-    padding-bottom: $feather-kendo-chip-md-padding-y;
-            padding-left: $feather-kendo-chip-md-padding-y;
-            padding-right: $feather-kendo-chip-md-padding-y;
-            padding-top: $feather-kendo-chip-md-padding-y;
+    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;
@@ -4260,7 +4256,7 @@
 }
     .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: $feather-kendo-icon-size-md;
+    width: $fk-kendo-icon-size-md;
             height: unset;
 }
@@ -4283,12 +4279,12 @@
 }
     .k-chip .k-icon.k-svg-icon.k-chip-icon >svg{
-    width: $feather-kendo-icon-size-md;
+    width: $fk-kendo-icon-size-md;
 }
     .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon >svg{
-    width: $feather-kendo-icon-size-md;
-            height: $feather-kendo-icon-size-md;
+    width: $fk-kendo-icon-size-md;
+            height: $fk-kendo-icon-size-md;
 }
     .k-chip .k-chip-actions{
@@ -4302,10 +4298,10 @@
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
-            border-bottom-left-radius: $feather-kendo-border-radius;
-            border-bottom-right-radius: $feather-kendo-border-radius;
-            border-top-left-radius: $feather-kendo-border-radius;
-            border-top-right-radius: $feather-kendo-border-radius;
+            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;
 }
     .k-editor .k-toolbar.k-editor-toolbar{
@@ -4314,24 +4310,24 @@
 }
     .k-checkbox-wrap .k-checkbox.k-hover,.k-checkbox-wrap .k-checkbox.k-state-hover,.k-checkbox-wrap .k-checkbox.k-state-hovered,.k-checkbox-wrap .k-checkbox:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-radio-wrap .k-radio.k-hover,.k-radio-wrap .k-radio.k-state-hover,.k-radio-wrap .k-radio.k-state-hovered,.k-radio-wrap .k-radio:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
+                    @extend %fk-effects-feather-input-hover-on-surface;
 }
     .k-flatcolorpicker.k-coloreditor.k-focus,.k-flatcolorpicker.k-coloreditor.k-state-focus,.k-flatcolorpicker.k-coloreditor.k-state-focused,.k-flatcolorpicker.k-coloreditor:focus{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
+                    @extend %fk-effects-feather-focus-outer-on-surface;
 }
     .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: $feather-feather-border-radius-s;
-            border-bottom-right-radius: $feather-feather-border-radius-s;
-            border-top-left-radius: $feather-feather-border-radius-s;
-            border-top-right-radius: $feather-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;
 }
     .k-colorpalette .k-colorpalette-table .k-colorpalette-tile{
@@ -4340,10 +4336,10 @@
 }
     .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: $feather-feather-border-radius-s;
-            border-bottom-right-radius: $feather-feather-border-radius-s;
-            border-top-left-radius: $feather-feather-border-radius-s;
-            border-top-right-radius: $feather-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;
 }
     .k-flatcolorpicker.k-coloreditor{
@@ -4354,53 +4350,53 @@
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-focus,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-focus,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-focused,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-focus,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focus,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focused,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-focus,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-focus,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-focused,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-focus .k-link,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-focus .k-link,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-state-focused .k-link,.k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-surface;
+                    @extend %fk-effects-feather-focus-inner-on-surface;
 }
     .k-calendar .k-calendar-navigation .k-content .k-reset li.k-hover,.k-calendar .k-calendar-navigation .k-content .k-reset li.k-state-hover,.k-calendar .k-calendar-navigation .k-content .k-reset li.k-state-hovered,.k-calendar .k-calendar-navigation .k-content .k-reset li:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:hover .k-link{
@@ -4409,17 +4405,17 @@
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hover,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hovered,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-autocomplete.k-input .k-input-inner::placeholder{
@@ -4434,10 +4430,10 @@
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
-            border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+            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;
 }
     .k-expander.k-expanded .k-expander-content-wrapper{
@@ -4457,25 +4453,25 @@
 }
     .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{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-expander.k-focus,.k-expander.k-state-focus,.k-expander.k-state-focused,.k-expander:focus{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
-          outline-style: 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{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-expander.k-disabled .k-expander-header .k-expander-sub-title,.k-expander.k-state-disabled .k-expander-header .k-expander-sub-title,.k-expander:disabled .k-expander-header .k-expander-sub-title{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-expander.k-disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-down >svg,.k-expander.k-state-disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-down >svg,.k-expander:disabled .k-expander-header .k-expander-indicator .k-icon.k-svg-icon.k-svg-i-chevron-down >svg{
-    color: $feather-feather-border-on-surface;
+    color: $fk-feather-border-on-surface;
 }
     .k-expander.k-disabled .k-expander-header,.k-expander.k-state-disabled .k-expander-header,.k-expander:disabled .k-expander-header{
@@ -4487,20 +4483,20 @@
 }
     .k-expander.k-expanded.k-disabled .k-expander-content-wrapper .k-expander-content,.k-expander.k-expanded.k-state-disabled .k-expander-content-wrapper .k-expander-content,.k-expander.k-expanded:disabled .k-expander-content-wrapper .k-expander-content{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-expander .k-expander-header.k-focus,.k-expander .k-expander-header.k-state-focus,.k-expander .k-expander-header.k-state-focused,.k-expander .k-expander-header:focus{
-    box-shadow: none;
-            background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+    background-color: initial;
+            background-image: $fk-feather-focused-on-surface-gradient;
+            box-shadow: none;
 }
     .k-expander .k-expander-header{
-    border-bottom-left-radius: $feather-feather-border-radius-s;
-            border-bottom-right-radius: $feather-feather-border-radius-s;
-            border-top-left-radius: $feather-feather-border-radius-s;
-            border-top-right-radius: $feather-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;
 }
     .k-expander.k-expanded{
@@ -4511,59 +4507,59 @@
             border-left-style: solid;
             border-right-style: solid;
             border-top-style: solid;
-            border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+            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;
             z-index: 1;
 }
     .k-card .k-card-header .k-card-subtitle{
-                    @extend %feather-typography-feather-caption-text;
+                    @extend %fk-typography-feather-caption-text;
 }
     .k-card .k-card-body >p{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
 }
     .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 %feather-effects-feather-focus-outer-on-surface-thin;
+                    @extend %fk-effects-feather-focus-outer-on-surface-thin;
           outline-style: none;
             color: k-color( secondary );
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .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-image: none;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .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{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
             color: currentcolor;
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .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-image: none;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
 }
     .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{
@@ -4571,13 +4567,13 @@
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
             font-weight: 500;
 }
     .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-hover,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hover,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td.k-state-hovered,.k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td:hover{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-calendar .k-calendar-navigation .k-calendar-navigation-highlight{
@@ -4589,16 +4585,16 @@
             border-left-color: k-color( primary );
             border-right-color: k-color( primary );
             border-top-color: k-color( primary );
-            border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+            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;
 }
     .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-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-selected .k-link{
@@ -4607,7 +4603,7 @@
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-hover .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hover .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-state-hovered .k-link,.k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td:hover .k-link{
@@ -4624,7 +4620,7 @@
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-focus,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focus,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-state-focused,.k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-selected .k-link{
@@ -4636,7 +4632,7 @@
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
             font-weight: 500;
 }
@@ -4645,7 +4641,7 @@
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
             font-weight: 500;
 }
@@ -4654,35 +4650,35 @@
 }
     .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
             font-weight: 500;
 }
     .k-calendar .k-calendar-view.k-calendar-yearview .k-content .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-decadeview .k-content .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-calendar .k-calendar-view.k-calendar-centuryview .k-content .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .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: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
             background-color: initial;
             background-image: none;
 }
     .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: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
             background-color: initial;
             background-image: none;
@@ -4690,7 +4686,7 @@
     .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{
     background-color: initial;
             background-image: none;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
             opacity: 100%;
 }
@@ -4700,17 +4696,17 @@
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-range-mid{
     background-color: initial;
-            background-image: $feather-feather-active-on-surface-gradient;
+            background-image: $fk-feather-active-on-surface-gradient;
 }
     .k-button.k-button-flat.k-button-flat-primary .k-button-text{
@@ -4718,8 +4714,8 @@
 }
     .k-button.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    width: $feather-kendo-icon-size;
-            height: $feather-kendo-icon-size;
+    width: $fk-kendo-icon-size;
+            height: $fk-kendo-icon-size;
             color: k-color( primary-on-surface );
 }
@@ -4732,7 +4728,7 @@
 }
     .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{
-    color: $feather-feather-disabled-text-on-surface;
+    color: $fk-feather-disabled-text-on-surface;
 }
     .k-colorpicker.k-picker.k-icon-picker .k-input-inner .k-value-icon.k-color-preview{
@@ -4755,47 +4751,47 @@
 }
     .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{
     background-color: k-color( app-surface );
-            background-image: $feather-feather-hover-on-surface-gradient;
+            background-image: $fk-feather-hover-on-surface-gradient;
             outline-style: none;
 }
     .k-form-hint{
     font-style: normal;
-            font-size: $feather-feather-font-size-md;
+            font-size: $fk-feather-font-size-md;
 }
     .k-form-error{
-    font-size: $feather-feather-font-size-md;
+    font-size: $fk-feather-font-size-md;
             font-style: normal;
 }
     .k-dropdowntree .k-input-button.k-button.k-icon-button{
-    width: $feather-feather-container-height-sm;
-            height: $feather-feather-container-height-sm;
+    width: $fk-feather-container-height-sm;
+            height: $fk-feather-container-height-sm;
             margin-top: 0.175rem;
             margin-right: 0.25rem;
-            border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-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;
 }
     .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-clear-value{
-    border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-feather-border-radius-full;
-            width: $feather-feather-container-height-sm;
-            height: $feather-feather-container-height-sm;
+    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;
+            width: $fk-feather-container-height-sm;
+            height: $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: $feather-feather-container-height-sm;
-            height: $feather-feather-container-height-sm;
-            border-bottom-left-radius: $feather-feather-border-radius-full;
-            border-bottom-right-radius: $feather-feather-border-radius-full;
-            border-top-left-radius: $feather-feather-border-radius-full;
-            border-top-right-radius: $feather-feather-border-radius-full;
+    width: $fk-feather-container-height-sm;
+            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-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;
@@ -4804,7 +4800,7 @@
 }
     .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{
-                    @extend %feather-effects-feather-focus-inner-on-surface-important;
+                    @extend %fk-effects-feather-focus-inner-on-surface-important;
 }
     .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{
@@ -4812,16 +4808,16 @@
 }
     .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{
-                    @extend %feather-effects-feather-focus-outer-on-color-important;
+                    @extend %fk-effects-feather-focus-outer-on-color-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{
-    color: $feather-feather-border-on-surface;
+    color: $fk-feather-border-on-surface;
 }
     .k-dateinput.k-input.k-invalid .k-input-inner,.k-dateinput.k-input.ng-invalid.ng-touched .k-input-inner,.k-dateinput.k-input.ng-invalid.ng-dirty .k-input-inner{
-    color: $feather-kendo-component-text;
+    color: $fk-kendo-component-text;
 }
     .k-numerictextbox.k-input .k-input-inner::placeholder{
@@ -4837,19 +4833,18 @@
 }
     .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-input-solid,.k-input.k-invalid.k-state-focused.k-input-solid,.k-input.k-invalid:focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-touched.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-touched:focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focus.k-input-solid,.k-input.ng-invalid.ng-dirty.k-state-focused.k-input-solid,.k-input.ng-invalid.ng-dirty:focus.k-input-solid{
-                    @extend %feather-effects-feather-focus-invalid-outer;
+                    @extend %fk-effects-feather-focus-invalid-outer;
 }
     .k-input.k-invalid.k-input-solid,.k-input.ng-invalid.ng-touched.k-input-solid,.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: $feather-kendo-input-invalid-border;
-            border-left-color: $feather-kendo-input-invalid-border;
-            border-right-color: $feather-kendo-input-invalid-border;
-            border-top-color: $feather-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;
 }
     .k-input.k-hover,.k-input.k-state-hover,.k-input.k-state-hovered,.k-input:hover{
-                    @extend %feather-effects-feather-input-hover-on-surface;
-          transition-property: all;
+    transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
@@ -4866,11 +4861,11 @@
 }
     .k-datepicker.k-input.k-invalid .k-input-inner,.k-datepicker.k-input.ng-invalid.ng-touched .k-input-inner,.k-datepicker.k-input.ng-invalid.ng-dirty .k-input-inner{
-    color: $feather-kendo-input-text;
+    color: $fk-kendo-input-text;
 }
     .k-timepicker.k-input .k-input-inner{
-    color: $feather-kendo-input-text;
+    color: $fk-kendo-input-text;
 }
     .k-timepicker.k-input.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-invalid.k-input-solid,.k-timepicker.k-input.k-invalid.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.ng-touched.k-input-solid,.k-timepicker.k-input.k-invalid.ng-invalid.ng-dirty.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.ng-dirty.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
@@ -4905,7 +4900,7 @@
 }
     .k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-highlight{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
             visibility: visible;
             margin-top: 14px;
             border-bottom-style: none;
@@ -4922,18 +4917,18 @@
 }
     .k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus{
     background-color: initial;
-            background-image: $feather-feather-hover-on-surface-gradient;
-            border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+            background-image: $fk-feather-hover-on-surface-gradient;
+            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;
 }
     .k-timeselector .k-time-list-container .k-time-list-wrapper{
-    border-bottom-left-radius: $feather-feather-border-radius;
-            border-bottom-right-radius: $feather-feather-border-radius;
-            border-top-left-radius: $feather-feather-border-radius;
-            border-top-right-radius: $feather-feather-border-radius;
+    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;
             padding-top: 10px;
 }
@@ -4943,7 +4938,7 @@
 }
     .k-timeselector .k-time-list-container .k-time-list-wrapper .k-title{
-    color: $feather-kendo-component-text;
+    color: $fk-kendo-component-text;
             font-weight: 500;
             line-height: 3;
             position: relative;
@@ -4955,19 +4950,19 @@
 }
     .k-popup.k-timepicker-popup .k-timeselector .k-time-header .k-title{
-                    @extend %feather-typography-feather-heading-2;
+                    @extend %fk-typography-feather-heading-2;
 }
     .k-popup.k-timepicker-popup .k-time-footer.k-actions.k-actions-stretched.k-actions-horizontal{
-    padding-bottom: $feather-feather-spacing-xs;
-            padding-left: $feather-feather-spacing-s;
-            padding-right: $feather-feather-spacing-s;
-            padding-top: $feather-feather-spacing-xs;
-            margin-top: $feather-feather-spacing-xs;
+    padding-bottom: $fk-feather-spacing-xs;
+            padding-left: $fk-feather-spacing-s;
+            padding-right: $fk-feather-spacing-s;
+            padding-top: $fk-feather-spacing-xs;
+            margin-top: $fk-feather-spacing-xs;
 }
     .k-datetimepicker.k-input .k-input-inner{
-    color: $feather-kendo-input-text;
+    color: $fk-kendo-input-text;
 }
     .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
@@ -4978,7 +4973,7 @@
 }
     .k-daterangepicker .k-floating-label-container .k-dateinput.k-input .k-input-inner{
-    color: $feather-kendo-input-text;
+    color: $fk-kendo-input-text;
 }
     .k-daterangepicker .k-floating-label-container .k-dateinput.k-input.k-input-solid{
@@ -5004,42 +4999,42 @@
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-selected{
-    color: $feather-kendo-calendar-cell-selected-text;
+    color: $fk-kendo-calendar-cell-selected-text;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focus .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focused .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:focus .k-link{
-                    @extend %feather-effects-feather-focus-inner-on-color;
+                    @extend %fk-effects-feather-focus-inner-on-color;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focus,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-focused,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:focus{
     background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
+            background-image: $fk-feather-focused-on-surface-gradient;
 }
     .k-calendar .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{
@@ -5052,10 +5047,10 @@
 }
     .k-calendar{
-    border-bottom-left-radius: $feather-feather-border-radius-m;
-            border-bottom-right-radius: $feather-feather-border-radius-m;
-            border-top-left-radius: $feather-feather-border-radius-m;
-            border-top-right-radius: $feather-feather-border-radius-m;
+    border-bottom-left-radius: $fk-feather-border-radius-m;
+            border-bottom-right-radius: $fk-feather-border-radius-m;
+            border-top-left-radius: $fk-feather-border-radius-m;
+            border-top-right-radius: $fk-feather-border-radius-m;
 }
     .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-icon-button.k-calendar-nav-prev{
@@ -5076,21 +5071,21 @@
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:disabled{
     background-color: initial;
             background-image: none;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
             opacity: 100%;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:disabled{
     background-color: initial;
             background-image: none;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
             opacity: 100%;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-disabled,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:disabled{
     background-color: initial;
             background-image: none;
-            color: $feather-feather-disabled-text-on-surface;
+            color: $fk-feather-disabled-text-on-surface;
             opacity: 100%;
 }
@@ -5105,10 +5100,63 @@
 }
     .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{
-    color: $feather-kendo-component-text;
+    color: $fk-kendo-component-text;
 }
     .k-textbox.k-input.k-invalid .k-input-inner,.k-textbox.k-input.ng-invalid.ng-touched .k-input-inner,.k-textbox.k-input.ng-invalid.ng-dirty .k-input-inner{
-    color: $feather-kendo-component-text;
+    color: $fk-kendo-component-text;
+}
+    .fk-loader.k-loader.k-loader-lg.k-loader-spinner-4 .k-loader-canvas{
+    visibility: hidden;
+}
+    .fk-loader.k-loader.k-loader-lg.k-loader-spinner-4::before{
+    visibility: visible;
+}
+    .k-button.k-selected.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
+    color: k-color( primary );
+}
+    .fk-loader.k-loader.k-loader-lg.k-loader-spinner-4{
+    visibility: hidden;
+}
+    .fk-loader.k-loader.k-loader-sm.k-loader-spinner-3 .k-loader-canvas{
+    visibility: hidden;
+}
+    .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;
+}
+    .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;
+            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;
+            background-image: $fk-feather-hover-on-surface-gradient;
+            aspect-ratio: 1/1;
+}
+    .k-button.k-active.k-icon-button,.k-button.k-state-active.k-icon-button,.k-button:active.k-icon-button{
+    background-color: inherit;
+            background-image: $fk-feather-active-on-surface-gradient;
+}
+    .k-button.k-selected.k-icon-button.k-button-solid-base{
+    background-color: $fk-kendo-button-bg;
+}
+    .k-button.k-selected.k-icon-button{
+    background-image: linear-gradient(#FFFFFF, #FFFFFF);
 }