
.@{css-prefix}checkbox-option {
  .bui-group-option();
  &-plain {
    &-active:after {
      content: "";
      position: absolute;
      right: 2px;
      top: 2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 6px 0;
      border-color: transparent @checkbox-option-plain-after-selected-border
        transparent transparent;
    }
    &-single {
      &:after {
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
      }
    }

    &-active[disabled]:after {
      border-color: transparent
        @checkbox-option-plain-selected-after-disable-color transparent
        transparent;
    }
  }
  &-filled {
    &-active:after {
      content: "";
      position: absolute;
      right: 2px;
      top: 2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 6px 0;
      border-color: transparent @checkbox-option-filled-selected-border
        transparent transparent;
    }
    &-single {
      &:after {
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
      }
    }
    &-active[disabled]:after {
      border-color: transparent
        @checkbox-option-filled-selected-disable-after-border transparent
        transparent;
    }
  }
}
