input[type="range"].vibe-slider {
    flex: 1 1 0;
    -webkit-appearance: none;
    height: 20px;
    border-radius: 100px;
    background-image: -webkit-linear-gradient(0deg, #E2415E, #FCB10F, #CFEB62, #27B978);
    cursor: pointer;
    max-width: 500px;
}
input[type="range"].vibe-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 30px;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--dark-cyan);
    background-color: var(--neutralswhite);
    cursor: pointer;
}
input[type="range"].vibe-slider:disabled,
input[type="range"].vibe-slider:disabled::-webkit-slider-thumb {
    cursor: default;
}