/*

  REGULAR HOLO

*/

.card[data-rarity='rare holo'][data-subtypes^='stage'] .card__shine,
.card[data-rarity='rare holo'][data-subtypes^='stage'] .card__glare:after {
	clip-path: var(--clip-stage);
}
.card[data-rarity='rare holo'][data-subtypes^='supporter'] .card__shine,
.card[data-rarity='rare holo'][data-subtypes^='supporter'] .card__glare:after,
.card[data-rarity='rare holo'][data-subtypes^='item'] .card__shine,
.card[data-rarity='rare holo'][data-subtypes^='item'] .card__glare:after {
	clip-path: var(--clip-trainer);
}

/*

  SHINE LAYERS

*/

.card[data-rarity='rare holo'] .card__shine {
	--scanlines-space: 1px;
	--scanlines-light: #666;
	--scanlines-dark: black;

	--bars: 3%;
	--bar-color: hsla(0, 0%, 70%, 1);
	--bar-bg: hsla(0, 0%, 0%, 1);

	clip-path: var(--clip);

	background-image:
		repeating-linear-gradient(
			110deg,
			var(--violet),
			var(--blue),
			var(--green),
			var(--yellow),
			var(--red),
			var(--violet),
			var(--blue),
			var(--green),
			var(--yellow),
			var(--red),
			var(--violet),
			var(--blue),
			var(--green),
			var(--yellow),
			var(--red)
		),
		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.1) contrast(1.1) saturate(1.2);
	mix-blend-mode: color-dodge;
}

.card[data-rarity='rare 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='rare holo'] .card__shine:after {
	content: '';

	background-image: radial-gradient(
		farthest-corner circle at var(--pointer-x) var(--pointer-y),
		hsla(0, 0%, 90%, 0.8) 0%,
		hsla(0, 0%, 78%, 0.1) 25%,
		hsl(0, 0%, 0%) 90%
	);

	background-position: center center;

	background-size: cover;

	mix-blend-mode: luminosity;
	filter: brightness(0.6) contrast(4);
}

@media screen and (max-width: 900px) {
	.card[data-rarity='rare holo'] .card__shine {
		--scanlines-space: 0.5px;
	}
}

/*

  GLARE LAYERS

*/

.card[data-rarity='rare holo'] .card__glare {
	opacity: calc(var(--card-opacity) * 0.8);
	filter: brightness(0.8) contrast(1.5);
	mix-blend-mode: overlay;
}

.card[data-rarity='rare 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);
}

/*

  NO MASK

*/