@import url('default/color.css');
@import url('default/component.css');
@import url('default/global.css');
@import url('default/reset.css');
#root {
  height: 100%;
  width: 100%;
}
button {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  height: inherit;
  border: 0;
  border-radius: 3px;
  background-color: transparent;
  outline: none;
  transition: background-color 0.2s ease-out;
}
button:enabled {
  cursor: pointer;
}
button:enabled:hover {
  background-color: var(--color-active);
}
button:checked,
button:checked:hover {
  background-color: var(--color-information-secondary);
}
span.app-badge {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1;
}
span.app-badge.low-emphasis {
  background-color: var(--color-active-secondary);
  color: var(--color-text);
}
span.app-badge.medium-emphasis {
  background-color: var(--color-information);
  color: var(--color-content);
}
span.app-badge.high-emphasis {
  background-color: var(--color-important);
  color: var(--color-content);
}