@import "../animations/shake";

form {
  .ap-field {
    margin: 8px 0;
  }
}

.with-ap-form-error {
  @include shaking();
}

.inline-form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  .ap-text-wrap {
    margin: 0 -1px 0 0;
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
    padding: 0;
    [type=text] {
      border-radius: 4px 0 0 4px;
    }
  }
  .ap-button {
    margin: 0;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 0 4px 4px 0;
  }
}