@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;600;800&display=swap);.cg-wrap{box-sizing:initial;display:block;position:relative}cg-container{display:block}cg-board,cg-container{height:100%;position:absolute;top:0;width:100%}cg-board{background-size:cover;left:0;line-height:0;-webkit-user-select:none;user-select:none}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%}cg-board square.move-dest{pointer-events:auto}.cg-wrap piece,cg-board square.last-move{will-change:transform}.cg-wrap piece{background-size:cover;height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%;z-index:2}cg-board piece.dragging{cursor:move;
  /* !important to override z-index from 3D piece inline style */z-index:11!important}piece.anim{z-index:8}piece.fading{opacity:.5;z-index:1}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{height:100%;left:0;opacity:.6;overflow:hidden;pointer-events:none;position:relative;top:0;width:100%;z-index:2}.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes,.cg-wrap cg-auto-pieces{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;overflow:hidden;z-index:2}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{display:flex;font-family:sans-serif;font-size:9px;opacity:.8;pointer-events:none;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;height:100%;left:4px;top:-20px;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{bottom:-4px;flex-flow:row;height:16px;left:24px;text-align:center;text-transform:uppercase;width:100%}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{-webkit-transform:translateY(39%);transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;flex-flow:column-reverse;height:100%;left:0;text-align:right;text-transform:uppercase;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{-webkit-transform:translateX(100%);transform:translateX(100%)}.cg-wrap coords.squares.rank3{-webkit-transform:translateX(200%);transform:translateX(200%)}.cg-wrap coords.squares.rank4{-webkit-transform:translateX(300%);transform:translateX(300%)}.cg-wrap coords.squares.rank5{-webkit-transform:translateX(400%);transform:translateX(400%)}.cg-wrap coords.squares.rank6{-webkit-transform:translateX(500%);transform:translateX(500%)}.cg-wrap coords.squares.rank7{-webkit-transform:translateX(600%);transform:translateX(600%)}.cg-wrap coords.squares.rank8{-webkit-transform:translateX(700%);transform:translateX(700%)}cg-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+PGcgaWQ9ImYiPjxnIGlkPSJlIj48ZyBpZD0iZCI+PGcgaWQ9ImMiPjx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2EiIHg6aHJlZj0iI2EiLz48cGF0aCBpZD0iYiIgb3BhY2l0eT0iLjIiIGQ9Ik0wIDFoMXYxSDB6Ii8+PHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz48L2c+PHVzZSB4PSIyIiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPjwvZz48dXNlIHg9IjQiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+PC9nPjx1c2UgeT0iMiIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz48L2c+PHVzZSB5PSI0IiBocmVmPSIjZiIgeDpocmVmPSIjZiIvPjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(rgba(20,85,30,.5) 22%,#208530 0,rgba(0,0,0,.3) 0,transparent 0)}cg-board square.premove-dest{background:radial-gradient(rgba(20,30,85,.5) 22%,#203085 0,rgba(0,0,0,.3) 0,transparent 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,85,0,.3) 0)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,30,85,.2) 0)}cg-board square.move-dest:hover{background:rgba(20,85,30,.3)}cg-board square.premove-dest:hover{background:rgba(20,30,85,.2)}cg-board square.last-move{background-color:rgba(155,199,0,.41)}cg-board square.selected{background-color:rgba(20,85,30,.5)}cg-board square.check{background:radial-gradient(ellipse at center,red 0,#e70000 25%,rgba(169,0,0,0) 89%,rgba(158,0,0,0) 100%)}cg-board square.current-premove{background-color:rgba(20,30,85,.5)}.orientation-black .files :nth-child(odd),.orientation-black .ranks :nth-child(2n),.orientation-white .files :nth-child(2n),.orientation-white .ranks :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n){color:rgba(72,72,72,.8)}.orientation-black .files :nth-child(2n),.orientation-black .ranks :nth-child(odd),.orientation-white .files :nth-child(odd),.orientation-white .ranks :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd){color:hsla(0,0%,100%,.8)}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJtMzQgMTQtMyAzSDE0bC0zLTMiLz48cGF0aCBkPSJNMzEgMTd2MTIuNUgxNFYxNyIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJtMzEgMjkuNSAxLjUgMi41aC0yMGwxLjUtMi41Ii8+PHBhdGggZD0iTTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJtMjQuNTUgMTAuNC0uNDUgMS40NS41LjE1YzMuMTUgMSA1LjY1IDIuNDkgNy45IDYuNzVTMzUuNzUgMjkuMDYgMzUuMjUgMzlsLS4wNS41aDIuMjVsLjA1LS41Yy41LTEwLjA2LS44OC0xNi44NS0zLjI1LTIxLjM0LTIuMzctNC40OS01Ljc5LTYuNjQtOS4xOS03LjE2bC0uNTEtLjF6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9Im5vbmUiLz48L2c+PC9zdmc+)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTcgMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNSAxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}*{box-sizing:border-box;font-family:Karla,sans-serif;margin:0;padding:0}:root{--bg:#f3f1ef;--font:#292929}body.light{--bg-primary:var(--bg);--font-primary:var(--font)}body.dark{--bg-primary:var(--font);--font-primary:var(--bg)}.sidebar{background:transparent;font-weight:600;height:-webkit-max-content;height:max-content;padding:30px 0;position:fixed;width:100px;z-index:10}.sidebar,.sidebar-nav{align-items:center;display:flex;flex-direction:column;transition:all .45s cubic-bezier(.65,0,.076,1)}.sidebar-nav{justify-content:center;list-style-type:none;opacity:0;width:100%}.sidebar-active{opacity:1}.toggle-icon{color:var(--font-primary);font-size:32px}.nav-item,.toggle-icon{cursor:pointer;margin-bottom:40px}.nav-item{display:flex;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-filter:opacity(.5);filter:opacity(.5);justify-content:center;transition:all .45s cubic-bezier(.65,0,.076,1);width:100%}.nav-item:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);-webkit-filter:opacity(1);filter:opacity(1)}.nav-item .nav-link{color:var(--font-primary);display:flex;font-size:24px;justify-content:center;position:relative;text-decoration:none;width:100%}.nav-item .nav-link:after{background:var(--font-primary);content:"";height:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .45s cubic-bezier(.65,0,.076,1);width:2px}.nav-item .nav-link:hover:after{height:100%}@media screen and (max-width:800px){.sidebar{align-items:center;background:var(--bg-primary);height:80px;justify-content:center;padding:0 20px}.sidebar,.sidebar-nav{flex-direction:row;width:100%}.sidebar-nav{justify-content:flex-end;margin-bottom:7px}.nav-item,.toggle-icon{margin-bottom:0}.nav-item{margin-left:40px;width:-webkit-max-content;width:max-content}.nav-item,.nav-item>div{height:100%}.nav-item .nav-link:after{background:var(--font-primary);bottom:-10px;content:"";height:2px;left:0;position:absolute;right:0;top:110%;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transform:scale(0);transform:scale(0);transition:all .45s cubic-bezier(.65,0,.076,1);width:100%}.nav-item .nav-link:hover:after{height:2px;-webkit-transform:scale(1);transform:scale(1);width:100%}}@media screen and (max-width:500px){.nav-item{height:100%;margin-bottom:0;margin-left:16px;width:-webkit-max-content;width:max-content}}.picker-bg{background-color:rgba(38,36,33,.7);height:100%;left:0;position:absolute;top:0;width:100%;z-index:40}.promotion-picker{display:flex;flex-direction:column;height:50%;position:absolute;width:12.5%;z-index:50}.promotion-picker.white{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.piece{align-items:center;background-color:#b0b0b0;border-radius:50%;cursor:pointer;display:flex;height:25%;justify-content:center;transition:all .15s ease;width:100%}.piece:hover{border-radius:0;box-shadow:inset 0 0 48px 8px #d64f00}.piece-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:95%;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;width:95%}.piece:hover .piece-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}.piece-icon{-webkit-transform:scale(.8);transform:scale(.8)}.piece .white-q{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.piece .white-r{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJtMzQgMTQtMyAzSDE0bC0zLTMiLz48cGF0aCBkPSJNMzEgMTd2MTIuNUgxNFYxNyIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJtMzEgMjkuNSAxLjUgMi41aC0yMGwxLjUtMi41Ii8+PHBhdGggZD0iTTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.piece .white-b{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.piece .white-n{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.piece .black-q{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.piece .black-r{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTcgMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNSAxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.piece .black-b{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.piece .black-n{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJtMjQuNTUgMTAuNC0uNDUgMS40NS41LjE1YzMuMTUgMSA1LjY1IDIuNDkgNy45IDYuNzVTMzUuNzUgMjkuMDYgMzUuMjUgMzlsLS4wNS41aDIuMjVsLjA1LS41Yy41LTEwLjA2LS44OC0xNi44NS0zLjI1LTIxLjM0LTIuMzctNC40OS01Ljc5LTYuNjQtOS4xOS03LjE2bC0uNTEtLjF6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9Im5vbmUiLz48L2c+PC9zdmc+)}.status-text{color:var(--font-primary);height:30px;left:50%;margin-bottom:10px;position:absolute;text-align:center;top:-32px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.board-wrapper{position:relative}@media screen and (max-width:799px){.status-text{font-size:14px}}.board-component .retry-component{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:-36px}.board-component .retry-btn{background-color:initial;border:2px solid var(--font-primary);color:var(--font-primary);cursor:pointer;font-size:18px;padding:4px 4px 0;transition:all .2s ease-out}.board-component .retry-btn:hover{background-color:var(--font-primary);color:var(--bg-primary)}.puzzle-actions-icons .retry-btn{background:transparent;border:none;color:var(--font-primary);cursor:pointer;display:grid;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-filter:opacity(.5);filter:opacity(.5);font-size:24px;place-items:center;transition:all .45s cubic-bezier(.65,0,.076,1)}.puzzle-actions-icons .retry-btn:hover{color:var(--font-primary);-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);-webkit-filter:opacity(1);filter:opacity(1)}@media screen and (max-width:880px){.board-component .retry-component{left:50px;top:20px}.board-component .retry-btn{font-size:14px}}.home{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:auto}.title{color:var(--font-primary);font-size:38px;position:absolute;right:35px;top:20px}.board-component,.wrapper{display:flex;position:relative}.board-component{align-items:center;height:400px;justify-content:center;margin:0 20px;max-width:400px;width:100%;width:400px}.info-component{bottom:0;color:var(--font-primary);cursor:pointer;font-size:20px;height:-webkit-max-content;height:max-content;left:-8rem;margin-bottom:-4px;position:absolute;width:5.75rem}.info-content{align-items:center;display:flex;height:auto;justify-content:flex-end;margin-bottom:4px;position:relative}.info-data{font-size:16px;font-weight:600;max-width:230px;opacity:0;position:absolute;right:0;text-align:right;top:0;transition:all .8s cubic-bezier(.65,0,.076,1);width:-webkit-max-content;width:max-content}.info-data-active{opacity:1;top:-200%}.info-data span{font-weight:800}.circle{align-items:center;background:var(--bg-primary);border:2px solid var(--font-primary);display:flex;height:50px;justify-content:center;margin:0;position:relative;transition:all .45s cubic-bezier(.65,0,.076,1);width:50px;z-index:1000}.info-content:hover .circle{width:100%}.info-icon{bottom:0;font-size:20px;right:0;top:50%;-webkit-transform:translate(-1.125rem,-53%);transform:translate(-1.125rem,-53%)}.info-icon,.info-text{font-weight:600;position:absolute}.info-text{margin:0 2.25rem 0 0;opacity:0;transition:all .45s cubic-bezier(.65,0,.076,1);z-index:2000}.info-content:hover .info-text{font-weight:600;opacity:1}.solution-component{color:var(--font-primary);cursor:pointer;font-size:20px;height:-webkit-max-content;height:max-content;position:absolute;right:-10.5rem;top:0;width:8.5rem}.solution-content{height:auto;justify-content:flex-start;margin-bottom:4px}.border,.solution-content{align-items:center;display:flex;position:relative}.border{background:var(--bg-primary);border:2px solid var(--font-primary);height:50px;justify-content:center;margin:0;transition:all .45s cubic-bezier(.65,0,.076,1);width:50px;z-index:1000}.active-border{height:100%;width:100%}.solution-content:hover .border{width:100%}.solution-icon{bottom:0;font-size:20px;font-weight:600;left:0;position:absolute;top:47px;-webkit-transform:translate(1.25rem,-37px);transform:translate(1.25rem,-37px)}.solution-data{height:-webkit-max-content;height:max-content;margin-top:40px;opacity:1;padding:0 20px;position:absolute;top:0}.solution-data,.solution-data-text{transition:all .8s cubic-bezier(.65,0,.076,1)}.solution-data-text{margin-top:-20px;opacity:0}.solution-active{margin-top:60px;opacity:1}.solution-text{font-weight:600;margin:0 0 0 2.25rem;opacity:0;position:absolute;top:12px;transition:all .45s cubic-bezier(.65,0,.076,1);z-index:5000}.solution-content:hover .solution-text{font-weight:600;opacity:1}.puzzle-solution-link{color:var(--font-primary);font-size:18px;font-weight:600;margin-left:-20px;position:relative;text-decoration:none}.centerBox{margin-top:40px}.categoryWrapper,.centerBox{align-items:center;display:flex;justify-content:center}.categoryWrapper{background:url(http://ohlookawebsite.com/bathroomtestfull.jpg) no-repeat 50%;position:relative}.categoryWrapper:after{bottom:0;content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a29ca9",endColorstr="#95909b",GradientType=1);left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .9s ease 0s}.categoryWrapper:hover:after{opacity:.4}.categoryWrapper h1{color:var(--font-primary);font-size:32px;font-weight:lighter;letter-spacing:2px;position:relative;-webkit-transition:all .15s ease 0s;z-index:10}.categoryWrapper:hover h1{cursor:pointer}.categoryWrapper button{-webkit-appearance:none;background:none;border:none;color:var(--font-primary);font-size:20px;height:50px;margin:-30px 0 0;outline:none;padding:0;position:absolute;-webkit-transform:translatey(60px);transform:translatey(60px);width:150px;z-index:10}.categoryWrapper button span{cursor:pointer;display:block;font-weight:600;height:50px;line-height:50px;position:relative}.categoryWrapper button>span:after{border:2px solid var(--font-primary);border-bottom:none;border-left:none;content:"";height:0;left:50%;position:absolute;top:0;transition:height .15s ease-out,width .15s ease-out .15s;width:20px}.categoryWrapper:hover button>span:after{height:calc(100% - 2px);transition:width .15s ease-out,height .15s ease-out .15s;width:calc(50% - 1px)}.categoryWrapper button>span:before{border:2px solid var(--font-primary);border-bottom:none;border-right:none;content:"";height:0;position:absolute;right:50%;top:0;transition:height .15s ease-out,width .15s ease-out .15s;width:20px}.categoryWrapper:hover button>span:before{height:calc(100% - 2px);transition:width .15s ease-out,height .15s ease-out .15s;width:calc(50% - 1px)}.categoryWrapper button>span>span:before{bottom:0;content:"";height:1px;opacity:0;position:absolute;right:0;width:1px}.categoryWrapper:hover button>span>span:before{border-bottom:2px solid var(--font-primary);height:1px;opacity:1;transition:opacity 0s ease-out .29s,width .15s ease-out .3s;width:50%}.categoryWrapper button>span>span:after{bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;width:1px}.categoryWrapper:hover button>span>span:after{border-bottom:2px solid var(--font-primary);height:1px;opacity:1;transition:opacity 0s ease-out .29s,width .15s ease-out .3s;width:50%}.categoryWrapper button>span>span>span{color:transparent;transition:color .15s ease-out .3s}.categoryWrapper:hover button>span>span>span{color:var(--font-primary)}.categoryWrapper button>span>span>span:after{background:none;bottom:0;color:#1f2e4d;content:attr(data-attr-span);display:flex;height:100%;justify-content:center;left:0;margin:auto;overflow:hidden;position:absolute;right:0;text-align:center;top:0;transition:width .2s;white-space:nowrap;width:0}.categoryWrapper button:hover>span>span>span:after{width:100%}@media screen and (max-width:800px){.home{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:flex-start;margin-top:60px;padding:0 20px;position:relative}.title{display:none}.wrapper{align-items:center;flex-direction:column;padding:0 20px;width:100vw}.solution-component{align-self:flex-start;margin-left:40px;order:2;position:static}.info-component{align-self:flex-end;margin-bottom:80px;margin-right:40px;margin-top:200px;order:1;position:static;right:0}.info-data{position:absolute;right:0;text-align:left;-webkit-transform:translateX(100%);transform:translateX(100%);width:-webkit-max-content;width:max-content}.info-data-active{opacity:1}.info-data-active,.solution-data{top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.solution-data{height:-webkit-max-content;height:max-content;margin-top:0;padding:0 20px;position:absolute}.solution-data-text{margin-top:0;opacity:0}.solution-active{margin-top:0;opacity:1;-webkit-transform:translateX(250%);transform:translateX(250%)}.puzzle-solution-link{font-size:16px}.centerBox{margin-top:-350px}}@media screen and (max-width:500px){.solution-component{margin-left:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.info-data-active{-webkit-transform:translateX(-35%);transform:translateX(-35%)}.info-component{margin-right:0}.solution-active{margin-top:0;opacity:1;-webkit-transform:translateX(230%);transform:translateX(230%)}.puzzle-solution-link{font-size:13px}}@media screen and (max-width:400px){.categoryWrapper{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.info-component{-webkit-transform:translateY(-80px);transform:translateY(-80px)}.solution-component{-webkit-transform:translateY(-120px);transform:translateY(-120px)}.info-data-active{font-size:13px;-webkit-transform:translateX(-55%);transform:translateX(-55%)}.solution-active{margin-top:0;opacity:1;-webkit-transform:translateX(236%);transform:translateX(236%)}.puzzle-solution-link{font-size:12px}}.hollowLoader{-webkit-animation:loaderAnim 1.25s ease-in-out infinite;animation:loaderAnim 1.25s ease-in-out infinite}.hollowLoader,.hollowLoader .largeBox{height:3em;outline:1px solid transparent;width:3em}.hollowLoader .largeBox{background-color:#313131}.hollowLoader .smallBox{-webkit-animation:smallBoxAnim 1.25s ease-in-out infinite alternate;animation:smallBoxAnim 1.25s ease-in-out infinite alternate;background-color:#ececec;height:3em;outline:1px solid transparent;width:3em;z-index:1}@-webkit-keyframes smallBoxAnim{0%{-webkit-transform:scale(.2);transform:scale(.2)}to{-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes smallBoxAnim{0%{-webkit-transform:scale(.2);transform:scale(.2)}to{-webkit-transform:scale(.75);transform:scale(.75)}}@-webkit-keyframes loaderAnim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes loaderAnim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.cats-header{color:var(--font-primary);font-size:32px;margin-bottom:30px}.cat-img{border:2px solid var(--font-primary);margin-bottom:40px;max-width:300px;padding:20px}.gen-btn{background:transparent;border:none;color:var(--font-primary);cursor:pointer;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-filter:opacity(.5);filter:opacity(.5);font-size:40px;position:relative;transition:all .45s cubic-bezier(.65,0,.076,1)}.gen-btn:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);-webkit-filter:opacity(1);filter:opacity(1)}@media screen and (max-width:800px){.cat-img,.cats{padding:20px}.cat-img{border:2px solid var(--font-primary);margin-bottom:40px;max-width:100%}}.about-container{margin-bottom:20px;max-width:400px}.about-container>p{font-size:20px;margin-bottom:20px}.about-container>p>a{color:var(--font-primary);font-weight:600;margin-left:3px;text-decoration:none}.contact-list{align-items:center;display:flex;justify-content:space-evenly;list-style-type:none;margin-top:80px}.contact-icon,.contact-item{position:relative}.contact-icon{color:var(--font-primary);-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-filter:opacity(.5);filter:opacity(.5);height:30px;transition:all .45s cubic-bezier(.65,0,.076,1);width:30px}.contact-item:after{background:var(--font-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transform:scale(0);transform:scale(0);transition:all .45s cubic-bezier(.65,0,.076,1);width:100%}.contact-item:hover:after{height:2px;-webkit-transform:scale(1);transform:scale(1);width:100%}.contact-icon:hover,.contact-link img:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);-webkit-filter:opacity(1);filter:opacity(1)}.contact-link img{-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-filter:opacity(.5);filter:opacity(.5);height:34px;margin-bottom:-4px;transition:all .45s cubic-bezier(.65,0,.076,1);width:34px}@media screen and (max-width:800px){.about{padding:20px}}.puzzle-actions-icons{display:flex;gap:14px;margin-top:8px;padding:10px 5px;position:relative}.puzzle-item>p{font-size:18px;max-width:300px;padding:20px;text-align:center}.puzzle-actions-icons>a,.puzzle-actions-icons>button{background:transparent;border:none;color:var(--font-primary);cursor:pointer;display:grid;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-filter:opacity(.5);filter:opacity(.5);font-size:24px;place-items:center;transition:all .45s cubic-bezier(.65,0,.076,1)}.puzzle-actions-icons>a:hover,.puzzle-actions-icons>button:hover{color:var(--font-primary);-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);-webkit-filter:opacity(1);filter:opacity(1)}.pagination{display:inline-block;margin-bottom:60px}.pagination a{border:2px solid var(--bg-primary);color:var(--font-primary);float:left;margin:0 2px;padding:8px 16px;text-decoration:none;transition:all .4s cubic-bezier(.65,0,.076,1)}.pagination a.active{border:2px solid var(--font-primary)}.pagination a:hover:not(.active){background-color:#ddd;border:2px solid #ddd;color:var(--bg-primary)}.pagination-nav{align-items:center;border:3px solid var(--bg-primary);display:flex;font-size:18px;justify-content:center}.composers{color:var(--font-primary);height:100%;margin:100px;min-height:100vh}.composer-img-container{overflow:hidden;position:relative}.composerImg{display:block;width:100%}.composer-details{background-color:var(--bg-primary);border:1px solid var(--bg-primary);color:var(--font-primary);font-size:bold;font-size:18px;padding:20px;position:absolute;text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .8s cubic-bezier(.65,0,.076,1);width:100%}.composer-img-container:hover .composer-details{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width:800px){.composers{margin:80px 24px 24px}}.theme{bottom:30px;display:flex;flex-direction:column;position:fixed;right:35px;z-index:5000}.theme button{cursor:pointer;height:20px;margin-bottom:10px;outline:none;width:20px}.dark-btn{background:var(--font);border:2px solid var(--bg)}.light-btn{background:var(--bg);border:2px solid var(--font)}@media screen and (max-width:800px){.theme{background:var(--bg-primary);bottom:0;display:flex;flex-direction:row;justify-content:center;padding-top:5px;position:fixed;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);width:100%;z-index:5000}.theme button{margin-left:10px}}.app{overflow-x:hidden}.app,.page{background:var(--bg-primary);min-height:100vh}.page{align-items:center;color:var(--font-primary);display:flex;flex-direction:column;justify-content:center;min-width:100vw;padding:80px 40px}.puzzles-grid{grid-gap:40px;display:grid;gap:40px;list-style-type:none;place-items:center}.one-column{grid-template-columns:1fr}.two-columns{grid-template-columns:repeat(2,1fr)}.three-columns{grid-template-columns:repeat(3,1fr)}cg-board{background-color:#f0dab4!important;background-image:url(https://lichess1.org/assets/hashed/brown.d4a5fe34.png)!important}@media screen and (max-width:800px){.app{height:100%;min-height:100vh}}@media screen and (max-width:1200px){.three-columns,.two-columns{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:880px){.one-column,.three-columns,.two-columns{grid-template-columns:1fr}}.puzzle-container{gap:24px;padding:40px}.puzzle-container,.puzzle-details{display:flex;flex-direction:column}.puzzle-details{align-items:center;gap:8px;justify-content:center}.puzzle-details>*{color:var(--font-primary);font-size:18px;font-weight:600;padding:2px}.puzzle-details>a{cursor:pointer;font-size:24px;padding:10px;position:relative;text-decoration:none}.puzzle-details>a:after{background-color:#fff;bottom:0;content:"";display:block;height:2px;left:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .45s cubic-bezier(.65,0,.076,1);width:0}.puzzle-details>a:hover:after{width:100%}.composer{align-items:center;display:flex;gap:40px;justify-content:center}.back-link{color:var(--font-primary);font-size:32px;margin-bottom:10px}.composer img{max-width:300px}.composer-info{grid-gap:20px;display:grid;font-size:18px;gap:20px;max-width:500px}@media screen and (max-width:750px){.composer{flex-direction:column;text-align:center}}
/*# sourceMappingURL=main.31d3033e.css.map*/