#cc-main {
  --cc-font-family: var(--font-sans, system-ui, sans-serif);
  --cc-bg: var(--paper, #fffdf8);
  --cc-primary-color: var(--ink, #17372c);
  --cc-secondary-color: var(--muted, #63746c);
  --cc-btn-primary-bg: var(--green, #1f6249);
  --cc-btn-primary-color: var(--white, #ffffff);
  --cc-btn-primary-border-color: var(--green, #1f6249);
  --cc-btn-primary-hover-bg: var(--green-dark, #154836);
  --cc-btn-primary-hover-color: var(--white, #ffffff);
  --cc-btn-primary-hover-border-color: var(--green-dark, #154836);
  --cc-btn-secondary-bg: var(--green-light, #e7eee7);
  --cc-btn-secondary-color: var(--green-dark, #154836);
  --cc-btn-secondary-border-color: var(--line, #d9e0d8);
  --cc-btn-secondary-hover-bg: var(--cream-deep, #ede7d7);
  --cc-btn-secondary-hover-color: var(--ink, #17372c);
  --cc-btn-secondary-hover-border-color: var(--green, #1f6249);
  --cc-cookie-category-block-bg: var(--cream, #f6f3e9);
  --cc-cookie-category-block-border: var(--line, #d9e0d8);
  --cc-cookie-category-block-hover-bg: var(--green-light, #e7eee7);
  --cc-cookie-category-block-hover-border: var(--green, #1f6249);
  --cc-cookie-category-expanded-block-bg: var(--cream, #f6f3e9);
  --cc-cookie-category-expanded-block-hover-bg: var(--green-light, #e7eee7);
  --cc-separator-border-color: var(--line, #d9e0d8);
  --cc-footer-bg: var(--cream, #f6f3e9);
  --cc-footer-color: var(--muted, #63746c);
  --cc-footer-border-color: var(--line, #d9e0d8);
  --cc-link-color: var(--green, #1f6249);
  --cc-toggle-on-bg: var(--green, #1f6249);
  --cc-toggle-off-bg: var(--muted, #63746c);
  --cc-toggle-readonly-bg: var(--line, #d9e0d8);
  --cc-overlay-bg: rgba(15, 26, 21, 0.66);
  --cc-modal-border-radius: var(--radius, 18px);
  --cc-btn-border-radius: var(--radius-sm, 10px);
  --cc-modal-transition-duration: 220ms;
  --cc-modal-margin: 1rem;
  --cc-z-index: 2147483647;
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: var(--shadow-lg, 0 24px 70px rgba(21, 72, 54, 0.14));
}

#cc-main .cm__title,
#cc-main .pm__title {
  letter-spacing: -0.025em;
}

.cookie-settings-button {
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.cookie-settings-button:hover {
  color: var(--white, #ffffff);
}

.cookie-settings-button:focus-visible {
  border-radius: 0.2rem;
  outline: 3px solid var(--gold, #d7b66a);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  #cc-main,
  #cc-main .cm,
  #cc-main .pm {
    --cc-modal-transition-duration: 0ms;
  }
}