@mixin popover-background-mapping {
  // colors
  .popover,
  .popover::before {
    background: $color-brand--five;
  }

  .popover__title {
    color: $color-brand--two;
  }

  .popover.popover--s {
    border-color: $color-brand--five;
    background: $color-brand--white;
  }

  .popover .link-list__link {
    color: currentColor;
  }

  .popover .link-list__link .icon svg {
    @include color-dark-shade-main;
  }

  // body copy checkmarks
  .popover {
    .list--checks li::before {
      @include svg-base64('check', $color-brand--one);
    }
  }
}
