@layer components {
    :root {
        --patience-shape-spades: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6c.8 1 10.2 7 10.2 13 0 3-2.3 5.2-5.1 5.2-1.7 0-3.2-.8-4.1-2.1.3 1.9 1.2 3.4 2.6 4.7H8.4c1.4-1.3 2.3-2.8 2.6-4.7-.9 1.3-2.4 2.1-4.1 2.1-2.8 0-5.1-2.2-5.1-5.2 0-6 9.4-12 10.2-13z'/%3E%3C/svg%3E");
        --patience-shape-hearts: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.6c-.8-.9-10.2-7-10.2-13.5 0-3.2 2.4-5.7 5.4-5.7 2.1 0 3.9 1.2 4.8 3 .9-1.8 2.7-3 4.8-3 3 0 5.4 2.5 5.4 5.7 0 6.5-9.4 12.6-10.2 13.5z'/%3E%3C/svg%3E");
        --patience-shape-clubs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6.7' r='4.7'/%3E%3Ccircle cx='6.6' cy='13.5' r='4.7'/%3E%3Ccircle cx='17.4' cy='13.5' r='4.7'/%3E%3Ccircle cx='12' cy='12.2' r='2.9'/%3E%3Cpath d='M11 13c-.1 4-1 6.8-2.9 9.4h7.8c-1.9-2.6-2.8-5.4-2.9-9.4z'/%3E%3C/svg%3E");
        --patience-shape-diamonds: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.4c2.4 3.8 5.3 7.4 8.6 10.6-3.3 3.2-6.2 6.8-8.6 10.6-2.4-3.8-5.3-7.4-8.6-10.6C6.7 8.8 9.6 5.2 12 1.4z'/%3E%3C/svg%3E");
        --patience-shape-jack: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.2 15.2V5.4L12 1.6l1.8 3.8v9.8z'/%3E%3Crect x='5.6' y='15.2' width='12.8' height='2.4' rx='1.2'/%3E%3Crect x='10.9' y='17.4' width='2.2' height='3.6'/%3E%3Ccircle cx='12' cy='21.4' r='1.9'/%3E%3C/svg%3E");
        --patience-shape-queen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.8 18.6 3 11.2c1.8 1.4 3.8 1.2 4.8-.6.4-.8.6-1.6.6-2.4 1.2.6 2.4.8 3.6.8s2.4-.2 3.6-.8c0 .8.2 1.6.6 2.4 1 1.8 3 2 4.8.6l-.8 7.4z'/%3E%3Crect x='3.6' y='19.8' width='16.8' height='2.6' rx='.6'/%3E%3Ccircle cx='12' cy='6' r='2.4'/%3E%3Ccircle cx='3' cy='9.8' r='1.3'/%3E%3Ccircle cx='21' cy='9.8' r='1.3'/%3E%3C/svg%3E");
        --patience-shape-king: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.6 18.4 2.6 9.6l5 3.6L12 6.4l4.4 6.8 5-3.6-1 8.8zM3.4 19.6h17.2v2.6H3.4z'/%3E%3Ccircle cx='2.6' cy='8' r='1.7'/%3E%3Ccircle cx='12' cy='4.4' r='1.9'/%3E%3Ccircle cx='21.4' cy='8' r='1.7'/%3E%3C/svg%3E");
    }
}