/**
* The following styles get applied on the client only.
*/
.driveworks-block-form-embed {
  margin: 2em 0;

  // Loading state
  .dw-embed-message {
    padding: .5em 1em;
    background-color: rgba(0,0,0,.15);
    height: inherit;
  }

  // Error message
  .dw-embed-error {
    display: inline-block;
    padding: .5em .75em;
    border-radius: .25em;
    background-color: #fee2e2;
    color: #7f1d1d;
    line-height: 1.4;
  }

  /* Form Event Messages */
  .dw-message-form-complete.message-shown,
  .dw-message-form-cancel.message-shown {

    &::before {
      content: attr(data-message);
      display: inline-block;
      padding: .5em 1em;
      width: auto;
      border-radius: .25em;
    }
  }

  .dw-message-form-complete::before {
    background: #d1fae5;
    color: #047857;
  }
  .dw-message-form-cancel::before {
    background: #fef3c7;
    color: #b45309;
  }
}