/**
 * Rainbow Champion Skin
 * Custom sprite
 */

/* In-Game Sprite */
.player[data-character="champion"][data-skin="rainbow_champion"]::before {
    box-shadow:
        -8px -8px 0 0 #ff0000,
        0px -8px 0 0 #ff8800,
        8px -8px 0 0 #ff00ff,
        -8px 0px 0 0 #ffff00,
        -4px 0px 0 0 #211717,
        0px 0px 0 0 #00ff00,
        4px 0px 0 0 #eb0000,
        8px 0px 0 0 #00ff00,
        -8px 8px 0 0 #00ff00,
        -4px 8px 0 0 #00ffff,
        0px 8px 0 0 #0088ff,
        4px 8px 0 0 #00ffff,
        8px 8px 0 0 #4400ff,
        -4px 16px 0 0 #8800ff,
        4px 16px 0 0 #ff00ff,
        -12px -4px 0 0 #ff00ff,
        12px -4px 0 0 #ff0000,
        -12px 8px 0 0 #00ffff,
        12px 8px 0 0 #ffff00,
        0px -12px 0 0 #ffffff,
        0px 0px 0 0 #ff00ff,
        0px 20px 0 0 #000000;
}

/* Character Selection Preview */
.char-card-preview[data-character="champion"][data-skin="rainbow_champion"]::before {
    box-shadow:
        -8px -8px 0 0 #ff0000,
        0px -8px 0 0 #ff8800,
        8px -8px 0 0 #ff00ff,
        -8px 0px 0 0 #ffff00,
        -4px 0px 0 0 #211717,
        0px 0px 0 0 #00ff00,
        4px 0px 0 0 #eb0000,
        8px 0px 0 0 #00ff00,
        -8px 8px 0 0 #00ff00,
        -4px 8px 0 0 #00ffff,
        0px 8px 0 0 #0088ff,
        4px 8px 0 0 #00ffff,
        8px 8px 0 0 #4400ff,
        -4px 16px 0 0 #8800ff,
        4px 16px 0 0 #ff00ff,
        -12px -4px 0 0 #ff00ff,
        12px -4px 0 0 #ff0000,
        -12px 8px 0 0 #00ffff,
        12px 8px 0 0 #ffff00,
        0px -12px 0 0 #ffffff,
        0px 0px 0 0 #ff00ff,
        0px 20px 0 0 #000000;
}

/* Skin Selector Preview */
.skin-preview[data-character="champion"][data-skin="rainbow_champion"]::before {
    box-shadow:
        -8px -8px 0 0 #ff0000,
        0px -8px 0 0 #ff8800,
        8px -8px 0 0 #ff00ff,
        -8px 0px 0 0 #ffff00,
        -4px 0px 0 0 #211717,
        0px 0px 0 0 #00ff00,
        4px 0px 0 0 #eb0000,
        8px 0px 0 0 #00ff00,
        -8px 8px 0 0 #00ff00,
        -4px 8px 0 0 #00ffff,
        0px 8px 0 0 #0088ff,
        4px 8px 0 0 #00ffff,
        8px 8px 0 0 #4400ff,
        -4px 16px 0 0 #8800ff,
        4px 16px 0 0 #ff00ff,
        -12px -4px 0 0 #ff00ff,
        12px -4px 0 0 #ff0000,
        -12px 8px 0 0 #00ffff,
        12px 8px 0 0 #ffff00,
        0px -12px 0 0 #ffffff,
        0px 0px 0 0 #ff00ff,
        0px 20px 0 0 #000000;
}