section.user-input {
  position: relative;
}
section.user-input textarea {
  border: 0;
  border-radius: 1.375rem;
  padding: 1.375rem;
  width: 100%;
}
section.user-input textarea:focus {
  outline: 1px solid var(--chapter-color);
}
section.user-input textarea::-webkit-input-placeholder {
  color: var(--black);
  opacity: 0.6;
}
section.user-input textarea::-moz-placeholder {
  color: var(--black);
  opacity: 0.6;
}
section.user-input textarea:-ms-input-placeholder {
  color: var(--black);
  opacity: 0.6;
}
section.user-input textarea::-ms-input-placeholder {
  color: var(--black);
  opacity: 0.6;
}
section.user-input textarea::placeholder {
  color: var(--black);
  opacity: 0.6;
}
section.user-input h3 {
  font-family: var(--link-family);
  font-variation-settings: "wght" 500;
}
section.user-input .sticky {
  z-index: 7;
}
@media screen and (max-width: 63.9375em) {
  section.user-input .sticky {
    background-color: var(--chapter-color);
    padding: 20px;
    border-radius: 30px;
  }
  section.user-input .sticky textarea {
    height: 60px;
  }
  section.user-input .sticky h3 {
    display: none;
  }
  section.user-input .sticky button {
    background: var(--black);
    color: var(--chapter-color);
  }
  section.user-input .sticky button:hover {
    color: var(--chapter-color-dark) !important;
  }
}