.icon-checkbox {
  & input[type="checkbox"] {
    display: none;

    & + .icon-checkbox__label {
      display: flex;
      align-items: center;
      gap: var(--small);

      .icon-checkbox__true {
        display: none;
        user-select: none;
        & .svg-icon {
          display: flex;
        }
      }
      .icon-checkbox__false {
        display: block;
        user-select: none;
        & .svg-icon {
          display: flex;
        }
      }
    }
    &:checked + .icon-checkbox__label {
      .icon-checkbox__true {
        display: block;
      }
      .icon-checkbox__false {
        display: none;
      }
    }
  }
}