html > body > #grid {
  --theme-color-input: var(--color-text-dark);
  --theme-color-shadow: var(--color-shadow);
  --theme-background-input: var(--color-note-contents);
  --theme-border-radius-input: var(--size-tiny);
  --theme-padding-input: var(--size-tiny);

  & button,
  & select,
  & textarea,
  & input[type=button],
  & input[type=submit],
  & input[type=datetime-local],
  & input[type=checkbox],
  & input[type=file]::file-selector-button,
  & input[type=search],
  & input[type=text] {
    border-radius: var(--theme-border-radius-input);
    background: var(--theme-background-input);
    color: var(--theme-color-input);
    border: 1px solid var(--theme-color-shadow);
    max-width: 100%;
    padding: var(--theme-padding-input);
    font: inherit;
  }

  & input[type=file]::file-selector-button {
    font: inherit;
  }

  & select {
    accent-color: var(--theme-color-input);
  }

  & input[type=search] {
    appearance: textfield;

    &::-webkit-search-decoration,
    &::-webkit-search-results-button,
    &::-webkit-search-results-decoration {
      display: none;
    }
  }

  & textarea {
    min-height: 15ex;
    field-sizing: content;
    word-wrap: break-word;
    word-break: break-word;
  }
}