#cc-main {
  --cc-font-family: var(--font-sans);
  --cc-bg: var(--surface);
  --cc-primary-color: var(--text);
  --cc-secondary-color: var(--text-soft);
  --cc-btn-primary-bg: var(--accent);
  --cc-btn-primary-color: var(--accent-contrast);
  --cc-btn-primary-hover-bg: var(--accent-hover);
  --cc-btn-primary-hover-color: var(--accent-contrast);
  --cc-btn-secondary-bg: var(--surface-sunken);
  --cc-btn-secondary-color: var(--text);
  --cc-btn-secondary-hover-bg: var(--accent-soft);
  --cc-btn-secondary-hover-color: var(--text);
  --cc-toggle-on-bg: var(--accent);
  --cc-toggle-off-bg: var(--line-strong);
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-cookie-category-block-bg: var(--surface-2);
  --cc-cookie-category-block-border: var(--line);
  --cc-cookie-category-block-hover-bg: var(--surface-sunken);
  --cc-section-border: var(--line);
  --cc-block-text: var(--text-soft);
  --cc-modal-border-radius: var(--r-sm);
  --cc-btn-border-radius: var(--r-xs);
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow-lg);
}

html.cc-preferences-open #cc-main .cm {
  display: none;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  letter-spacing: 0;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  line-height: 1.55;
}

#cc-main a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-footer__links {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 14px;
}

.cookie-settings-button {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: color var(--tr);
}

.cookie-settings-button:hover {
  color: var(--accent-hover);
}

@media (max-width: 520px) {
  #cc-main .cm {
    width: calc(100vw - 28px);
    max-width: calc(100vw - 28px);
  }

  .site-footer__links {
    justify-content: flex-start;
  }
}

@media print {
  #cc-main,
  .cookie-settings-button {
    display: none !important;
  }
}
