.custom-checkbox {
  .custom-control-input {
    &:checked {
      ~ .custom-control-label {
        color:                                              $custom-checkbox-checked-color;
        transition:                                         background-color 0.5s ease;
        &::before {
          background-color:                                 $custom-checkbox-checked-color;
          transition:                                       background-color 0.5s ease;
        }
      }
    }
    ~ .custom-control-label {
      transition:                                           background-color 0.5s ease;
      &::before {
        transition:                                         background-color 0.5s ease;
      }
    }
  }
  &.inverse {
    .custom-control-input ~ .custom-control-label {
      &::before {
        background-color:                                   $custom-checkbox-inverse-checked-color;
        border:                                             solid 1px $custom-checkbox-checked-color;
        transition:                                         opacity 0.5s ease;
        opacity:                                            0.2;
      }
      &::after {
        transition:                                         opacity 0.5s ease;
        opacity:                                            0;
      }
    }
    .custom-control-input:checked ~ .custom-control-label {
      &::before {
        background-color:                                   $custom-checkbox-inverse-checked-color;
        opacity:                                            0.4;
      }
      &::after {
        background-image:                                   $eshop-custom-checkbox-inverse-indicator-icon-checked !important;
        opacity:                                            1;
      }
    }
  }

  @include                                                  media-breakpoint-down(sm) {
    min-height:                                             $mobile-eshop-custom-control-height;
  }
}
