/* This rule eliminates the visual ticks by removing the background image parameter from the ticks. This preserves the numbers, while removing the veritcal geometry. */

.k-slider .k-tick {
     background-image: none;
}

/* Kendo only provides access to styling for the second drag handle for a two-handle slider. This rule replicates the CSS styling across both drag handles when hovered and focused. This fragment also provides the necessary transition attributes to ensure smooth, matching transitions across all drag handles. */

.k-slider .k-draghandle {
     transition: border-style 280ms ease-out, box-shadow 280ms ease-out;
}

.k-slider .k-draghandle.k-draghandle-end:hover,
.k-slider .k-draghandle.k-draghandle-start:hover {
     border-style: none;
     box-shadow: 0px 0px 0px 2px var(--kendo-color-primary);
}

.k-slider .k-draghandle.k-draghandle-end:focus,
.k-slider .k-draghandle.k-draghandle-start:focus {
     box-shadow: 0 0px 0px 2px var(--kendo-color-on-primary), 0px 0px 0px 5px var(--kendo-color-primary)
}