:root {
  --form-border-radius: var(--default-border-radius);
}

.form-text,
.form-search,
.form-textarea {
  border-radius: var(--form-border-radius);
  border: 2px solid var(--body-bg);
  background-color: var(--content-box-bg);
}

button {
  font-family: var(--font-family);
}

.form-select.bootstrap-select > .dropdown-toggle {
  border-width: 2px;
}

.h5p-reporting-container {
  border-radius: var(--form-border-radius);
  border: solid 1px #e3e3e3;
  margin-block-start: 1rem;
  --content-box-box-shadow: 0 0 7px rgba(100, 100, 100, .2);
  box-shadow: var(--content-box-box-shadow);
}

.form-textarea:hover,
.form-text:hover {
  border-color: var(--desktop-button-color);
  border-width: 2px;
}

.form-text-area:hover,
.form-text:focus {
  border-color: var(--desktop-button-color);
  border-width: 2px;
}