#cc-main {
  --cc-font-family: "Century Gothic", "Avenir Next", sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #111111;
  --cc-secondary-color: #575757;
  --cc-btn-primary-bg: #fa0532;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #fa0532;
  --cc-btn-primary-hover-bg: #d90029;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #d90029;
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #111111;
  --cc-btn-secondary-border-color: #111111;
  --cc-btn-secondary-hover-bg: #111111;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #111111;
  --cc-separator-border-color: #e3e3e3;
  --cc-toggle-on-bg: #fa0532;
  --cc-toggle-off-bg: #767676;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-transition-duration: .2s;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid #111111;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: 0;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  line-height: 1.6;
}

#cc-main .cm__desc a,
#cc-main .pm__section-desc a {
  color: #111111;
  text-decoration: underline;
  text-decoration-color: #fa0532;
  text-underline-offset: .18em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

@media (max-width: 600px) {
  #cc-main .cm,
  #cc-main .pm {
    border-right: 0;
    border-left: 0;
  }
}

@media (prefers-color-scheme: dark) {
  #cc-main {
    --cc-bg: #111111;
    --cc-primary-color: #ffffff;
    --cc-secondary-color: #d7d7d7;
    --cc-separator-border-color: #444444;
    --cc-btn-secondary-bg: #111111;
    --cc-btn-secondary-color: #ffffff;
    --cc-btn-secondary-border-color: #ffffff;
    --cc-btn-secondary-hover-bg: #ffffff;
    --cc-btn-secondary-hover-color: #111111;
    --cc-btn-secondary-hover-border-color: #ffffff;
  }

  #cc-main .cm,
  #cc-main .pm {
    border-color: #ffffff;
  }

  #cc-main .cm__desc a,
  #cc-main .pm__section-desc a {
    color: #ffffff;
  }
}
