@import '../../../../../global/theme.less';

.container {
  display: flex;
  .selectorContainer {
    display: flex;
    flex: 1;
    margin-right: 4px;
    &:not(:last-child) {
      margin-bottom: 8px;
    }
    .selector {
      width: auto;
      flex: 1;
      :global {
        .@{ant-prefix}-select-selector {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
        }
      }
    }
  }
}

.settingView {
  width: 32px;
  height: 32px;
  border: 1px solid @border-color-base;
  border-top-right-radius: @border-radius-base;
  border-bottom-right-radius: @border-radius-base;
  border-color: @border-color-base;
  border-left: 0;
  .icon {
    transform: translate(50%, 50%);
    color: @font-color-5;
    margin-left: 1px; // 没有左边框， translate没有完全居中
    position: absolute;
  }
}

.add {
  margin-top: 8px;
  color: @theme-color;
  display: block;
  .addIcon {
    margin-right: 4px;
    color: @theme-color;
  }
}