@import '../../../styles/abstracts/variables';
.data-capture-form-container {
  margin-bottom: 32px;
  &__cover {
    width: 160px !important;
    height: 160px !important;
    margin-bottom: 0 !important;
  }
  .ant-form-item {
    display: block;
  }
  .wrap-img {
    width: 56px;
    height: 56px;
    background: linear-gradient(#e6e6e6, #e6e6e6);
    border-radius: 8px;
    margin-top: 8px;
    padding: 1px !important;
    cursor: pointer;

    &.active {
      background: linear-gradient(
        270deg,
        #17e391 21.47%,
        #58e5df 77.04%,
        #60e5e8 77.05%
      );
      padding: 2px !important;
    }

    &_item {
      justify-content: center;
      align-items: center;
      display: flex;
      width: 100%;
      height: 100%;
      border-radius: 6px;
      background: white;
    }
  }
  .dragger-wrapper {
    width: 160px;
  }
  .ant-form-item-has-error {
    .count-message {
      display: none;
    }
  }

  .ant-form-item-label {
    label {
      color: $tundola;
    }
  }

  input:focus::placeholder {
    color: transparent;
  }
  .overlay {
    width: 100%;
    height: 184px;
    opacity: 0.6;
    position: absolute;
    background: white;
    z-index: 110;
    top: -24px;
    left: 0;
  }
}

.data-capture-form--final-step {
  .ant-form-item {
    display: block;
    &-label {
      padding-bottom: 0 !important;
      label {
        height: unset;
      }
    }
  }
}
