.cookie-notice {
  .cmplz-header {
    --cmplz_title_font_size: 1em;
    font-family: var(--wp--preset--font-family--open-sans);
    font-weight: 500;
    text-transform: uppercase;
  }
  .cmplz-buttons {
    --cmplz_button_font_size: 0.7em;
    button {
      font-family: var(--wp--preset--font-family--exo);
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }
  }
}

#cmplz-document {
  --cmplz_category_header_active_font_size: smaller;
  max-width: 1080px;
  margin: var(--wp--preset--spacing--60) auto 0;
  a {
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
  &,
  a,
  p,
  h4,
  li {
    font-size: inherit !important;
  }
  > p:first-of-type {
    margin-bottom: 3em;
  }
  a[target="_blank"]::after {
    margin: 0;
    content: "";
  }
  .cmplz-subtitle {
    margin-top: 0;
    font-weight: 500;
  }
  h2 {
    margin-top: var(--wp--preset--spacing--50);
    font-family: var(--wp--preset--font-family--open-sans);
    font-size: var(--wp--preset--font-size--large);
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  ul {
    margin-left: 0;
  }
  .cmplz-dropdown,
  .cmplz-category {
    background-color: var(--wp--custom--swatches--grey--500) !important;
    > div {
      h4,
      p {
        padding: 0;
        margin: 25px 0;
      }
    }
    summary,
    .cmplz-category-header {
      margin-bottom: 0;
      background-color: var(--wp--custom--swatches--grey--600) !important;
      > div {
        padding: 0.5em 0;
      }
    }
    .cookies-per-purpose {
      background-color: inherit;
      border: none;
      div {
        background-color: var(--wp--custom--swatches--grey--550);
        &[class$="header"] {
          background-color: var(--wp--custom--swatches--grey--500);
        }
      }
    }
  }
  .cmplz-icon svg,
  .cmplz-dropdown summary div:after {
    opacity: 0.5;
    filter: invert(1);
  }
  .cmplz-obfuscate span {
    display: none;
  }
}