input[type=range] {
    -webkit-appearance: none;
    margin: 5.8px 0;
    background-color: transparent !important;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    background: #d63140;
    border-radius: 21.6px;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 2.4px 2.4px 9.5px rgba(4, 16, 14, 0.78), 0 0 2.4px rgba(9, 36, 32, 0.78);
    border: 6px solid #d63140;
    border-radius: 28px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {}

input[type=range]::-moz-range-track {
    width: 100%;
    cursor: pointer;
    background: #d63140;
    border-radius: 21.6px;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 2.4px 2.4px 9.5px rgba(4, 16, 14, 0.78), 0 0 2.4px rgba(9, 36, 32, 0.78);
    border: 6px solid #d63140;
    border-radius: 28px;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    border: 1px solid rgba(163, 0, 255, 0.79);
    border-radius: 43.2px;
    box-shadow: 2.4px 2.4px 6.2px rgba(7, 7, 163, 0.72), 0 0 2.4px rgba(8, 8, 187, 0.72);
}

input[type=range]::-ms-fill-upper {
    background: #ffffff;
    border: 1px solid rgba(163, 0, 255, 0.79);
    border-radius: 43.2px;
    box-shadow: 2.4px 2.4px 6.2px rgba(7, 7, 163, 0.72), 0 0 2.4px rgba(8, 8, 187, 0.72);
}

input[type=range]::-ms-thumb {
    box-shadow: 2.4px 2.4px 9.5px rgba(4, 16, 14, 0.78), 0 0 2.4px rgba(9, 36, 32, 0.78);
    border: 1.8px solid rgba(0, 0, 6, 0.77);
    border-radius: 28px;
    background: #ffff29;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #ffffff;
}

input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}

/* Track */

input[type=range]::-webkit-slider-runnable-track {
    height: 6.4px;
}

input[type=range]::-moz-range-track {
    height: 6.4px;
}

input[type=range]::-ms-track {
    height: 6.4px;
}

/* Thumb */

input[type=range]::-webkit-slider-thumb {
    height: 25px;
    width: 25px;
}

input[type=range]::-moz-range-thumb {
    height: 25px;
    width: 25px;
}

input[type=range]::-ms-thumb {
    height: 25px;
    width: 25px;
}