#cc-main {
  color-scheme: light;
  --cc-font-family: "Roboto Local", Roboto, "Segoe UI", Arial, sans-serif;
  --cc-primary-color: #172735;
  --cc-secondary-color: #425563;
  --cc-bg: #fff;
  --cc-btn-primary-bg: #126d9e;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #126d9e;
  --cc-btn-primary-hover-bg: #0d547d;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #0d547d;
  --cc-btn-secondary-bg: #edf2f5;
  --cc-btn-secondary-color: #172735;
  --cc-btn-secondary-border-color: #d3dde4;
  --cc-btn-secondary-hover-bg: #dfe8ee;
  --cc-btn-secondary-hover-color: #172735;
  --cc-btn-secondary-hover-border-color: #becdd7;
  --cc-toggle-on-bg: #126d9e;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 7px;
  --cc-modal-transition-duration: .15s;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: "Montserrat Local", "Segoe UI", Arial, sans-serif;
}

#cc-main .cm {
  border-top: 4px solid #09bac4;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 44px;
}

.privacy-settings {
  display: block;
  width: fit-content;
  margin: 20px auto;
  padding: 10px 16px;
  border: 1px solid currentColor;
  border-radius: 7px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
}

.privacy-settings:focus-visible {
  outline: 3px solid #2098ed;
  outline-offset: 4px;
}

.error-page .privacy-settings {
  color: #243646;
}

@media (prefers-reduced-motion: reduce) {
  #cc-main { --cc-modal-transition-duration: 0s; }
}

/* psh-con Design: dark surfaces, turquoise accents and the site's typefaces. */
#cc-main {
  color-scheme: dark;
  --cc-font-family: Roboto, "Segoe UI", Arial, sans-serif;
  --cc-bg: #111822;
  --cc-primary-color: #f4f7fb;
  --cc-secondary-color: #bbc9d5;
  --cc-btn-primary-bg: #33cdbb;
  --cc-btn-primary-color: #0d1720;
  --cc-btn-primary-border-color: #33cdbb;
  --cc-btn-primary-hover-bg: #69e2c9;
  --cc-btn-primary-hover-color: #0d1720;
  --cc-btn-primary-hover-border-color: #69e2c9;
  --cc-btn-secondary-bg: #203342;
  --cc-btn-secondary-color: #f4f7fb;
  --cc-btn-secondary-border-color: #405668;
  --cc-btn-secondary-hover-bg: #2d4659;
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: #5a7388;
  --cc-link-color: #6fe1d4;
  --cc-toggle-on-bg: #33cdbb;
  --cc-toggle-on-knob-bg: #111822;
  --cc-toggle-off-bg: #5d7285;
  --cc-toggle-readonly-bg: #405568;
  --cc-toggle-readonly-knob-icon-color: #203342;
  --cc-cookie-category-block-bg: #1b2c3b;
  --cc-cookie-category-block-border: #344957;
  --cc-cookie-category-block-hover-bg: #253d50;
  --cc-cookie-category-block-hover-border: #4b657a;
  --cc-cookie-category-expanded-block-bg: #15232f;
  --cc-cookie-category-expanded-block-hover-bg: #1b2c3b;
  --cc-separator-border-color: #344957;
  --cc-footer-bg: #0d141c;
  --cc-footer-border-color: #344957;
  --cc-footer-color: #c4d1dc;
  --cc-webkit-scrollbar-bg: #526b80;
  --cc-webkit-scrollbar-hover-bg: #6f8aa0;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 10px;
}

#cc-main .cm { border-top-color: #33cdbb; }

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: "Google Sans Display", Roboto, Arial, sans-serif;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: Syne, Arial, sans-serif;
  border-radius: 999px;
}

.error-page .privacy-settings { color: #fff; }
