npm - @featherk/styles - Versions diffs - 0.3.0 → 0.4.3 - Mend

@featherk/styles 0.3.0 → 0.4.3

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

Files changed (31) hide show

package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +1 -1
package/dist/v0/css/feather-k-override.css +0 -84
package/dist/v0/css/feather-ks.css +0 -2
package/dist/v0/fonts/Inter-Bold.woff2 +0 -0
package/dist/v0/fonts/Inter-BoldItalic.woff2 +0 -0
package/dist/v0/fonts/Inter-Italic.woff2 +0 -0
package/dist/v0/fonts/Inter-Light.woff2 +0 -0
package/dist/v0/fonts/Inter-LightItalic.woff2 +0 -0
package/dist/v0/fonts/Inter-Medium.woff2 +0 -0
package/dist/v0/fonts/Inter-MediumItalic.woff2 +0 -0
package/dist/v0/fonts/Inter-Regular.woff2 +0 -0
package/dist/v1/css/featherk-q3-2024-v1.css +0 -2
package/dist/v1/external-styles/featherk-map-evitiAdvisor.css +0 -70
package/dist/v1/external-styles/featherk-overrides--k-grid.css +0 -48
package/dist/v1/external-styles/featherk-overrides--k-slider.css +0 -22
package/dist/v1/fonts/Inter-Bold.woff2 +0 -0
package/dist/v1/fonts/Inter-BoldItalic.woff2 +0 -0
package/dist/v1/fonts/Inter-Italic.woff2 +0 -0
package/dist/v1/fonts/Inter-Light.woff2 +0 -0
package/dist/v1/fonts/Inter-LightItalic.woff2 +0 -0
package/dist/v1/fonts/Inter-Medium.woff2 +0 -0
package/dist/v1/fonts/Inter-MediumItalic.woff2 +0 -0
package/dist/v1/fonts/Inter-Regular.woff2 +0 -0
package/dist/v1/scss/_externalStyles.scss +0 -5
package/dist/v1/scss/_fonts.scss +0 -63
package/dist/v1/scss/_kendo.scss +0 -5
package/dist/v1/scss/_overrides.scss +0 -4605
package/dist/v1/scss/_placeholders.scss +0 -7
package/dist/v1/scss/_tokens.scss +0 -721
package/dist/v1/scss/index.scss +0 -9

package/dist/v1/scss/_overrides.scss DELETED Viewed

@@ -1,4605 +0,0 @@
-// Compatible with @progress/kendo-theme-default v.8.2.0
-    .k-checkbox-wrap .k-checkbox.k-checked.k-checkbox-md,.k-checkbox-wrap .k-checkbox:checked.k-checkbox-md{
-    width: 20px;
-            height: 20px;
-}
-    .k-checkbox-wrap .k-checkbox.k-checked,.k-checkbox-wrap .k-checkbox:checked{
-    background-color: $feather-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;
-}
-    .k-checkbox-wrap .k-checkbox{
-    padding-bottom: 4px;
-            padding-left: 4px;
-            padding-right: 4px;
-            padding-top: 4px;
-            background-color: $feather-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;
-            transition-property: all;
-            transition-timing-function: ease-out;
-            transition-duration: 280ms;
-            outline-color: currentcolor;
-            background-size: 0% 100%;
-}
-    .k-checkbox-wrap .k-checkbox.k-checkbox-md{
-    width: 20px;
-            height: 20px;
-}
-    .k-checkbox-wrap .k-checkbox.k-indeterminate.k-checkbox-md,.k-checkbox-wrap .k-checkbox:indeterminate.k-checkbox-md{
-    width: 20px;
-            height: 20px;
-}
-    .k-checkbox-wrap .k-checkbox.k-indeterminate,.k-checkbox-wrap .k-checkbox:indeterminate{
-    background-color: initial;
-            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%3E%3Cpath%20fill%3D'none'%20stroke%3D'%23003583'%20stroke-linecap%3D'square'%20stroke-linejoin%3D'square'%20stroke-width%3D'2'%20d%3D'M4%2C8%20h8'%2F%3E%3C%2Fsvg%3E");
-            background-size: 100%;
-}
-    .k-radio-wrap .k-radio.k-radio-md{
-    width: 20px;
-            height: 20px;
-}
-    .k-radio-wrap .k-radio{
-    background-color: initial;
-            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2014%2014'%3E%3Ccircle%20cx%3D'50%25'%20cy%3D'50%25'%20r%3D'4'%20fill%3D'%23003583'%2F%3E%3C%2Fsvg%3E");
-            background-size: 0%;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-button{
-    column-gap: 8px;
-            flex-direction: row;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            height: $feather-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;
-            transition-timing-function: ease-out;
-}
-    .k-button.k-button-md{
-                    @extend %feather-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;
-            overflow: hidden;
-}
-    .k-menu-button.k-button{
-    text-transform: uppercase;
-}
-    .k-chip.k-chip-solid-base{
-    color: $feather-feather-secondary-text-on-surface;
-}
-    .k-chip{
-    transition-property: all;
-            transition-duration: 280ms;
-}
-    .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;
-}
-    .k-calendar.k-calendar-range .k-calendar-header .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-rounded-md.k-calendar-title .k-button-text{
-    text-transform: capitalize;
-            letter-spacing: 0px;
-}
-    .k-calendar.k-calendar-range .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today .k-button-text{
-    text-transform: capitalize;
-            letter-spacing: 0px;
-}
-    .k-calendar.k-calendar-range .k-calendar-header .k-calendar-nav .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-calendar-nav-today{
-    text-transform: capitalize;
-}
-    .k-calendar .k-calendar-header .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-rounded-md.k-calendar-title .k-button-text{
-    text-transform: capitalize;
-            letter-spacing: 0px;
-}
-    .k-slider.k-slider-horizontal .k-slider-track-wrap .k-slider-track{
-    border-bottom-width: 0px;
-            border-left-width: 0px;
-            border-right-width: 0px;
-            border-top-width: 0px;
-            top: 50%;
-}
-    .k-slider.k-slider-horizontal .k-slider-track-wrap{
-    border-bottom-width: 0px;
-            border-left-width: 0px;
-            border-right-width: 0px;
-            border-top-width: 0px;
-}
-    .k-radio-wrap .k-radio.k-checked,.k-radio-wrap .k-radio:checked{
-    border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
-            border-bottom-width: 2px;
-            border-left-width: 2px;
-            border-right-width: 2px;
-            border-top-width: 2px;
-            background-color: initial;
-            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2014%2014'%3E%3Ccircle%20cx%3D'50%25'%20cy%3D'50%25'%20r%3D'4'%20fill%3D'%23003583'%2F%3E%3C%2Fsvg%3E");
-            background-size: 100%;
-}
-    .k-checkbox-wrap .k-checkbox.k-focus,.k-checkbox-wrap .k-checkbox.k-state-focus,.k-checkbox-wrap .k-checkbox.k-state-focused,.k-checkbox-wrap .k-checkbox:focus{
-    color: $feather-feather-primary;
-            box-shadow: none;
-            outline-style: solid;
-            outline-width: 2px;
-            outline-color: currentcolor;
-}
-    .k-checkbox-wrap .k-checkbox.k-invalid.k-invalid,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-touched.ng-invalid.ng-touched,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty,.k-checkbox-wrap .k-checkbox.ng-invalid.ng-dirty.ng-invalid.ng-dirty{
-    color: k-color( error );
-}
-    .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;
-            visibility: hidden;
-}
-    .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
-                    @extend %feather-typography-feather-body-small;
-          padding-right: 16px;
-            padding-left: 16px;
-            padding-top: 8px;
-            padding-bottom: 8px;
-            color: $feather-feather-secondary-text-on-surface;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-            min-height: $feather-feather-container-height-md;
-}
-    .k-button.k-selected .k-button-icon.k-icon.k-svg-icon{
-    color: inherit;
-}
-    .k-button.k-selected.k-button-flat .k-button-icon.k-icon.k-svg-icon{
-    color: $feather-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;
-}
-    .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: k-color( app-surface );
-            background-image: $feather-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{
-    color: k-color( primary );
-}
-    .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: k-color( app-surface );
-            background-image: $feather-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;
-}
-    .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;
-}
-    .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-outer-on-color;
-}
-    .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-color-important;
-}
-    .k-button.k-button-flat.k-button-flat-primary{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .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;
-          background-color: initial !important;
-            background-image: $feather-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;
-          background-color: initial;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .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;
-}
-    .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-color;
-}
-    .k-multiselect.k-input .k-input-values .k-chip-list.k-chip-list-md .k-chip{
-    height: $feather-feather-container-height-xs;
-            column-gap: 0px;
-            background-color: $feather-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;
-          padding-right: 2px;
-}
-    .k-checkbox-wrap .k-checkbox.k-checked.k-focus,.k-checkbox-wrap .k-checkbox:checked.k-focus,.k-checkbox-wrap .k-checkbox.k-checked.k-state-focus,.k-checkbox-wrap .k-checkbox.k-checked.k-state-focused,.k-checkbox-wrap .k-checkbox.k-checked:focus,.k-checkbox-wrap .k-checkbox:checked.k-state-focus,.k-checkbox-wrap .k-checkbox:checked.k-state-focused,.k-checkbox-wrap .k-checkbox:checked:focus{
-    background-color: currentcolor;
-            background-image: url("data:image/svg+xml,%3Csvg%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'square'%20stroke-linejoin%3D'square'%20stroke-width%3D'2'%20d%3D'M3%2C8%20l3%2C3%20l7-7'%2F%3E%3C%2Fsvg%3E");
-            outline-offset: 2px;
-}
-    .k-checkbox-wrap .k-checkbox.k-disabled,.k-checkbox-wrap .k-checkbox.k-state-disabled,.k-checkbox-wrap .k-checkbox:disabled{
-    opacity: 40%;
-}
-    .k-radio-wrap .k-radio.k-focus,.k-radio-wrap .k-radio.k-state-focus,.k-radio-wrap .k-radio.k-state-focused,.k-radio-wrap .k-radio:focus{
-    outline-color: currentcolor;
-            outline-style: solid;
-            outline-width: 2px;
-            box-shadow: none;
-            border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
-            color: k-color( primary );
-            outline-offset: 0px;
-}
-    .k-radio-wrap .k-radio.k-invalid,.k-radio-wrap .k-radio.ng-invalid.ng-touched,.k-radio-wrap .k-radio.ng-invalid.ng-dirty{
-    color: k-color( error );
-            outline-offset: 0px;
-            outline-style: solid;
-            outline-color: currentcolor;
-}
-    .k-radio-wrap .k-radio.k-disabled,.k-radio-wrap .k-radio.k-state-disabled,.k-radio-wrap .k-radio:disabled{
-    opacity: 40%;
-}
-    .k-radio-wrap .k-radio.k-checked.k-focus,.k-radio-wrap .k-radio:checked.k-focus,.k-radio-wrap .k-radio.k-checked.k-state-focus,.k-radio-wrap .k-radio.k-checked.k-state-focused,.k-radio-wrap .k-radio.k-checked:focus,.k-radio-wrap .k-radio:checked.k-state-focus,.k-radio-wrap .k-radio:checked.k-state-focused,.k-radio-wrap .k-radio:checked:focus{
-    border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-            box-shadow: 0px 0px 0px 2px k-color( primary );
-            border-bottom-color: k-color( primary );
-            border-left-color: k-color( primary );
-            border-right-color: k-color( primary );
-            border-top-color: k-color( primary );
-            border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-}
-    .k-radio-wrap .k-radio.k-focus::placeholder,.k-radio-wrap .k-radio.k-state-focus::placeholder,.k-radio-wrap .k-radio.k-state-focused::placeholder,.k-radio-wrap .k-radio:focus::placeholder{
-    background-color: initial;
-            background-image: none;
-}
-    .k-radio-list.k-list-horizontal .k-radio-list-item{
-    column-gap: $feather-kendo-radio-label-margin-x;
-}
-    .k-radio-list.k-list-vertical .k-radio-list-item{
-    column-gap: $feather-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;
-}
-    .k-radio-list.k-list-vertical{
-    row-gap: $feather-kendo-radio-list-item-padding-y;
-            column-gap: $feather-kendo-radio-list-item-padding-x;
-}
-    .k-slider .k-label{
-    font-variant-numeric: tabular-nums;
-}
-    .k-appbar.k-appbar-light.k-appbar-static{
-    position: static;
-}
-    .k-appbar.k-appbar-light.k-appbar-top{
-    top: auto;
-}
-    .k-appbar.k-appbar-light{
-    height: 64px;
-            background-color: $feather-feather-primary;
-            background-image: none;
-            box-shadow: 0px 1px 0px 0px $feather-feather-border-on-color;
-            color: $feather-kendo-appbar-dark-text;
-}
-    .k-appbar.k-appbar-light .k-appbar-section{
-    height: 48px;
-            color: $feather-kendo-appbar-dark-text;
-}
-    .k-appbar.k-appbar-dark .k-appbar-section{
-    height: 48px;
-}
-    .k-appbar.k-appbar-inherit .k-appbar-section{
-    height: 48px;
-}
-    .k-appbar.k-appbar-dark{
-    height: 64px;
-            background-color: $feather-feather-primary;
-            background-image: none;
-}
-    .k-appbar.k-appbar-inherit{
-    height: 64px;
-}
-    .k-calendar.k-calendar-range{
-    flex-direction: column;
-}
-    .k-combobox .k-input-button.k-button-solid-base{
-    background-color: initial;
-            color: $feather-feather-icon-on-neutral;
-}
-    .k-combobox .k-input-button.k-button{
-    background-image: none;
-}
-    .k-combobox .k-input-button{
-    width: $feather-feather-container-height-sm;
-            height: $feather-feather-container-height-sm;
-}
-    .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{
-    background-color: $feather-kendo-button-hover-bg;
-            color: $feather-feather-primary-text-on-surface;
-}
-    .k-combobox.k-hover .k-input-button.k-hover.k-button,.k-combobox.k-hover .k-input-button.k-state-hover.k-button,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button,.k-combobox.k-hover .k-input-button:hover.k-button,.k-combobox.k-state-hover .k-input-button.k-hover.k-button,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button,.k-combobox.k-state-hover .k-input-button:hover.k-button,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button,.k-combobox.k-state-hovered .k-input-button:hover.k-button,.k-combobox:hover .k-input-button.k-hover.k-button,.k-combobox:hover .k-input-button.k-state-hover.k-button,.k-combobox:hover .k-input-button.k-state-hovered.k-button,.k-combobox:hover .k-input-button:hover.k-button{
-    background-image: none;
-}
-    .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;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
-            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;
-}
-    .k-combobox.k-input .k-clear-value{
-    width: $feather-feather-container-height-sm;
-            height: $feather-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;
-            color: $feather-feather-icon-on-neutral;
-            opacity: 100%;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
-}
-    .k-combobox.k-input .k-input-button{
-    align-self: center;
-}
-    .k-combobox.k-input{
-    padding-right: 4px;
-            height: $feather-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;
-}
-    .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{
-    background-color: $feather-kendo-button-hover-bg;
-            background-image: none;
-            color: $feather-feather-primary-text-on-surface;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
-            flex-direction: row;
-            column-gap: 4px;
-            row-gap: 0px;
-            position: relative;
-}
-    .k-combobox.k-input.k-hover .k-clear-value.k-hover,.k-combobox.k-input.k-hover .k-clear-value.k-state-hover,.k-combobox.k-input.k-hover .k-clear-value.k-state-hovered,.k-combobox.k-input.k-hover .k-clear-value:hover,.k-combobox.k-input.k-state-hover .k-clear-value.k-hover,.k-combobox.k-input.k-state-hover .k-clear-value.k-state-hover,.k-combobox.k-input.k-state-hover .k-clear-value.k-state-hovered,.k-combobox.k-input.k-state-hover .k-clear-value:hover,.k-combobox.k-input.k-state-hovered .k-clear-value.k-hover,.k-combobox.k-input.k-state-hovered .k-clear-value.k-state-hover,.k-combobox.k-input.k-state-hovered .k-clear-value.k-state-hovered,.k-combobox.k-input.k-state-hovered .k-clear-value:hover,.k-combobox.k-input:hover .k-clear-value.k-hover,.k-combobox.k-input:hover .k-clear-value.k-state-hover,.k-combobox.k-input:hover .k-clear-value.k-state-hovered,.k-combobox.k-input:hover .k-clear-value:hover{
-    margin-bottom: 0px;
-            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;
-            display: inline-flex;
-            justify-content: center;
-}
-    .k-combobox-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
-    border-bottom-left-radius: 4px;
-            border-bottom-right-radius: 4px;
-            border-top-left-radius: 4px;
-            border-top-right-radius: 4px;
-            padding-left: 16px;
-}
-    .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;
-            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;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    height: 20px;
-            width: 20px;
-            padding-bottom: 1px;
-}
-    .k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon >svg{
-    width: 20px;
-            height: 20px;
-            padding-top: 1px;
-}
-    .k-numerictextbox.k-input .k-input-spinner.k-spin-button{
-    width: $feather-feather-container-height-md;
-            color: $feather-feather-icon-on-neutral;
-}
-    .k-textbox.k-input .k-clear-value{
-    width: $feather-feather-container-height-xs;
-            height: $feather-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;
-            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;
-            background-color: initial;
-            background-image: $feather-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;
-            background-color: initial !important;
-            background-image: none !important;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
-            margin-bottom: 4px;
-            margin-left: 8px;
-            margin-right: 4px;
-            margin-top: 4px;
-            height: 30px;
-            width: 30px;
-}
-    .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-button-md{
-    padding-bottom: 4px;
-            padding-left: 4px;
-            padding-right: 4px;
-            padding-top: 4px;
-}
-    .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;
-            background-color: initial !important;
-            background-image: $feather-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{
-    color: inherit;
-}
-    .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;
-            width: 18px;
-            height: 18px;
-}
-    .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-hover::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hover::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hovered::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:hover::before{
-    background-color: currentcolor;
-            background-image: initial;
-            opacity: 8%;
-}
-    .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-hover::before,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-hover::before,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-hovered::before,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:hover::before{
-    opacity: 6%;
-}
-    .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;
-            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-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-            color: $feather-feather-primary-text-on-surface;
-            background-color: initial !important;
-            background-image: $feather-feather-focused-on-surface-gradient !important;
-}
-    h1{
-                    @extend %feather-typography-feather-heading-1;
-}
-    .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link{
-    padding-left: 16px;
-            padding-top: 8px;
-            padding-bottom: 8px;
-}
-    .k-popup.k-menu-popup .k-group.k-menu-group{
-    padding-top: 8px;
-            padding-bottom: 8px;
-            margin-top: 1px;
-}
-    .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;
-            background-image: none;
-            translate: 0px 2px;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .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;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            padding-bottom: 0px;
-            padding-left: 0px;
-            padding-right: 0px;
-            padding-top: 0px;
-            background-color: $feather-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;
-}
-    .k-list-filter .k-searchbox.k-textbox.k-input{
-    border-top-style: none;
-            border-top-width: $feather-kendo-input-border-width;
-            border-right-style: none;
-            border-right-width: $feather-kendo-input-border-width;
-            border-left-style: none;
-            border-left-width: $feather-kendo-input-border-width;
-            border-bottom-style: solid;
-            border-bottom-width: $feather-kendo-input-border-width;
-}
-    .k-list-filter .k-searchbox.k-textbox.k-rounded-md{
-    border-bottom-left-radius: unset;
-            border-bottom-right-radius: unset;
-            border-top-left-radius: unset;
-            border-top-right-radius: unset;
-}
-    .k-list-filter .k-searchbox.k-textbox.k-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-state-focus.k-input-solid,.k-list-filter .k-searchbox.k-textbox.k-state-focused.k-input-solid,.k-list-filter .k-searchbox.k-textbox:focus.k-input-solid{
-    box-shadow: none;
-            border-bottom-color: k-color( primary );
-}
-    .k-list-filter .k-searchbox.k-textbox.k-focus.k-input,.k-list-filter .k-searchbox.k-textbox.k-state-focus.k-input,.k-list-filter .k-searchbox.k-textbox.k-state-focused.k-input,.k-list-filter .k-searchbox.k-textbox:focus.k-input{
-    border-bottom-style: solid;
-            border-bottom-width: 2px;
-}
-    .k-list-filter .k-searchbox.k-textbox .k-input-inner{
-    padding-right: $feather-kendo-input-padding-x;
-            padding-left: 4px;
-}
-    .k-list-filter{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-            padding-bottom: 0px;
-            padding-left: 0px;
-            padding-right: 0px;
-            padding-top: 0px;
-}
-    .k-list-filter .k-searchbox.k-invalid.k-input-solid,.k-list-filter .k-searchbox.ng-invalid.ng-touched.k-input-solid,.k-list-filter .k-searchbox.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-}
-    .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;
-}
-    .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{
-    border-bottom-color: k-color( error );
-}
-    .k-list-filter .k-searchbox.k-textbox.k-invalid.k-focus.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched.k-focus.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty.k-focus.k-input,.k-list-filter .k-searchbox.k-textbox.k-invalid.k-state-focus.k-input,.k-list-filter .k-searchbox.k-textbox.k-invalid.k-state-focused.k-input,.k-list-filter .k-searchbox.k-textbox.k-invalid:focus.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched.k-state-focus.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched.k-state-focused.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-touched:focus.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty.k-state-focus.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty.k-state-focused.k-input,.k-list-filter .k-searchbox.k-textbox.ng-invalid.ng-dirty:focus.k-input{
-    border-bottom-style: solid;
-            border-bottom-width: 2px;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-textbox.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
-            height: auto;
-}
-    .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal{
-    margin-right: -12px;
-            align-self: center;
-            display: inline-block;
-}
-    .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary{
-    height: 100%;
-            background-color: initial !important;
-            background-image: none !important;
-}
-    .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;
-          box-sizing: border-box;
-            background-color: initial !important;
-            background-image: $feather-feather-focused-on-surface-gradient !important;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-focus::after,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focus::after,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focused::after,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:focus::after{
-    box-shadow: none;
-            visibility: hidden;
-}
-    .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-focus::before,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focus::before,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary.k-state-focused::before,.k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary:focus::before{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            visibility: hidden;
-            opacity: 12%;
-}
-    .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused::before,.k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus::before{
-    opacity: 12%;
-}
-    .k-textbox.k-input.k-focus,.k-textbox.k-input.k-state-focus,.k-textbox.k-input.k-state-focused,.k-textbox.k-input:focus{
-    outline-color: unset;
-            outline-width: 0px;
-}
-    .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;
-}
-    .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;
-}
-    .k-label.k-text-disabled{
-    opacity: 100%;
-            color: $feather-feather-disabled-text-on-surface;
-}
-    .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-command-cell{
-    display: flex;
-            row-gap: 8px;
-            flex-direction: row;
-            justify-content: start;
-            align-items: center;
-            align-self: stretch;
-            width: auto;
-            box-sizing: border-box;
-            padding-left: 8px;
-            padding-right: 8px;
-}
-    .k-grid.k-grid-md .k-toolbar.k-grid-toolbar.k-toolbar-md{
-    padding-bottom: 9px;
-            padding-left: 16px;
-            padding-right: 16px;
-            padding-top: 9px;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    background-image: none;
-}
-    .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;
-}
-    .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{
-    background-color: k-color( primary );
-}
-    .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{
-    background-image: none;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row{
-    background-color: initial;
-            background-image: none;
-}
-    .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row.k-hover,.k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row.k-state-hover,.k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row.k-state-hovered,.k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row:hover{
-    background-color: initial;
-            background-image: none;
-}
-    .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row >td{
-                    @extend %feather-typography-feather-body-small;
-          box-sizing: content-box;
-            border-bottom-color: $feather-feather-border-on-surface;
-            border-bottom-style: solid;
-            border-bottom-width: 1px;
-            border-top-color: $feather-feather-border-on-surface;
-            border-top-style: none;
-            border-top-width: 0px;
-            border-right-color: $feather-feather-border-on-surface;
-            border-right-style: none;
-            border-right-width: 0px;
-            border-left-color: $feather-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;
-          border-bottom-style: solid;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            border-bottom-width: 1px;
-            border-left-width: 0px;
-            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;
-}
-    .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;
-}
-    .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{
-    border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .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;
-          border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-}
-    .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-command-cell.k-focus,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row  .k-command-cell.k-state-focus,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row  .k-command-cell.k-state-focused,.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row  .k-command-cell:focus{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            box-shadow: none;
-}
-    .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;
-            padding-top: 18px;
-            border-right-width: 1px;
-            border-right-color: $feather-feather-border-on-surface;
-            border-right-style: solid;
-}
-    .k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th,.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th{
-    background-color: transparent;
-            background-image: none;
-            box-sizing: border-box;
-            overflow: hidden;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            padding-top: $feather-kendo-grid-header-padding-y;
-            padding-bottom: $feather-kendo-grid-header-padding-y;
-}
-    .k-fab.k-fab-solid-primary .k-fab-text{
-    padding-right: 8px;
-            padding-left: 8px;
-}
-    .k-fab.k-fab-solid-primary.k-fab-md{
-    padding-right: $feather-kendo-fab-padding-x;
-            padding-left: $feather-kendo-fab-padding-x;
-}
-    .k-fab.k-fab-solid-primary{
-    align-self: center;
-}
-    .k-fab.k-fab-solid-primary .k-fab-icon.k-icon.k-svg-icon{
-    width: 24px;
-            height: 24px;
-            align-self: center;
-}
-    .k-fab.k-fab-solid-primary .k-fab-icon.k-icon.k-svg-icon >svg{
-    padding-bottom: 2px;
-}
-    .k-fab-popup.k-popup .k-fab-items .k-fab-item .k-fab-item-text{
-    border-bottom-left-radius: 4px;
-            border-bottom-right-radius: 4px;
-            border-top-left-radius: 4px;
-            border-top-right-radius: 4px;
-            background-color: transparent;
-            background-image: none;
-            margin-left: 12px;
-}
-    .k-fab-popup.k-popup .k-fab-items .k-fab-item{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-fab-popup.k-popup .k-fab-items .k-fab-item .k-fab-item-icon.k-icon.k-svg-icon{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-chip .k-chip-content{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-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;
-}
-    .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;
-}
-    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
-    padding-bottom: 4px;
-            text-transform: uppercase;
-}
-    .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;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .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-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;
-}
-    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset  .k-item.k-tabstrip-item:focus .k-link{
-    border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-            border-bottom-color: k-color( primary );
-            border-bottom-style: solid;
-            border-left-color: k-color( primary );
-            border-left-style: solid;
-            border-right-color: k-color( primary );
-            border-right-style: solid;
-            border-top-color: k-color( primary );
-            border-top-style: solid;
-}
-    .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-style: solid;
-            border-bottom-width: 3px;
-            border-top-left-radius: 4px;
-            border-top-right-radius: 4px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-}
-    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active:focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active:focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active:focus .k-link{
-    border-left-color: $feather-feather-primary;
-            border-right-color: $feather-feather-primary;
-            border-top-color: $feather-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{
-    padding-bottom: 0px;
-}
-    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
-    border-bottom-style: none;
-            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;
-}
-    .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item .k-item-text{
-    display: inline-flex;
-            align-items: center;
-            align-self: center;
-            justify-content: start;
-}
-    .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items{
-    padding-top: 8px;
-}
-    .k-switch.k-switch-off .k-switch-track{
-    color: $feather-feather-secondary-text-on-surface;
-            background-color: rgba(0, 0, 0, 0.04);
-            background-image: none;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .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;
-            background-image: none;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-switch.k-switch-on .k-switch-thumb-wrap .k-switch-thumb{
-    border-bottom-color: k-color( primary );
-            border-left-color: k-color( primary );
-            border-right-color: k-color( primary );
-            border-top-color: k-color( primary );
-}
-    .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;
-}
-    .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;
-}
-    .k-checkbox-label{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
-}
-    .k-textbox.k-input{
-    background-color: initial;
-            background-image: none;
-            color: $feather-feather-secondary-text-on-surface;
-            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;
-}
-    .k-textbox.k-input.k-input-md{
-                    @extend %feather-typography-feather-body-small;
-}
-    .k-radio-label{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-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;
-}
-    .k-datepicker.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;
-}
-    .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;
-}
-    .k-timeselector .k-time-header .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-time-now::before{
-    visibility: visible;
-}
-    .k-timeselector .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item{
-    height: 2.5rem;
-            display: flex;
-            justify-content: space-around;
-            align-items: center;
-            align-self: center;
-}
-    .k-timepicker-popup .k-timeselector .k-time-list-container .k-time-highlight{
-    height: 2rem;
-}
-    .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar .k-window-title.k-dialog-title{
-                    @extend %feather-typography-feather-body-large;
-}
-    .k-window.k-dialog .k-window-content.k-dialog-content{
-                    @extend %feather-typography-feather-body-small;
-          text-align: left;
-            padding-bottom: $feather-kendo-window-inner-padding-y;
-}
-    .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-stretched{
-    text-transform: uppercase;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-window .k-window-titlebar{
-                    @extend %feather-typography-feather-body-large;
-          color: $feather-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;
-}
-    .k-window .k-window-content{
-                    @extend %feather-typography-feather-body-small;
-          padding-bottom: 32px;
-            color: $feather-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;
-            border-bottom-left-radius: 50%;
-            border-bottom-right-radius: 50%;
-            border-top-left-radius: 50%;
-            border-top-right-radius: 50%;
-}
-    .k-window .k-window-titlebar .k-window-titlebar-actions{
-    row-gap: 0px;
-            column-gap: 4px;
-            padding-left: 16px;
-}
-    .k-window.k-window-minimized{
-                    @extend %feather-effects-feather-elevation-12dp;
-          border-bottom-right-radius: $feather-kendo-window-border-radius;
-            overflow: hidden;
-}
-    h2{
-                    @extend %feather-typography-feather-heading-2;
-}
-    h3{
-                    @extend %feather-typography-feather-heading-3;
-}
-    h4{
-                    @extend %feather-typography-feather-heading-4;
-}
-    h5{
-                    @extend %feather-typography-feather-heading-5;
-}
-    h6{
-                    @extend %feather-typography-feather-heading-6;
-}
-    ul{
-                    @extend %feather-typography-feather-body-small;
-}
-    div{
-                    @extend %feather-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;
-}
-    .k-fab .k-fab-text{
-    text-transform: uppercase;
-}
-    .k-label.k-text-error{
-    color: k-color( error );
-}
-    .k-chip.k-disabled,.k-chip.k-state-disabled,.k-chip:disabled{
-    opacity: 100%;
-            background-image: none;
-}
-    .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;
-}
-    .k-toolbar{
-    background-color: $feather-feather-surface;
-            background-image: none;
-            color: $feather-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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-}
-    .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;
-}
-    .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;
-            top: -4px;
-}
-    .k-form-hint{
-    font-style: normal;
-            font-size: $feather-feather-font-size-sm;
-}
-    .k-form-error{
-    font-style: normal;
-            font-size: $feather-feather-font-size-sm;
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-chip-list .k-chip.k-focus,.k-chip-list .k-chip.k-state-focus,.k-chip-list .k-chip.k-state-focused,.k-chip-list .k-chip:focus{
-    outline-style: solid;
-            outline-width: 2px;
-            outline-color: transparent;
-}
-    .k-chip.k-selected{
-    color: $feather-feather-primary-text-on-color;
-            background-color: $feather-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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-calendar .k-calendar-navigation{
-    background-color: $feather-feather-surface-shade-1;
-            background-image: none;
-}
-    .k-dropdownlist.k-picker-solid{
-    background-color: initial;
-}
-    .k-dropdownlist{
-    background-image: none;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-            min-height: $feather-feather-container-height-lg;
-}
-    .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            border-left-color: $feather-feather-border-on-surface;
-            border-left-width: 1px;
-            height: auto;
-}
-    .k-dropdownlist.k-focus .k-input-button,.k-dropdownlist.k-state-focus .k-input-button,.k-dropdownlist.k-state-focused .k-input-button,.k-dropdownlist:focus .k-input-button{
-    border-top-color: transparent;
-            border-top-width: 1px;
-            border-right-color: transparent;
-            border-right-width: 1px;
-            border-bottom-color: transparent;
-            border-bottom-width: 1px;
-            border-left-color: transparent;
-}
-    .k-dropdownlist.k-focus .k-input-button.k-button,.k-dropdownlist.k-state-focus .k-input-button.k-button,.k-dropdownlist.k-state-focused .k-input-button.k-button,.k-dropdownlist:focus .k-input-button.k-button{
-    border-top-style: solid;
-            border-right-style: solid;
-            border-bottom-style: solid;
-}
-    .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;
-}
-    .k-button.k-selected.k-button-flat .k-button-icon.k-icon.k-svg-icon >svg{
-    color: $feather-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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-button.k-selected.k-button-outline .k-button-text{
-    color: $feather-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;
-}
-    .k-button.k-button-outline.k-button-outline-primary .k-button-text{
-    color: k-color( primary );
-}
-    .k-button.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    color: k-color( primary );
-            translate: 0 -1px;
-}
-    .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;
-}
-    .k-button.k-selected.k-button-flat.k-button-flat-primary::before{
-    background-color: initial;
-            background-image: none;
-}
-    .k-button.k-selected.k-button-flat::before{
-    background-color: initial;
-            background-image: none;
-}
-    .k-button.k-focus.k-button-flat::after,.k-button.k-state-focus.k-button-flat::after,.k-button.k-state-focused.k-button-flat::after,.k-button:focus.k-button-flat::after{
-    visibility: hidden;
-}
-    .k-button.k-selected.k-button-flat::after{
-    visibility: visible;
-}
-    .k-button.k-button-flat::before{
-    visibility: hidden;
-}
-    .k-button.k-selected.k-button-flat .k-button-text{
-    color: $feather-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;
-}
-    .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;
-          background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
-            outline-color: transparent;
-            outline-style: solid;
-            outline-width: 2px;
-}
-    .k-textbox.k-input .k-input-suffix.k-input-suffix-horizontal .k-button.k-button-flat.k-button-flat-primary::after{
-    visibility: hidden;
-}
-    .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;
-}
-    .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{
-    box-shadow: none;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-            background-color: initial;
-}
-    .k-numerictextbox.k-input.k-disabled,.k-numerictextbox.k-input.k-state-disabled,.k-numerictextbox.k-input:disabled{
-    background-image: none;
-            visibility: visible;
-            opacity: unset;
-            border-bottom-color: $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;
-}
-    .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{
-    color: inherit;
-}
-    .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;
-}
-    .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{
-    color: inherit;
-}
-    .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-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-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{
-    color: inherit;
-}
-    .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-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-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{
-    color: inherit;
-}
-    .k-numerictextbox.k-input.k-invalid.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-numerictextbox.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-monthview .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-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;
-}
-    .k-calendar.k-calendar-range.k-calendar-md .k-calendar-view.k-calendar-decadeview .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-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.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{
-    background-color: initial;
-            background-image: $feather-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{
-                    @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-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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    background-color: initial;
-}
-    .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;
-}
-    .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{
-    background-color: initial;
-}
-    .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;
-}
-    .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-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;
-}
-    .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;
-}
-    .k-button.k-disabled,.k-button.k-state-disabled,.k-button:disabled{
-    background-image: none;
-}
-    .k-button.k-disabled, .k-button.k-state-disabled, .k-button:disabled{
-    opacity: 100%;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    color: inherit;
-}
-    .k-button.k-selected.k-button-flat{
-    background-color: $feather-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;
-}
-    .k-button.k-selected.k-button-solid-base{
-    background-color: $feather-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;
-}
-    .k-button-group .k-button{
-    transition-property: all;
-            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;
-}
-    .k-button.k-selected.k-button-outline.k-button-outline-base{
-    background-color: $feather-feather-secondary-text-on-surface;
-}
-    .k-button.k-selected.k-button-outline{
-    background-image: $feather-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;
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-chip.k-chip-outline.k-selected{
-    color: $feather-feather-primary-text-on-color;
-            background-color: $feather-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;
-}
-    .k-chip.k-chip-outline.k-disabled, .k-chip.k-chip-outline.k-state-disabled, .k-chip.k-chip-outline:disabled{
-    background-image: none;
-}
-    .k-textarea.k-input .k-input-inner{
-    min-height: $feather-feather-container-height-lg;
-            min-width: 148px;
-            padding-top: $feather-kendo-input-lg-padding-y;
-            padding-bottom: $feather-kendo-input-lg-padding-y;
-}
-    .k-textarea.k-input{
-    height: auto;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-textarea.k-input.k-state-focus-within,.k-textarea.k-input:focus-within{
-    outline-color: transparent;
-            outline-style: solid;
-            outline-width: 2px;
-}
-    .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;
-}
-    .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{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .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;
-}
-    .k-textarea.k-input.k-disabled,.k-textarea.k-input.k-state-disabled,.k-textarea.k-input:disabled{
-    opacity: unset;
-}
-    .k-maskedtextbox.k-input.k-state-focus-within,.k-maskedtextbox.k-input:focus-within{
-    outline-color: transparent;
-            outline-style: solid;
-            outline-width: 2px;
-}
-    .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;
-}
-    .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;
-}
-    .k-maskedtextbox.k-input.k-disabled,.k-maskedtextbox.k-input.k-state-disabled,.k-maskedtextbox.k-input:disabled{
-    opacity: unset;
-            outline-color: transparent;
-            outline-style: none;
-            border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-}
-    .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;
-}
-    .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-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;
-}
-    .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{
-    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 .k-button-icon.k-icon.k-svg-icon{
-    color: inherit;
-}
-    .k-dateinput.k-input.k-hover.k-input-solid,.k-dateinput.k-input.k-state-hover.k-input-solid,.k-dateinput.k-input.k-state-hovered.k-input-solid,.k-dateinput.k-input:hover.k-input-solid{
-    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;
-            color: $feather-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;
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-dateinput.k-input.k-invalid.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-touched.k-input-solid,.k-dateinput.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-dateinput.k-input.k-disabled,.k-dateinput.k-input.k-state-disabled,.k-dateinput.k-input:disabled{
-    opacity: unset;
-}
-    .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;
-}
-    .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{
-    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;
-            color: $feather-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;
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-datepicker.k-input.k-invalid.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-datepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .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{
-    box-shadow: none;
-}
-    .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{
-    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;
-            color: $feather-feather-primary-text-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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-timepicker.k-input.k-invalid.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-timepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-timepicker.k-input.k-disabled,.k-timepicker.k-input.k-state-disabled,.k-timepicker.k-input:disabled{
-    opacity: 100%;
-}
-    .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;
-}
-    .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;
-            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;
-}
-    .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{
-    color: inherit;
-}
-    .k-timepicker.k-input .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: inherit;
-}
-    .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{
-    box-shadow: none;
-}
-    .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;
-            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;
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-datetimepicker.k-input.k-state-focus-within,.k-datetimepicker.k-input:focus-within{
-    outline-color: transparent;
-            outline-style: solid;
-            outline-width: 2px;
-}
-    .k-datetimepicker.k-input.k-invalid.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-touched.k-input-solid,.k-datetimepicker.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-datetimepicker.k-input.k-disabled,.k-datetimepicker.k-input.k-state-disabled,.k-datetimepicker.k-input:disabled{
-    opacity: 100%;
-}
-    .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;
-}
-    .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;
-}
-    .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-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-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;
-}
-    .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-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;
-            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;
-}
-    .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;
-}
-    .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;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-datetime-wrap .k-datetime-buttongroup .k-button-group.k-button-group-stretched .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md.k-group-end.k-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;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-button.k-selected .k-button-text{
-    color: $feather-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;
-}
-    .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;
-}
-    .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{
-    opacity: 0%;
-}
-    .k-button.k-hover.k-button-flat::after,.k-button.k-state-hover.k-button-flat::after,.k-button.k-state-hovered.k-button-flat::after,.k-button:hover.k-button-flat::after{
-    visibility: hidden;
-}
-    .k-button.k-active.k-button-flat::before,.k-button.k-state-active.k-button-flat::before,.k-button:active.k-button-flat::before{
-    opacity: 0%;
-}
-    .k-button.k-selected.k-button-flat.k-button-flat-primary .k-button-text{
-    color: $feather-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;
-}
-    .k-chip.k-selected .k-chip-content{
-    color: $feather-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;
-}
-    .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;
-          overflow: visible;
-}
-    .k-button-group .k-button.k-button-outline.k-focus.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-state-focus.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-state-focused.k-button-outline-base,.k-button-group .k-button.k-button-outline:focus.k-button-outline-base{
-    color: k-color( primary );
-}
-    .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;
-            box-shadow: inset 0px 0px 0px 1px currentcolor;
-}
-    .k-button-group .k-button.k-button-outline.k-selected.k-focus,.k-button-group .k-button.k-button-outline.k-selected.k-state-focus,.k-button-group .k-button.k-button-outline.k-selected.k-state-focused,.k-button-group .k-button.k-button-outline.k-selected:focus{
-    color: currentcolor;
-}
-    .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;
-}
-    .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-input.k-numerictextbox .k-input-inner{
-    padding-left: 4px;
-}
-    .k-grid.k-grid-md .k-grouping-header{
-    background-color: transparent;
-            background-image: none;
-}
-    .k-grid.k-grid-md .k-table-thead .k-table-row,.k-grid.k-grid-md .k-grid-header .k-table-row{
-    background-color: transparent;
-            background-image: none;
-}
-    .k-grid.k-grid-md .k-grid-header{
-    background-color: initial;
-            background-image: none;
-}
-    .k-grid.k-grid-md .k-table.k-grid-header-table .k-table-thead,.k-grid.k-grid-md .k-table.k-grid-header-table .k-grid-header{
-    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;
-            color: $feather-feather-secondary-text-on-surface;
-            background-color: initial;
-}
-    .k-numerictextbox.k-input.k-input-md{
-                    @extend %feather-typography-feather-body-small;
-}
-    .k-maskedtextbox.k-input{
-    height: $feather-feather-container-height-lg;
-            background-image: none;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-maskedtextbox.k-input.k-input-solid{
-    color: $feather-feather-secondary-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;
-            background-color: initial;
-}
-    .k-maskedtextbox.k-input.k-input-md{
-                    @extend %feather-typography-feather-body-small;
-}
-    .k-dateinput.k-input{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-            height: $feather-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;
-            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;
-          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-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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    background-color: k-color( primary );
-}
-    .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;
-}
-    .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{
-    background-color: k-color( primary );
-}
-    .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;
-}
-    .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;
-}
-    .k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-group-cell{
-    background-color: $feather-feather-background;
-            background-image: none;
-}
-    .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell{
-    align-items: stretch;
-            align-self: center;
-            justify-content: start;
-            flex-direction: row;
-            display: flex;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary{
-    border-bottom-left-radius: 4px;
-            border-bottom-right-radius: 4px;
-            border-top-left-radius: 4px;
-            border-top-right-radius: 4px;
-}
-    .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;
-}
-    .k-pager.k-pager-md{
-    column-gap: 14px;
-}
-    .k-pager{
-    background-color: $feather-feather-surface;
-            background-image: none;
-}
-    .k-pager .k-pager-numbers-wrap{
-    column-gap: 4px;
-}
-    .k-pager .k-pager-numbers-wrap .k-pager-numbers{
-    column-gap: 2px;
-}
-    .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected{
-    border-left-color: $feather-feather-primary;
-            border-left-style: solid;
-            border-left-width: 3px;
-            background-color: initial;
-            background-image: $feather-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;
-            font-weight: 700;
-}
-    .k-datepicker.k-input{
-    height: $feather-feather-container-height-lg;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-timepicker.k-input{
-    height: $feather-feather-container-height-lg;
-            transition-duration: 280ms;
-            transition-property: all;
-            transition-timing-function: ease-out;
-}
-    .k-datetimepicker.k-input{
-    height: $feather-feather-container-height-lg;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .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;
-            height: 100%;
-            width: $feather-feather-container-height-lg;
-}
-    .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap .k-datetime-selector .k-datetime-calendar-wrap .k-calendar{
-    column-gap: 16px;
-            row-gap: 16px;
-}
-    .k-calendar .k-calendar-view .k-calendar-header{
-    padding-top: 12px;
-            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 .k-calendar-view.k-calendar-monthview .k-content .k-calendar-td{
-    width: 40px;
-            height: 40px;
-}
-    .k-calendar .k-calendar-view.k-calendar-monthview{
-    padding-bottom: 8px;
-}
-    .k-calendar{
-    background-color: $feather-feather-surface-shade-1;
-            background-image: none;
-            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-dropdownlist .k-input-inner .k-input-value-text{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-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;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-focus,.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focus,.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-focused,.k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item:focus{
-    border-bottom-left-radius: 0px;
-            border-bottom-right-radius: 0px;
-            border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-}
-    .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected .k-list-item-text{
-    position: relative;
-            left: -2px;
-}
-    .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;
-}
-    .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{
-    background-color: initial;
-            border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
-}
-    .k-dropdownlist.k-hover,.k-dropdownlist.k-state-hover,.k-dropdownlist.k-state-hovered,.k-dropdownlist:hover{
-    background-image: none;
-}
-    .k-dropdownlist.k-hover.k-picker,.k-dropdownlist.k-state-hover.k-picker,.k-dropdownlist.k-state-hovered.k-picker,.k-dropdownlist:hover.k-picker{
-    box-shadow: 0px 0px 0px 0.5px currentcolor;
-}
-    .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;
-          border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
-}
-    .k-dropdownlist.k-invalid.k-focus .k-input-button,.k-dropdownlist.ng-invalid.ng-touched.k-focus .k-input-button,.k-dropdownlist.ng-invalid.ng-dirty.k-focus .k-input-button,.k-dropdownlist.k-invalid.k-state-focus .k-input-button,.k-dropdownlist.k-invalid.k-state-focused .k-input-button,.k-dropdownlist.k-invalid:focus .k-input-button,.k-dropdownlist.ng-invalid.ng-touched.k-state-focus .k-input-button,.k-dropdownlist.ng-invalid.ng-touched.k-state-focused .k-input-button,.k-dropdownlist.ng-invalid.ng-touched:focus .k-input-button,.k-dropdownlist.ng-invalid.ng-dirty.k-state-focus .k-input-button,.k-dropdownlist.ng-invalid.ng-dirty.k-state-focused .k-input-button,.k-dropdownlist.ng-invalid.ng-dirty:focus .k-input-button{
-    border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .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;
-}
-    .k-autocomplete.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
-}
-    .k-autocomplete.k-input{
-    height: $feather-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;
-            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;
-}
-    .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;
-          border-bottom-color: k-color( primary );
-            border-left-color: k-color( primary );
-            border-right-color: k-color( primary );
-            border-top-color: k-color( primary );
-}
-    .k-autocomplete.k-input.k-state-focus-within,.k-autocomplete.k-input:focus-within{
-    outline-color: transparent;
-            outline-style: solid;
-            outline-width: 2px;
-}
-    .k-autocomplete.k-input.k-invalid.k-input-solid,.k-autocomplete.k-input.ng-invalid.ng-touched.k-input-solid,.k-autocomplete.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
-}
-    .k-autocomplete.k-input.k-invalid,.k-autocomplete.k-input.ng-invalid.ng-touched,.k-autocomplete.k-input.ng-invalid.ng-dirty{
-    color: k-color( error );
-}
-    .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;
-          border-bottom-color: currentcolor;
-            border-left-color: currentcolor;
-            border-right-color: currentcolor;
-            border-top-color: currentcolor;
-}
-    .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;
-}
-    .k-autocomplete.k-input.k-disabled,.k-autocomplete.k-input.k-state-disabled,.k-autocomplete.k-input:disabled{
-    opacity: 100%;
-}
-    .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;
-}
-    .k-autocomplete .k-clear-value{
-    width: $feather-feather-container-height-xs;
-            height: $feather-feather-container-height-xs;
-            margin-right: 4px;
-            margin-left: 4px;
-            color: $feather-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;
-            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;
-}
-    .k-autocomplete .k-clear-value .k-icon.k-svg-icon{
-    color: $feather-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;
-}
-    .k-combobox.k-input .k-input-inner{
-    color: $feather-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;
-}
-    .k-combobox.k-input.k-state-focus-within,.k-combobox.k-input:focus-within{
-    border-bottom-color: k-color( primary );
-            border-left-color: k-color( primary );
-            border-right-color: k-color( primary );
-            border-top-color: k-color( primary );
-}
-    .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;
-}
-    .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{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .k-combobox.k-input.k-invalid.k-state-focus-within,.k-combobox.k-input.ng-invalid.ng-touched.k-state-focus-within,.k-combobox.k-input.ng-invalid.ng-dirty.k-state-focus-within,.k-combobox.k-input.k-invalid:focus-within,.k-combobox.k-input.ng-invalid.ng-touched:focus-within,.k-combobox.k-input.ng-invalid.ng-dirty:focus-within{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .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;
-}
-    .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;
-            border-bottom-color: $feather-kendo-input-flat-hover-border;
-            border-left-color: $feather-kendo-input-flat-hover-border;
-            border-right-color: $feather-kendo-input-flat-hover-border;
-            border-top-color: $feather-kendo-input-flat-hover-border;
-}
-    .k-numerictextbox.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
-            height: auto;
-}
-    .k-maskedtextbox.k-input .k-input-inner{
-                    @extend %feather-typography-feather-body-small;
-          color: $feather-feather-secondary-text-on-surface;
-            height: auto;
-}
-    .k-maskedtextbox.k-input.k-invalid.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-touched.k-input-solid,.k-maskedtextbox.k-input.ng-invalid.ng-dirty.k-input-solid{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-color: k-color( error );
-}
-    .k-maskedtextbox.k-input.k-disabled .k-input-inner,.k-maskedtextbox.k-input.k-state-disabled .k-input-inner,.k-maskedtextbox.k-input:disabled .k-input-inner{
-    color: inherit;
-}
-    .k-textbox.k-input.k-disabled,.k-textbox.k-input.k-state-disabled,.k-textbox.k-input:disabled{
-    opacity: unset;
-            border-bottom-color: k-color( border );
-            border-left-color: k-color( border );
-            border-right-color: k-color( border );
-            border-top-color: k-color( border );
-}
-    .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;
-}
-    .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;
-}
-    .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;
-            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;
-            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;
-}
-    .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;
-            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;
-            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;
-}
-    .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator .k-dropdownlist.k-picker.k-dropdown-operator.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator .k-dropdownlist.k-picker.k-dropdown-operator.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base{
-    height: 100%;
-            display: flex;
-}
-    .k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator,.k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row .k-table-th .k-filtercell .k-filtercell-wrapper .k-filtercell-operator{
-    height: 100%;
-            display: flex;
-            align-items: stretch;
-            width: $feather-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;
-            display: flex;
-            align-items: center;
-            justify-content: start;
-            column-gap: 4px;
-}
-    .k-column-menu.k-grid-columnmenu-popup.k-popup .k-columnmenu-item-wrapper{
-    padding-bottom: 8px;
-            padding-top: 8px;
-}
-    .k-column-menu.k-grid-columnmenu-popup.k-popup .k-columnmenu-item-wrapper .k-columnmenu-item-content .k-filter-menu .k-filter-menu-container .k-actions.k-actions-stretched{
-    padding-top: 8px;
-}
-    .k-pager .k-pager-info{
-    padding-right: 4px;
-}
-    .k-popup.k-list-container.k-dropdownlist-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
-}
-    .k-dropdowntree.k-picker-solid{
-    background-color: initial;
-}
-    .k-dropdowntree{
-    background-image: none;
-            min-height: $feather-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;
-}
-    .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;
-          border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-}
-    .k-dropdowntree.k-invalid.k-focus.k-picker,.k-dropdowntree.ng-invalid.ng-touched.k-focus.k-picker,.k-dropdowntree.ng-invalid.ng-dirty.k-focus.k-picker,.k-dropdowntree.k-invalid.k-state-focus.k-picker,.k-dropdowntree.k-invalid.k-state-focused.k-picker,.k-dropdowntree.k-invalid:focus.k-picker,.k-dropdowntree.ng-invalid.ng-touched.k-state-focus.k-picker,.k-dropdowntree.ng-invalid.ng-touched.k-state-focused.k-picker,.k-dropdowntree.ng-invalid.ng-touched:focus.k-picker,.k-dropdowntree.ng-invalid.ng-dirty.k-state-focus.k-picker,.k-dropdowntree.ng-invalid.ng-dirty.k-state-focused.k-picker,.k-dropdowntree.ng-invalid.ng-dirty:focus.k-picker{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-dropdowntree-popup.k-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
-          border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-dropdowntree-popup{
-    position: relative;
-            top: 2px;
-}
-    .k-popup.k-list-container{
-    padding-bottom: $feather-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;
-}
-    .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;
-}
-    .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;
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-treeview .k-treeview-lines.k-treeview-group{
-    padding-bottom: 8px;
-            padding-left: 8px;
-            padding-right: 8px;
-            padding-top: 8px;
-}
-    .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;
-          background-color: initial;
-            background-image: $feather-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;
-}
-    .k-form .k-form-fieldset .k-form-field{
-    height: 88px;
-}
-    .k-form.k-form-horizontal .k-form-fieldset .k-form-field{
-                    @extend %feather-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;
-}
-    .k-form.k-form-horizontal .k-form-fieldset{
-    display: flex;
-            flex-direction: column;
-            align-items: stretch;
-            row-gap: 12px;
-            align-self: stretch;
-            justify-content: start;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-form .k-form-fieldset{
-    display: flex;
-            flex-direction: column;
-            row-gap: 8px;
-}
-    .k-form .k-form-buttons{
-    margin-top: 24px;
-}
-    .k-form.k-form-horizontal .k-label .k-label-optional{
-    color: $feather-feather-secondary-text-on-surface;
-            font-family: inter;
-            font-weight: 500;
-            font-size: $feather-feather-font-size-sm;
-            font-style: normal;
-}
-    .k-form.k-form-horizontal .k-form-fieldset .k-form-field .k-form-field-wrap{
-    height: 80px;
-            padding-top: 4px;
-}
-    .k-form .k-label .k-label-optional{
-    font-style: normal;
-            font-family: Inter;
-            font-weight: 500;
-            font-size: $feather-feather-font-size-md;
-            line-height: 1.4285714286em;
-            color: $feather-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;
-          border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-list-filter .k-textbox.k-textbox.k-input{
-    padding-left: 8px;
-}
-    .k-list-filter .k-textbox.k-textbox.k-invalid.k-focus,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-touched.k-focus,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-dirty.k-focus,.k-list-filter .k-textbox.k-textbox.k-invalid.k-state-focus,.k-list-filter .k-textbox.k-textbox.k-invalid.k-state-focused,.k-list-filter .k-textbox.k-textbox.k-invalid:focus,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-touched.k-state-focus,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-touched.k-state-focused,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-touched:focus,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-dirty.k-state-focus,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-dirty.k-state-focused,.k-list-filter .k-textbox.k-textbox.ng-invalid.ng-dirty:focus{
-    box-shadow: inset 0px 0px 0px 2px k-color( error );
-}
-    .k-multiselect.k-input .k-input-values{
-    padding-right: 4px;
-            padding-left: 4px;
-            column-gap: 4px;
-}
-    .k-multiselect.k-input .k-input-values .k-input-inner{
-    padding-left: 4px;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-multiselecttree.k-input .k-input-values.k-chip-list .k-chip{
-    height: $feather-feather-container-height-xs;
-}
-    .k-chip.k-chip-outline.k-selected .k-chip-content{
-    color: $feather-kendo-chip-outline-selected-text;
-}
-    .k-chip.k-chip-outline .k-chip-content{
-    color: $feather-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;
-}
-    .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{
-    color: k-color( error );
-}
-    .k-window.k-dialog{
-                    @extend %feather-effects-feather-elevation-24dp;
-}
-    .k-window.k-dialog .k-window-titlebar.k-dialog-titlebar{
-    background-color: initial;
-            background-image: none;
-            border-bottom-style: none;
-            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;
-}
-    .k-window .k-window-titlebar .k-window-title{
-                    @extend %feather-typography-feather-body-large;
-          color: $feather-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;
-}
-    .k-popover.k-popup{
-    margin-bottom: 4px;
-            margin-left: 4px;
-            margin-right: 4px;
-            margin-top: 4px;
-}
-    .k-popover{
-                    @extend %feather-effects-feather-elevation-04dp;
-}
-    .k-popover .k-popover-callout.k-callout-s{
-    border-bottom-left-radius: 0px;
-            border-bottom-right-radius: 4px;
-            border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-            bottom: 5px;
-}
-    .k-popover .k-popover-callout.k-callout-w{
-    border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-            border-bottom-right-radius: 0px;
-            border-bottom-left-radius: 4px;
-            left: 5px;
-}
-    .k-popover .k-popover-callout.k-callout-e{
-    border-bottom-left-radius: 0px;
-            border-bottom-right-radius: 4px;
-            border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-            right: 5px;
-}
-    .k-popover .k-popover-callout.k-callout-n{
-    border-bottom-left-radius: 0px;
-            border-bottom-right-radius: 0px;
-            border-top-left-radius: 4px;
-            border-top-right-radius: 0px;
-            top: 5px;
-}
-    .k-colorgradient{
-    width: 304px;
-            border-bottom-left-radius: 8px;
-            border-bottom-right-radius: 8px;
-            border-top-left-radius: 8px;
-            border-top-right-radius: 8px;
-            background-color: $feather-feather-surface-shade-1;
-            background-image: none;
-            transition-property: box-shadow;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-colorgradient .k-colorgradient-inputs.k-hstack{
-    justify-content: space-between;
-            align-items: stretch;
-            align-self: stretch;
-            column-gap: 8px;
-            padding-top: 20px;
-            border-top-width: 1px;
-            border-top-color: $feather-feather-border-on-surface;
-            border-top-style: solid;
-            margin-top: 4px;
-            margin-right: -12px;
-            margin-left: -12px;
-            padding-right: 16px;
-            padding-left: 8px;
-            padding-bottom: 4px;
-}
-    .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-input.k-numerictextbox.k-input-solid{
-    width: auto;
-}
-    .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-colorgradient-toggle-mode.k-icon-button{
-    margin-top: 2px;
-}
-    .k-colorgradient .k-colorgradient-inputs.k-hstack .k-vstack .k-colorgradient-input-label{
-    margin-top: 2px;
-            color: $feather-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;
-}
-    .k-colorgradient .k-colorgradient-canvas.k-hstack{
-    padding-bottom: 8px;
-            padding-left: 8px;
-            padding-right: 8px;
-            padding-top: 8px;
-}
-    .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;
-          border-top-style: solid;
-            border-top-width: $feather-kendo-input-border-width;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-            border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-}
-    .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;
-}
-    .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{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-pager .k-pager-sizes .k-dropdownlist.k-picker{
-    width: auto;
-}
-    .feather-ks-notification-flat.k-notification{
-                    @extend %feather-effects-tb-internal-none-effects;
-                          @extend %feather-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;
-            column-gap: 8px;
-            background-color: initial;
-            background-image: none;
-            height: 1.25rem;
-            margin-top: 12px;
-            margin-bottom: 12px;
-}
-    .feather-ks-notification-flat.k-notification.k-notification-success{
-                    @extend %feather-typography-feather-body-small;
-          background-color: initial;
-            background-image: none;
-            color: $feather-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;
-}
-    .feather-ks-notification-flat.k-notification.k-notification-warning{
-    background-color: initial;
-            background-image: none;
-}
-    .feather-ks-notification-flat.k-notification.k-notification-warning .k-notification-status.k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
-}
-    .feather-ks-notification-flat.k-notification.k-notification-success .k-notification-status.k-icon.k-svg-icon{
-    color: k-color( success );
-}
-    .feather-ks-notification-flat.k-notification.k-notification-error .k-notification-status.k-icon.k-svg-icon{
-    color: k-color( error );
-}
-    .feather-ks-notification-flat.k-notification.k-notification-info{
-    background-color: initial;
-            background-image: none;
-}
-    .feather-ks-notification-flat.k-notification.k-notification-info .k-notification-status.k-icon.k-svg-icon{
-    color: $feather-feather-icon-on-neutral;
-}
-    .feather-ks-notification-flat.k-notification .k-notification-content{
-    margin-top: 1px;
-}
-    .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;
-}
-    .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;
-}
-    .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-end{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-start{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-center{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-split-button.k-button-group .k-button.k-icon-button.k-split-button-arrow{
-    box-shadow: none;
-}
-    .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;
-}
-    .k-split-button.k-button-group .k-button.k-first-child,.k-split-button.k-button-group .k-button:first-child{
-    margin-right: -1px;
-}
-    .k-colorpicker.k-picker.k-icon-picker{
-    align-items: center;
-            align-self: stretch;
-            background-image: none;
-}
-    .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;
-}
-    .k-colorpicker.k-picker.k-icon-picker .k-input-inner{
-    width: 2em;
-            height: 2em;
-}
-    .k-colorpicker.k-picker.k-icon-picker.k-hover.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-hover.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker.k-state-hovered.k-picker-solid,.k-colorpicker.k-picker.k-icon-picker:hover.k-picker-solid{
-    background-color: $feather-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;
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    background-color: initial;
-            background-image: none;
-            visibility: hidden;
-}
-    .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-image: none;
-}
-    .k-colorpicker.k-picker.k-icon-picker.k-disabled,.k-colorpicker.k-picker.k-icon-picker.k-state-disabled,.k-colorpicker.k-picker.k-icon-picker:disabled{
-    opacity: 40%;
-}
-    .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;
-}
-    .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{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-popup.k-color-picker-popup{
-                    @extend %feather-effects-feather-elevation-04dp;
-          border-bottom-left-radius: 8px;
-            border-bottom-right-radius: 8px;
-            border-top-left-radius: 8px;
-            border-top-right-radius: 8px;
-            border-bottom-width: 1px;
-            border-left-width: 1px;
-            border-right-width: 1px;
-            border-top-width: 1px;
-            border-bottom-color: $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;
-            padding-bottom: 4px;
-            padding-left: 4px;
-            padding-right: 4px;
-            padding-top: 4px;
-}
-    .k-grid.k-grid-md{
-    isolation: isolate;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            background-color: initial;
-            background-image: none;
-}
-    div.feather-ks-spacing-min{
-    padding-top: $feather-feather-spacing-min;
-}
-    div.feather-ks-spacing-xs{
-    padding-top: $feather-feather-spacing-xs;
-}
-    div.feather-ks-spacing-s{
-    padding-top: $feather-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{
-    margin-right: 8px;
-}
-    .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,.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{
-    margin-right: 8px;
-}
-    .k-form{
-    min-width: 288px;
-}
-    .k-popup.k-list-container .k-list.k-list-md{
-    background-color: initial;
-            background-image: none;
-}
-    .k-button.k-button-solid-base.k-icon-button.k-rounded-md{
-    border-bottom-left-radius: 40px;
-            border-bottom-right-radius: 40px;
-            border-top-left-radius: 40px;
-            border-top-right-radius: 40px;
-}
-    .k-button.k-button-flat.k-icon-button.k-rounded-md{
-    border-bottom-left-radius: 40px;
-            border-bottom-right-radius: 40px;
-            border-top-left-radius: 40px;
-            border-top-right-radius: 40px;
-}
-    .k-button.k-button-solid-primary.k-icon-button.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-button.k-button-outline.k-icon-button.k-rounded-md{
-    border-bottom-left-radius: 40px;
-            border-bottom-right-radius: 40px;
-            border-top-left-radius: 40px;
-            border-top-right-radius: 40px;
-}
-    .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;
-}
-    .k-textbox.k-input.k-invalid,.k-textbox.k-input.ng-invalid.ng-touched,.k-textbox.k-input.ng-invalid.ng-dirty{
-    border-bottom-color: k-color( error );
-            border-left-color: k-color( error );
-            border-right-color: k-color( error );
-            border-top-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;
-}
-    .k-button-group .k-button.k-hover,.k-button-group .k-button.k-state-hover,.k-button-group .k-button.k-state-hovered,.k-button-group .k-button:hover{
-    z-index: 1;
-}
-    .k-button-group .k-button.k-focus.k-group-start,.k-button-group .k-button.k-state-focus.k-group-start,.k-button-group .k-button.k-state-focused.k-group-start,.k-button-group .k-button:focus.k-group-start,.k-button-group .k-button.k-focus:first-child,.k-button-group .k-button.k-state-focus:first-child,.k-button-group .k-button.k-state-focused:first-child,.k-button-group .k-button:focus:first-child{
-    border-bottom-color: transparent;
-            border-left-color: transparent;
-            border-right-color: transparent;
-            border-top-color: transparent;
-            z-index: 3;
-}
-    .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;
-          z-index: 3;
-}
-    .k-button-group .k-button.k-active,.k-button-group .k-button.k-state-active,.k-button-group .k-button:active{
-    z-index: 1;
-}
-    .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;
-}
-    .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{
-    z-index: 0;
-}
-    .k-button-group .k-button.k-active.k-group-start,.k-button-group .k-button.k-state-active.k-group-start,.k-button-group .k-button:active.k-group-start,.k-button-group .k-button.k-active:first-child,.k-button-group .k-button.k-state-active:first-child,.k-button-group .k-button:active:first-child{
-    z-index: 0;
-}
-    .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;
-          z-index: 3;
-}
-    .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::after,.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::after{
-    visibility: visible;
-}
-    .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 .k-icon.k-svg-icon,.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 .k-icon.k-svg-icon{
-    visibility: visible;
-}
-    .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-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .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-floating-label-container.k-empty .k-floating-label{
-                    @extend %feather-typography-feather-body-small;
-          top: 30px;
-}
-    .k-floating-label-container.k-empty.k-focus .k-floating-label,.k-floating-label-container.k-empty.k-state-focus .k-floating-label,.k-floating-label-container.k-empty.k-state-focused .k-floating-label,.k-floating-label-container.k-empty:focus .k-floating-label{
-    top: -4px;
-}
-    .k-floating-label-container .k-floating-label{
-    top: -4px;
-}
-    .k-grid.k-grid-md .k-grid-container .k-grid-content{
-    background-color: initial;
-            background-image: none;
-}
-    .fk-grid.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th,.fk-grid.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-button.k-focus.k-button-flat.k-button-flat-primary::after,.k-button.k-state-focus.k-button-flat.k-button-flat-primary::after,.k-button.k-state-focused.k-button-flat.k-button-flat-primary::after,.k-button:focus.k-button-flat.k-button-flat-primary::after{
-    visibility: hidden;
-}
-    .fk-loader.k-loader.k-loader-lg.k-loader-pulsing-2 .k-loader-canvas{
-    width: 3rem;
-}
-    .k-form.k-form-horizontal{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-form.k-form-horizontal .k-form-fieldset .k-form-legend{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            text-transform: none;
-            color: $feather-feather-primary-text-on-surface;
-}
-    .k-floating-label-container .k-floating-label .k-label-optional{
-    font-style: normal;
-}
-    .k-form .k-form-fieldset .k-form-legend{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-            font-family: Inter;
-            font-weight: 600;
-            text-transform: none;
-            letter-spacing: -0.125px;
-            line-height: 1.5;
-}
-    .k-button.k-button-outline.k-button-outline-primary{
-    border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-            background-color: rgba(0, 0, 0, 0);
-            background-image: linear-gradient(#FFFFFF, #FFFFFF);
-            transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-switch.k-switch-on .k-switch-track{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .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;
-}
-    .k-slider .k-draghandle.k-draghandle-end{
-    transition-property: box-shadow;
-            transition-duration: 140ms;
-            transition-timing-function: ease-out;
-}
-    .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease{
-    border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-            background-color: initial;
-            background-image: none;
-            height: $feather-feather-container-height-sm;
-            width: $feather-feather-container-height-sm;
-}
-    .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase{
-    border-bottom-style: solid;
-            border-left-style: solid;
-            border-right-style: solid;
-            border-top-style: solid;
-            background-color: initial;
-            background-image: none;
-            height: $feather-feather-container-height-sm;
-            width: $feather-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;
-          border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-slider .k-draghandle.k-draghandle-end.k-focus,.k-slider .k-draghandle.k-draghandle-end.k-state-focus,.k-slider .k-draghandle.k-draghandle-end.k-state-focused,.k-slider .k-draghandle.k-draghandle-end:focus{
-    box-shadow: 0 0px 0px 2px k-color( on-primary ),0px 0px 0px 5px k-color( primary );
-}
-    .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-decrease .k-button-icon.k-icon.k-svg-icon >svg{
-    position: relative;
-            right: 1px;
-}
-    .k-slider .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-rounded-full.k-button-increase .k-button-icon.k-icon.k-svg-icon >svg{
-    position: relative;
-            left: 1px;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-          background-color: initial;
-            background-image: $feather-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;
-          background-color: initial;
-            background-image: $feather-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;
-}
-    .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;
-}
-    .k-popup.k-timepicker-popup .k-timeselector{
-    background-color: k-color( app-surface );
-            background-image: none;
-}
-    .k-popup.k-timepicker-popup{
-                    @extend %feather-effects-feather-elevation-06dp;
-}
-    .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-selected,.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-selected{
-    background-color: k-color( primary-active );
-            background-image: linear-gradient(transparent, transparent);
-}
-    .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-selected,.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-selected{
-    background-color: k-color( primary-active );
-            background-image: linear-gradient(transparent, transparent);
-}
-    .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;
-}
-    .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;
-}
-    .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{
-    visibility: visible;
-}
-    .k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-focus::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-state-focus::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper.k-state-focused::before,.k-popup.k-datetime-container .k-time-tab.k-datetime-wrap .k-time-list-container .k-time-list-wrapper:focus::before{
-    visibility: visible;
-            position: absolute;
-            top: 36px;
-}
-    .k-popup.k-datetime-container .k-date-tab.k-datetime-wrap{
-    padding-top: $feather-feather-spacing-xs;
-            padding-bottom: $feather-feather-spacing-xs;
-}
-    .k-calendar .k-calendar-navigation .k-content{
-    visibility: visible;
-}
-    .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;
-}
-    .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{
-    translate: -1px;
-}
-    .k-pager .k-pager-numbers-wrap .k-button.k-pager-nav .k-icon.k-svg-icon.k-svg-i-caret-alt-right.k-button-icon{
-    translate: 1px;
-}
-    .k-switch.k-switch-off .k-switch-track .k-switch-label-off{
-    visibility: hidden;
-}
-    .k-popover .k-popover-inner .k-popover-actions.k-actions{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-popover .k-popover-inner .k-popover-header{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-maskedtextbox.k-input.k-hover .k-input-inner,.k-maskedtextbox.k-input.k-state-hover .k-input-inner,.k-maskedtextbox.k-input.k-state-hovered .k-input-inner,.k-maskedtextbox.k-input:hover .k-input-inner{
-    box-sizing: border-box;
-}
-    .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;
-}
-    .k-input.k-state-focus-within.k-input-solid,.k-input:focus-within.k-input-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
-}
-    .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;
-}
-    .k-input.k-hover,.k-input.k-state-hover,.k-input.k-state-hovered,.k-input:hover{
-    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;
-            box-shadow: 0px 0px 0px 0.5px $feather-feather-primary-text-on-surface;
-}
-    .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;
-          border-bottom-color: $feather-kendo-input-flat-hover-border;
-            border-left-color: $feather-kendo-input-flat-hover-border;
-            border-right-color: $feather-kendo-input-flat-hover-border;
-            border-top-color: $feather-kendo-input-flat-hover-border;
-}
-    .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;
-}
-    .k-input.k-disabled,.k-input.k-state-disabled,.k-input:disabled{
-    opacity: unset;
-            visibility: visible;
-}
-    .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;
-}
-    .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;
-}
-    .k-input.k-state-readonly,.k-input[readonly]{
-    background-color: k-color( border-alt );
-            background-image: none;
-}
-    .k-dateinput.k-input .k-input-inner{
-    height: auto;
-}
-    .k-datepicker.k-input .k-input-inner{
-    height: auto;
-}
-    .k-label .k-label-optional{
-    font-style: normal;
-}
-    .k-label{
-    margin-bottom: $feather-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;
-          border-bottom-color: k-color( primary );
-            border-left-color: k-color( primary );
-            border-right-color: k-color( primary );
-            border-top-color: k-color( primary );
-}
-    .k-appbar.k-appbar-light .k-appbar-spacer{
-    visibility: visible;
-}
-    .k-appbar.k-appbar-light .k-appbar-section .k-appbar-separator{
-    visibility: hidden;
-}
-    .k-appbar.k-appbar-dark .k-appbar-section .k-appbar-separator{
-    visibility: hidden;
-}
-    .k-appbar.k-appbar-inherit .k-appbar-section .k-appbar-separator{
-    visibility: hidden;
-}
-    .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;
-}
-    .k-dropdownlist-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item{
-    min-height: $feather-feather-container-height-md;
-}
-    .k-menu-popup .k-group.k-menu-group .k-item.k-menu-item{
-    min-height: $feather-feather-container-height-md;
-}
-    .k-card{
-                    @extend %feather-effects-feather-elevation-02dp;
-          background-color: k-color( app-surface );
-            background-image: none;
-}
-    .k-card .k-card-header{
-    border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .k-card .k-card-header .k-card-title{
-    color: $feather-feather-primary-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;
-}
-    .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;
-          outline-style: none;
-            background-color: initial;
-            background-image: $feather-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;
-}
-    .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{
-    opacity: 100%;
-}
-    .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;
-}
-    .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;
-          background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
-}
-    .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link{
-    color: k-color( primary );
-}
-    .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link .k-breadcrumb-item-text{
-    opacity: 80%;
-}
-    .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link .k-breadcrumb-item-text{
-    opacity: 80%;
-}
-    .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link .k-breadcrumb-item-text{
-    opacity: 90%;
-            font-weight: 600;
-}
-    .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link .k-svg-i-home.k-icon.k-svg-icon{
-    opacity: 70%;
-}
-    .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link .k-svg-i-home.k-icon.k-svg-icon{
-    opacity: 70%;
-}
-    .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-focus .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-focus .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-focused .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link:focus .k-breadcrumb-item-text{
-    opacity: 100%;
-}
-    .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link.k-focus .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link.k-state-focus .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link.k-state-focused .k-breadcrumb-item-text,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link:focus .k-breadcrumb-item-text{
-    opacity: 100%;
-}
-    .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link.k-focus .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link.k-state-focus .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link.k-state-focused .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item.k-breadcrumb-last-item .k-breadcrumb-link:focus .k-svg-i-home.k-icon.k-svg-icon{
-    opacity: 100%;
-}
-    .k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-focus .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-focus .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link.k-state-focused .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-root-item-container .k-breadcrumb-item.k-breadcrumb-root-item .k-breadcrumb-root-link:focus .k-svg-i-home.k-icon.k-svg-icon{
-    opacity: 100%;
-}
-    .k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-focus .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-focus .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link.k-state-focused .k-svg-i-home.k-icon.k-svg-icon,.k-breadcrumb .k-breadcrumb-container .k-breadcrumb-item .k-breadcrumb-link:focus .k-svg-i-home.k-icon.k-svg-icon{
-    opacity: 100%;
-}
-    .k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper{
-                    @extend %feather-effects-feather-elevation-02dp;
-}
-    .k-drawer-container.k-drawer-mini .k-drawer.k-drawer-start .k-drawer-wrapper{
-                    @extend %feather-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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-button.k-active,.k-button.k-state-active,.k-button:active{
-    background-color: inherit;
-            background-image: $feather-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;
-}
-    .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;
-}
-    .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;
-}
-    .k-button.k-selected.k-button-solid-primary .k-button-text{
-    color: inherit;
-}
-    .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;
-          background-color: k-color( primary );
-            background-image: $feather-feather-focused-on-color;
-}
-    .k-button.k-button-solid-primary{
-    transition-duration: 280ms;
-            transition-property: all;
-            transition-timing-function: ease-out;
-}
-    .k-button.k-button-outline.k-button-outline-primary.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
-    translate: 0 -0.5px;
-}
-    .k-button .k-button-icon.k-icon.k-svg-icon >svg{
-    width: auto;
-            height: auto;
-}
-    .k-button.k-button-outline.k-button-outline-primary.k-icon-button{
-    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-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
-    translate: 0 -1px;
-}
-    .k-button-group .k-button.k-button-flat.k-icon-button.k-group-start,.k-button-group .k-button.k-button-flat.k-icon-button:first-child{
-    border-top-left-radius: $feather-kendo-border-radius;
-            border-bottom-left-radius: $feather-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;
-            box-shadow: inset 0px 0px 0px 1px currentcolor;
-}
-    .k-button.k-icon-button{
-    aspect-ratio: 1/1;
-            width: $feather-feather-container-height-md;
-}
-    .k-button.k-icon-button.k-button-md{
-    padding-bottom: 0px;
-            padding-left: 0px;
-            padding-right: 0px;
-            padding-top: 0px;
-}
-    .k-button.k-button-solid-base.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;
-}
-    .k-button.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
-    width: $feather-kendo-icon-size;
-            height: $feather-kendo-icon-size;
-}
-    .k-button .k-button-icon.k-icon.k-svg-icon{
-    translate: 0px -0.5px;
-}
-    .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;
-}
-    .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{
-    color: currentcolor;
-}
-    .k-button-group .k-button.k-button-outline.k-active.k-button-outline-base,.k-button-group .k-button.k-button-outline.k-state-active.k-button-outline-base,.k-button-group .k-button.k-button-outline:active.k-button-outline-base{
-    color: currentcolor;
-}
-    .k-button-group .k-button.k-button-flat::after{
-    visibility: hidden;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-button-group .k-button.k-button-outline.k-icon-button{
-    border-bottom-left-radius: 0px;
-            border-bottom-right-radius: 0px;
-            border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-}
-    .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;
-}
-    .k-button-group .k-button.k-button-outline{
-    box-shadow: inset 0px 0px 0px 1px currentcolor;
-}
-    .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;
-}
-    .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;
-}
-    .k-button-group .k-button.k-button-outline.k-selected{
-    box-shadow: inset 1px 0px 0px 0px currentcolor;
-}
-    .k-button-group .k-button.k-button-outline.k-selected.k-group-start,.k-button-group .k-button.k-button-outline.k-selected:first-child{
-    box-shadow: none;
-}
-    .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;
-}
-    .k-button.k-button-solid-base.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;
-}
-    .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{
-    border-bottom-left-radius: inherit;
-            border-bottom-right-radius: inherit;
-            border-top-left-radius: inherit;
-            border-top-right-radius: inherit;
-}
-    .k-button-group .k-button.k-focus.k-icon-button,.k-button-group .k-button.k-state-focus.k-icon-button,.k-button-group .k-button.k-state-focused.k-icon-button,.k-button-group .k-button:focus.k-icon-button{
-    border-bottom-left-radius: inherit;
-            border-bottom-right-radius: inherit;
-            border-top-left-radius: inherit;
-            border-top-right-radius: inherit;
-}
-    .k-button-group .k-button.k-selected.k-icon-button{
-    border-bottom-left-radius: inherit;
-            border-bottom-right-radius: inherit;
-            border-top-left-radius: inherit;
-            border-top-right-radius: inherit;
-}
-    .k-button-group .k-button.k-disabled.k-icon-button,.k-button-group .k-button.k-state-disabled.k-icon-button,.k-button-group .k-button:disabled.k-icon-button{
-    border-bottom-left-radius: inherit;
-            border-bottom-right-radius: inherit;
-            border-top-left-radius: inherit;
-            border-top-right-radius: inherit;
-}
-    .k-button.k-button-solid-base.k-icon-button.k-rounded-md{
-    border-bottom-left-radius: 0px;
-            border-bottom-right-radius: 0px;
-            border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-}
-    .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;
-}
-    .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;
-}
-    .k-multiselecttree.k-input{
-    min-height: $feather-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;
-            border-bottom-style: none;
-            border-left-style: none;
-            border-right-style: none;
-            border-top-style: none;
-}
-    .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;
-}
-    .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;
-}
-    .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-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-left-radius: 0px;
-            border-bottom-left-radius: 0px;
-}
-    .k-button-group .k-button.k-button-flat.k-icon-button{
-    border-top-left-radius: 0px;
-            border-top-right-radius: 0px;
-            border-bottom-right-radius: 0px;
-            border-bottom-left-radius: 0px;
-}
-    .k-dropdowntree.k-focus.k-picker-solid,.k-dropdowntree.k-state-focus.k-picker-solid,.k-dropdowntree.k-state-focused.k-picker-solid,.k-dropdowntree:focus.k-picker-solid{
-                    @extend %feather-effects-feather-focus-outer-on-surface;
-}
-    .k-dropdowntree .k-input-button.k-button.k-icon-button{
-    height: auto;
-}
-    .k-dropdowntree.k-invalid,.k-dropdowntree.ng-invalid.ng-touched,.k-dropdowntree.ng-invalid.ng-dirty{
-    outline-color: k-color( error );
-}
-    .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;
-}
-    .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{
-    outline-color: currentcolor;
-            outline-style: solid;
-            outline-width: 0.5px;
-}
-    .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;
-}
-    .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{
-    color: k-color( error );
-}
-    .k-dropdownlist .k-input-button{
-    color: $feather-kendo-component-text;
-}
-    .k-popup.k-list-container .k-list.k-list-md .k-list-content{
-    padding-top: $feather-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;
-            margin-top: -0.5em;
-            margin-bottom: -0.5em;
-            margin-left: -0.025rem;
-}
-    .k-chip .k-icon.k-svg-icon.k-chip-icon.k-icon-sm{
-    width: unset;
-            height: unset;
-}
-    .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;
-            height: unset;
-}
-    .k-chip.k-focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon,.k-chip.k-state-focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon,.k-chip.k-state-focused .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon,.k-chip:focus .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon{
-    aspect-ratio: 1/1;
-}
-    .k-chip.k-focus .k-icon.k-svg-icon.k-chip-icon,.k-chip.k-state-focus .k-icon.k-svg-icon.k-chip-icon,.k-chip.k-state-focused .k-icon.k-svg-icon.k-chip-icon,.k-chip:focus .k-icon.k-svg-icon.k-chip-icon{
-    height: unset;
-            aspect-ratio: 1/1;
-}
-    .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon{
-    aspect-ratio: 1/1;
-}
-    .k-chip .k-chip-actions .k-chip-action.k-chip-remove-action .k-icon.k-svg-icon.k-icon-sm{
-    width: unset;
-            height: unset;
-}
-    .k-chip .k-icon.k-svg-icon.k-chip-icon >svg{
-    width: $feather-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;
-}
-    .k-chip .k-chip-actions{
-    margin-right: -0.25rem;
-}
-    .k-editor{
-    background-color: k-color( app-surface );
-            background-image: none;
-            border-bottom-style: solid;
-            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;
-}
-    .k-editor .k-toolbar.k-editor-toolbar{
-    background-color: k-color( app-surface );
-            background-image: none;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-colorpalette .k-colorpalette-table .k-colorpalette-tile{
-    display: inline-flex;
-}
-    .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;
-}
-    .k-flatcolorpicker.k-coloreditor{
-    transition-property: box-shadow;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-          background-color: initial;
-            background-image: $feather-feather-focused-on-surface-gradient;
-}
-    .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;
-}
-    .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;
-}
-    .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-surface;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .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;
-}
-    .k-autocomplete.k-input .k-input-inner::placeholder{
-    content: "Search...";
-}
-    .k-expander{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-expander.k-expanded .k-expander-content-wrapper{
-    transition-property: all;
-            transition-duration: 280ms;
-            transition-timing-function: ease-out;
-}
-    .k-grid.k-grid-md .k-grid-header .k-grid-header-wrap{
-    visibility: visible;
-}