.mat-slider-horizontal {
    width: 140px;
    height: 32px !important;

    .mat-slider-wrapper {
        left: 0 !important;
        top: 16px !important;
    }

    .mat-slider-track-wrapper,
    .mat-slider-track-fill {
        height: 6px !important;
        border-radius: 3px;
    }

    // For disabled state
    .mat-slider-track-fill {
        background-color: var(--iqser-primary);
    }

    .mat-slider-track-background {
        height: 4px !important;
        margin-top: 1px;
        border-radius: 3px;
        background-color: var(--iqser-toggle-bg) !important;
    }

    .mat-slider-focus-ring {
        display: none;
    }
}

.mat-slider-thumb {
    width: 16px !important;
    height: 16px !important;
    border-width: 0 !important;
    background-color: var(--iqser-primary) !important;
}

.mat-slider:not(.mat-slider-disabled):not(.mat-slider-sliding) .mat-slider-thumb {
    transform: scale(1) !important;
}

.mat-slider-horizontal.mat-slider-disabled {
    .mat-slider-thumb {
        transform: translateX(-3px);
    }
}