/* --- RADZEN MATERIAL SLIDER ONLY --- */

.rz-slider {
    position: relative;
    height: 2px;
    background: #ddd;
    border-radius: 2px;
}

.rz-slider-track {
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--cp-primary-900);
    border-radius: 2px;
}

.rz-slider-range {
    background-color: var(--cp-primary-900);
    position: absolute;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
}

.rz-slider-horizontal .rz-slider-handle {
    width: 16px;
    height: 16px;
    background-color: var(--cp-primary-900);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    box-shadow: 0 0 0 6px rgba(33, 150, 243, 0.16);
}


.rz-slider-tip {
    background-color: var(--cp-primary-900);
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
}

/* More specific than the default (extra .tch-slider-material prefix) */
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover,
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus,
.rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
    box-shadow: none; /* kill the glow */
    background-color: var(--cp-primary-900);
}

.rz-slider-horizontal .rz-slider-handle{
    box-shadow: none;
}