html {
  font-size: 16px;
}

body {
   /* Running taskbar app requires $eggshell background colour otherwise
    * Onboarding component screen is shown with grey background
    */
  background-color: $eggshell;
  user-select: none;
  color: $black;
  font-family: $sans;
  font-weight: 400;
  font-size: ms(0);
  line-height: ms(0) * 1.3;
  overflow-y: hidden;
  /* https://electronjs.org/docs/api/frameless-window#draggable-region */
  -webkit-app-region: drag;
}

.hidden {
  display: none;
}

a,
a:link,
a:visited {
  color: $black;
  text-decoration: none;
  &:hover {
    cursor: pointer;
  }
}

button,
p,
input[type='text'],
input[type='number'],
input[type='tel'],
input[type='email'],
input[type='password'],
input[type='range'],
textarea,
.account,
.account_avatar,
.header-nav_left,
.header-nav_right,
.text {
  -webkit-app-region: no-drag;
}

.footer-feedback,
.header-nav_title,
.status,
.text {
  -webkit-user-select: none;
}