:root {
  --unit-1: 1rem;
  --unit-2: calc(var(--unit-1) * 2);
  --unit-1-2: calc(var(--unit-1) / 2);
  --color: #495057;
  --color-accent-h: 206.57deg;
  --color-accent-s: 89.74%;
  --saga0: hsl(var(--color-accent-h), var(--color-accent-s), 54.12%);
  --saga1: hsl(var(--color-accent-h), var(--color-accent-s), 44.12%);
  --saga2: hsl(var(--color-accent-h), var(--color-accent-s), 34.12%);
  --saga3: hsl(var(--color-accent-h), var(--color-accent-s), 84.12%);
  --saga4: var(--color);
}

body {
  font-family: var(--font-family);
}

html body .ui-messages .ui-messages-close {
  top: 0.5rem;
  right: 0.5rem;
}
html body .ui-message:empty {
  display: none;
}

.cjFormLanguage .ui-selectonemenu {
  margin-left: var(--unit-1-2);
}

.cjFormText {
  display: none;
}

.field {
  margin-top: var(--unit-2);
  margin-bottom: var(--unit-2);
}

.buttons button + button {
  margin-left: var(--unit-1-2);
}
