#cc-main {
  --cc-font-family: "Geist Mono", monospace;
  --cc-bg: #fff;
  --cc-primary-color: #000;
  --cc-secondary-color: #000;
  --cc-link-color: #000;
  --cc-btn-primary-bg: transparent;
  --cc-btn-primary-color: #000;
  --cc-btn-primary-border-color: #000;
  --cc-btn-primary-hover-bg: #000;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #000;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #000;
  --cc-btn-secondary-border-color: #000;
  --cc-btn-secondary-hover-bg: #000;
  --cc-btn-secondary-hover-color: #fff;
  --cc-separator-border-color: #000;
  --cc-overlay-bg: transparent;
  --cc-footer-bg: transparent;
  --cc-footer-color: #000;
  --cc-footer-border-color: #000;
  --cc-cookie-category-block-bg: transparent;
  --cc-cookie-category-block-border: #000;
  --cc-cookie-category-block-hover-bg: transparent;
  --cc-cookie-category-block-hover-border: #000;
  --cc-toggle-on-bg: #000;
  --cc-toggle-off-bg: transparent;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #000;
  --cc-modal-border-radius: 10px;
  --cc-btn-border-radius: 10px;
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: none;
  border: .12em solid #000;
  font-variation-settings: "wght" 480;
}

#cc-main .cm.cm--wide {
  max-width: 44rem;
  width: 44rem;
}

#cc-main .cm__btns {
  display: flex;
  gap: .375rem;
}

#cc-main .cm__btn-group {
  display: contents;
}

#cc-main .cm__btn {
  flex: 1;
  justify-content: center;
  text-align: center;
  margin: 0 !important;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .cm__btn,
#cc-main .pm__btn {
  text-transform: uppercase;
  letter-spacing: .02em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  white-space: nowrap;
}

#cc-main .cm__desc {
  font-style: italic;
}

#cc-main .cm__footer {
  display: none;
}

@media (max-width: 640px) {
  #cc-main .cm {
    width: auto;
    max-width: none;
  }
}