canvas {
    border: 0px solid #ddd;
    margin:auto;
    height:80px;   
    width: 70%;
}

.slider-container {
    width: 100%;
    max-width: 300px;
    margin-top: 0px;    
    margin: auto;
}

.noUi-target {
    border: 1px solid #ddd;
}

/* Custom slider styles */
.noUi-connect {
    background: #2c9eda;
}

.noUi-handle {
    border-radius: 50% !important;
    background: #2c9eda!important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    box-shadow: none !important;
    top: -10px !important;
}

.noUi-handle:before,
.noUi-handle:after {
    content: none;
}

.noUi-horizontal {
    height: 10px;
}

.noUi-tooltip {
    display: none;
    /* Ensure tooltips are hidden */
}

.input-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.input-container input {
    width: 80px;
    border-radius: 20px;
    margin: 0 10px;
    padding: 5px;
    text-align: center;
}