/**
 * Coral Knight Skin
 * Custom sprite
 */

/* In-Game Sprite */
.player[data-character="knight"][data-skin="coral_knight"]::before {
    box-shadow:
        -8px -8px 0 0 #ffa488,
        0px -8px 0 0 #ffa488,
        8px -8px 0 0 #ffa488,
        -8px 0px 0 0 #ffa488,
        -4px 0px 0 0 #2d8a8a,
        0px 0px 0 0 #ffc4b8,
        4px 0px 0 0 #00ffff,
        8px 0px 0 0 #ffa488,
        -8px 8px 0 0 #ffa488,
        -4px 8px 0 0 #e8967d,
        0px 8px 0 0 #40b0a0,
        4px 8px 0 0 #e8967d,
        8px 8px 0 0 #ffa488,
        -4px 16px 0 0 #1a5050,
        4px 16px 0 0 #1a5050,
        -10px -10px 0 0 #e8967d,
        10px -10px 0 0 #e8967d,
        0px -12px 0 0 #ffa488,
        -6px -12px 0 0 #e87878,
        6px -12px 0 0 #e87878,
        -12px 0px 0 0 #5a8a7a,
        12px 0px 0 0 #5a8a7a,
        -10px 6px 0 0 #40b0a0,
        10px 6px 0 0 #40b0a0,
        12px -8px 0 0 #40b0a0,
        -12px -8px 0 0 #40b0a0,
        0px 20px 0 0 #40b0a0;
}

/* Character Selection Preview */
.char-card-preview[data-character="knight"][data-skin="coral_knight"]::before {
    box-shadow:
        -8px -8px 0 0 #ffa488,
        0px -8px 0 0 #ffa488,
        8px -8px 0 0 #ffa488,
        -8px 0px 0 0 #ffa488,
        -4px 0px 0 0 #2d8a8a,
        0px 0px 0 0 #ffc4b8,
        4px 0px 0 0 #00ffff,
        8px 0px 0 0 #ffa488,
        -8px 8px 0 0 #ffa488,
        -4px 8px 0 0 #e8967d,
        0px 8px 0 0 #40b0a0,
        4px 8px 0 0 #e8967d,
        8px 8px 0 0 #ffa488,
        -4px 16px 0 0 #1a5050,
        4px 16px 0 0 #1a5050,
        -10px -10px 0 0 #e8967d,
        10px -10px 0 0 #e8967d,
        0px -12px 0 0 #ffa488,
        -6px -12px 0 0 #e87878,
        6px -12px 0 0 #e87878,
        -12px 0px 0 0 #5a8a7a,
        12px 0px 0 0 #5a8a7a,
        -10px 6px 0 0 #40b0a0,
        10px 6px 0 0 #40b0a0,
        12px -8px 0 0 #40b0a0,
        -12px -8px 0 0 #40b0a0,
        0px 20px 0 0 #40b0a0;
}

/* Skin Selector Preview */
.skin-preview[data-character="knight"][data-skin="coral_knight"]::before {
    box-shadow:
        -8px -8px 0 0 #ffa488,
        0px -8px 0 0 #ffa488,
        8px -8px 0 0 #ffa488,
        -8px 0px 0 0 #ffa488,
        -4px 0px 0 0 #2d8a8a,
        0px 0px 0 0 #ffc4b8,
        4px 0px 0 0 #00ffff,
        8px 0px 0 0 #ffa488,
        -8px 8px 0 0 #ffa488,
        -4px 8px 0 0 #e8967d,
        0px 8px 0 0 #40b0a0,
        4px 8px 0 0 #e8967d,
        8px 8px 0 0 #ffa488,
        -4px 16px 0 0 #1a5050,
        4px 16px 0 0 #1a5050,
        -10px -10px 0 0 #e8967d,
        10px -10px 0 0 #e8967d,
        0px -12px 0 0 #ffa488,
        -6px -12px 0 0 #e87878,
        6px -12px 0 0 #e87878,
        -12px 0px 0 0 #5a8a7a,
        12px 0px 0 0 #5a8a7a,
        -10px 6px 0 0 #40b0a0,
        10px 6px 0 0 #40b0a0,
        12px -8px 0 0 #40b0a0,
        -12px -8px 0 0 #40b0a0,
        0px 20px 0 0 #40b0a0;
}