* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  height: 100%;
  background: #ffffff;
  font-family:
    "Segoe UI",
    "SF mono",
    "Roboto",
    -apple-system,
    system-ui,
    "BlinkMacSystemFont",
    "Arial",
    "Helvetica",
    sans-serif;

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;

  user-select: none;

  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color: #26272c;
}

/* For some reason browsers override button font */
button {
  font-family:
    "Segoe UI",
    "SF mono",
    "Roboto",
    -apple-system,
    system-ui,
    "BlinkMacSystemFont",
    "Arial",
    "Helvetica",
    sans-serif;
}

::-webkit-input-placeholder, /* Edge */
:-ms-input-placeholder, /* Internet Explorer */
::-moz-placeholder, /* Firefox 19+ */
:-moz-placeholder, /* Firefox 18- */
::placeholder {
  color: #646464;
  opacity: 0.5;
}

/* Fixes border collapse messing up tables on Firefox. */
th,
td {
  background-clip: padding-box;
}

/* Temporary styling to prevent UI jumping when SolidJS loads. */

#app {
  display: block;
  min-height: 62px;
}

[contenteditable="true"]:empty:before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none;
  display: block; /* For Firefox */
}