.mat-mdc-slide-toggle {
    .mdc-switch {
        --mdc-switch-handle-elevation: none;
        --mdc-switch-handle-elevation-shadow: none;

        --mdc-switch-selected-track-color: var(--iqser-primary);
        --mdc-switch-selected-hover-track-color: var(--iqser-primary);
        --mdc-switch-selected-pressed-track-color: var(--iqser-primary);
        --mdc-switch-selected-focus-track-color: var(--iqser-primary);
        --mdc-switch-disabled-selected-track-color: var(--iqser-primary);

        --mdc-switch-unselected-track-color: var(--iqser-toggle-bg);
        --mdc-switch-unselected-hover-track-color: var(--iqser-toggle-bg);
        --mdc-switch-unselected-pressed-track-color: var(--iqser-toggle-bg);
        --mdc-switch-unselected-focus-track-color: var(--iqser-toggle-bg);
        --mdc-switch-disabled-unselected-track-color: var(--iqser-toggle-bg);

        --mdc-switch-selected-handle-color: var(--iqser-background);
        --mdc-switch-selected-pressed-handle-color: var(--iqser-background);
        --mdc-switch-selected-hover-handle-color: var(--iqser-background);
        --mdc-switch-selected-focus-handle-color: var(--iqser-background);
        --mdc-switch-disabled-selected-handle-color: var(--iqser-background);

        --mdc-switch-unselected-handle-color: var(--iqser-alt-background);
        --mdc-switch-unselected-pressed-handle-color: var(--iqser-alt-background);
        --mdc-switch-unselected-hover-handle-color: var(--iqser-alt-background);
        --mdc-switch-unselected-focus-handle-color: var(--iqser-alt-background);
        --mdc-switch-disabled-unselected-handle-color: var(--iqser-alt-background);

        --mdc-switch-disabled-track-opacity: 0.38;

        --mdc-switch-track-width: 30px;
        --mdc-switch-track-height: 16px;
        --mdc-switch-track-shape: 8px;
        --mat-switch-with-icon-handle-size: 12px;
        --mdc-switch-handle-shape: 6px;

        --mat-switch-unselected-with-icon-handle-horizontal-margin: 0 2px;
        --mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;

        --mat-switch-selected-with-icon-handle-horizontal-margin: 0 6px;
        --mat-switch-selected-pressed-handle-horizontal-margin: 0 6px;
        --mat-switch-selected-handle-horizontal-margin: 0 6px;

        --mat-switch-unselected-handle-size: 12px;
        --mat-switch-selected-handle-size: 12px;
        --mat-switch-pressed-handle-size: 12px;
    }

    .mdc-form-field > label {
        margin-left: 8px;
        padding-left: 0;
    }

    .mdc-switch__icons,
    .mdc-switch__ripple {
        display: none;
    }
}