@featherk/styles 0.5.4 → 0.5.6

package/dist/v8.2.0/css/featherk-beautified.css

@@ -8,51 +8,51 @@
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-Medium.woff2") format("woff2");
+  src: url("../fonts/Inter-Light.woff2") format("woff2");
   font-style: normal;
-  font-weight: 500;
+  font-weight: 300;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
-  font-style: italic;
+  src: url("../fonts/Inter-Bold.woff2") format("woff2");
+  font-style: normal;
   font-weight: 700;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-Light.woff2") format("woff2");
-  font-style: normal;
-  font-weight: 300;
+  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
+  font-style: italic;
+  font-weight: 700;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
+  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
   font-style: italic;
-  font-weight: 300;
+  font-weight: 500;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-Bold.woff2") format("woff2");
-  font-style: normal;
-  font-weight: 700;
+  src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
+  font-style: italic;
+  font-weight: 300;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
+  src: url("../fonts/Inter-Italic.woff2") format("woff2");
   font-style: italic;
-  font-weight: 500;
+  font-weight: 400;
   font-display: auto;
 }
 @font-face {
   font-family: Inter;
-  src: url("../fonts/Inter-Italic.woff2") format("woff2");
-  font-style: italic;
-  font-weight: 400;
+  src: url("../fonts/Inter-Medium.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 500;
   font-display: auto;
 }
 :root {
@@ -66,7 +66,7 @@
   --kendo-color-base-subtle: #ebebeb;
   --kendo-color-base-subtle-hover: #e0e0e0;
   --kendo-color-base-subtle-active: #d6d6d6;
-  --kendo-color-base: #f5f5f5;
+  --kendo-color-base: #003583;
   --kendo-color-base-hover: #ebebeb;
   --kendo-color-base-active: #d6d6d6;
   --kendo-color-base-emphasis: #c2c2c2;
@@ -23883,7 +23883,7 @@ kendo-sortable {
 .k-list {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-list-group-sticky-header {
   border-color: inherit;
@@ -23925,7 +23925,7 @@ kendo-sortable {
   border-color: inherit;
 }
 .k-list-item-group-label {
-  color: #fcfcff;
+  color: #ededf5;
   background-color: rgba(10, 12, 27, 0.7);
 }
 .k-no-data,
@@ -24186,7 +24186,7 @@ kendo-sortable {
 .k-popup {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
   box-shadow:
     0px 8px 10px 0 rgba(0, 0, 0, 0.12),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -24506,7 +24506,7 @@ kendo-sortable {
 .k-data-table {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-table-thead,
 .k-table-header,
@@ -24527,7 +24527,7 @@ kendo-sortable {
   background-color: #ededf5;
 }
 .k-table-group-td > span {
-  color: #fcfcff;
+  color: #ededf5;
   background-color: rgba(10, 12, 27, 0.7);
 }
 .k-table-alt-row {
@@ -25247,7 +25247,7 @@ kendo-badge-container {
 }
 .k-chip-outline-base:hover,
 .k-chip-outline-base.k-hover {
-  color: #f5f5f5;
+  color: #003583;
   background-color: #ededf5;
 }
 .k-chip-outline-base.k-selected {
@@ -25767,7 +25767,7 @@ kendo-badge-container {
   color: currentColor;
 }
 .k-loading-color {
-  background-color: #fcfcff;
+  background-color: #ededf5;
   opacity: 0.3;
 }
 .k-i-loading {
@@ -26904,7 +26904,7 @@ kendo-badge-container {
 .k-button-outline-base:hover,
 .k-button-outline-base.k-hover {
   border-color: var(--kendo-color-on-base, #3d3d3d);
-  color: var(--kendo-color-base, #f5f5f5);
+  color: var(--kendo-color-base, #003583);
   background-color: var(--kendo-color-on-base, #3d3d3d);
 }
 .k-button-outline-base:focus,
@@ -26919,12 +26919,12 @@ kendo-badge-container {
 .k-button-outline-base:active,
 .k-button-outline-base.k-active {
   border-color: var(--kendo-color-on-base, #3d3d3d);
-  color: var(--kendo-color-base, #f5f5f5);
+  color: var(--kendo-color-base, #003583);
   background-color: var(--kendo-color-on-base, #3d3d3d);
 }
 .k-button-outline-base.k-selected {
   border-color: var(--kendo-color-on-base, #3d3d3d);
-  color: var(--kendo-color-base, #f5f5f5);
+  color: var(--kendo-color-base, #003583);
   background-color: var(--kendo-color-on-base, #3d3d3d);
 }
 .k-button-flat-primary {
@@ -29227,7 +29227,7 @@ select.k-picker-lg {
 .k-picker-outline:hover,
 .k-picker-outline.k-hover {
   border-color: #003583;
-  color: #f5f5f5;
+  color: #003583;
   background-color: #003583;
 }
 .k-picker-outline:focus,
@@ -29578,7 +29578,7 @@ select.k-picker-lg {
 .k-listbox .k-list-scroller {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-listbox .k-drop-hint {
   border-top-color: var(--kendo-color-primary, #003583);
@@ -30816,7 +30816,7 @@ select.k-picker-lg {
   z-index: 1;
   width: 150%;
   left: -25%;
-  box-shadow: 0 0 2.5rem 1.25rem #fcfcff;
+  box-shadow: 0 0 2.5rem 1.25rem #ededf5;
 }
 .k-calendar-infinite .k-calendar-header {
   margin-left: -1rem;
@@ -30959,7 +30959,7 @@ select.k-picker-lg {
 .k-calendar {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-calendar .k-header {
   border-color: inherit;
@@ -31028,7 +31028,7 @@ select.k-picker-lg {
 .k-calendar .k-calendar-navigation-highlight {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-calendar[dir="rtl"] .k-calendar-navigation,
 .k-rtl .k-calendar .k-calendar-navigation {
@@ -31673,7 +31673,7 @@ select.k-picker-lg {
 .k-colorgradient {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #fcfcff;
 }
 .k-colorgradient:focus,
 .k-colorgradient.k-focus {
@@ -31826,7 +31826,7 @@ select.k-picker-lg {
 .k-coloreditor {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #f5f5f5;
+  background-color: #fcfcff;
 }
 .k-coloreditor .k-colorgradient:focus,
 .k-coloreditor .k-colorgradient.k-focus {
@@ -32479,7 +32479,7 @@ select.k-picker-lg {
 .k-switch-off .k-switch-track {
   border-color: rgba(10, 12, 27, 0.4);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-switch-off .k-switch-thumb {
   border-color: rgba(10, 12, 27, 0.12);
@@ -32769,7 +32769,7 @@ select.k-picker-lg {
 .k-upload {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-upload .k-dropzone,
 .k-upload .k-upload-dropzone {
@@ -33517,7 +33517,7 @@ select.k-picker-lg {
 .k-fab-item-text {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
   box-shadow:
     0px 10px 12px 0 rgba(0, 0, 0, 0.16),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -33561,7 +33561,7 @@ select.k-picker-lg {
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
   background-color: color-mix(
     in srgb,
-    var(--kendo-color-base, #f5f5f5) 60%,
+    var(--kendo-color-base, #003583) 60%,
     transparent
   );
   color: color-mix(
@@ -34039,7 +34039,7 @@ select.k-picker-lg {
 .k-window {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
   box-shadow:
     0px 16px 18px 0 rgba(0, 0, 0, 0.28),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -34292,7 +34292,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-drawer {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-drawer-wrapper {
   scrollbar-color: rgba(156, 156, 156, 0.7) #dedede;
@@ -34313,7 +34313,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 .k-drawer-item:focus,
 .k-drawer-item.k-focus {
-  background-color: #fcfcff;
+  background-color: #ededf5;
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
 }
 .k-drawer-item:focus:hover,
@@ -34393,7 +34393,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-notification {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
   box-shadow:
     0px 8px 10px 0 rgba(0, 0, 0, 0.12),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -34898,7 +34898,7 @@ kendo-card-footer {
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-popover-inner {
   background-color: inherit;
@@ -36035,7 +36035,7 @@ kendo-card-footer {
 .k-stepper .k-step-indicator {
   border-color: #ccc;
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-stepper .k-step-indicator::after {
   box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, rgb(232, 232, 240));
@@ -36401,7 +36401,7 @@ kendo-card-footer {
 .k-tabstrip-items-wrapper .k-item.k-selected {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-tabstrip-items-wrapper .k-item:focus,
 .k-tabstrip-items-wrapper .k-item.k-focus {
@@ -36416,7 +36416,7 @@ kendo-card-footer {
 .k-tabstrip > .k-content {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-tabstrip-content:focus,
 .k-tabstrip-content.k-focus,
@@ -36577,7 +36577,7 @@ kendo-card-footer {
 .k-expander {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-expander.k-focus {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
@@ -36802,11 +36802,11 @@ kendo-card-footer {
 .k-panelbar {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-panelbar > .k-panelbar-header > .k-link {
   color: #003583;
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-panelbar > .k-panelbar-header > .k-link .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
@@ -37006,7 +37006,7 @@ kendo-card-footer {
 .k-splitter {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-splitbar {
   color: rgba(10, 12, 27, 0.7);
@@ -37846,7 +37846,7 @@ kendo-card-footer {
 .k-chart-crosshair-tooltip,
 .k-chart-shared-tooltip {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-base, #f5f5f5);
+  background-color: var(--kendo-color-base, #003583);
   border-color: color-mix(
     in srgb,
     var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7)) 8%,
@@ -39895,7 +39895,7 @@ col.k-sorted,
 }
 .k-master-row.k-table-alt-row .k-grid-content-sticky,
 .k-master-row.k-table-alt-row .k-grid-row-sticky {
-  background-color: var(--kendo-color-base, #f5f5f5);
+  background-color: var(--kendo-color-base, #003583);
 }
 .k-master-row.k-table-row.k-selected td.k-grid-content-sticky,
 .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
@@ -39917,7 +39917,7 @@ col.k-sorted,
 .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
 .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected,
 .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-color-base, #f5f5f5);
+  background-color: var(--kendo-color-base, #003583);
 }
 .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky::before,
 .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky::before,
@@ -39985,7 +39985,7 @@ kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td {
 kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,
 kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,
 kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td {
-  background-color: var(--kendo-color-base, #f5f5f5);
+  background-color: var(--kendo-color-base, #003583);
 }
 kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky,
 kendo-grid.k-grid .k-selected.k-grid-row-sticky td,
@@ -40013,7 +40013,7 @@ kendo-grid.k-grid
 kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky td,
 kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
 kendo-grid.k-grid .k-table-alt-row .k-selected.k-grid-content-sticky {
-  background-color: var(--kendo-color-base, #f5f5f5);
+  background-color: var(--kendo-color-base, #003583);
 }
 kendo-grid.k-grid
   .k-table-row.k-selected.k-table-alt-row
@@ -40136,7 +40136,7 @@ kendo-grid.k-grid
 .k-column-menu .k-menu:not(.k-context-menu) {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover,
 .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
@@ -40289,7 +40289,7 @@ kendo-grid.k-grid
 .k-listview {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-listview-content > .k-focus {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
@@ -41992,7 +41992,7 @@ kendo-grid.k-grid
   border-color: rgba(10, 12, 27, 0.12);
 }
 .k-header.k-alt {
-  background-color: var(--kendo-color-base, #f5f5f5);
+  background-color: var(--kendo-color-base, #003583);
 }
 .k-pivot-layout .k-grid-footer {
   color: rgba(10, 12, 27, 0.7);
@@ -44226,7 +44226,7 @@ kendo-grid.k-grid
   color: var(--kendo-color-primary, #003583);
 }
 .k-task-single {
-  color: var(--kendo-color-base, #f5f5f5);
+  color: var(--kendo-color-base, #003583);
   background-color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6));
 }
 .k-task-single.k-task-delayed {
@@ -45195,7 +45195,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-scheduler {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-scheduler-toolbar {
   border-color: rgba(10, 12, 27, 0.12);
@@ -45211,15 +45211,15 @@ kendo-scheduler .k-recurrence-editor {
   background-color: var(--kendo-color-surface, rgb(237, 237, 245));
 }
 .k-scheduler-header-wrap {
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-scheduler-nonwork,
 .k-scheduler .k-nonwork-hour {
-  background-color: #f5f5f5;
+  background-color: #003583;
 }
 .k-scheduler-other-month,
 .k-scheduler .k-other-month {
-  background-color: #f5f5f5;
+  background-color: #003583;
 }
 .k-scheduler-layout td.k-selected,
 .k-scheduler-layout .k-scheduler-cell.k-selected {
@@ -45231,7 +45231,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-scheduler-layout-flex .k-scheduler-head,
 .k-scheduler-layout-flex .k-sticky-cell {
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-event {
   color: #fff;
@@ -45272,7 +45272,7 @@ kendo-scheduler .k-recurrence-editor {
   .k-scheduler-groupcolumn {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
   background-color: color-mix(
@@ -45289,7 +45289,7 @@ kendo-scheduler .k-recurrence-editor {
   .k-scheduler-content
   tr.k-selected
   .k-scheduler-groupcolumn {
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-scheduler-yearview .k-day-indicator {
   background-color: #003583;
@@ -46699,7 +46699,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-scrollview {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
 .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
@@ -46822,12 +46822,12 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-prompt {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-prompt-header {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #fcfcff;
+  background-color: #ededf5;
 }
 .k-prompt-content {
   border-color: rgba(10, 12, 27, 0.12);
@@ -47370,6 +47370,56 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-animation-container:has(.k-tooltip) .k-callout {
   display: none;
 }
+.k-expander-header:focus-visible {
+  box-shadow: inset 0px 0px 0px 2px #195bb5;
+}
+.fk-daterangepicker .k-input-suffix {
+  cursor: pointer;
+}
+.fk-daterangepicker .k-input-suffix:hover {
+  background-color: var(--kendo-color-primary-subtle-hover);
+}
+.k-calendar-view.k-hstack,
+.k-calendar-view.k-hbox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  max-width: 36rem;
+}
+.k-calendar-table:has(.k-focus) {
+  background-color: hsl(from var(--kendo-color-primary) h s 95%);
+  border-radius: 0.25rem;
+}
+.k-calendar-table
+  > .k-calendar-tbody
+  > .k-calendar-tr:nth-last-child(2):has(
+    .k-calendar-td:first-child:is(.k-empty)
+  ) {
+  display: none;
+}
+.k-calendar-table
+  > .k-calendar-tbody
+  > .k-calendar-tr:last-child:has(.k-calendar-td:first-child:is(.k-empty)) {
+  display: none;
+}
+.k-animation-container
+  .k-child-animation-container
+  .k-calendar
+  .k-calendar-view.k-calendar-monthview
+  .k-calendar-tr
+  .k-calendar-td {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.k-animation-container
+  .k-child-animation-container
+  .k-calendar
+  .k-calendar-view.k-calendar-monthview
+  .k-calendar-tr
+  .k-calendar-th {
+  width: 2.5rem;
+  height: 2.5rem;
+}
 .k-tabstrip .k-tabstrip-content.k-active,
 .k-tabstrip .k-tabstrip-content.k-state-active,
 .k-tabstrip .k-tabstrip-content:active {
@@ -47445,6 +47495,7 @@ h6 {
 .k-autocomplete.k-input .k-input-inner,
 .k-dropdownlist .k-input-inner .k-input-value-text,
 .k-pager .k-pager-sizes .k-dropdownlist .k-input-inner .k-input-value-text,
+.k-numerictextbox.k-input.k-input-md,
 div,
 ul,
 .k-window .k-window-content,
@@ -47560,18 +47611,6 @@ ul,
     0px 0px 0px 1.5px #fff,
     0px 0px 0px 3.5px #195bb5;
 }
-.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
-  .k-input-suffix.k-input-suffix-horizontal
-  .k-button.k-button-flat.k-button-flat-primary.k-focus,
-.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
-  .k-input-suffix.k-input-suffix-horizontal
-  .k-button.k-button-flat.k-button-flat-primary.k-state-focus,
-.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
-  .k-input-suffix.k-input-suffix-horizontal
-  .k-button.k-button-flat.k-button-flat-primary.k-state-focused,
-.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
-  .k-input-suffix.k-input-suffix-horizontal
-  .k-button.k-button-flat.k-button-flat-primary:focus,
 .k-textbox.k-input
   .k-input-suffix.k-input-suffix-horizontal
   .k-button.k-button-flat.k-button-flat-primary.k-focus,
@@ -47592,6 +47631,18 @@ ul,
     0px 0px 0px 1.5px #fff,
     0px 0px 0px 3.5px #195bb5 !important;
 }
+.k-textbox.k-input.k-input-outline.k-invalid.k-focus,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-touched.k-focus,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty.k-focus,
+.k-textbox.k-input.k-input-outline.k-invalid.k-state-focus,
+.k-textbox.k-input.k-input-outline.k-invalid.k-state-focused,
+.k-textbox.k-input.k-input-outline.k-invalid:focus,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-touched.k-state-focus,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-touched.k-state-focused,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-touched:focus,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty.k-state-focus,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty.k-state-focused,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty:focus,
 .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,
@@ -47892,6 +47943,86 @@ ul,
     inset 0px 0px 0px 1.5px #195bb5,
     inset 0px 0px 0px 3px #fff;
 }
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focused,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focused,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focused,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-focused,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:focus,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:focus,
 .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,
@@ -47908,10 +48039,10 @@ ul,
     inset 0px 0px 0px 1.5px #195bb5,
     inset 0px 0px 0px 3px #fff !important;
 }
-.k-expander.k-focus,
-.k-expander.k-state-focus,
-.k-expander.k-state-focused,
-.k-expander:focus,
+.k-textbox.k-input.k-input-outline.k-focus,
+.k-textbox.k-input.k-input-outline.k-state-focus,
+.k-textbox.k-input.k-input-outline.k-state-focused,
+.k-textbox.k-input.k-input-outline:focus,
 .k-flatcolorpicker.k-coloreditor.k-focus,
 .k-flatcolorpicker.k-coloreditor.k-state-focus,
 .k-flatcolorpicker.k-coloreditor.k-state-focused,
@@ -48231,6 +48362,18 @@ ul,
 .k-button:focus.k-button-solid-base {
   box-shadow: inset 0px 0px 0px 2px #195bb5;
 }
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus,
 .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
   .k-input-prefix.k-input-prefix-horizontal
   .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,
@@ -48324,10 +48467,6 @@ ul,
     0px 24px 38px 3px rgba(10, 11, 28, 0.14),
     0px 9px 46px 8px rgba(10, 11, 28, 0.12);
 }
-.k-input.k-hover,
-.k-input.k-state-hover,
-.k-input.k-state-hovered,
-.k-input:hover,
 .k-radio-wrap .k-radio.k-hover,
 .k-radio-wrap .k-radio.k-state-hover,
 .k-radio-wrap .k-radio.k-state-hovered,
@@ -48336,14 +48475,6 @@ ul,
 .k-checkbox-wrap .k-checkbox.k-state-hover,
 .k-checkbox-wrap .k-checkbox.k-state-hovered,
 .k-checkbox-wrap .k-checkbox:hover,
-.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,
-.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,
 .k-datetimepicker.k-input.k-hover,
 .k-datetimepicker.k-input.k-state-hover,
 .k-datetimepicker.k-input.k-state-hovered,
@@ -48360,10 +48491,6 @@ ul,
 .k-dateinput.k-input.k-state-hover,
 .k-dateinput.k-input.k-state-hovered,
 .k-dateinput.k-input:hover,
-.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,
 .k-textarea.k-input.k-hover,
 .k-textarea.k-input.k-state-hover,
 .k-textarea.k-input.k-state-hovered,
@@ -48431,9 +48558,6 @@ ul,
   transition-timing-function: ease-out;
 }
 .k-button {
-  -moz-column-gap: 8px;
-  column-gap: 8px;
-  flex-direction: row;
   border-bottom-style: none;
   border-left-style: none;
   border-right-style: none;
@@ -48448,6 +48572,8 @@ ul,
   outline-width: 0px;
   outline-color: #003583;
   transition-timing-function: ease-out;
+  -moz-column-gap: 0.5rem;
+  column-gap: 0.5rem;
 }
 .k-button-group {
   isolation: isolate;
@@ -48459,10 +48585,12 @@ ul,
 }
 .k-chip.k-chip-solid-base {
   color: rgba(10, 12, 27, 0.7);
+  background-color: #f2f2fa;
 }
 .k-chip {
   transition-property: all;
   transition-duration: 280ms;
+  background-image: linear-gradient(transparent, transparent);
 }
 .k-chip.k-rounded-md {
   border-bottom-left-radius: 9999px;
@@ -48992,24 +49120,18 @@ ul,
 .k-numerictextbox.k-input
   .k-input-spinner.k-spin-button
   .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase {
-  background-color: initial;
-  background-image: none;
   padding-right: 0.25rem;
   padding-left: 0.25rem;
   color: inherit;
+  width: 100%;
+  height: 50%;
 }
 .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;
-  padding-right: 0px;
-  padding-left: 0px;
-  -moz-column-gap: 0px;
-  column-gap: 0px;
   color: inherit;
-  width: unset;
-  height: unset;
+  height: 50%;
+  width: 100%;
 }
 .k-numerictextbox.k-input
   .k-input-spinner.k-spin-button
@@ -49069,6 +49191,7 @@ ul,
 }
 .k-numerictextbox.k-input .k-input-spinner.k-spin-button {
   color: rgba(10, 12, 27, 0.6);
+  align-self: center;
   height: 100%;
 }
 .k-textbox.k-input .k-clear-value {
@@ -49370,6 +49493,13 @@ ul,
 .k-textarea.k-input:hover.k-input-solid {
   color: rgba(10, 12, 27, 0.9);
 }
+.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 {
+  outline-color: currentcolor;
+  outline-width: 1px;
+}
 .k-textbox.k-input .k-input-prefix.k-input-prefix-horizontal {
   margin-right: -12px;
   align-self: center;
@@ -49453,13 +49583,6 @@ ul,
   .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,
@@ -50150,6 +50273,7 @@ ul,
 .k-textbox.k-input {
   transition-property: all;
   transition-duration: 280ms;
+  outline-style: solid;
 }
 .k-textbox.k-input.k-input-solid {
   color: unset;
@@ -50341,9 +50465,11 @@ ul,
 }
 .k-chip.k-selected {
   color: #fff;
-  background-color: rgba(10, 12, 27, 0.7);
   background-image: linear-gradient(transparent, transparent);
 }
+.k-chip.k-selected.k-chip-solid-base {
+  background-color: rgba(10, 12, 27, 0.7);
+}
 .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,
@@ -50568,6 +50694,8 @@ ul,
   border-left-color: rgba(10, 12, 27, 0.9);
   border-right-color: rgba(10, 12, 27, 0.9);
   border-top-color: rgba(10, 12, 27, 0.9);
+  outline-offset: -0.5px;
+  outline-width: 1px;
 }
 .k-numerictextbox.k-input.k-hover.k-input-solid,
 .k-numerictextbox.k-input.k-state-hover.k-input-solid,
@@ -50874,6 +51002,7 @@ ul,
   min-width: 148px;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
+  color: rgba(10, 12, 27, 0.7);
 }
 .k-textarea.k-input {
   height: auto;
@@ -50887,6 +51016,10 @@ ul,
   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 {
+  color: var(--kendo-color-primary, #003583);
+}
 .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 {
@@ -50894,6 +51027,7 @@ ul,
   border-left-color: var(--kendo-color-error, #a5021f);
   border-right-color: var(--kendo-color-error, #a5021f);
   border-top-color: var(--kendo-color-error, #a5021f);
+  color: var(--kendo-color-error, #a5021f);
 }
 .k-textarea.k-input.k-disabled.k-input-solid,
 .k-textarea.k-input.k-state-disabled.k-input-solid,
@@ -51385,9 +51519,6 @@ ul,
 .k-button:disabled.k-button-flat.k-button-flat-primary .k-button-text {
   color: rgba(10, 12, 27, 0.4);
 }
-.k-chip.k-selected .k-chip-content {
-  color: #fff;
-}
 .k-button.k-selected.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon {
   color: #003583;
 }
@@ -51461,14 +51592,13 @@ ul,
   border-left-color: rgba(10, 12, 27, 0.7);
   border-right-color: rgba(10, 12, 27, 0.7);
   border-top-color: rgba(10, 12, 27, 0.7);
-  background-color: initial;
 }
 .k-numerictextbox.k-input {
-  background-image: none;
   transition-property: all;
   transition-duration: 280ms;
   transition-timing-function: ease-out;
   height: 2.5rem;
+  font-variant-numeric: tabular-nums;
 }
 .k-maskedtextbox.k-input {
   transition-property: all;
@@ -52180,10 +52310,14 @@ ul,
 .k-textbox.k-input.k-state-hovered,
 .k-textbox.k-input:hover {
   color: unset;
+  outline-color: currentcolor;
+  outline-style: solid;
+  outline-width: 1px;
+  outline-offset: -0.5px;
 }
 .k-numerictextbox.k-input .k-input-inner {
-  color: rgba(10, 12, 27, 0.7);
   height: auto;
+  color: rgba(10, 12, 27, 0.7);
 }
 .k-maskedtextbox.k-input .k-input-inner {
   color: rgba(10, 12, 27, 0.7);
@@ -52722,8 +52856,6 @@ ul,
   border-bottom-right-radius: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  background-color: #f2f2fa;
-  background-image: none;
   transition-property: box-shadow;
   transition-duration: 280ms;
   transition-timing-function: ease-out;
@@ -53355,10 +53487,6 @@ div.feather-ks-spacing-s {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-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 {
@@ -53372,11 +53500,6 @@ input:focus {
 .k-textbox.k-input.ng-invalid.ng-dirty.k-input-solid {
   color: var(--kendo-color-error, #a5021f);
 }
-input {
-  padding-left: 16px;
-  padding-top: 0px;
-  padding-right: 16px;
-}
 .k-split-button.k-button-group.k-focus,
 .k-split-button.k-button-group.k-state-focus,
 .k-split-button.k-button-group.k-state-focused,
@@ -53497,6 +53620,10 @@ input {
   transition-timing-function: ease-out;
   height: 2.5rem;
   background-image: none;
+  outline-color: currentcolor;
+  outline-style: solid;
+  outline-width: 1px;
+  outline-offset: -1px;
 }
 .k-input.k-input-solid {
   background-color: initial;
@@ -54404,6 +54531,7 @@ input {
   transition-property: all;
   transition-timing-function: ease-out;
   color: var(--kendo-color-secondary, #195bb5);
+  flex-direction: row;
 }
 .k-button.k-button-outline.k-button-outline-primary.k-icon-button
   .k-button-icon.k-icon.k-svg-icon
@@ -54441,8 +54569,9 @@ input {
 }
 .k-button.k-icon-button {
   aspect-ratio: 1/1;
-  width: 2.25rem;
-  overflow: hidden;
+  background-image: none;
+  -moz-column-gap: 0px;
+  column-gap: 0px;
 }
 .k-button.k-icon-button.k-button-md {
   padding-bottom: 0px;
@@ -54450,6 +54579,9 @@ input {
   padding-right: 0px;
   padding-top: 0px;
 }
+.k-button.k-icon-button.k-button-solid-base {
+  background-color: rgba(0, 0, 0, 0);
+}
 .k-button.k-icon-button .k-button-icon.k-icon.k-svg-icon > svg {
   width: 1.5rem;
   height: 1.5rem;
@@ -55036,6 +55168,7 @@ input {
 .k-expander:focus {
   outline-style: none;
   z-index: 1;
+  box-shadow: none;
 }
 .k-expander.k-disabled .k-expander-header .k-expander-title,
 .k-expander.k-state-disabled .k-expander-header .k-expander-title,
@@ -55089,12 +55222,12 @@ input {
 .k-expander .k-expander-header.k-state-focus,
 .k-expander .k-expander-header.k-state-focused,
 .k-expander .k-expander-header:focus {
-  box-shadow: none;
   background-color: initial;
   background-image: linear-gradient(
     rgba(25, 91, 181, 0.12),
     rgba(25, 91, 181, 0.12)
   );
+  box-shadow: none;
 }
 .k-expander .k-expander-header {
   border-bottom-left-radius: 0.125rem;
@@ -55617,14 +55750,6 @@ input {
   );
   outline-style: none;
 }
-.k-form-hint {
-  font-style: normal;
-  font-size: 0.875rem;
-}
-.k-form-error {
-  font-size: 0.875rem;
-  font-style: normal;
-}
 .k-dropdowntree .k-input-button.k-button.k-icon-button {
   width: 2rem;
   height: 2rem;
@@ -55662,6 +55787,7 @@ input {
   .k-input-suffix.k-input-suffix-horizontal
   .k-button.k-button-flat.k-button-flat-primary {
   outline-style: none;
+  color: var(--kendo-color-primary, #003583);
 }
 .k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
   .k-input-suffix.k-input-suffix-horizontal
@@ -55676,6 +55802,7 @@ input {
   .k-input-suffix.k-input-suffix-horizontal
   .k-button.k-button-flat.k-button-flat-primary:focus {
   outline-style: none;
+  box-shadow: inset 2px 0px 0px 0px currentcolor !important;
 }
 .k-expander.k-expanded.k-disabled
   .k-expander-header
@@ -55724,6 +55851,11 @@ input {
   border-right-color: #a5021f;
   border-top-color: #a5021f;
 }
+.k-input.k-invalid,
+.k-input.ng-invalid.ng-touched,
+.k-input.ng-invalid.ng-dirty {
+  outline-color: #a5021f;
+}
 .k-input.k-hover,
 .k-input.k-state-hover,
 .k-input.k-state-hovered,
@@ -55731,6 +55863,9 @@ input {
   transition-property: all;
   transition-duration: 280ms;
   transition-timing-function: ease-out;
+  outline-style: solid;
+  outline-width: 0.5px;
+  outline-color: rgba(10, 12, 27, 0.9);
 }
 .k-datepicker.k-input.k-invalid.k-input-solid,
 .k-datepicker.k-input.ng-invalid.ng-touched.k-invalid.k-input-solid,
@@ -56143,3 +56278,455 @@ input {
 .k-textbox.k-input.ng-invalid.ng-dirty .k-input-inner {
   color: rgba(10, 12, 27, 0.7);
 }
+.fk-loader.k-loader.k-loader-lg.k-loader-spinner-4 .k-loader-canvas {
+  visibility: hidden;
+}
+.fk-loader.k-loader.k-loader-lg.k-loader-spinner-4::before {
+  visibility: visible;
+}
+.k-button.k-selected.k-button-solid-primary
+  .k-button-icon.k-icon.k-svg-icon
+  > svg {
+  color: var(--kendo-color-primary, #003583);
+}
+.fk-loader.k-loader.k-loader-lg.k-loader-spinner-4 {
+  visibility: visible;
+}
+.fk-loader.k-loader.k-loader-sm.k-loader-spinner-3 .k-loader-canvas {
+  visibility: hidden;
+}
+.k-button.k-focus.k-icon-button .k-button-icon.k-icon.k-svg-icon,
+.k-button.k-state-focus.k-icon-button .k-button-icon.k-icon.k-svg-icon,
+.k-button.k-state-focused.k-icon-button .k-button-icon.k-icon.k-svg-icon,
+.k-button:focus.k-icon-button .k-button-icon.k-icon.k-svg-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.k-button.k-focus.k-icon-button,
+.k-button.k-state-focus.k-icon-button,
+.k-button.k-state-focused.k-icon-button,
+.k-button:focus.k-icon-button {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  background-color: inherit;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.k-button.k-hover.k-icon-button,
+.k-button.k-state-hover.k-icon-button,
+.k-button.k-state-hovered.k-icon-button,
+.k-button:hover.k-icon-button {
+  background-color: inherit;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+  aspect-ratio: 1/1;
+}
+.k-button.k-active.k-icon-button,
+.k-button.k-state-active.k-icon-button,
+.k-button:active.k-icon-button {
+  background-color: inherit;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.16),
+    rgba(25, 91, 181, 0.16)
+  );
+}
+.k-button.k-selected.k-icon-button.k-button-solid-base {
+  background-color: var(--kendo-color-primary, #003583);
+}
+.k-button.k-selected.k-icon-button {
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.12),
+    rgba(255, 255, 255, 0.12)
+  );
+}
+.k-dialog-wrapper .k-window.k-dialog .k-window-content.k-dialog-content {
+  padding-top: 0.5rem;
+}
+.fk-loader.k-loader.k-loader-sm.k-loader-spinner-3
+  .k-loader-canvas
+  .k-loader-segment {
+  visibility: hidden;
+}
+.fk-loader.k-loader.k-loader-lg.k-loader-spinner-4
+  .k-loader-canvas
+  .k-loader-segment {
+  visibility: hidden;
+}
+.fk-loader.k-loader.k-loader-md.k-loader-spinner-4
+  .k-loader-canvas
+  .k-loader-segment {
+  visibility: hidden;
+}
+.fk-loader.k-loader.k-loader-lg.k-loader-spinner-3
+  .k-loader-canvas
+  .k-loader-segment {
+  visibility: hidden;
+}
+.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 {
+  outline-color: currentcolor;
+  outline-offset: -0.5px;
+}
+.k-textarea.k-input.k-invalid .k-input-inner,
+.k-textarea.k-input.ng-invalid.ng-touched .k-input-inner,
+.k-textarea.k-input.ng-invalid.ng-dirty .k-input-inner {
+  color: rgba(10, 12, 27, 0.7);
+}
+.k-colorgradient.k-focus
+  .k-colorgradient-inputs.k-hstack
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-focus
+  .k-colorgradient-inputs.k-hbox
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-focus
+  .k-colorgradient-inputs.k-hstack
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-focus
+  .k-colorgradient-inputs.k-hbox
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focus
+  .k-colorgradient-inputs.k-hstack
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focus
+  .k-colorgradient-inputs.k-hbox
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focus
+  .k-colorgradient-inputs.k-hstack
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focus
+  .k-colorgradient-inputs.k-hbox
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focused
+  .k-colorgradient-inputs.k-hstack
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focused
+  .k-colorgradient-inputs.k-hbox
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focused
+  .k-colorgradient-inputs.k-hstack
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient.k-state-focused
+  .k-colorgradient-inputs.k-hbox
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient:focus
+  .k-colorgradient-inputs.k-hstack
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient:focus
+  .k-colorgradient-inputs.k-hbox
+  .k-vstack.k-flex-1
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient:focus
+  .k-colorgradient-inputs.k-hstack
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid,
+.k-colorgradient:focus
+  .k-colorgradient-inputs.k-hbox
+  .k-flex-1.k-vbox
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  outline-style: none;
+}
+.k-colorgradient
+  .k-colorgradient-inputs
+  .k-hex-value.k-textbox.k-input
+  .k-input.k-input-solid {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  outline-style: none;
+}
+.k-textbox.k-input.k-input-outline .k-input-inner {
+  color: rgba(10, 12, 27, 0.7);
+}
+.k-textbox.k-input.k-input-outline {
+  color: rgba(10, 12, 27, 0.7);
+  transition-property: all;
+  transition-duration: 280ms;
+  transition-timing-function: ease-out;
+  border-bottom-color: currentcolor;
+  border-left-color: currentcolor;
+  border-right-color: currentcolor;
+  border-top-color: currentcolor;
+}
+.k-textbox.k-input.k-input-outline.k-focus,
+.k-textbox.k-input.k-input-outline.k-state-focus,
+.k-textbox.k-input.k-input-outline.k-state-focused,
+.k-textbox.k-input.k-input-outline:focus {
+  border-bottom-color: currentcolor;
+  border-left-color: currentcolor;
+  border-right-color: currentcolor;
+  border-top-color: currentcolor;
+  color: var(--kendo-color-primary, #003583);
+}
+.k-textbox.k-input.k-input-outline.k-invalid,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-touched,
+.k-textbox.k-input.k-input-outline.ng-invalid.ng-dirty {
+  color: var(--kendo-color-error, #a5021f);
+  outline-color: currentcolor;
+}
+.k-textbox.k-input.k-input-outline.k-disabled,
+.k-textbox.k-input.k-input-outline.k-state-disabled,
+.k-textbox.k-input.k-input-outline:disabled {
+  color: rgba(10, 12, 27, 0.4);
+  outline-style: none;
+}
+.k-textbox.k-input.k-input-outline.k-disabled .k-input-inner,
+.k-textbox.k-input.k-input-outline.k-state-disabled .k-input-inner,
+.k-textbox.k-input.k-input-outline:disabled .k-input-inner {
+  color: inherit;
+}
+.k-textbox.k-input.k-input-outline .k-clear-value {
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  width: 2rem;
+  height: 2rem;
+}
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected {
+  background-color: var(--kendo-color-primary, #003583) !important;
+  background-image: none !important;
+  color: var(--kendo-color-on-primary, white);
+}
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hovered,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hovered,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hovered,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected.k-state-hovered,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hstack
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hstack
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:hover,
+.k-flatcolorpicker.k-coloreditor
+  .k-coloreditor-header.k-hbox
+  .k-coloreditor-header-actions.k-hbox
+  .k-button-group.k-button-group-flat
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-selected:hover {
+  background-color: var(--kendo-color-primary, #003583) !important;
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.08),
+    rgba(255, 255, 255, 0.08)
+  ) !important;
+}
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-hover
+  .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hover
+  .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-hovered
+  .k-icon.k-svg-icon.k-svg-i-image.k-button-icon,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button:hover
+  .k-icon.k-svg-icon.k-svg-i-image.k-button-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button
+  .k-icon.k-svg-icon.k-svg-i-image.k-button-icon
+  > svg {
+  width: 1.25rem;
+}
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button {
+  width: 2rem;
+  height: 2rem;
+  border-bottom-left-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-focus,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focus,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button.k-state-focused,
+.k-textbox.k-input.k-input-outline
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button:focus {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+}
+.k-textbox.k-input.k-input-outline
+  .k-input-suffix.k-input-suffix-horizontal
+  .k-button.k-button-flat.k-button-flat-primary.k-focus,
+.k-textbox.k-input.k-input-outline
+  .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-outline
+  .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-outline
+  .k-input-suffix.k-input-suffix-horizontal
+  .k-button.k-button-flat.k-button-flat-primary:focus {
+  box-shadow: inset 2px 0px 0px 0px currentcolor !important;
+}
+.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
+  .k-input-prefix.k-input-prefix-horizontal
+  .k-button.k-button-flat.k-button-flat-base.k-icon-button
+  .k-icon.k-svg-icon.k-svg-i-image.k-button-icon {
+  width: 1.25rem;
+}
+.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid
+  .k-input-suffix.k-input-suffix-horizontal
+  .k-button.k-button-flat.k-button-flat-primary
+  .k-button-text {
+  color: inherit;
+}
+.k-chip.k-selected .k-chip-content {
+  color: inherit;
+}
+.k-chip.k-hover .k-chip-content,
+.k-chip.k-state-hover .k-chip-content,
+.k-chip.k-state-hovered .k-chip-content,
+.k-chip:hover .k-chip-content {
+  color: inherit;
+}
+.k-form-hint {
+  font-style: normal;
+  line-height: 1.25;
+}
+.k-form-error {
+  font-style: normal;
+  line-height: 1.25;
+}