.arco-input-wrapper,
.arco-select-view-single,
.arco-select-view-multiple {
  border-radius: 4px;
  border-color: #d7d7d9;
  background-color: #fff;
  &:focus-within,
  &.arco-input-focus {
    background-color: var(--color-bg-2);
    border-color: rgb(var(--primary-6));
    box-shadow: 0 0 0 0 var(--color-primary-light-2);
  }
}
.arco-modal {
  .cancel-btn {
    border-radius: 4px;
    border: 1px solid var(--BG-500, #b1b2b5);
    background: var(--BG-white, #fff);
    &:hover {
      border: 1px solid var(--BG-500, #b1b2b5);
    }
  }
  .arco-modal-header {
    border-bottom: 1px solid var(--Border-1, #d7d7d9);
    height: 56px;
    padding: 0 20px;
    .arco-modal-title {
      justify-content: flex-start;
    }
  }

  .arco-modal-body {
    padding: 24px 20px;
    .arco-form-item {
      margin-bottom: 16px;
      &:last-child {
        margin-bottom: 0;
      }
      .arco-form-item-label {
        color: var(--Text-1, #211f24);
        font-family: 'Alibaba PuHuiTi';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
      }
    }
  }

  .arco-modal-footer {
    display: flex;
    height: 64px;
    padding: 0px 20px;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid var(--Border-1, #d7d7d9);
  }
}