.mat-slide-toggle {
    .mat-slide-toggle-bar {
        height: 16px !important;
        width: 30px !important;
        border-radius: 16px !important;
        background-color: var(--iqser-toggle-bg);
    }

    .mat-slide-toggle-thumb-container {
        top: 2px !important;
        left: 2px !important;
        height: 12px !important;
        width: 12px !important;
    }

    .mat-slide-toggle-thumb {
        height: 12px !important;
        width: 12px !important;
        box-shadow: none;
        background-color: var(--iqser-alt-background);
    }

    .mat-ripple {
        display: none;
    }

    &.mat-primary.mat-checked {
        .mat-slide-toggle-bar {
            background-color: var(--iqser-primary);
            border: 1px solid var(--iqser-background);
        }

        .mat-slide-toggle-thumb {
            background-color: var(--iqser-background);
        }

        .mat-slide-toggle-thumb-container {
            transform: translate3d(14px, 0, 0);
        }
    }
}