EventMapper/assets/styles/elements.css

h1 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}

h2 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}

p {
  margin: 0;
  white-space: pre-wrap;
  /* word-break: break-all; */
}

hr {
  margin: 0;
  width: 100%;
  background-color: currentColor;
  color: currentColor;
  border: 1px solid currentColor;
  box-sizing: border-box;
}

button {
  background-color: transparent;
  color: currentColor;
  font: inherit;
  padding: 4px;
  border-radius: 4px;
  min-width: 36px;
  height: 36px;
  border: 1px solid #0008;
  user-select: none;
}

button:active {
  background-color: #0004;
}

button:disabled {
  background-color: #80808040;
}


button.selected {
  border: 1px solid #fff;
}

input {
  background-color: #0004;
  color: white;
  font: inherit;
  box-sizing: border-box;
  padding: 6px;
  border-radius: 4px;
  height: 36px;
  width: 100%;
  border: 1px solid #0008;
}

a {
  color: currentColor;
}