*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body, #root {
  width: 100%;
  height: 100%;
}

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

*::-webkit-scrollbar {
  display: none;
}

body {
  font-family: var(--font-base);
  font-size: var(--font-size-base);
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

input, button, textarea, select {
  font: inherit;
}

.jjus-primary-action {
  border-color: var(--jjus-color-accent) !important;
  background-color: var(--jjus-color-accent) !important;
  color: #fff !important;
}

.jjus-primary-action:hover:not(:disabled) {
  background-color: var(--jjus-color-accent-hover) !important;
}

.jjus-calendar-menu.is-active,
.jjus-calendar-control.is-active {
  border-color: var(--jjus-color-accent-border) !important;
  background-color: var(--jjus-color-accent-soft) !important;
  color: var(--jjus-color-accent-text) !important;
}

.jjus-calendar-control.is-solid {
  border-color: var(--jjus-color-accent) !important;
  background-color: var(--jjus-color-accent) !important;
  color: #fff !important;
}

.jjus-calendar-icon {
  color: var(--jjus-color-accent) !important;
}