#cc-main {
  --cc-font-family: var(--body, Manrope, sans-serif);
  --cc-bg: var(--white, #fbfaf7);
  --cc-primary-color: var(--ink, #202b23);
  --cc-secondary-color: #39473e;
  --cc-btn-primary-bg: #26372d;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #3b5043;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-secondary-bg: #ecefe9;
  --cc-btn-secondary-color: #202b23;
  --cc-btn-secondary-hover-bg: #dce5dc;
  --cc-btn-secondary-hover-color: #202b23;
  --cc-toggle-on-bg: #26372d;
  --cc-modal-border-radius: .25rem;
  --cc-btn-border-radius: .2rem;
}

#cc-main .cm {
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}

#cc-main .cm__texts {
  padding-right: 3.5rem;
}

#cc-main .cm__btn-group {
  column-gap: .375rem;
}

#cc-main .cm--wide .cm__btn + .cm__btn {
  margin-left: 0;
}

#cc-main .pm__btn[data-role="all"],
#cc-main .pm__btn[data-role="necessary"] {
  flex: 1 1 0;
  min-width: 0;
}

#cc-main :is(button, a, input):focus-visible,
.cookie-settings:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.cookie-settings {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .17em;
  cursor: pointer;
}