#cc-main {
  --cc-font-family: var(--display, sans-serif);
  --cc-modal-border-radius: var(--rb-radius-lg, .625rem);
  --cc-btn-border-radius: var(--rb-radius-sm, .25rem);
  --cc-modal-margin: 1rem;
  --cc-bg: var(--rb-color-bg-canvas-strong, #111);
  --cc-primary-color: var(--rb-color-text-primary, #fff);
  --cc-secondary-color: var(--rb-color-text-secondary, #cfcfcf);
  --cc-link-color: var(--rb-color-brand-primary, #0ca0e0);
  --cc-btn-primary-bg: var(--rb-color-brand-primary, #0ca0e0);
  --cc-btn-primary-color: #050505;
  --cc-btn-primary-border-color: var(--rb-color-brand-primary, #0ca0e0);
  --cc-btn-primary-hover-bg: var(--rb-color-brand-hover, #0b8cc5);
  --cc-btn-primary-hover-color: #050505;
  --cc-btn-primary-hover-border-color: var(--rb-color-brand-hover, #0b8cc5);
  --cc-btn-secondary-bg: var(--rb-color-bg-surface-subtle, #121212);
  --cc-btn-secondary-color: var(--rb-color-text-primary, #fff);
  --cc-btn-secondary-border-color: var(--rb-color-border-default, #525252);
  --cc-btn-secondary-hover-bg: var(--rb-color-bg-surface, #262626);
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: var(--rb-color-brand-primary, #0ca0e0);
  --cc-separator-border-color: var(--rb-color-border-subtle, #2b2b2b);
  --cc-toggle-on-bg: var(--rb-color-brand-primary, #0ca0e0);
  --cc-toggle-off-bg: var(--rb-color-border-default, #525252);
  --cc-toggle-on-knob-bg: #050505;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: var(--rb-color-border-default, #525252);
  --cc-toggle-readonly-knob-bg: var(--rb-color-text-muted, #a3a3a3);
  --cc-toggle-readonly-knob-icon-color: var(--rb-color-border-default, #525252);
  --cc-cookie-category-block-bg: var(--rb-color-bg-surface-subtle, #121212);
  --cc-cookie-category-block-border: var(--rb-color-border-subtle, #2b2b2b);
  --cc-cookie-category-block-hover-bg: var(--rb-color-bg-surface, #262626);
  --cc-cookie-category-block-hover-border: var(--rb-color-brand-primary, #0ca0e0);
  --cc-cookie-category-expanded-block-bg: var(--rb-color-bg-canvas-deep, #050505);
  --cc-cookie-category-expanded-block-hover-bg: var(--rb-color-bg-surface, #262626);
  --cc-footer-bg: var(--rb-color-bg-canvas-deep, #050505);
  --cc-footer-color: var(--rb-color-text-muted, #a3a3a3);
  --cc-footer-border-color: var(--rb-color-border-subtle, #2b2b2b);
  --cc-overlay-bg: rgba(0, 0, 0, .78);
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid var(--rb-color-border-default, #525252);
  box-shadow: 0 0 0 1px rgba(12, 160, 224, .12), 0 24px 64px rgba(0, 0, 0, .62);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: var(--display, sans-serif);
  font-weight: 800;
  letter-spacing: -.02em;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc-wrapper,
#cc-main .cm__link-group {
  font-family: var(--display, sans-serif);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: var(--mono, monospace);
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  border-width: 1px;
}

.foot-copy {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.foot-cookie {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9a9a9a;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}

.foot-cookie:hover {
  color: var(--rb-color-brand-primary, #0ca0e0);
}

.foot-copy span {
  white-space: nowrap;
}

.cc-open {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--rb-color-link-accent, #0ca0e0);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .18em;
  cursor: pointer;
}

.cc-open:hover {
  color: var(--rb-color-text-primary, #fff);
}

@media (max-width: 640px) {
  #cc-main {
    --cc-modal-margin: .65rem;
  }

  .foot-copy {
    flex-wrap: wrap;
  }
}