.sgwf-form-bridge {
  --sgwf-form-border: #d9d9d6;
  --sgwf-form-text: #171714;
  --sgwf-form-muted: #6d6d68;
  --sgwf-form-surface: #fff;
  --sgwf-form-accent: #171714;
  color: var(--sgwf-form-text);
  width: 100%;
}

.sgwf-form-bridge .fluentform,
.sgwf-form-bridge .ff-el-group,
.sgwf-form-bridge .ff-el-input--content {
  width: 100%;
}

.sgwf-form-bridge .ff-el-group {
  margin-bottom: 1.25rem;
}

.sgwf-form-bridge .ff-el-input--label label {
  color: var(--sgwf-form-text);
  display: inline-block;
  font: inherit;
  font-weight: 500;
  margin-bottom: .5rem;
}

.sgwf-form-bridge :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  appearance: none;
  background: var(--sgwf-form-surface);
  border: 1px solid var(--sgwf-form-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--sgwf-form-text);
  font: inherit;
  min-height: 3.25rem;
  padding: .8rem 1rem;
  transition: border-color 160ms ease, box-shadow 160ms ease;
  width: 100%;
}

.sgwf-form-bridge textarea {
  min-height: 9rem;
  resize: vertical;
}

.sgwf-form-bridge :where(input, select, textarea):focus-visible {
  border-color: var(--sgwf-form-accent);
  box-shadow: 0 0 0 3px rgb(23 23 20 / 14%);
  outline: 0;
}

.sgwf-form-bridge .ff-btn-submit {
  align-items: center;
  background: var(--sgwf-form-accent);
  border: 1px solid var(--sgwf-form-accent);
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 500;
  justify-content: center;
  min-height: 3.25rem;
  padding: .75rem 1.5rem;
  transition: background-color 160ms ease, color 160ms ease;
}

.sgwf-form-bridge .ff-btn-submit:hover,
.sgwf-form-bridge .ff-btn-submit:focus-visible {
  background: transparent;
  color: var(--sgwf-form-accent);
}

.sgwf-form-bridge .text-danger,
.sgwf-form-bridge .error,
.sgwf-form-bridge .ff-el-is-error .text-danger {
  color: #b42318;
  font-size: .875rem;
}

.sgwf-form-bridge .ff-message-success {
  background: #eef8f1;
  border: 1px solid #77ad82;
  color: #215b2c;
  padding: 1rem;
}

.sgwf-form-bridge--newsletter .ff-el-group {
  margin-bottom: .75rem;
}

@media (max-width: 767px) {
  .sgwf-form-bridge .ff-btn-submit {
    width: 100%;
  }
}
