.letters .cg-wrap piece.a-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>A</text></svg>");
}

.letters .cg-wrap piece.pa-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+A</text></svg>");
}

.letters .cg-wrap piece.b-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>B</text></svg>");
}

.letters .cg-wrap piece.pb-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+B</text></svg>");
}

.letters .cg-wrap piece.c-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>C</text></svg>");
}

.letters .cg-wrap piece.pc-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+C</text></svg>");
}

.letters .cg-wrap piece.d-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>D</text></svg>");
}

.letters .cg-wrap piece.pd-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+D</text></svg>");
}

.letters .cg-wrap piece.e-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>E</text></svg>");
}

.letters .cg-wrap piece.pe-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+E</text></svg>");
}

.letters .cg-wrap piece.f-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>F</text></svg>");
}

.letters .cg-wrap piece.pf-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+F</text></svg>");
}

.letters .cg-wrap piece.g-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>G</text></svg>");
}

.letters .cg-wrap piece.pg-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+G</text></svg>");
}

.letters .cg-wrap piece.h-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>H</text></svg>");
}

.letters .cg-wrap piece.ph-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+H</text></svg>");
}

.letters .cg-wrap piece.i-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>I</text></svg>");
}

.letters .cg-wrap piece.pi-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+I</text></svg>");
}

.letters .cg-wrap piece.j-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>J</text></svg>");
}

.letters .cg-wrap piece.pj-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+J</text></svg>");
}

.letters .cg-wrap piece.k-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>K</text></svg>");
}

.letters .cg-wrap piece.pk-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+K</text></svg>");
}

.letters .cg-wrap piece.l-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>L</text></svg>");
}

.letters .cg-wrap piece.pl-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+L</text></svg>");
}

.letters .cg-wrap piece.m-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>M</text></svg>");
}

.letters .cg-wrap piece.pm-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+M</text></svg>");
}

.letters .cg-wrap piece.n-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>N</text></svg>");
}

.letters .cg-wrap piece.pn-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+N</text></svg>");
}

.letters .cg-wrap piece.o-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>O</text></svg>");
}

.letters .cg-wrap piece.po-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+O</text></svg>");
}

.letters .cg-wrap piece.p-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>P</text></svg>");
}

.letters .cg-wrap piece.pp-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+P</text></svg>");
}

.letters .cg-wrap piece.q-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>Q</text></svg>");
}

.letters .cg-wrap piece.pq-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+Q</text></svg>");
}

.letters .cg-wrap piece.r-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>R</text></svg>");
}

.letters .cg-wrap piece.pr-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+R</text></svg>");
}

.letters .cg-wrap piece.s-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>S</text></svg>");
}

.letters .cg-wrap piece.ps-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+S</text></svg>");
}

.letters .cg-wrap piece.t-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>T</text></svg>");
}

.letters .cg-wrap piece.pt-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+T</text></svg>");
}

.letters .cg-wrap piece.u-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>U</text></svg>");
}

.letters .cg-wrap piece.pu-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+U</text></svg>");
}

.letters .cg-wrap piece.v-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>V</text></svg>");
}

.letters .cg-wrap piece.pv-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+V</text></svg>");
}

.letters .cg-wrap piece.w-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>W</text></svg>");
}

.letters .cg-wrap piece.pw-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+W</text></svg>");
}

.letters .cg-wrap piece.x-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>X</text></svg>");
}

.letters .cg-wrap piece.px-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+X</text></svg>");
}

.letters .cg-wrap piece.y-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>Y</text></svg>");
}

.letters .cg-wrap piece.py-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+Y</text></svg>");
}

.letters .cg-wrap piece.z-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>Z</text></svg>");
}

.letters .cg-wrap piece.pz-piece.white {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='white' class='white' text-anchor='middle' dominant-baseline='central'>+Z</text></svg>");
}

.letters .cg-wrap piece.a-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>a</text></svg>");
}

.letters .cg-wrap piece.pa-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+a</text></svg>");
}

.letters .cg-wrap piece.b-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>b</text></svg>");
}

.letters .cg-wrap piece.pb-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+b</text></svg>");
}

.letters .cg-wrap piece.c-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>c</text></svg>");
}

.letters .cg-wrap piece.pc-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+c</text></svg>");
}

.letters .cg-wrap piece.d-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>d</text></svg>");
}

.letters .cg-wrap piece.pd-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+d</text></svg>");
}

.letters .cg-wrap piece.e-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>e</text></svg>");
}

.letters .cg-wrap piece.pe-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+e</text></svg>");
}

.letters .cg-wrap piece.f-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>f</text></svg>");
}

.letters .cg-wrap piece.pf-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+f</text></svg>");
}

.letters .cg-wrap piece.g-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>g</text></svg>");
}

.letters .cg-wrap piece.pg-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+g</text></svg>");
}

.letters .cg-wrap piece.h-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>h</text></svg>");
}

.letters .cg-wrap piece.ph-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+h</text></svg>");
}

.letters .cg-wrap piece.i-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>i</text></svg>");
}

.letters .cg-wrap piece.pi-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+i</text></svg>");
}

.letters .cg-wrap piece.j-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>j</text></svg>");
}

.letters .cg-wrap piece.pj-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+j</text></svg>");
}

.letters .cg-wrap piece.k-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>k</text></svg>");
}

.letters .cg-wrap piece.pk-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+k</text></svg>");
}

.letters .cg-wrap piece.l-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>l</text></svg>");
}

.letters .cg-wrap piece.pl-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+l</text></svg>");
}

.letters .cg-wrap piece.m-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>m</text></svg>");
}

.letters .cg-wrap piece.pm-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+m</text></svg>");
}

.letters .cg-wrap piece.n-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>n</text></svg>");
}

.letters .cg-wrap piece.pn-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+n</text></svg>");
}

.letters .cg-wrap piece.o-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>o</text></svg>");
}

.letters .cg-wrap piece.po-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+o</text></svg>");
}

.letters .cg-wrap piece.p-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>p</text></svg>");
}

.letters .cg-wrap piece.pp-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+p</text></svg>");
}

.letters .cg-wrap piece.q-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>q</text></svg>");
}

.letters .cg-wrap piece.pq-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+q</text></svg>");
}

.letters .cg-wrap piece.r-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>r</text></svg>");
}

.letters .cg-wrap piece.pr-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+r</text></svg>");
}

.letters .cg-wrap piece.s-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>s</text></svg>");
}

.letters .cg-wrap piece.ps-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+s</text></svg>");
}

.letters .cg-wrap piece.t-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>t</text></svg>");
}

.letters .cg-wrap piece.pt-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+t</text></svg>");
}

.letters .cg-wrap piece.u-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>u</text></svg>");
}

.letters .cg-wrap piece.pu-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+u</text></svg>");
}

.letters .cg-wrap piece.v-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>v</text></svg>");
}

.letters .cg-wrap piece.pv-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+v</text></svg>");
}

.letters .cg-wrap piece.w-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>w</text></svg>");
}

.letters .cg-wrap piece.pw-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+w</text></svg>");
}

.letters .cg-wrap piece.x-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>x</text></svg>");
}

.letters .cg-wrap piece.px-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+x</text></svg>");
}

.letters .cg-wrap piece.y-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>y</text></svg>");
}

.letters .cg-wrap piece.py-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+y</text></svg>");
}

.letters .cg-wrap piece.z-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>z</text></svg>");
}

.letters .cg-wrap piece.pz-piece.black {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='80px' height='80px'><text font-size='30' x='50%' y='50%' fill='black' class='black' text-anchor='middle' dominant-baseline='central'>+z</text></svg>");
}