@import '../../styles/abstracts/variables';

.capture-field-item-wrapper {
  // border: 1px solid $border2;
  border: 1px solid $border2;
  background: $white;
  border-radius: 8px;
  &.active {
    background:
      linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(to left, #17e391, #58e5df, #60e5e8) border-box;
    border: 1px solid transparent;
  }
  .capture-field-item {
    padding: 16px;

    input {
      height: 48px;
      font-weight: $semi-bold;
      font-size: $medium1;
      &::placeholder {
        font-weight: $regular;
      }
    }
    &--left {
      flex: 1 1 auto;
      max-width: calc(100% - 54px);
    }
    &.has-item {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .ant-form-item-control-input {
      min-height: 24px;
      input {
        height: 24px;
        padding: 0;
        border: none !important;
        background: $white !important;
        border-radius: 0;
        font-weight: $semi-bold;
        &::placeholder {
          font-weight: $semi-bold;
        }
      }
    }
    .ant-switch {
      border-radius: 80px;
    }
  }

  .module-list__item--dragging {
    .capture-field-item {
      box-shadow: $boxShadow2 !important;
    }
  }

  .capture-field-option-wrapper {
    border-top: 1px solid $border2;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    textarea {
      font-size: 14px;
      line-height: 22px;
      font-weight: 400;
      opacity: 0.8;
    }
  }
}