.data-label-imasd{
    position: absolute;
    margin-top: 74px;
    margin-left: 12px;
    color: #FFF;
    font-weight: bold;
    font-size: large;
}
.data-label-gastos{
    position: absolute;
    margin-top: 24px;
    margin-left: 12px;
    color: #FFF;
    font-weight: bold;
    font-size: large;
}
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: none;
    pointer-events: none;
    width: 100%;
    border-radius: 7px;
    height: 35px;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}     
/* Track: webkit browsers */ 
input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: none;
    width: 100%;
    border-radius: 7px;
    height: 35px;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
#spanimasd::-webkit-slider-thumb{
    height: 35px;
    width: 170px;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
    display: flow-root !important;
}
    
input[type="range"].safari::-webkit-slider-thumb{
    margin-left: -6.5vh;
}        
 

input[type="range"]::-webkit-slider-thumb{
    height: 35px;
    width: 100px;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
}
input[type="range"].size1::-webkit-slider-thumb{
    height: 35px;
    width: 50%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
    display: flow-root !important;
}
input[type="range"].size2::-webkit-slider-thumb{
    height: 35px;
    width: 90%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
    display: flow-root !important;
}
input[type="range"].size3::-webkit-slider-thumb{
    height: 35px;
    width: 100%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;            
}
/* Track: Mozilla Firefox */
input[type="range"]::-moz-range-progress {
    background-color: #000;
    height: 35px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
input[type="range"]::-moz-range-track {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: none;
    width: 100%;
    border-radius: 7px;
    height: 35px;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
/* Thumb: Firefox */
input[type="range"]::-moz-range-thumb {
    height: 35px;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
}  
input[type="range"].size0::-moz-range-thumb{
    height: 35px;
    width: 50%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
    display: flow-root !important;
}  
input[type="range"].size1::-moz-range-thumb{
    height: 35px;
    width: 20%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
    display: flow-root !important;
}
input[type="range"].size2::-moz-range-thumb{
    height: 35px;
    width: 90%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;
    display: flow-root !important;
}
input[type="range"].size3::-moz-range-thumb{
    height: 35px;
    width: 100%;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    cursor: none;
    pointer-events: none;            
}
#spanimasd::-moz-range-thumb {  
    height: 35px;
    width: 170px;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
    display: flow-root !important;
}
#spangastos::-moz-range-thumb {  
    height: 35px;
    width: 100px;
    background-color: #000;
    border: none;
    border-radius: 7px;     
    -webkit-appearance: none;
    appearance: none;
}
.w-full::-webkit-slider-thumb{
    width: 100% !important;
}
.w-full::-moz-range-progress{
    width: 100% !important;
}