/*

  MIRROR HOLO (e-Series / older sets)
  Used for: mirror_holo, mirror_holo_energy, mirror_holo_ball

*/

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

  --scanlines-space: 1px;
  --scanlines-light: #777;
  --scanlines-dark: black;
  --bars: 3%;
  --bar-color: hsla(0, 0%, 80%, 1);
  --bar-bg: hsla(0, 0%, 0%, 1);

  background-image:
    repeating-linear-gradient( 110deg,
      hsl(53, 65%, 70%), hsl(93, 65%, 60%), hsl(176, 65%, 65%),
      hsl(228, 65%, 65%), hsl(283, 65%, 65%), hsl(326, 65%, 65%),
      hsl(53, 65%, 70%), hsl(93, 65%, 60%), hsl(176, 65%, 65%),
      hsl(228, 65%, 65%), hsl(283, 65%, 65%), hsl(326, 65%, 65%),
      hsl(53, 65%, 70%)
    ),
    repeating-linear-gradient(
      90deg,
      var(--scanlines-dark)  calc(var(--scanlines-space) * 0),
      var(--scanlines-dark)  calc(var(--scanlines-space) * 2),
      var(--scanlines-light) calc(var(--scanlines-space) * 2),
      var(--scanlines-light) calc(var(--scanlines-space) * 4)
    );

  background-position:
    calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%),
    center center;

  background-size: 400% 400%, cover;
  background-blend-mode: overlay;
  filter: brightness(1.05) contrast(1.05) saturate(1.1);
  mix-blend-mode: color-dodge;

}

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

  content: "";
  background-image:
    repeating-linear-gradient( 90deg,
      var(--bar-bg)    calc(var(--bars)*2),
      var(--bar-color) calc(var(--bars)*3),
      var(--bar-bg)    calc(var(--bars)*3.5),
      var(--bar-color) calc(var(--bars)*4),
      var(--bar-bg)    calc(var(--bars)*5),
      var(--bar-bg)    calc(var(--bars)*14)
    ),
    repeating-linear-gradient( 90deg,
      var(--bar-bg)    calc(var(--bars)*2),
      var(--bar-color) calc(var(--bars)*3),
      var(--bar-bg)    calc(var(--bars)*3.5),
      var(--bar-color) calc(var(--bars)*4),
      var(--bar-bg)    calc(var(--bars)*5),
      var(--bar-bg)    calc(var(--bars)*10)
    );
  background-position:
    calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * 0.5)) var(--background-x),
    calc((((50% - var(--background-x)) * -0.9) + 50%) - (var(--background-y) * 0.75)) var(--background-y);
  background-size: 200% 200%, 200% 200%;
  background-blend-mode: screen;
  filter: brightness(1.15) contrast(1.1);
  mix-blend-mode: hard-light;

}

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

  content: "";
  background-image: radial-gradient(
    farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(0, 0%, 90%, 0.75) 0%,
    hsla(0, 0%, 78%, 0.1) 25%,
    hsl(0, 0%, 0%) 90%
  );
  mix-blend-mode: luminosity;
  filter: brightness(0.6) contrast(4);

}

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

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

}

.card[data-rarity$="mirror holo"] .card__glare:after {

  content: "";
  background-image: radial-gradient(
    farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsl(180, 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);

}

@media screen and (max-width: 900px) {
  .card[data-rarity$="mirror holo"] .card__shine {
    --scanlines-space: .5px;
  }
}