.analytics-preferences {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 70;
  padding: 6px 10px;
  background: #f2f1ed;
  color: #4a4a44;
  border: 1px solid #cecdc5;
  font:
    12px/1.4 system-ui,
    sans-serif;
  cursor: pointer;
}
#cc-main {
  --cc-font-family: system-ui, sans-serif;
  --cc-bg: #f2f1ed;
  --cc-primary-color: #171717;
  --cc-secondary-color: #55564e;
  --cc-btn-primary-bg: #171717;
  --cc-btn-primary-color: #f2f1ed;
  --cc-btn-primary-hover-bg: #36392f;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-secondary-bg: #e6e5dd;
  --cc-btn-secondary-color: #171717;
  --cc-btn-secondary-hover-bg: #dadbd0;
  --cc-btn-secondary-hover-color: #171717;
  --cc-cookie-category-block-bg: #e9e8e0;
  --cc-cookie-category-block-hover-bg: #e1e2d5;
  --cc-toggle-on-bg: #697719;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-transition-duration: 180ms;
}
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: Georgia, serif;
  font-size: 25px;
  font-weight: 400;
}
#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 44px;
}
.analytics-preferences:focus-visible {
  outline: 2px solid #171717;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  #cc-main {
    --cc-modal-transition-duration: 0ms;
  }
}

.analytics-preferences > svg {
  flex: none;
  margin: 0;
  width: 16px;
  height: 16px;
  stroke-width: 1.7;
}