phx-multiple-state-checkbox{
  .phx-multiple-state-checkbox {
    display: inline-block;
    & > div {
      width: 10pt;
      height: 10pt;
      margin: 0 auto;
      border: 0.25pt solid @CLR_BORDER_COLOR;
      cursor: pointer;

      &.disabled {
          border: 0.25pt dotted @CLR_BORDER_COLOR;
          cursor: default;
          background-color: hsv(0, 0%, 97%);
      }
    }
  }

  button {
    &.fake{
      opacity: 0;
      width: 10pt;
      height: 10pt;
      position: absolute;
      margin-left: -1.5px;
      margin-top: -13.44px;
      z-index: -1;
    }
    &.fake:focus {
      & + div {
        border: @PHLOX_DROPDOWN_FOCUS_BORDER_THICKNESS solid @CLR_BORDER_COLOR;

      }
    }
  }
}