@mixin popover-background-mapping {
  .popover {
    @include bg-variants(
      $supportedBackgrounds: (
        'brand-tertiary',
        'white'
      ),
      $isChained: true
    ) {
      &::before {
        background: variant-property('background');
      }

      .list--checks li:before {
        background-color: variant-property('iconInformativeSecondary');
      }

      .link-list__link {
        color: variant-property('linkIdle');
        &:hover {
          color: variant-property('linkHover');
        }
      }

      .link-list__link .icon {
        color: variant-property('iconInformativePrimary');
      }

      .divider {
        border-color: variant-property('divider');
      }

      a {
        color: variant-property('linkIdle');
        &:hover {
          color: variant-property('linkHover');
        }
      }

      .button.button--filled {
        @include button-filled-bg-map;
      }

      .button:not(.button--filled) {
        @include button-bg-map;
      }

      .text--emphasis {
        color: variant-property('titleSecondary');
      }
    }
  }

  .popover,
  .popover::before {
    background: returnColorCSSVar('brand-tertiary');
  }

  .popover__title {
    color: returnColorCSSVar('brand-secondary');
  }

  .popover .link-list__link {
    color: returnColorCSSVar('brand-primary');
  }

  .popover--s {
    .popover {
      border-color: returnColorCSSVar('brand-tertiary-tint-80');
    }
  }

  .popover .text--emphasis {
    color: returnColorCSSVar('brand-primary');
  }

  // ! Deprecate //
  .bg-brand--dark-blue,
  .bg-brand--blue,
  .bg-brand--turquoise,
  .bg-brand--red,
  .bg-brand--yellow {
    .popover {
      .list--checks li::before {
        @include svg-base64('check', $color-brand--one);
      }
    }
  }
  // ! //
}