// NGX Ui Switch
// https://github.com/webcat12345/ngx-ui-switch

// Set default customise component variables here,
// Override it in theme variables files
@import "~ngx-ui-switch/ui-switch.component";

.x-switch {
  @extend %cursor-pointer,
          .d-inline-flex,
          .mb-0,
          .align-items-center;

  > * {
    @extend .d-flex;
    &:not(:last-child) {
      @extend .mr-2;
    }
  }

  .switch {
    @extend .border;

    .bg-dark & {
      @extend .border-light-transparent;
    }

    &:not(.checked) {
      @extend .bg-light-secondary;

      .bg-dark & {
        @extend .bg-light-transparent;
      }
    }

  }
}