/* ==========================================================================
   GENERATED by tools/make_looks_css.py from core/appearance.py - edit that.
   Picture piece sets and landscape backgrounds. Credits: the Credits page,
   static/pieces/LICENSES.md and static/backdrops/LICENSES.md.
   ========================================================================== */
/* Piece picker: each tile in its own set. */
.piece-sample[data-set="device"] .piece { font-family: "Segoe UI Symbol", "DejaVu Sans", sans-serif !important; font-size: 1.0em !important; }
.piece-sample[data-set="modern"] .piece { font-family: "KC Pieces Modern" !important; font-size: 1.0em !important; }
.piece-sample[data-set="elegant"] .piece { font-family: "KC Pieces Elegant" !important; font-size: 0.98em !important; }
.piece-sample[data-set="newspaper"] .piece { font-family: "KC Pieces Newspaper" !important; font-size: 1.18em !important; }
.piece-sample[data-set="pixel"] .piece { font-family: "KC Pieces Pixel" !important; font-size: 1.05em !important; }
.piece-sample[data-set="custom"] .piece { font-family: "Segoe UI Symbol", "DejaVu Sans", sans-serif !important; }
/* Picture sets. The glyph stays (for screen readers and copying) but is invisible. */
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece),
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece),
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece),
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece),
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece),
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece),
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece),
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece),
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece),
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece),
:root[data-pieces="chessnut"] .cap,
:root[data-pieces="pirouetti"] .cap,
:root[data-pieces="shapes"] .cap,
:root[data-pieces="rhosgfx"] .cap,
:root[data-pieces="fantasy"] .cap,
:root[data-pieces="kiwen-suwi"] .cap,
:root[data-pieces="letter"] .cap,
:root[data-pieces="firi"] .cap,
:root[data-pieces="totoy"] .cap,
:root[data-pieces="papercut"] .cap,
.piece-sample[data-set="chessnut"] > .piece,
.piece-sample[data-set="pirouetti"] > .piece,
.piece-sample[data-set="shapes"] > .piece,
.piece-sample[data-set="rhosgfx"] > .piece,
.piece-sample[data-set="fantasy"] > .piece,
.piece-sample[data-set="kiwen-suwi"] > .piece,
.piece-sample[data-set="letter"] > .piece,
.piece-sample[data-set="firi"] > .piece,
.piece-sample[data-set="totoy"] > .piece,
.piece-sample[data-set="papercut"] > .piece {
  display: inline-block; width: 1.2em; height: 1.2em; overflow: visible;
  color: transparent !important; text-shadow: none !important; -webkit-text-stroke: 0 !important;
  background: var(--pimg) center / contain no-repeat; font-size: 1em; line-height: 1.2em;
}
:root[data-pieces="chessnut"] .cap,
:root[data-pieces="pirouetti"] .cap,
:root[data-pieces="shapes"] .cap,
:root[data-pieces="rhosgfx"] .cap,
:root[data-pieces="fantasy"] .cap,
:root[data-pieces="kiwen-suwi"] .cap,
:root[data-pieces="letter"] .cap,
:root[data-pieces="firi"] .cap,
:root[data-pieces="totoy"] .cap,
:root[data-pieces="papercut"] .cap { width: 1em; height: 1em; }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece)::before,
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece)::after,
.piece-sample[data-set="chessnut"] > .piece::before, .piece-sample[data-set="chessnut"] > .piece::after,
.piece-sample[data-set="pirouetti"] > .piece::before, .piece-sample[data-set="pirouetti"] > .piece::after,
.piece-sample[data-set="shapes"] > .piece::before, .piece-sample[data-set="shapes"] > .piece::after,
.piece-sample[data-set="rhosgfx"] > .piece::before, .piece-sample[data-set="rhosgfx"] > .piece::after,
.piece-sample[data-set="fantasy"] > .piece::before, .piece-sample[data-set="fantasy"] > .piece::after,
.piece-sample[data-set="kiwen-suwi"] > .piece::before, .piece-sample[data-set="kiwen-suwi"] > .piece::after,
.piece-sample[data-set="letter"] > .piece::before, .piece-sample[data-set="letter"] > .piece::after,
.piece-sample[data-set="firi"] > .piece::before, .piece-sample[data-set="firi"] > .piece::after,
.piece-sample[data-set="totoy"] > .piece::before, .piece-sample[data-set="totoy"] > .piece::after,
.piece-sample[data-set="papercut"] > .piece::before, .piece-sample[data-set="papercut"] > .piece::after { content: none !important; }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="chessnut"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.w[data-p="k"] { --pimg: url("../pieces/chessnut/wK.f0c2df7d16aa.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="chessnut"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.w[data-p="q"] { --pimg: url("../pieces/chessnut/wQ.8b7a809a1b16.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="chessnut"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.w[data-p="r"] { --pimg: url("../pieces/chessnut/wR.cfdf48683c0f.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="chessnut"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.w[data-p="b"] { --pimg: url("../pieces/chessnut/wB.ce9d22fca7d7.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="chessnut"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.w[data-p="n"] { --pimg: url("../pieces/chessnut/wN.60f8acd5890a.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="chessnut"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.w[data-p="p"] { --pimg: url("../pieces/chessnut/wP.79a5afcaed2f.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="chessnut"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.b[data-p="k"] { --pimg: url("../pieces/chessnut/bK.e77c6a819fbb.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="chessnut"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.b[data-p="q"] { --pimg: url("../pieces/chessnut/bQ.26b065500b51.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="chessnut"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.b[data-p="r"] { --pimg: url("../pieces/chessnut/bR.c1bf0ff5a3ef.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="chessnut"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.b[data-p="b"] { --pimg: url("../pieces/chessnut/bB.581df4a7ac7b.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="chessnut"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.b[data-p="n"] { --pimg: url("../pieces/chessnut/bN.f61b9b8bb9c7.svg"); }
:root[data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="chessnut"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="chessnut"] > .piece.b[data-p="p"] { --pimg: url("../pieces/chessnut/bP.0393a8050102.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="pirouetti"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.w[data-p="k"] { --pimg: url("../pieces/pirouetti/wK.c530b4f19c04.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="pirouetti"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.w[data-p="q"] { --pimg: url("../pieces/pirouetti/wQ.f0e3b0acc328.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="pirouetti"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.w[data-p="r"] { --pimg: url("../pieces/pirouetti/wR.6972e88f977b.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="pirouetti"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.w[data-p="b"] { --pimg: url("../pieces/pirouetti/wB.aa03832850ba.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="pirouetti"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.w[data-p="n"] { --pimg: url("../pieces/pirouetti/wN.5b3695543c91.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="pirouetti"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.w[data-p="p"] { --pimg: url("../pieces/pirouetti/wP.616d29b4e640.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="pirouetti"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.b[data-p="k"] { --pimg: url("../pieces/pirouetti/bK.8d989e71a9fb.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="pirouetti"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.b[data-p="q"] { --pimg: url("../pieces/pirouetti/bQ.15e32292e6bc.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="pirouetti"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.b[data-p="r"] { --pimg: url("../pieces/pirouetti/bR.acab050c546b.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="pirouetti"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.b[data-p="b"] { --pimg: url("../pieces/pirouetti/bB.8ad8f9857daf.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="pirouetti"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.b[data-p="n"] { --pimg: url("../pieces/pirouetti/bN.662207283ca2.svg"); }
:root[data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="pirouetti"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="pirouetti"] > .piece.b[data-p="p"] { --pimg: url("../pieces/pirouetti/bP.627fca13689f.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="shapes"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="shapes"] > .piece.w[data-p="k"] { --pimg: url("../pieces/shapes/wK.d58a02ddcee7.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="shapes"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="shapes"] > .piece.w[data-p="q"] { --pimg: url("../pieces/shapes/wQ.f00076c9db48.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="shapes"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="shapes"] > .piece.w[data-p="r"] { --pimg: url("../pieces/shapes/wR.1e4114a807fb.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="shapes"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="shapes"] > .piece.w[data-p="b"] { --pimg: url("../pieces/shapes/wB.f847647abdb8.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="shapes"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="shapes"] > .piece.w[data-p="n"] { --pimg: url("../pieces/shapes/wN.2f0f54695f63.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="shapes"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="shapes"] > .piece.w[data-p="p"] { --pimg: url("../pieces/shapes/wP.fa0aab9025f7.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="shapes"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="shapes"] > .piece.b[data-p="k"] { --pimg: url("../pieces/shapes/bK.f3cb0c75406a.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="shapes"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="shapes"] > .piece.b[data-p="q"] { --pimg: url("../pieces/shapes/bQ.84adf11edd26.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="shapes"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="shapes"] > .piece.b[data-p="r"] { --pimg: url("../pieces/shapes/bR.e5584a84c952.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="shapes"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="shapes"] > .piece.b[data-p="b"] { --pimg: url("../pieces/shapes/bB.a6458ec3ffbb.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="shapes"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="shapes"] > .piece.b[data-p="n"] { --pimg: url("../pieces/shapes/bN.756cebdf031f.svg"); }
:root[data-pieces="shapes"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="shapes"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="shapes"] > .piece.b[data-p="p"] { --pimg: url("../pieces/shapes/bP.823092704b23.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="rhosgfx"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.w[data-p="k"] { --pimg: url("../pieces/rhosgfx/wK.e610ba6ae4b7.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="rhosgfx"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.w[data-p="q"] { --pimg: url("../pieces/rhosgfx/wQ.8ef04fe4080b.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="rhosgfx"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.w[data-p="r"] { --pimg: url("../pieces/rhosgfx/wR.1e02f27af9b4.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="rhosgfx"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.w[data-p="b"] { --pimg: url("../pieces/rhosgfx/wB.de344648d0fc.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="rhosgfx"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.w[data-p="n"] { --pimg: url("../pieces/rhosgfx/wN.197a85114fc2.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="rhosgfx"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.w[data-p="p"] { --pimg: url("../pieces/rhosgfx/wP.08d46c66e081.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="rhosgfx"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.b[data-p="k"] { --pimg: url("../pieces/rhosgfx/bK.e83eb2e1adc1.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="rhosgfx"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.b[data-p="q"] { --pimg: url("../pieces/rhosgfx/bQ.df56ab03ef65.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="rhosgfx"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.b[data-p="r"] { --pimg: url("../pieces/rhosgfx/bR.3ef2806b5eee.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="rhosgfx"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.b[data-p="b"] { --pimg: url("../pieces/rhosgfx/bB.74fdad731290.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="rhosgfx"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.b[data-p="n"] { --pimg: url("../pieces/rhosgfx/bN.c2049b96a1f3.svg"); }
:root[data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="rhosgfx"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="rhosgfx"] > .piece.b[data-p="p"] { --pimg: url("../pieces/rhosgfx/bP.cc8e3e1607b5.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="fantasy"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.w[data-p="k"] { --pimg: url("../pieces/fantasy/wK.50a1cc7e3f6e.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="fantasy"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.w[data-p="q"] { --pimg: url("../pieces/fantasy/wQ.7d5b085c6a70.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="fantasy"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.w[data-p="r"] { --pimg: url("../pieces/fantasy/wR.8edfb7928065.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="fantasy"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.w[data-p="b"] { --pimg: url("../pieces/fantasy/wB.6318d1a73722.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="fantasy"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.w[data-p="n"] { --pimg: url("../pieces/fantasy/wN.b2e231d0aac9.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="fantasy"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.w[data-p="p"] { --pimg: url("../pieces/fantasy/wP.10d2b61fe996.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="fantasy"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.b[data-p="k"] { --pimg: url("../pieces/fantasy/bK.add508a8af29.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="fantasy"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.b[data-p="q"] { --pimg: url("../pieces/fantasy/bQ.1a546639a2c8.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="fantasy"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.b[data-p="r"] { --pimg: url("../pieces/fantasy/bR.2d8b9288e0ee.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="fantasy"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.b[data-p="b"] { --pimg: url("../pieces/fantasy/bB.c2024d5f5d0a.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="fantasy"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.b[data-p="n"] { --pimg: url("../pieces/fantasy/bN.7f1976b95456.svg"); }
:root[data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="fantasy"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="fantasy"] > .piece.b[data-p="p"] { --pimg: url("../pieces/fantasy/bP.e9bb287847fb.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="kiwen-suwi"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.w[data-p="k"] { --pimg: url("../pieces/kiwen-suwi/wK.63aa85e8da1d.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="kiwen-suwi"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.w[data-p="q"] { --pimg: url("../pieces/kiwen-suwi/wQ.c6f8f27f2442.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="kiwen-suwi"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.w[data-p="r"] { --pimg: url("../pieces/kiwen-suwi/wR.7f005e781266.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="kiwen-suwi"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.w[data-p="b"] { --pimg: url("../pieces/kiwen-suwi/wB.6a510c9ff3b5.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="kiwen-suwi"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.w[data-p="n"] { --pimg: url("../pieces/kiwen-suwi/wN.c7ee72b74d40.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="kiwen-suwi"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.w[data-p="p"] { --pimg: url("../pieces/kiwen-suwi/wP.0bade7cbf36c.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="kiwen-suwi"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.b[data-p="k"] { --pimg: url("../pieces/kiwen-suwi/bK.3b65d3a3b1e4.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="kiwen-suwi"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.b[data-p="q"] { --pimg: url("../pieces/kiwen-suwi/bQ.db7fb5d41155.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="kiwen-suwi"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.b[data-p="r"] { --pimg: url("../pieces/kiwen-suwi/bR.b7bbee2c05b6.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="kiwen-suwi"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.b[data-p="b"] { --pimg: url("../pieces/kiwen-suwi/bB.21ac3f5dbf7c.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="kiwen-suwi"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.b[data-p="n"] { --pimg: url("../pieces/kiwen-suwi/bN.e5c9634bc9ff.svg"); }
:root[data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="kiwen-suwi"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="kiwen-suwi"] > .piece.b[data-p="p"] { --pimg: url("../pieces/kiwen-suwi/bP.af4db24ce621.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="letter"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="letter"] > .piece.w[data-p="k"] { --pimg: url("../pieces/letter/wK.ee11587c0591.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="letter"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="letter"] > .piece.w[data-p="q"] { --pimg: url("../pieces/letter/wQ.3f9b07bbfda2.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="letter"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="letter"] > .piece.w[data-p="r"] { --pimg: url("../pieces/letter/wR.930f372a4685.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="letter"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="letter"] > .piece.w[data-p="b"] { --pimg: url("../pieces/letter/wB.d206ee4d25e2.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="letter"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="letter"] > .piece.w[data-p="n"] { --pimg: url("../pieces/letter/wN.c739baf2a00b.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="letter"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="letter"] > .piece.w[data-p="p"] { --pimg: url("../pieces/letter/wP.796904b04679.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="letter"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="letter"] > .piece.b[data-p="k"] { --pimg: url("../pieces/letter/bK.4b00245495e5.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="letter"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="letter"] > .piece.b[data-p="q"] { --pimg: url("../pieces/letter/bQ.16e9d40be123.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="letter"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="letter"] > .piece.b[data-p="r"] { --pimg: url("../pieces/letter/bR.548857ba6cf4.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="letter"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="letter"] > .piece.b[data-p="b"] { --pimg: url("../pieces/letter/bB.4e58fbd81dc4.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="letter"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="letter"] > .piece.b[data-p="n"] { --pimg: url("../pieces/letter/bN.625f8cd4ebe7.svg"); }
:root[data-pieces="letter"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="letter"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="letter"] > .piece.b[data-p="p"] { --pimg: url("../pieces/letter/bP.142b25814fe4.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="firi"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="firi"] > .piece.w[data-p="k"] { --pimg: url("../pieces/firi/wK.d09df44649e3.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="firi"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="firi"] > .piece.w[data-p="q"] { --pimg: url("../pieces/firi/wQ.7be232dc96a3.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="firi"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="firi"] > .piece.w[data-p="r"] { --pimg: url("../pieces/firi/wR.aaeeb576228d.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="firi"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="firi"] > .piece.w[data-p="b"] { --pimg: url("../pieces/firi/wB.44f43bf24ce9.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="firi"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="firi"] > .piece.w[data-p="n"] { --pimg: url("../pieces/firi/wN.937a23a32756.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="firi"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="firi"] > .piece.w[data-p="p"] { --pimg: url("../pieces/firi/wP.85273e788abc.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="firi"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="firi"] > .piece.b[data-p="k"] { --pimg: url("../pieces/firi/bK.0c82b17ac5d8.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="firi"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="firi"] > .piece.b[data-p="q"] { --pimg: url("../pieces/firi/bQ.cd72c08a3c76.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="firi"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="firi"] > .piece.b[data-p="r"] { --pimg: url("../pieces/firi/bR.c652b3b25147.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="firi"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="firi"] > .piece.b[data-p="b"] { --pimg: url("../pieces/firi/bB.4b42c3a806f7.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="firi"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="firi"] > .piece.b[data-p="n"] { --pimg: url("../pieces/firi/bN.bc70690f3369.svg"); }
:root[data-pieces="firi"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="firi"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="firi"] > .piece.b[data-p="p"] { --pimg: url("../pieces/firi/bP.35012ec1ea09.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="totoy"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="totoy"] > .piece.w[data-p="k"] { --pimg: url("../pieces/totoy/wK.3d0c32e2268a.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="totoy"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="totoy"] > .piece.w[data-p="q"] { --pimg: url("../pieces/totoy/wQ.0a9b2e681068.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="totoy"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="totoy"] > .piece.w[data-p="r"] { --pimg: url("../pieces/totoy/wR.99e9879dae93.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="totoy"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="totoy"] > .piece.w[data-p="b"] { --pimg: url("../pieces/totoy/wB.833e15c46ff3.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="totoy"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="totoy"] > .piece.w[data-p="n"] { --pimg: url("../pieces/totoy/wN.eb22acd2d147.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="totoy"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="totoy"] > .piece.w[data-p="p"] { --pimg: url("../pieces/totoy/wP.cc4b4adc0ad2.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="totoy"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="totoy"] > .piece.b[data-p="k"] { --pimg: url("../pieces/totoy/bK.53dfb6bfb8f5.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="totoy"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="totoy"] > .piece.b[data-p="q"] { --pimg: url("../pieces/totoy/bQ.83ebeca1f396.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="totoy"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="totoy"] > .piece.b[data-p="r"] { --pimg: url("../pieces/totoy/bR.b15849a7a59f.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="totoy"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="totoy"] > .piece.b[data-p="b"] { --pimg: url("../pieces/totoy/bB.0d080721e028.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="totoy"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="totoy"] > .piece.b[data-p="n"] { --pimg: url("../pieces/totoy/bN.494c06660fd0.svg"); }
:root[data-pieces="totoy"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="totoy"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="totoy"] > .piece.b[data-p="p"] { --pimg: url("../pieces/totoy/bP.62e909d23684.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).w[data-p="k"], :root[data-pieces="papercut"] .cap.w[data-p="k"], .lookswatch .piece-sample[data-set="papercut"] > .piece.w[data-p="k"] { --pimg: url("../pieces/papercut/wK.6aa40b6db516.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).w[data-p="q"], :root[data-pieces="papercut"] .cap.w[data-p="q"], .lookswatch .piece-sample[data-set="papercut"] > .piece.w[data-p="q"] { --pimg: url("../pieces/papercut/wQ.ab2cd28de3b2.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).w[data-p="r"], :root[data-pieces="papercut"] .cap.w[data-p="r"], .lookswatch .piece-sample[data-set="papercut"] > .piece.w[data-p="r"] { --pimg: url("../pieces/papercut/wR.94b33674234f.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).w[data-p="b"], :root[data-pieces="papercut"] .cap.w[data-p="b"], .lookswatch .piece-sample[data-set="papercut"] > .piece.w[data-p="b"] { --pimg: url("../pieces/papercut/wB.d5c7838e11f4.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).w[data-p="n"], :root[data-pieces="papercut"] .cap.w[data-p="n"], .lookswatch .piece-sample[data-set="papercut"] > .piece.w[data-p="n"] { --pimg: url("../pieces/papercut/wN.d12f7d60e63f.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).w[data-p="p"], :root[data-pieces="papercut"] .cap.w[data-p="p"], .lookswatch .piece-sample[data-set="papercut"] > .piece.w[data-p="p"] { --pimg: url("../pieces/papercut/wP.5dff27f5e616.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).b[data-p="k"], :root[data-pieces="papercut"] .cap.b[data-p="k"], .lookswatch .piece-sample[data-set="papercut"] > .piece.b[data-p="k"] { --pimg: url("../pieces/papercut/bK.d191fb602067.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).b[data-p="q"], :root[data-pieces="papercut"] .cap.b[data-p="q"], .lookswatch .piece-sample[data-set="papercut"] > .piece.b[data-p="q"] { --pimg: url("../pieces/papercut/bQ.c002be21d913.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).b[data-p="r"], :root[data-pieces="papercut"] .cap.b[data-p="r"], .lookswatch .piece-sample[data-set="papercut"] > .piece.b[data-p="r"] { --pimg: url("../pieces/papercut/bR.772407b0cd9d.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).b[data-p="b"], :root[data-pieces="papercut"] .cap.b[data-p="b"], .lookswatch .piece-sample[data-set="papercut"] > .piece.b[data-p="b"] { --pimg: url("../pieces/papercut/bB.6f4a6c689761.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).b[data-p="n"], :root[data-pieces="papercut"] .cap.b[data-p="n"], .lookswatch .piece-sample[data-set="papercut"] > .piece.b[data-p="n"] { --pimg: url("../pieces/papercut/bN.df853d3d2ff1.svg"); }
:root[data-pieces="papercut"] .piece:not(.piece-sample > .piece).b[data-p="p"], :root[data-pieces="papercut"] .cap.b[data-p="p"], .lookswatch .piece-sample[data-set="papercut"] > .piece.b[data-p="p"] { --pimg: url("../pieces/papercut/bP.8db21003cda1.svg"); }
/* Piece colours on picture sets. */
:root[data-pieces="chessnut"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="pirouetti"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="shapes"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="rhosgfx"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="fantasy"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="kiwen-suwi"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="letter"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="firi"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="totoy"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after,
:root[data-pieces="papercut"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece)::after {
  content: "" !important; position: absolute; inset: 0; pointer-events: none;
  -webkit-mask: var(--pimg) center / contain no-repeat; mask: var(--pimg) center / contain no-repeat;
}
:root[data-pieces="chessnut"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="pirouetti"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="shapes"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="rhosgfx"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="fantasy"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="kiwen-suwi"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="letter"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="firi"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="totoy"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after,
:root[data-pieces="papercut"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).w::after { background-color: var(--piece-white); mix-blend-mode: multiply; }
:root[data-pieces="chessnut"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="pirouetti"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="shapes"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="rhosgfx"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="fantasy"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="kiwen-suwi"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="letter"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="firi"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="totoy"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after,
:root[data-pieces="papercut"]:not([data-pcolours="board"]) .piece:not(.piece-sample > .piece).b::after { background-color: var(--piece-black); mix-blend-mode: screen; }
/* Piece styles on picture sets (and your own pieces). */
:root[data-pstyle="flat"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="letter"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="firi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="flat"][data-pieces="custom"] .piece:not(.piece-sample > .piece).w { filter: none; }
:root[data-pstyle="flat"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="letter"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="firi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="flat"][data-pieces="custom"] .piece:not(.piece-sample > .piece).b { filter: none; }
:root[data-pstyle="classic"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="letter"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="firi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="classic"][data-pieces="custom"] .piece:not(.piece-sample > .piece).w { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35)); }
:root[data-pstyle="classic"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="letter"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="firi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="classic"][data-pieces="custom"] .piece:not(.piece-sample > .piece).b { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35)); }
:root[data-pstyle="raised"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="letter"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="firi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="raised"][data-pieces="custom"] .piece:not(.piece-sample > .piece).w { filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.45)) drop-shadow(0 5px 5px rgba(0, 0, 0, 0.3)); }
:root[data-pstyle="raised"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="letter"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="firi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="raised"][data-pieces="custom"] .piece:not(.piece-sample > .piece).b { filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.45)) drop-shadow(0 5px 5px rgba(0, 0, 0, 0.3)); }
:root[data-pstyle="glow"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="letter"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="firi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="glow"][data-pieces="custom"] .piece:not(.piece-sample > .piece).w { filter: drop-shadow(0 0 2px #00e5ff) drop-shadow(0 0 7px rgba(0, 229, 255, 0.6)); }
:root[data-pstyle="glow"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="letter"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="firi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="glow"][data-pieces="custom"] .piece:not(.piece-sample > .piece).b { filter: drop-shadow(0 0 2px #ff2bd6) drop-shadow(0 0 7px rgba(255, 43, 214, 0.65)); }
:root[data-pstyle="outline"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="letter"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="firi"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).w,
:root[data-pstyle="outline"][data-pieces="custom"] .piece:not(.piece-sample > .piece).w { filter: drop-shadow(1.5px 0 0 #000) drop-shadow(-1.5px 0 0 #000) drop-shadow(0 1.5px 0 #000) drop-shadow(0 -1.5px 0 #000); }
:root[data-pstyle="outline"][data-pieces="chessnut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="pirouetti"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="shapes"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="rhosgfx"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="fantasy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="kiwen-suwi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="letter"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="firi"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="totoy"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="papercut"] .piece:not(.piece-sample > .piece).b,
:root[data-pstyle="outline"][data-pieces="custom"] .piece:not(.piece-sample > .piece).b { filter: drop-shadow(1.5px 0 0 #fff) drop-shadow(-1.5px 0 0 #fff) drop-shadow(0 1.5px 0 #fff) drop-shadow(0 -1.5px 0 #fff); }
/* Landscape backgrounds, under a wash of the theme's own colour. */
:root[data-backdrop="photo-fjord"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/fjord.5508f3119138.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-fjord::before { background: url("../backdrops/fjord-small.2a6eb3553503.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-deadvlei"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/deadvlei.8479242e8600.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-deadvlei::before { background: url("../backdrops/deadvlei-small.579f23f99170.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-glencoe"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/glencoe.858ff5c39f80.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-glencoe::before { background: url("../backdrops/glencoe-small.095c70905281.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-uyuni"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/uyuni.2726e26a7f3f.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-uyuni::before { background: url("../backdrops/uyuni-small.b10cc870cbd6.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-titicaca"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/titicaca.8820358f0603.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-titicaca::before { background: url("../backdrops/titicaca-small.facdcacb64fb.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-wilderness"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/wilderness.d53fc1814003.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-wilderness::before { background: url("../backdrops/wilderness-small.9a4668e3d3d2.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-poppies"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/poppies.b17cd8ff5962.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-poppies::before { background: url("../backdrops/poppies-small.3a8e138211e9.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-paddy"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/paddy.ebf43e7e141e.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-paddy::before { background: url("../backdrops/paddy-small.e3f9d05aec65.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-alps"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/alps.e906a5197014.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-alps::before { background: url("../backdrops/alps-small.f24a0f85d42c.jpg") center / cover no-repeat; }
:root[data-backdrop="photo-savanna"] body::before {
  background: linear-gradient(color-mix(in srgb, var(--wash-color, var(--bg)) calc(72% * var(--op-wash, 1)), transparent), color-mix(in srgb, var(--wash-color, var(--bg)) calc(82% * var(--op-wash, 1)), transparent)),
    url("../backdrops/savanna.e77a5f8cfb3d.jpg") center / cover no-repeat;
}
.lookswatch .bd-photo-savanna::before { background: url("../backdrops/savanna-small.08e8c26810ba.jpg") center / cover no-repeat; }