.form-field__email {
  width: 100%; }
  .form-field__email-label {
    font-size: var(--default-form-label-font-size);
    color: var(--default-form-label-color);
    line-height: var(--default-line-height);
    display: block;
    padding-bottom: 8px;
    margin-bottom: 0; }
  .form-field__email-control {
    --border-color: var(--default-dark-grey-color);
    --background: linear-gradient(180deg, var(--default-white-color) 0%, var(--default-light-grey-color) 100%);
    border: 1px solid var(--border-color);
    border-radius: var(--form-field-text-border-radius, 32px);
    width: 100%;
    overflow: hidden;
    background: var(--background);
    padding: calc(var(--space) - 4px);
    font-size: var(--default-form-label-font-size);
    color: var(--default-form-label-color);
    line-height: var(--default-line-height); }
    .form-field__email-control::-webkit-input-placeholder {
      color: var(--default-form-label-color) !important; }
    .form-field__email-control::-moz-placeholder {
      color: var(--default-form-label-color) !important; }
    .form-field__email-control:-ms-input-placeholder {
      color: var(--default-form-label-color) !important; }
    .form-field__email-control::-ms-input-placeholder {
      color: var(--default-form-label-color) !important; }
    .form-field__email-control::placeholder {
      color: var(--default-form-label-color) !important; }
    .form-field__email-control:disabled {
      --border-color: var(--default-disabled-grey-color);
      --background: #f4f4f4;
      color: var(--default-disabled-grey-color); }