/* Slider Customization */
.slider {
    --progress: 0;
    background: linear-gradient(to right, var(--brand-primary) 0%, var(--brand-primary) calc(var(--progress) * 1%), #f1f5f9 calc(var(--progress) * 1%), #f1f5f9 100%);
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: white;
    border: 2px solid var(--brand-primary);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.slider::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: white;
    border: 2px solid var(--brand-primary);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}