/*

  POKÉ BALL HOLO

*/

.card[data-rarity$="pokeball holo"] .card__shine {

  background-image:
    radial-gradient(
      circle at var(--pointer-x) var(--pointer-y),
      hsla(220, 90%, 85%, 0.5) 0%,
      hsla(220, 80%, 60%, 0.3) 30%,
      transparent 70%
    ),
    repeating-linear-gradient(
      110deg,
      hsl(220, 80%, 60%)  0%,
      hsl(200, 70%, 70%)  5%,
      hsl(180, 65%, 65%) 10%,
      hsl(220, 80%, 60%) 15%
    ),
    repeating-linear-gradient(
      90deg,
      #000 0px, #000 2px,
      #444 2px, #444 4px
    );

  background-size: 150% 150%, 400% 400%, cover;
  background-position:
    var(--pointer-x) var(--pointer-y),
    calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%),
    center center;

  background-blend-mode: overlay, normal, overlay;
  filter: brightness(0.9) contrast(2.5) saturate(0.8);
  mix-blend-mode: color-dodge;

  clip-path: var(--clip);

}

.card[data-rarity$="pokeball holo"][data-subtypes^="stage"] .card__shine,
.card[data-rarity$="pokeball holo"][data-subtypes^="stage"] .card__glare:after {
  clip-path: var(--clip-stage);
}
.card[data-rarity$="pokeball holo"][data-supertype="trainer"] .card__shine,
.card[data-rarity$="pokeball holo"][data-supertype="trainer"] .card__glare:after {
  clip-path: var(--clip-trainer);
}

.card[data-rarity$="pokeball holo"] .card__shine:before {

  content: "";
  background-image:
    repeating-linear-gradient(
      90deg,
      #000 6%,  rgba(200,220,255,.75)  9%,
      #000 10.5%, rgba(200,220,255,.75) 12%,
      #000 15%, #000 42%
    );
  background-size: 200% 200%;
  background-blend-mode: screen;
  filter: brightness(1.2) contrast(1.1);
  mix-blend-mode: hard-light;
  background-position:
    calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * 0.5)) var(--background-x);

}

.card[data-rarity$="pokeball holo"] .card__shine:after {

  content: "";

  background-image: radial-gradient(
    farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(220, 100%, 90%, 0.7)  0%,
    hsla(220, 80%, 70%, 0.15) 25%,
    hsl(0, 0%, 0%) 90%
  );

  mix-blend-mode: luminosity;
  filter: brightness(0.65) contrast(3.5);

}

.card[data-rarity$="pokeball holo"] .card__glare {

  background-image: radial-gradient(
    farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsl(220, 100%, 95%) 5%,
    hsla(0, 0%, 39%, 0.25) 55%,
    hsla(0, 0%, 0%, 0.36) 110%
  );

  opacity: calc(var(--card-opacity) * 0.8);
  filter: brightness(0.7) contrast(1.5);
  mix-blend-mode: overlay;

}

.card[data-rarity$="pokeball holo"] .card__glare:after {
  content: "";
  clip-path: var(--clip);
  background-image: radial-gradient(
    farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsl(220, 100%, 95%) 5%,
    hsla(0, 0%, 39%, 0.25) 55%,
    hsla(0, 0%, 0%, 0.36) 110%
  );
  mix-blend-mode: overlay;
  filter: brightness(0.6) contrast(3);
}

.card:not(.masked)[data-rarity$="pokeball holo"] .card__shine {
  --foil: none;
  clip-path: var(--clip-invert);
}