.hkknx-slider-content svg {
    forced-color-adjust: auto;
}

.hkknx-slider-content {
    color: -webkit-focus-ring-color;
}

.hkknx-slider-brightness {
    color: #ffd60a;
}

.hkknx-slider-fan, .hkknx-slider-window-covering {
    color: rgba(100, 210, 255, 1);
}
.hkknx-bg-slider-rail {
    background-color: rgba(142, 142, 147, 0.2);
}
.hkknx-slider-content .rail {
    color: rgba(142, 142, 147, 0.2);
    fill: currentcolor;
}

.hkknx-slider-content .slider-drag-indicator {
    color: rgba(0, 0, 0, 0.5);
    fill: currentcolor;
}

.slider-focus-ring {
    stroke: blue;
    stroke: highlight;
    stroke: -webkit-focus-ring-color;
    stroke-opacity: 0;
    fill-opacity: 0;
    stroke-width: 3px;
    display:none;
}

/* Disable default outline */
.hkknx-slider:focus {
    outline: none;
}

/* Show the slider focus ring */
.hkknx-slider:focus .slider-focus-ring {
    display: block;
    stroke-opacity: 1;
}

.hkknx-slider-content .slider-group {
    touch-action: pan-y;
}

.hkknx-slider-content .slider-progress {
    fill: currentcolor;
}

g[role=slider] {
    clip-path: inset(0% 0% 0% 0% round 20px);
    overflow: hidden;
}