/**
 * Obsidian Knight Skin
 * Custom sprite
 */

/* In-Game Sprite */
.player[data-character="knight"][data-skin="obsidian_knight"]::before {
    box-shadow:
        -8px -8px 0 0 #030303,
        0px -8px 0 0 #030303,
        8px -8px 0 0 #030303,
        -8px 0px 0 0 #1A1A2E,
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 #2d2d2d,
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 #1A1A2E,
        -8px 7px 0 0 #030303,
        -4px 8px 0 0 #030303,
        0px 8px 0 0 #16213E,
        4px 8px 0 0 #030303,
        8px 7px 0 0 #030303,
        -4px 16px 0 0 #000018,
        4px 16px 0 0 #000018,
        -9px -9px 0 0 #030303,
        -9px -1px 0 0 #030303,
        9px -1px 0 0 #030303,
        9px -9px 0 0 #030303,
        1px -9px 0 0 #030303,
        -1px -9px 0 0 #030303,
        -6px -12px 0 0 #030303,
        6px -12px 0 0 #030303,
        0px -12px 0 0 #030303;
}

/* Character Selection Preview */
.char-card-preview[data-character="knight"][data-skin="obsidian_knight"]::before {
    box-shadow:
        -8px -8px 0 0 #030303,
        0px -8px 0 0 #030303,
        8px -8px 0 0 #030303,
        -8px 0px 0 0 #1A1A2E,
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 #2d2d2d,
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 #1A1A2E,
        -8px 7px 0 0 #030303,
        -4px 8px 0 0 #030303,
        0px 8px 0 0 #16213E,
        4px 8px 0 0 #030303,
        8px 7px 0 0 #030303,
        -4px 16px 0 0 #000018,
        4px 16px 0 0 #000018,
        -9px -9px 0 0 #030303,
        -9px -1px 0 0 #030303,
        9px -1px 0 0 #030303,
        9px -9px 0 0 #030303,
        1px -9px 0 0 #030303,
        -1px -9px 0 0 #030303,
        -6px -12px 0 0 #030303,
        6px -12px 0 0 #030303,
        0px -12px 0 0 #030303;
}

/* Skin Selector Preview */
.skin-preview[data-character="knight"][data-skin="obsidian_knight"]::before {
    box-shadow:
        -8px -8px 0 0 #030303,
        0px -8px 0 0 #030303,
        8px -8px 0 0 #030303,
        -8px 0px 0 0 #1A1A2E,
        -4px 0px 0 0 #2d2d2d,
        0px 0px 0 0 #2d2d2d,
        4px 0px 0 0 #2d2d2d,
        8px 0px 0 0 #1A1A2E,
        -8px 7px 0 0 #030303,
        -4px 8px 0 0 #030303,
        0px 8px 0 0 #16213E,
        4px 8px 0 0 #030303,
        8px 7px 0 0 #030303,
        -4px 16px 0 0 #000018,
        4px 16px 0 0 #000018,
        -9px -9px 0 0 #030303,
        -9px -1px 0 0 #030303,
        9px -1px 0 0 #030303,
        9px -9px 0 0 #030303,
        1px -9px 0 0 #030303,
        -1px -9px 0 0 #030303,
        -6px -12px 0 0 #030303,
        6px -12px 0 0 #030303,
        0px -12px 0 0 #030303;
}