/*
 * Styling for the file inputs that replaced Tilda's upload widget.
 * The widget drew its own button; this makes the browser's native one look
 * like the rest of the form instead of like a default control.
 */
input.js-redspell-upload {
  display: block;
  max-width: 100%;
  font-size: 14px;
  color: inherit;
}

input.js-redspell-upload::file-selector-button {
  margin-right: 12px;
  padding: 10px 18px;
  border: 0;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

input.js-redspell-upload::file-selector-button:hover {
  opacity: 0.8;
}

input.js-redspell-upload:disabled::file-selector-button {
  cursor: default;
  opacity: 0.5;
}

.js-redspell-upload-status {
  margin-top: 6px;
  font-size: 13px;
  opacity: 0.75;
}