:root {
  --cc-font-family: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #18171f;
  --cc-secondary-color: #5f5d68;
  --cc-btn-primary-bg: #4f46e5;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #4038d4;
  --cc-btn-secondary-bg: #f3f3f6;
  --cc-btn-secondary-color: #18171f;
  --cc-btn-secondary-hover-bg: #e7e7ed;
  --cc-separator-border-color: #18171f;
  --cc-cookie-category-block-bg: #f3f3f6;
  --cc-cookie-category-block-border: #18171f;
  --cc-cookie-category-block-hover-bg: #ececf2;
  --cc-toggle-on-bg: #4f46e5;
  --cc-toggle-off-bg: #7a7882;
  --cc-footer-bg: #f3f3f6;
  --cc-footer-color: #18171f;
  --cc-footer-border-color: #18171f;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
}

#cc-main .cm,
#cc-main .pm {
  border: 2px solid #18171f;
  box-shadow: 7px 7px 0 #18171f;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 44px;
  border: 2px solid #18171f;
  font-weight: 800;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-weight: 900;
}

.cns-cookie-settings {
  position: fixed;
  z-index: 2147483000;
  bottom: 16px;
  left: 16px;
  min-height: 38px;
  padding: 7px 11px;
  border: 2px solid #18171f;
  border-radius: 0;
  background: #ffffff;
  color: #18171f;
  font: 800 0.72rem/1 "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  box-shadow: 3px 3px 0 #18171f;
  cursor: pointer;
}

.cns-cookie-settings:hover {
  background: #ff3d86;
}

.cns-cookie-settings:focus-visible {
  outline: 3px solid #ff3d86;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .cns-cookie-settings {
    bottom: 76px;
    left: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-main *,
  .cns-cookie-settings {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}