/**
 * Phantom Ranger Skin
 * Custom sprite
 */

/* In-Game Sprite */
.player[data-character="ranger"][data-skin="phantom_ranger"]::before {
    box-shadow:
        -8px -8px 0 0 #a8c8d8,
        0px -8px 0 0 #d0e8f0,
        8px -8px 0 0 #a8c8d8,
        -8px 0px 0 0 #c8dce8,
        -4px 0px 0 0 #4a6080,
        0px 0px 0 0 #e8f4f8,
        4px 0px 0 0 #4a6080,
        8px 0px 0 0 #c8dce8,
        -8px 8px 0 0 #8eb0c8,
        -4px 8px 0 0 #b8d4e4,
        0px 8px 0 0 #d0e8f0,
        4px 8px 0 0 #b8d4e4,
        8px 8px 0 0 #8eb0c8,
        -4px 16px 0 0 #6890a8,
        4px 16px 0 0 #6890a8,
        -12px -8px 0 0 #88b8d0,
        -16px -4px 0 0 #a8d0e0,
        -12px 0px 0 0 #88b8d0,
        -6px 18px 0 0 #d0e8f0,
        -10px 19px 0 0 #a8c8d8,
        -4px -10px 0 0 #e8f4f8,
        4px -10px 0 0 #c8dce8,
        -19px -2px 0 0 #8eb0c8;
}

/* Character Selection Preview */
.char-card-preview[data-character="ranger"][data-skin="phantom_ranger"]::before {
    box-shadow:
        -8px -8px 0 0 #a8c8d8,
        0px -8px 0 0 #d0e8f0,
        8px -8px 0 0 #a8c8d8,
        -8px 0px 0 0 #c8dce8,
        -4px 0px 0 0 #4a6080,
        0px 0px 0 0 #e8f4f8,
        4px 0px 0 0 #4a6080,
        8px 0px 0 0 #c8dce8,
        -8px 8px 0 0 #8eb0c8,
        -4px 8px 0 0 #b8d4e4,
        0px 8px 0 0 #d0e8f0,
        4px 8px 0 0 #b8d4e4,
        8px 8px 0 0 #8eb0c8,
        -4px 16px 0 0 #6890a8,
        4px 16px 0 0 #6890a8,
        -12px -8px 0 0 #88b8d0,
        -16px -4px 0 0 #a8d0e0,
        -12px 0px 0 0 #88b8d0,
        -6px 18px 0 0 #d0e8f0,
        -10px 19px 0 0 #a8c8d8,
        -4px -10px 0 0 #e8f4f8,
        4px -10px 0 0 #c8dce8,
        -19px -2px 0 0 #8eb0c8;
}

/* Skin Selector Preview */
.skin-preview[data-character="ranger"][data-skin="phantom_ranger"]::before {
    box-shadow:
        -8px -8px 0 0 #a8c8d8,
        0px -8px 0 0 #d0e8f0,
        8px -8px 0 0 #a8c8d8,
        -8px 0px 0 0 #c8dce8,
        -4px 0px 0 0 #4a6080,
        0px 0px 0 0 #e8f4f8,
        4px 0px 0 0 #4a6080,
        8px 0px 0 0 #c8dce8,
        -8px 8px 0 0 #8eb0c8,
        -4px 8px 0 0 #b8d4e4,
        0px 8px 0 0 #d0e8f0,
        4px 8px 0 0 #b8d4e4,
        8px 8px 0 0 #8eb0c8,
        -4px 16px 0 0 #6890a8,
        4px 16px 0 0 #6890a8,
        -12px -8px 0 0 #88b8d0,
        -16px -4px 0 0 #a8d0e0,
        -12px 0px 0 0 #88b8d0,
        -6px 18px 0 0 #d0e8f0,
        -10px 19px 0 0 #a8c8d8,
        -4px -10px 0 0 #e8f4f8,
        4px -10px 0 0 #c8dce8,
        -19px -2px 0 0 #8eb0c8;
}