@mixin custom-radio {
  :deep(.el-radio) {
    height: auto;
    margin: 0;
    border-radius: 2px;
    padding: 7px;
    border: 1px solid var(--o-border-color-lighter);
    .el-radio__input {
      display: none;
    }
    .el-radio__label {
      padding: 0;
    }
    &.is-checked {
      padding: 6px;
      border: 2px solid var(--o-color-primary);
    }
    &:hover {
      padding: 6px;
      border: 2px solid var(--o-color-primary-secondary);
    }
  }
}
@mixin custom-checkbox {
  :deep(.el-checkbox) {
    .el-checkbox__input {
      width: 2px;
      height: 8px;
      border-radius: 1px;
      background-color: var(--o-border-color-light);
      &.is-checked {
        background-color: var(--o-color-success);
      }
      .el-checkbox__inner {
        display: none;
      }
    }
    &.is-checked {
      .el-checkbox__input {
        background-color: #24ab36;
      }
    }
    .el-checkbox__label {
      cursor: auto;
      .state-label,
      .t-alarm-label,
      .control-label {
        color: var(--o-text-color-secondary);
      }
      .alert {
        color: #8d98aa;
      }
    }
  }
}
