:root {
  --cc-font-family: var(--sans);
  --cc-modal-border-radius: 22px;
  --cc-btn-border-radius: 999px;
  --cc-modal-transition-duration: .42s;
  --cc-bg: var(--surface);
  --cc-link-color: var(--accent-strong);
  --cc-primary-color: var(--ink);
  --cc-secondary-color: var(--text);
  --cc-btn-primary-bg: var(--brand-gold);
  --cc-btn-primary-color: var(--accent-contrast);
  --cc-btn-primary-border-color: var(--brand-gold);
  --cc-btn-primary-hover-bg: var(--accent-hover);
  --cc-btn-primary-hover-border-color: var(--accent-hover);
  --cc-btn-secondary-bg: var(--tint-2);
  --cc-btn-secondary-color: var(--ink);
  --cc-btn-secondary-border-color: var(--border-strong);
  --cc-btn-secondary-hover-bg: var(--accent-soft);
  --cc-btn-secondary-hover-color: var(--ink);
  --cc-btn-secondary-hover-border-color: var(--accent);
  --cc-toggle-on-bg: #7e9889;
  --cc-toggle-off-bg: #c8c1b8;
  --cc-cookie-category-block-bg: var(--tint-2);
  --cc-cookie-category-block-border: var(--border);
  --cc-cookie-category-block-hover-bg: var(--surface);
  --cc-cookie-category-block-hover-border: var(--border-strong);
  --cc-separator-border-color: var(--border);
  --cc-footer-bg: var(--tint-2);
  --cc-footer-color: var(--text);
  --cc-footer-border-color: var(--border);
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(93, 82, 68, .12);
  box-shadow: 0 24px 60px -34px rgba(53, 46, 38, .42);
}

#cc-main .cc--anim .cm {
  transform: translateY(24px) scale(.98);
  transform-origin: bottom right;
  will-change: opacity, transform;
}

.show--consent #cc-main .cc--anim .cm {
  transform: translateY(0) scale(1);
}

#cc-main .cm__footer a,
#cc-main .cm__footer a:hover {
  color: #4c4640;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: var(--serif);
}

#cc-main .cm--box.cm--wide {
  width: min(39rem, calc(100vw - 2rem));
}

#cc-main .cm--box.cm--wide .cm__body {
  padding: 0;
}

#cc-main .cm--box.cm--wide .cm__texts {
  padding-top: 1.45rem;
}

#cc-main .cm--box.cm--wide .cm__title {
  font-size: 1.35rem;
  line-height: 1.25;
  padding: 0 1.5rem;
}

#cc-main .cm--box.cm--wide .cm__desc {
  margin-top: .65rem;
  padding: 0 1.5rem .9rem;
  font-size: .92rem;
  line-height: 1.5;
}

#cc-main .cm--box.cm--wide .cm__btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem .8rem;
  margin-top: 0;
  padding: .7rem 1.5rem 1rem;
}

#cc-main .cm--box.cm--wide .cm__btn-group {
  display: contents;
}

#cc-main .cm--box.cm--wide .cm__btn,
#cc-main .cm--box.cm--wide .cm__btn + .cm__btn,
#cc-main .cm--box.cm--wide .cm__btn-group + .cm__btn-group {
  width: 100%;
  min-width: 0;
  margin: 0;
}

#cc-main .cm--box.cm--wide .cm__btn {
  min-height: 2.85rem;
  padding: .7rem 1rem;
}

#cc-main .cm--box.cm--wide .cm__btn[data-role="show"] {
  grid-column: 1 / -1;
  justify-self: start;
  width: auto;
  min-height: 0;
  padding: .2rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: .18em;
}

#cc-main .cm--box.cm--wide .cm__btn[data-role="show"]:hover {
  background: transparent;
  color: #000;
}

#cc-main .cm--box.cm--wide .cm__footer {
  padding: .65rem 1.5rem;
}

@media (max-width: 34rem) {
  #cc-main .cm--box.cm--wide {
    width: min(100% - 1rem, 39rem);
  }

  #cc-main .cm--box.cm--wide .cm__texts {
    padding-top: 1.15rem;
  }

  #cc-main .cm--box.cm--wide .cm__title {
    padding-inline: 1.1rem;
  }

  #cc-main .cm--box.cm--wide .cm__desc {
    padding-inline: 1.1rem;
  }

  #cc-main .cm--box.cm--wide .cm__btns {
    grid-template-columns: 1fr;
    padding: .55rem 1.1rem .85rem;
  }

  #cc-main .cm--box.cm--wide .cm__btn[data-role="show"] {
    grid-column: auto;
  }

  #cc-main .cm--box.cm--wide .cm__footer {
    padding-inline: 1.1rem;
  }
}