.board.svelte-qe27h7{display:flex;flex-direction:column}.row.svelte-qe27h7{display:flex;flex-direction:row;flex-grow:1}.square.svelte-qe27h7{position:relative;flex-grow:1;transition:background-color .5s ease}.square.enabled.svelte-qe27h7{cursor:pointer}.square.col-1.svelte-qe27h7{background-color:#ea323c}.square.col-2.svelte-qe27h7{background-color:#ffc825}.square.col-3.svelte-qe27h7{background-color:#3003d9}.square.col-4.svelte-qe27h7{background-color:#5ac54f}.square.col-5.svelte-qe27h7{background-color:#ca52c9}.square.col-6.svelte-qe27h7{background-color:#0cf1ff}.square.col-7.svelte-qe27h7{background-color:#fff}.square.hole.svelte-qe27h7{background-color:#000}.square.svelte-qe27h7{border:3px solid rgba(0,0,0,.1)}.square.svelte-qe27h7 img:where(.svelte-qe27h7){position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);top:-3px;left:-3px;image-rendering:crisp-edges}.square.svelte-qe27h7 img.flip:where(.svelte-qe27h7){transform:scaleX(-1)}.paint-bar.svelte-qe27h7{display:flex;justify-content:center;background-color:gray;width:100%;gap:.5rem}.paint-bar.svelte-qe27h7 input[type=image]:where(.svelte-qe27h7){flex-grow:1;max-width:48px;image-rendering:crisp-edges}.paint-bar.svelte-qe27h7 input[type=image]:where(.svelte-qe27h7):disabled{filter:brightness(.8);cursor:default}.paint-bar.svelte-qe27h7 input[type=image]:where(.svelte-qe27h7):hover:enabled{transform:scale(1.1)}