:root {
  --cc-font-family: "TikTok Sans", Arial, sans-serif;
  --cc-bg: #e8f1f5;
  --cc-primary-color: #0b3658;
  --cc-secondary-color: #547188;
  --cc-btn-primary-bg: #0b4a7a;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #083a61;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #0b3658;
  --cc-btn-secondary-border-color: #0b4a7a;
  --cc-btn-secondary-hover-bg: #d6e6ed;
  --cc-toggle-on-bg: #0b4a7a;
  --cc-cookie-category-block-bg: #dcebf1;
  --cc-cookie-category-block-border: #bdd2dc;
  --cc-overlay-bg: rgba(4, 21, 34, .62);
  --cc-modal-border-radius: 22px;
  --cc-btn-border-radius: 9px;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(11, 74, 122, .2);
  box-shadow: 0 22px 80px rgba(5, 32, 51, .2);
}

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

#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 44px;
  border: 1px solid var(--cc-btn-secondary-border-color);
  font-weight: 700;
}

#cc-main a {
  color: #0b4a7a;
  text-underline-offset: 3px;
}

.footer-cookie-settings {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.footer-cookie-settings:hover,
.footer-cookie-settings:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 640px) {
  #cc-main .cm--bar.cm--inline .cm__body {
    grid-template-columns: 1fr;
  }

  #cc-main .cm__btns {
    grid-template-columns: 1fr;
  }
}