form {
  .field__input, .select__select, .customer .field input, .customer select, .field {
    color: black;
    font-size: var(--p-font-size);
    outline: none;
    border: none;
    box-shadow: none;
    padding: 0;
    letter-spacing: 0;

    &::placeholder {
      color: black;
      font-size: var(--p-font-size);
      outline: none;
      border: none;
      box-shadow: none;
      padding: 0;
      letter-spacing: 0;
    }

    &:after {
      border: none;
      box-shadow: none;
    }
  }

  .field {
    border-bottom: 1px solid black;
  }

  .field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill {
    padding: 2.2rem 0 0.8rem 0;
  }

  .field__input:focus ~ .field__label, .field__input:not(:placeholder-shown) ~ .field__label, .field__input:-webkit-autofill ~ .field__label, .customer .field input:focus ~ label, .customer .field input:not(:placeholder-shown) ~ label, .customer .field input:-webkit-autofill ~ label {
    left: 0;
  }

  .field__label, .customer .field label {
    left: 0;
    font-size: var(--p-font-size);
    color: black;
  }
}

.recipient-form, .recipient-fields {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.recipient-fields {
  gap: 1rem;
}