@mixin form-item__label--default {
  font-weight: bold;
  @include font-12;
  text-transform: uppercase;
  color: $grey-3;
  padding-bottom: 6px;
  height: 24px;
}

@mixin has_optional {
  display: flex;
  justify-content: space-between;

  span:last-child {
    color: $grey-4;
    font-weight: normal;
    text-transform: none;
  }
}

@mixin form-item__description--default {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  font-size: $f12-caps-font-size;
  line-height: $f12-caps-line-height;
  color: $grey-4;
  word-break: break-all;
}

.pd-form-item-container {
  padding: 12px 0;
}

.pd-form-item__label--default {
  @include form-item__label--default;

  &.has-optional {
    @include has_optional;
  }
}

.pd-form-item__field--default {
  .ant-input {
    background-color: transparent !important;
  }
}

.pd-form-item__description--default {
  @include form-item__description--default;
}

.pd-form-item__content--default {
  @include font-16;
  height: 40px;
  display: flex;
  align-items: center;
  color: $grey-1;
}

.pd-form-item__content--grey {
  @include font-16;
  height: 40px;
  display: flex;
  align-items: center;
  color: $grey-3;
}