/**
 * Ninja Ranger Skin
 * Custom sprite
 */

/* In-Game Sprite */
.player[data-character="ranger"][data-skin="ninja_ranger"]::before {
    box-shadow:
        -8px -8px 0 0 #020901,
        0px -8px 0 0 #020901,
        8px -8px 0 0 #020901,
        -8px 0px 0 0 #020901,
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 #f5deb3,
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 #030d02,
        -8px 8px 0 0 #020901,
        -4px 8px 0 0 #030d02,
        0px 8px 0 0 #061604,
        4px 8px 0 0 #020901,
        8px 8px 0 0 #020901,
        -4px 16px 0 0 #020901,
        4px 16px 0 0 #030d02,
        -12px -8px 0 0 #020901;
}

/* Character Selection Preview */
.char-card-preview[data-character="ranger"][data-skin="ninja_ranger"]::before {
    box-shadow:
        -8px -8px 0 0 #020901,
        0px -8px 0 0 #020901,
        8px -8px 0 0 #020901,
        -8px 0px 0 0 #020901,
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 #f5deb3,
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 #030d02,
        -8px 8px 0 0 #020901,
        -4px 8px 0 0 #030d02,
        0px 8px 0 0 #061604,
        4px 8px 0 0 #020901,
        8px 8px 0 0 #020901,
        -4px 16px 0 0 #020901,
        4px 16px 0 0 #030d02,
        -12px -8px 0 0 #020901;
}

/* Skin Selector Preview */
.skin-preview[data-character="ranger"][data-skin="ninja_ranger"]::before {
    box-shadow:
        -8px -8px 0 0 #020901,
        0px -8px 0 0 #020901,
        8px -8px 0 0 #020901,
        -8px 0px 0 0 #020901,
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 #f5deb3,
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 #030d02,
        -8px 8px 0 0 #020901,
        -4px 8px 0 0 #030d02,
        0px 8px 0 0 #061604,
        4px 8px 0 0 #020901,
        8px 8px 0 0 #020901,
        -4px 16px 0 0 #020901,
        4px 16px 0 0 #030d02,
        -12px -8px 0 0 #020901;
}