/**
 * Void Mage Skin
 * Custom sprite
 */

/* In-Game Sprite */
.player[data-character="mage"][data-skin="void_mage"]::before {
    box-shadow:
        0px -12px 0 0 #1a0033,
        4px -16px 0 0 #4a0066,
        -4px -8px 0 0 #1a0033,
        0px -8px 0 0 #330066,
        4px -8px 0 0 #1a0033,
        -8px 0px 0 0 #1a0033,
        -4px 0px 0 0 #ff0066,
        0px 0px 0 0 #000000,
        4px 0px 0 0 #ff0066,
        8px 0px 0 0 #1a0033,
        -8px 8px 0 0 #330066,
        -4px 8px 0 0 #1a0033,
        0px 8px 0 0 #4a0066,
        4px 8px 0 0 #1a0033,
        8px 8px 0 0 #330066,
        -4px 16px 0 0 #0d001a,
        4px 16px 0 0 #0d001a,
        -12px -4px 0 0 #4a0066,
        12px -4px 0 0 #4a0066,
        -12px 4px 0 0 #330066,
        12px 4px 0 0 #330066,
        -8px 12px 0 0 #ff0066,
        8px 12px 0 0 #ff0066,
        0px -16px 0 0 #4a0066,
        -8px -12px 0 0 #4a0066,
        8px -12px 0 0 #4a0066;
}

/* Character Selection Preview */
.char-card-preview[data-character="mage"][data-skin="void_mage"]::before {
    box-shadow:
        0px -12px 0 0 #1a0033,
        4px -16px 0 0 #4a0066,
        -4px -8px 0 0 #1a0033,
        0px -8px 0 0 #330066,
        4px -8px 0 0 #1a0033,
        -8px 0px 0 0 #1a0033,
        -4px 0px 0 0 #ff0066,
        0px 0px 0 0 #000000,
        4px 0px 0 0 #ff0066,
        8px 0px 0 0 #1a0033,
        -8px 8px 0 0 #330066,
        -4px 8px 0 0 #1a0033,
        0px 8px 0 0 #4a0066,
        4px 8px 0 0 #1a0033,
        8px 8px 0 0 #330066,
        -4px 16px 0 0 #0d001a,
        4px 16px 0 0 #0d001a,
        -12px -4px 0 0 #4a0066,
        12px -4px 0 0 #4a0066,
        -12px 4px 0 0 #330066,
        12px 4px 0 0 #330066,
        -8px 12px 0 0 #ff0066,
        8px 12px 0 0 #ff0066,
        0px -16px 0 0 #4a0066,
        -8px -12px 0 0 #4a0066,
        8px -12px 0 0 #4a0066;
}

/* Skin Selector Preview */
.skin-preview[data-character="mage"][data-skin="void_mage"]::before {
    box-shadow:
        0px -12px 0 0 #1a0033,
        4px -16px 0 0 #4a0066,
        -4px -8px 0 0 #1a0033,
        0px -8px 0 0 #330066,
        4px -8px 0 0 #1a0033,
        -8px 0px 0 0 #1a0033,
        -4px 0px 0 0 #ff0066,
        0px 0px 0 0 #000000,
        4px 0px 0 0 #ff0066,
        8px 0px 0 0 #1a0033,
        -8px 8px 0 0 #330066,
        -4px 8px 0 0 #1a0033,
        0px 8px 0 0 #4a0066,
        4px 8px 0 0 #1a0033,
        8px 8px 0 0 #330066,
        -4px 16px 0 0 #0d001a,
        4px 16px 0 0 #0d001a,
        -12px -4px 0 0 #4a0066,
        12px -4px 0 0 #4a0066,
        -12px 4px 0 0 #330066,
        12px 4px 0 0 #330066,
        -8px 12px 0 0 #ff0066,
        8px 12px 0 0 #ff0066,
        0px -16px 0 0 #4a0066,
        -8px -12px 0 0 #4a0066,
        8px -12px 0 0 #4a0066;
}