/* Global classes */
.hidden {
  display: none;
}

* {
  transition: opacity 0.1s ease-in;
}

.fade {
  transition: all 0.3s ease-in;
  opacity: 0.5;
}

/* UI Elements that are user-selectable, all listed here as a single source of truth */
html {
  body {
    * {
      user-select: none;
      -webkit-user-select: none;
      -webkit-touch-callout: none;
      -webkit-tap-highlight-color: transparent;

      /*default to all text being non-selectable.
      then enable it manually where needed, eg. input fields.*/
    }

    div.message,
    textarea,
    input[type="text"] {
      user-select: text;
    }

    /* QnA sections */
    div.qna_section div.qna_text {
      user-select: text;
    }
  }
}