npm - @featherk/styles - Versions diffs - 0.6.10 → 0.6.12 - Mend

@featherk/styles 0.6.10 → 0.6.12

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 (7) hide show

package/dist/v8.2.0/css/featherk-beautified.css +472 -100
package/dist/v8.2.0/css/featherk.css +1 -1
package/dist/v8.2.0/external-styles/featherk-overrides--k-datetime.css +6 -7
package/dist/v8.2.0/external-styles/featherk-overrides--k-tabstrip.css +419 -0
package/dist/v8.2.0/scss/_externalStyles.scss +5 -3
package/dist/v8.2.0/scss/_overrides.scss +26 -23
package/package.json +1 -1

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

@@ -47442,6 +47442,19 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   width: -moz-fit-content;
   width: fit-content;
 }
+.fk-field-block {
+  margin-bottom: var(--kendo-spacing-5);
+}
+.fk-field-block :is(.k-label) {
+  display: block;
+  margin-block: var(--kendo-spacing-1);
+}
+.k-textbox:has(.k-input-inner[readonly]) {
+  border-color: var(--kendo-color-border);
+}
+.k-textbox:has(.k-input-inner[readonly]):hover {
+  box-shadow: none;
+}
 .fk-daterangepicker .k-maskedtextbox {
   width: 16rem;
   min-width: 16rem;
@@ -47502,12 +47515,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-animation-container:has(.k-calendar-view) {
   margin-top: 0.25rem;
 }
-.fk-timepicker .k-timepicker {
-  width: 10rem;
-  min-width: 10rem;
-  display: flex;
-  justify-content: space-between;
-}
+.fk-timepicker .k-timepicker,
 .fk-datepicker .k-datepicker {
   width: 10rem;
   min-width: 10rem;
@@ -47520,18 +47528,411 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .fk-datepicker .k-datepicker.k-input.k-focus .k-maskedtextbox.k-input {
   box-shadow: none;
 }
-.fk-field-block {
-  margin-bottom: var(--kendo-spacing-5);
+.fk-datepicker .k-maskedtextbox,
+.fk-timepicker .k-maskedtextbox {
+  border-width: 0;
+  border-radius: 0;
 }
-.fk-field-block :is(.k-label) {
-  display: block;
-  margin-block: var(--kendo-spacing-1);
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item,
+.k-button.k-button-md {
+  font-family: Inter;
+  font-size: 0.875rem;
+  font-weight: 700;
+  line-height: 1.4285714286;
+  letter-spacing: 0.2px;
+  text-transform: none;
 }
-.k-textbox:has(.k-input-inner[readonly]) {
-  border-color: var(--kendo-color-border);
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused,
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
+  box-shadow: inset 0px 0px 0px 2px #195bb5;
 }
-.k-textbox:has(.k-input-inner[readonly]):hover {
-  box-shadow: none;
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item
+  .k-link {
+  padding-bottom: 4px;
+}
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item {
+  color: #003583;
+  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-active
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active
+  .k-link {
+  padding-bottom: 3px;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:focus
+  .k-link {
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-top-width: 1px;
+  border-bottom-color: var(--kendo-color-primary, #003583);
+  border-bottom-style: solid;
+  border-left-color: var(--kendo-color-primary, #003583);
+  border-left-style: solid;
+  border-right-color: var(--kendo-color-primary, #003583);
+  border-right-style: solid;
+  border-top-color: var(--kendo-color-primary, #003583);
+  border-top-style: solid;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active:focus
+  .k-link {
+  border-bottom-color: #003583;
+  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-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active:focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focus
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focused
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active:focus
+  .k-link {
+  border-left-color: #003583;
+  border-right-color: #003583;
+  border-top-color: #003583;
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active,
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:active {
+  background-color: initial;
+  background-image: none;
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  box-shadow: inset 0px -3px 0px 0px var(--kendo-color-primary, #003583);
+}
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-hover
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-hover
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-hovered
+  .k-link,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:hover
+  .k-link {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus,
+.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused,
+.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
+  .k-tabstrip-content.k-state-active,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+  padding-left: 0px;
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:focus {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active
+  .k-link {
+  padding-bottom: 4px;
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active {
+  box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-active:focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item.k-state-active:focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focus,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active.k-state-focused,
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item:active:focus {
+  box-shadow:
+    inset 0px -4px 0px 0px var(--kendo-color-primary, #003583),
+    inset 0px 0px 0px 2px var(--kendo-color-primary, #003583);
+}
+.fk-tabstrip-no-border.k-tabstrip
+  .k-tabstrip-items-wrapper
+  .k-tabstrip-items.k-reset
+  .k-item
+  .k-link {
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
 }
 .k-tabstrip .k-tabstrip-content.k-active,
 .k-tabstrip .k-tabstrip-content.k-state-active,
@@ -48972,12 +49373,6 @@ h1 {
 .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: #003583;
@@ -48985,6 +49380,9 @@ h1 {
   box-shadow: 0px 1px 0px 0px hsla(0, 0%, 100%, 0.24);
   color: #fff;
 }
+.k-appbar.k-appbar-light.k-appbar-static {
+  position: absolute;
+}
 .k-appbar.k-appbar-light .k-appbar-section {
   height: 48px;
   color: #fff;
@@ -57233,127 +57631,101 @@ div.fk-container {
     rgba(25, 91, 181, 0.12)
   );
 }
-.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,
-.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
-  .k-tabstrip-content.k-state-active,
-.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active {
-  border-bottom-style: none;
-  border-left-style: none;
-  border-right-style: none;
-  border-top-style: none;
-  padding-left: 0px;
-}
 .fk-tabstrip-no-border.k-tabstrip
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-focus,
+  .k-item.k-tabstrip-item.k-active,
 .fk-tabstrip-no-border.k-tabstrip
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-focus,
+  .k-item.k-tabstrip-item.k-state-active,
 .fk-tabstrip-no-border.k-tabstrip
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-focused,
+  .k-item.k-tabstrip-item:active {
+  box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
+}
 .fk-tabstrip-no-border.k-tabstrip
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item:focus {
+  .k-item.k-tabstrip-item
+  .k-link {
   border-bottom-style: none;
   border-left-style: none;
   border-right-style: none;
   border-top-style: none;
 }
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-active
-  .k-link,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-active
-  .k-link,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item:active
-  .k-link {
-  padding-bottom: 4px;
-}
-.fk-tabstrip-no-border.k-tabstrip
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
   .k-item.k-tabstrip-item.k-active,
-.fk-tabstrip-no-border.k-tabstrip
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
   .k-item.k-tabstrip-item.k-state-active,
-.fk-tabstrip-no-border.k-tabstrip
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
   .k-item.k-tabstrip-item:active {
-  box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
+  margin-bottom: -1px;
+  border-bottom-style: none;
+  border-left-style: none;
+  border-right-style: none;
+  border-top-style: none;
 }
-.fk-tabstrip-no-border.k-tabstrip
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-active.k-focus,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-active.k-focus,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item:active.k-focus,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-active.k-state-focus,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-active.k-state-focused,
-.fk-tabstrip-no-border.k-tabstrip
-  .k-tabstrip-items-wrapper
-  .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-active:focus,
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item
+  .k-link {
+  font-weight: 400;
+}
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-active.k-state-focus,
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item.k-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-active.k-state-focused,
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item.k-state-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-left
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item.k-state-active:focus,
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item:active
+  .k-link {
+  font-weight: 800;
+  letter-spacing: -0.015em;
+  margin-right: 1px;
+}
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item:active.k-state-focus,
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item
+  .k-link {
+  font-weight: 500;
+}
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item:active.k-state-focused,
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item.k-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item:active:focus {
-  box-shadow:
-    inset 0px -4px 0px 0px var(--kendo-color-primary, #003583),
-    inset 0px 0px 0px 2px var(--kendo-color-primary, #003583);
-}
-.fk-tabstrip-no-border.k-tabstrip
+  .k-item.k-tabstrip-item.k-state-active
+  .k-link,
+.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-right
   .k-tabstrip-items-wrapper
   .k-tabstrip-items.k-reset
-  .k-item.k-tabstrip-item
+  .k-item.k-tabstrip-item:active
   .k-link {
-  border-bottom-style: none;
-  border-left-style: none;
-  border-right-style: none;
-  border-top-style: none;
+  margin-left: 1px;
+}
+.k-slider.k-slider-horizontal
+  .k-slider-track-wrap
+  .k-slider-track
+  .k-draghandle.k-draghandle-start {
+  visibility: visible;
 }