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