npm - @featherk/styles - Versions diffs - 0.5.0 → 0.5.2 - Mend

@featherk/styles 0.5.0 → 0.5.2

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-beautified.css +138 -12637
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/_overrides.scss +1018 -1053
package/dist/v8.2.0/scss/_placeholders.scss +4 -4
package/dist/v8.2.0/scss/_tokens.scss +522 -524
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,16 +389,15 @@
 }
     .k-calendar.k-calendar-range{
-    flex-direction: column;
-            padding-bottom: 1rem;
-            padding-left: 1rem;
-            padding-right: 1rem;
-            padding-top: 1rem;
+    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{
@@ -406,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;
@@ -479,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{
@@ -500,32 +499,32 @@
     .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;
-            width: $feather-feather-container-height-md;
-            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;
 }
     .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{
     background-color: initial;
             background-image: none;
-            width: $feather-feather-container-height-md;
             padding-right: 0px;
             padding-left: 0px;
             column-gap: 0px;
             color: inherit;
+            width: unset;
+            height: unset;
 }
     .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{
@@ -541,32 +540,32 @@
 }
     .k-numerictextbox.k-input .k-input-spinner.k-spin-button{
-    width: $feather-feather-container-height-md;
-            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%;
@@ -589,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{
@@ -599,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;
@@ -616,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{
@@ -651,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;
@@ -666,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;
@@ -679,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{
@@ -719,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;
 }
@@ -739,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{
@@ -752,22 +751,16 @@
 }
     .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-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-kendo-input-text;
-            height: auto;
 }
     .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal{
     margin-right: -12px;
@@ -782,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;
@@ -824,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{
@@ -857,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{
@@ -869,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{
@@ -881,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{
@@ -907,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;
@@ -934,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{
@@ -954,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;
@@ -970,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;
 }
@@ -987,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{
@@ -997,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{
@@ -1040,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{
@@ -1063,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;
@@ -1073,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{
@@ -1100,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;
@@ -1111,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{
@@ -1125,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{
@@ -1149,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;
@@ -1158,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;
@@ -1177,57 +1170,47 @@
 }
     .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{
-    background-color: initial;
-            background-image: none;
-            transition-property: all;
+    transition-property: all;
             transition-duration: 280ms;
-            border-bottom-width: $feather-kendo-input-border-width;
-            border-left-width: $feather-kendo-input-border-width;
-            border-right-width: $feather-kendo-input-border-width;
-            border-top-width: $feather-kendo-input-border-width;
-            height: $feather-feather-container-height-lg;
 }
     .k-textbox.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;
-            color: $feather-kendo-input-text;
+    color: unset;
 }
     .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{
@@ -1247,13 +1230,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{
@@ -1265,26 +1248,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%;
@@ -1298,49 +1281,45 @@
 }
     .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{
     border-collapse: separate;
-}
-    .k-calendar.k-calendar-range .k-calendar-view.k-hstack.k-align-items-start.k-justify-content-center.k-calendar-monthview .k-calendar-table{
-    border-collapse: separate;
 }
     .k-fab{
-                    @extend %feather-typography-feather-button;
+                    @extend %fk-typography-feather-button;
 }
     .k-fab .k-fab-text{
@@ -1357,34 +1336,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{
@@ -1397,16 +1376,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;
@@ -1420,13 +1399,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;
@@ -1442,7 +1421,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{
@@ -1450,14 +1429,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;
@@ -1479,35 +1458,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{
@@ -1520,8 +1499,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{
@@ -1547,19 +1526,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;
@@ -1571,7 +1550,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{
@@ -1579,24 +1558,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;
 }
@@ -1604,10 +1583,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{
@@ -1615,7 +1594,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{
@@ -1637,11 +1616,6 @@
             border-top-color: k-color( error );
             color: k-color( error );
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
 }
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-today .k-link{
     font-weight: 600;
@@ -1654,43 +1628,29 @@
     .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-today .k-link{
     font-weight: 600;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td .k-link{
-    font-weight: 400;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
 }
     .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{
@@ -1698,7 +1658,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{
@@ -1706,22 +1666,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{
@@ -1734,16 +1694,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{
@@ -1751,24 +1711,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{
@@ -1776,26 +1736,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;
@@ -1803,18 +1763,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{
@@ -1822,10 +1782,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{
@@ -1842,7 +1802,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{
@@ -1853,11 +1813,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{
@@ -1871,12 +1831,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{
@@ -1890,20 +1850,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{
@@ -1919,15 +1879,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;
@@ -1944,7 +1904,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;
@@ -1956,23 +1916,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 );
 }
@@ -1984,19 +1944,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 );
 }
@@ -2008,7 +1968,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{
@@ -2016,21 +1976,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{
@@ -2042,7 +2002,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;
@@ -2050,11 +2010,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;
@@ -2071,7 +2031,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{
@@ -2079,59 +2039,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;
@@ -2139,9 +2099,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;
@@ -2149,15 +2109,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{
@@ -2173,23 +2133,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;
 }
@@ -2198,8 +2158,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;
 }
@@ -2208,7 +2168,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{
@@ -2234,76 +2194,66 @@
     background-color: initial;
             background-image: none;
-}
-    .k-numerictextbox.k-input{
-    height: $feather-feather-container-height-lg;
-            background-image: none;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
 }
     .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;
 }
-    .k-maskedtextbox.k-input{
-    height: $feather-feather-container-height-lg;
-            background-image: none;
+    .k-numerictextbox.k-input{
+    background-image: none;
             transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
+            height: $fk-feather-container-height-lg;
 }
-    .k-maskedtextbox.k-input.k-input-solid{
-    border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
-            background-color: initial;
+    .k-maskedtextbox.k-input{
+    transition-property: all;
+            transition-duration: 280ms;
+            transition-timing-function: ease-out;
 }
     .k-dateinput.k-input{
     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{
@@ -2311,7 +2261,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{
@@ -2319,16 +2269,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;
 }
@@ -2341,16 +2291,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{
@@ -2361,10 +2311,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{
@@ -2372,7 +2322,7 @@
 }
     .k-pager{
-    background-color: $feather-feather-surface;
+    background-color: $fk-feather-surface;
             background-image: none;
 }
@@ -2385,22 +2335,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;
@@ -2414,7 +2364,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;
@@ -2429,7 +2379,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;
@@ -2444,40 +2394,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: $fk-feather-icon-on-neutral;
             height: 100%;
-            width: $feather-feather-container-height-lg;
-            color: $feather-feather-icon-on-neutral;
-}
-    .k-calendar .k-calendar-view .k-calendar-header{
-    padding-top: 0.25rem;
-            padding-bottom: 12px;
-}
-    .k-calendar .k-calendar-view .k-content.k-scrollable{
-    background-color: $feather-feather-surface;
-            background-image: none;
-}
-    .k-calendar .k-calendar-view.k-calendar-monthview .k-calendar-table.k-calendar-weekdays .k-calendar-thead .k-calendar-tr .k-calendar-th{
-    width: 40px;
-            height: 40px;
-}
-    .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;
+            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;
@@ -2498,7 +2427,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{
@@ -2518,7 +2447,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;
@@ -2533,40 +2462,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 );
@@ -2591,7 +2520,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;
@@ -2599,11 +2528,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{
@@ -2611,45 +2540,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{
@@ -2660,7 +2589,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{
@@ -2678,30 +2607,23 @@
 }
     .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: $feather-feather-primary-text-on-surface;
-}
-    .k-textbox.k-input.k-hover.k-input-solid,.k-textbox.k-input.k-state-hover.k-input-solid,.k-textbox.k-input.k-state-hovered.k-input-solid,.k-textbox.k-input.k-input-solid:hover{
-    border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
+                    @extend %fk-effects-feather-input-hover-on-surface;
+          color: unset;
 }
     .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;
 }
@@ -2718,41 +2640,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{
@@ -2764,11 +2686,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;
@@ -2789,7 +2711,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{
@@ -2798,19 +2720,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;
@@ -2825,7 +2747,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;
@@ -2838,22 +2760,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;
@@ -2867,14 +2789,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{
@@ -2882,14 +2804,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{
@@ -2916,10 +2838,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;
 }
@@ -2932,13 +2854,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;
@@ -2964,39 +2886,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{
@@ -3004,7 +2926,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{
@@ -3014,17 +2936,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{
@@ -3035,7 +2957,7 @@
 }
     .k-popover{
-                    @extend %feather-effects-feather-elevation-04dp;
+                    @extend %fk-effects-feather-elevation-04dp;
 }
     .k-popover .k-popover-callout.k-callout-s{
@@ -3076,7 +2998,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;
@@ -3090,7 +3012,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;
@@ -3110,11 +3032,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{
@@ -3125,9 +3047,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;
@@ -3138,10 +3060,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{
@@ -3156,13 +3078,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;
@@ -3172,16 +3094,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{
@@ -3190,7 +3112,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{
@@ -3207,7 +3129,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{
@@ -3215,18 +3137,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{
@@ -3252,29 +3174,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{
@@ -3282,7 +3204,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{
@@ -3296,11 +3218,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{
@@ -3310,20 +3232,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{
@@ -3334,7 +3256,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;
 }
@@ -3344,15 +3266,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{
@@ -3363,7 +3285,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;
@@ -3372,10 +3294,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;
@@ -3393,15 +3315,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{
@@ -3436,10 +3358,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{
@@ -3450,13 +3372,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{
@@ -3469,13 +3386,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{
-    height: 40px;
-            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;
@@ -3494,7 +3404,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;
 }
@@ -3504,7 +3414,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{
@@ -3516,7 +3426,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;
 }
@@ -3531,28 +3441,21 @@
     .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-grid-column-menu.k-grid-header-menu::before,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-grid-column-menu.k-grid-header-menu::before{
     visibility: visible;
-}
-    .k-input.k-input-solid{
-    background-color: initial;
 }
     .k-input{
-    background-image: none;
-            transition-property: all;
+    transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
-            outline-style: none;
+            height: $fk-feather-container-height-lg;
+            background-image: none;
 }
-    .k-input.k-rounded-md{
-    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;
+    .k-input.k-input-solid{
+    background-color: initial;
 }
     .k-floating-label-container.k-empty .k-floating-label{
-                    @extend %feather-typography-feather-body-small;
+                    @extend %fk-typography-feather-body-small;
           top: 30px;
 }
@@ -3596,7 +3499,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{
@@ -3634,7 +3537,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{
@@ -3650,8 +3553,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{
@@ -3661,12 +3564,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;
@@ -3689,34 +3592,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{
@@ -3725,7 +3628,7 @@
 }
     .k-popup.k-timepicker-popup{
-                    @extend %feather-effects-feather-elevation-06dp;
+                    @extend %fk-effects-feather-elevation-06dp;
           min-width: 208px;
 }
@@ -3740,13 +3643,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{
@@ -3760,10 +3663,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{
@@ -3797,23 +3700,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{
@@ -3822,18 +3725,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]{
@@ -3843,12 +3746,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{
@@ -3856,11 +3759,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 );
@@ -3884,22 +3787,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;
@@ -3912,25 +3815,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{
@@ -3939,13 +3842,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{
@@ -3994,65 +3897,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{
@@ -4060,9 +3963,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{
@@ -4070,6 +3973,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{
@@ -4082,36 +3986,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{
@@ -4120,10 +4023,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{
@@ -4132,8 +4039,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{
@@ -4149,23 +4056,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{
@@ -4176,8 +4083,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{
@@ -4185,11 +4092,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{
@@ -4201,7 +4108,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{
@@ -4240,23 +4147,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;
@@ -4264,23 +4171,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;
@@ -4293,7 +4200,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{
@@ -4301,10 +4208,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{
@@ -4314,7 +4221,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{
@@ -4322,19 +4229,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;
@@ -4346,7 +4253,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;
 }
@@ -4369,12 +4276,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{
@@ -4388,10 +4295,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{
@@ -4400,24 +4307,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{
@@ -4426,10 +4333,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{
@@ -4440,53 +4347,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{
@@ -4495,20 +4402,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;
-            color: currentcolor;
+            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;
-            color: currentcolor;
+            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;
-            color: currentcolor;
+            background-image: $fk-feather-hover-on-surface-gradient;
 }
     .k-autocomplete.k-input .k-input-inner::placeholder{
@@ -4523,10 +4427,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{
@@ -4546,25 +4450,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{
@@ -4576,20 +4480,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: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
     .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{
@@ -4600,59 +4504,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{
@@ -4660,13 +4564,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{
@@ -4678,29 +4582,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;
-}
-    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
-    width: 2.5rem;
-}
-    .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{
-    color: k-color( primary );
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td{
-    width: 2.5rem;
-            height: 2.5rem;
+            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{
@@ -4709,19 +4600,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;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td:hover .k-link{
-    color: inherit;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td:hover .k-link{
-    color: inherit;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hover .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-state-hovered .k-link,.k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td:hover .k-link{
-    color: inherit;
+    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{
@@ -4738,7 +4617,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{
@@ -4750,7 +4629,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;
 }
@@ -4759,7 +4638,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;
 }
@@ -4768,35 +4647,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;
@@ -4804,7 +4683,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%;
 }
@@ -4814,17 +4693,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{
@@ -4832,8 +4711,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 );
 }
@@ -4846,7 +4725,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{
@@ -4869,47 +4748,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{
-    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;
+    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;
@@ -4918,7 +4797,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{
@@ -4926,20 +4805,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;
-}
-    .k-textbox.k-input .k-input-inner::placeholder{
-    color: inherit;
+    color: $fk-kendo-component-text;
 }
     .k-numerictextbox.k-input .k-input-inner::placeholder{
@@ -4955,18 +4830,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;
+                    @extend %fk-effects-feather-input-hover-on-surface;
           transition-property: all;
             transition-duration: 280ms;
             transition-timing-function: ease-out;
@@ -4984,11 +4859,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{
@@ -5023,7 +4898,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;
@@ -5040,18 +4915,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;
 }
@@ -5061,7 +4936,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;
@@ -5073,24 +4948,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;
-}
-    .k-calendar .k-calendar-navigation .k-content .k-reset >li{
-    display: flex;
-            flex-direction: row;
+    color: $fk-kendo-input-text;
 }
     .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
@@ -5101,7 +4971,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{
@@ -5127,61 +4997,156 @@
 }
     .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{
+    color: k-color( primary );
+}
+    .k-calendar .k-calendar-navigation .k-content .k-reset >li{
+    display: flex;
+            align-items: start;
+}
+    .k-calendar{
+    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{
+    color: k-color( primary );
+}
+    .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-next{
+    color: k-color( primary );
+}
+    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .k-calendar-table .k-calendar-td .k-link{
+    padding-bottom: 0.5rem;
+            padding-left: 0.5rem;
+            padding-right: 0.5rem;
+            padding-top: 0.5rem;
+}
+    .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: $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: $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: $fk-feather-disabled-text-on-surface;
+            opacity: 100%;
+}
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
+    width: 2.5rem;
+            height: 2.5rem;
 }
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-today{
-    color: $feather-kendo-calendar-today-color;
+    .k-calendar .k-calendar-view.k-calendar-monthview .k-calendar-table.k-calendar-weekdays .k-calendar-thead .k-calendar-tr .k-calendar-th{
+    width: 2.5rem;
+            height: 2.5rem;
 }
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-today{
-    color: $feather-kendo-calendar-today-color;
+    .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: $fk-kendo-component-text;
 }
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-today{
-    color: $feather-kendo-calendar-today-color;
+    .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: $fk-kendo-component-text;
 }
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td .k-link{
-    font-weight: 400;
+    .fk-loader.k-loader.k-loader-lg.k-loader-spinner-4 .k-loader-canvas{
+    visibility: hidden;
 }
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td .k-link{
-    font-weight: 400;
+    .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;
 }