/* Контейнер дорожки */
.ui-slider {
    position: relative;
    text-align: left;
}

/* Общие стили для бегунка */
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    cursor: default;
    touch-action: none;
}

.ui-slider .ui-slider-handle:focus-visible
{
	outline: none;
}

/* Область выделения (range) */
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
}

/* Специфика для горизонтального вида */
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Дорожка */
.ui-slider 
{
    background: #ccc;
    border-radius: 5px;
	height: 2px;
}

/* Бегунок */
.ui-slider .ui-slider-handle
{
	width: 20px;
	height: 20px;
	background: #F72E30;
	border-radius: 50%;
	top: -9px;
	border: 2px solid #000;
	box-shadow: 0 0 0px 2px #F72E30;
}

/* Цвет заполнения (если используете range) */
.ui-slider .ui-slider-range 
{
    background: #F72E30;
}