:root {
  --altcha-border-width: 1px;
  --altcha-border-radius: 4px;
  --altcha-color-base: #ffffff;
  --altcha-color-border: #a0a0a0;
  --altcha-color-text: #393e46;
  --altcha-color-border-focus: #393e46;
  --altcha-color-error-text: #f23939;
  --altcha-color-footer-bg: #ffffff;
  --altcha-max-width: 260px;
}

/* override dark design, kinda strange stuff */
.cd-dark label.altcha-label, .cd-dark a.altcha-logo, .cd-dark div.altcha-footer > div,
.cd-dark div.altcha-footer > div > a, .cd-dark div.altcha-main svg {
  color: var(--altcha-color-text);
}
.cd-dark div .altcha-error {
  color: var(--altcha-color-error-text);
}
.cd-dark altcha-widget {
  background-color: var(--altcha-color-base);
}

/* enforce correct rendering of altcha widgets checkbox (inherits otherwise from label) */
label.altcha-label {
  padding-bottom: 0;
}
altcha-widget .altcha-checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
}