// Partials / Block Form

.block{
  &.dark{
    .form{
      input[type=text],
      input[type=email],
      textarea{
        background-color:rgba(63,159,254,0.15);
        border-color:transparent;
        color:$white;

        &::placeholder{
          color:#597ea5;
        }
      }
    }
  }

  .form{
    background-color:transparent;
    box-shadow:none;

    input[type=text],
    input[type=email],
    textarea{
      transition-duration:0.2s;
      transition-property:border;
      display:flex;
      align-items:center;
      background-color:#e0e3e8;
      border:1px solid #d9dce0;
      color:$black;
      box-shadow:none;
      height:50px;
      padding:12px 15px;

      &::placeholder{
        color:#4a5669;
      }

      &:focus{
        border-color:$blue;
      }
    }

    .fields{
      display:flex;
      width:100%;

      .field{
        width:50%;

        &:first-child{
          padding-right:7px;
        }

        &:last-child{
          padding-left:7px;
        }
      }
    }

    .field{
      &.error{
        input[type=text],
        input[type=email],
        textarea{
          border-color:red;
        }
      }
    }

    .actions{
      display:flex;
      align-items:center;

      .error-message{
        color:red;
      }
    }
  }
}
