.sln-mat-checkbox {
  .mat-mdc-checkbox-touch-target {
    height: 16px;
    width: 16px;
    top: 19px;
    left: 8px;
  }
  .mdc-checkbox {
    height: 17px;
    padding: 0;
  }
  .mdc-form-field > label {
    padding-left: 0;
    text-align: left;
  }
  .mat-internal-form-field {
    gap: 3px;
  }
  .mdc-checkbox__background {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    left: 0;
    top: 1px;
  }
  .mdc-checkbox .mdc-checkbox__native-control {
    width: 16px;
    height: 16px;
    top: 0px;
  }
  .mdc-checkbox
    .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not(
      [data-indeterminate="true"]
    )
    ~ .mdc-checkbox__background {
    border: 2px solid var(--GRAY);
  }
  .mdc-checkbox
    .mdc-checkbox__native-control:enabled:checked
    ~ .mdc-checkbox__background {
    background: var(--PRIMARY);
    color: var(--WHITE);
    border: 3px solid var(--PRIMARY);
    border-radius: 4px;
  }
  .mdc-checkbox .mdc-checkbox__native-control:focus .mdc-checkbox__background {
    background: var(--PRIMARY);
    color: var(--WHITE);
    border: 3px solid var(--PRIMARY);
    border-radius: 4px;
  }
  .mdc-checkbox:hover .mdc-checkbox__background {
    color: var(--GRAY);
  }
  .mat-mdc-checkbox .mdc-checkbox__background {
    background: var(--PRIMARY);
    border: none;
    color: var(--WHITE);
  }
  .mdc-checkbox
    .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(
      :indeterminate
    )
    ~ .mdc-checkbox__background {
    border-color: var(--GRAY);
  }
  .mdc-checkbox
    .mdc-checkbox__native-control:enabled:focus:checked
    ~ .mdc-checkbox__background {
    background: var(--PRIMARY);
    border: 2px solid var(--PRIMARY);
  }
  .mdc-checkbox:hover
    .mdc-checkbox__native-control:enabled:checked
    ~ .mdc-checkbox__background {
    background: var(--PRIMARY);
    border: 2px solid var(--PRIMARY);
    border-radius: 4px;
  }
  .mdc-checkbox:disabled:active
    .mdc-checkbox__native-control:enabled:checked:not(:indeterminate):not(
      [data-indeterminate="true"]
    )
    ~ .mdc-checkbox__background {
    border-color: var(--PRIMARY);
    background-color: var(--WHITE);
  }
  .mdc-checkbox:not(:disabled):active
    .mdc-checkbox__native-control:enabled:checked
    ~ .mdc-checkbox__background {
    border-color: var(--PRIMARY);
    background: var(--PRIMARY);
  }
  .mdc-radio__native-control:checked
    + .mdc-radio__background
    .mdc-radio__inner-circle {
    color: var(--WHITE);
  }
  .mdc-checkbox
    .mdc-checkbox__native-control:enabled:indeterminate
    ~ .mdc-checkbox__background {
    background: var(--WHITE);
    color: var(--GRAY-SOFT);
    padding: 2px;
  }
  .mdc-checkbox
    .mdc-checkbox__native-control[disabled]:checked
    ~ .mdc-checkbox__background {
    border-color: var(--GRAY-SOFT);
    background-color: var(--GRAY-SOFT) !important;
    opacity: 0.6;
  }
  .mdc-checkbox
    .mdc-checkbox__native-control[disabled]:not(:checked):not(
      :indeterminate
    ):not([data-indeterminate="true"])
    ~ .mdc-checkbox__background {
    border-color: var(--GRAY-SOFT) !important;
    opacity: 0.6;
  }

  .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
    background-color: var(--PRIMARY) !important;
    border-color: var(--PRIMARY) !important;
    color: var(--WHITE) !important;
  }
  .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: var(--DEFAULT) !important
  }
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(
    .mat-mdc-option-multiple
  ) {
  background-color: var(--LIGHT-GRAY) !important;
}

// переопределение для компонентов
.sln-user-widgets-checkbox {
  line-height: 0;
  .sln-core-field-bool {
    border: 1px solid var(--DEFAULT);
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 4px;
  }
}
