/*

  AMAZING RARE

*/


/*

  SHINE LAYERS

*/

.card[data-rarity="amazing rare"] .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%, .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(1) contrast(1) saturate(.9);

}

.card[data-rarity="amazing rare"] .card__shine:before {

    content: "";
    -webkit-mask-image: none !important;
    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;

}

.card[data-rarity="amazing rare"] .card__shine:after {

    content: "";
    -webkit-mask-image: none !important;
    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;

}


/*

  GLARE LAYERS

*/

.card.masked[data-rarity="amazing rare"] .card__glare {

    background-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%, .9) 120%
    );

    filter: brightness(.9) contrast(2);

}

.card.masked[data-rarity="amazing rare"] .card__glare:after {

    content: "";
    -webkit-mask-image: var(--mask);
    mask-image: var(--mask);
    -webkit-mask-size: cover;
    mask-size: cover;

    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;

}


/*

  NO MASK

*/

.card:not(.masked)[data-rarity="amazing rare"] .card__shine {
    clip-path: var(--clip);
}

.card:not(.masked)[data-rarity="amazing rare"] .card__glare {
    background-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: multiply;
}