.holo-card[data-effect="glitter"] .holo-card__shine {
  background-image:
    var(--glitter), var(--glitter),
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(150, 20%, 10%, 1) 10%,
      hsla(177, 22%, 80%, 0.1) 50%,
      hsla(0, 0%, 95%, 0.98) 90%
    );

  background-size:
    var(--glittersize) var(--glittersize),
    var(--glittersize) var(--glittersize),
    cover;
  background-position:
    40% 45%,
    55% 55%,
    center center;
  background-blend-mode: soft-light, color-burn;
  filter: brightness(var(--hc-brightness)) contrast(var(--hc-contrast)) saturate(calc(0.9 * var(--hc-saturate)));
}

.holo-card[data-effect="glitter"] .holo-card__shine::before {
  content: "";
  mask-image: none !important;

  background-image:
    var(--foil),
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(50, 20%, 90%, 0.95) 10%,
      rgba(181, 139, 164, 0.5) 50%,
      hsl(0, 0%, 0%) 60%
    );

  background-size: cover, cover;
  background-position:
    center center,
    center center;
  background-blend-mode: color-burn;

  mix-blend-mode: lighten;
  filter: brightness(1) contrast(1) saturate(1);
  opacity: 0.5;
}

.holo-card[data-effect="glitter"] .holo-card__shine::after {
  content: "";
  mask-image: none !important;

  background-image: repeating-linear-gradient(
    calc(var(--angle)),
    var(--sunpillar-clr-1) calc(var(--space) * 1),
    var(--sunpillar-clr-2) calc(var(--space) * 2),
    var(--sunpillar-clr-3) calc(var(--space) * 3),
    var(--sunpillar-clr-4) calc(var(--space) * 4),
    var(--sunpillar-clr-5) calc(var(--space) * 5),
    var(--sunpillar-clr-6) calc(var(--space) * 6),
    var(--sunpillar-clr-1) calc(var(--space) * 7)
  );

  background-size: 400% 800%;
  background-position: calc(50% + (50% - var(--background-x)) * 3) calc(50% + (50% - var(--background-y)) * 3);
  filter: brightness(calc(0.75 - (var(--pointer-from-center) * 0.5))) contrast(1) saturate(1);
  mix-blend-mode: saturation;
}

.holo-card[data-effect="glitter"]:not(.holo-card--masked) .holo-card__glare {
  background-image: var(
    --glare-image,
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(0, 0%, 100%, 1) 10%,
      hsla(0, 0%, 100%, 0.85) 20%,
      hsla(0, 0%, 0%, 0.35) 90%
    )
  );
  mix-blend-mode: var(--glare-blend, multiply);
}

.holo-card--masked[data-effect="glitter"] .holo-card__glare {
  background-image: var(
    --glare-image,
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(50, 20%, 90%, 0.45) 0%,
      hsla(150, 20%, 30%, 0.45) 45%,
      hsla(0, 0%, 0%, 0.9) 120%
    )
  );
  filter: brightness(0.9) contrast(2);
}

.holo-card--masked[data-effect="glitter"] .holo-card__glare::after {
  content: "";
  mask-image: var(--mask);
  mask-size: var(--mask-size);
  mask-position: var(--mask-position);
  mask-repeat: var(--mask-repeat);

  background-image: radial-gradient(
    farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(50, 20%, 90%, 0.75) 0%,
    hsla(150, 20%, 30%, 0.65) 45%,
    hsla(0, 0%, 0%, 1) 90%
  );

  filter: brightness(1) contrast(1.5);
  mix-blend-mode: overlay;
  opacity: 1;
}