body {
  font-size: 12px;
  line-height: 16px;
  color: #181818;
}

main {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.cmx-webapp main {
  font-family: ui-sans-serif, system-ui, sans-serif, Verdana, Arial, Helvetica;
}

:root {
  --font: Verdana, Arial, Helvetica, sans-serif;
  --button-font: Arial, Helvetica, sans-serif;
  --text-color: #999;
}

ul {
  list-style: none;
  padding-left: 0;
}

.c24-page-container {
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
}
input[type='range']::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
  width: 12px;
  height: 20px;
}

input[type='range']::-moz-range-thumb {
  pointer-events: all;
  -moz-appearance: none;
  width: 12px;
  height: 20px;
}