body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.solution{position:relative}.overlay{left:24px;pointer-events:none;position:absolute;top:24px;z-index:2}.overlay>*{left:0;position:absolute;top:0}@keyframes slide-in{0%{opacity:0}to{opacity:100%}}.tile{background-color:initial;border:0 solid #ccc;box-sizing:border-box;margin:0;padding:0}.sym select{grid-column:1/5;grid-row:3}.App>div:first-child{display:flex;justify-content:space-evenly}.sym>[title=Id]{grid-area:1/1/2/2}.sym>[title="90CCW"]{grid-area:1/2/2/3}.sym>[title="180"]{grid-area:1/3/2/4}.sym>[title="90CW"]{grid-area:1/4/2/5}.sym>[title=X]{grid-area:2/1/3/2}.sym>[title=P]{grid-area:2/2/3/3}.sym>[title=Y]{grid-area:2/3/3/4}.sym>[title=S]{grid-area:2/4/3/5}:root{--wood:#a55b2a;--dark-wood:#a25522;--tile:#fce4c4;--tile-slit:#ffd297;--slit:#7772}.board{border:2px solid #a25522;border:2px solid var(--dark-wood);border-radius:30px;position:relative}.board,.board .inactive,.board .padding{background-color:#a55b2a;background-color:var(--wood)}.board .inactive,.board .padding{box-shadow:0 0 8px #a25522;box-shadow:0 0 8px var(--dark-wood);z-index:1}.board .padding2{background-color:#a55b2a;background-color:var(--wood);z-index:2}.board>div{margin:17px}.board>div:first-child,.board>div:first-child>div{pointer-events:none}.board>div:last-child{left:0;position:absolute;top:0}.board>div>div{background-color:#fce4c4;background-color:var(--tile);border:0 solid #fff;box-sizing:border-box;display:inline-block;margin:0;padding:0}.solution .board>div{border-color:#333}.pieces-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.piece-selector{align-items:center;background-color:#fefefe;border:1px solid #f4f4f4;border-radius:3px;box-shadow:1px 1px 4px #00000008;display:flex;flex-direction:column;gap:5px;justify-content:space-between;padding:5px}.piece-selector.disabled{filter:grayscale(100%)}.piece-selector.disabled .tile{opacity:30%}.button-row{align-items:stretch;display:flex;gap:0;min-height:20px}.button-row .button{height:-webkit-max-content;height:max-content;padding:5px;width:-webkit-max-content;width:max-content}.button-row .button,.button-row button{background-color:#fcd;border:1px solid #f9b;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Monospace;font-size:12px;font-size:16px;font-weight:700;line-height:16px;text-align:center;transition:background-color .2s ease-in-out;-webkit-user-select:none;user-select:none}.button-row button{width:20px}.App>.button-row button{width:-webkit-max-content;width:max-content}.App>.button-row{flex-wrap:wrap;justify-content:center;margin:10px;width:100%}.App{padding-top:1em}.status-row{display:flex;gap:1em;justify-content:center;margin:1em 0}.button-row .button>span{padding-right:5px}.button-row button:first-child,.button-row span+button{border-radius:4px 0 0 4px}.button-row :not(:last-child){border-right:0}.button-row :last-child{border-radius:0 4px 4px 0}.button-row .button:hover:not(:has(button:hover,.button:hover)),.button-row button:hover{background-color:#f9b}.button-row input{border:1px solid #f9b;box-sizing:border-box;flex:1 1;max-width:30px;text-align:center}.sym{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,15px);grid-template-rows:repeat(2,15px) 1fr}.sym>input{-webkit-appearance:none;appearance:none;background-color:#ffecf2;border:2px solid #f9b;border-radius:5px;cursor:pointer;margin:0;padding:0;position:relative;transition:background-color .3s ease}.sym>input:disabled{background-color:#787878;border:0}.sym>input:checked{background-color:#f9b}.sym>input:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:1px;position:absolute;top:-3.5px}.piece-selector select{-webkit-appearance:none;appearance:none;background-color:#f9b;border:2px solid #f9b;border-radius:5px;box-shadow:0 2px 3px #0000001a;color:#fff;cursor:pointer;flex-shrink:0;font-family:Monospace;min-height:-webkit-min-content;min-height:min-content;padding:2px 4px;transition:all .3s ease-in-out}.piece-selector select:hover{background-color:#ffe6f2;box-shadow:0 6px 8px #00000026}.piece-selector select:focus{border-color:#ff69b4;box-shadow:0 0 8px #ff69b480;outline:none}.piece-selector option{background-color:#ffefff;color:#ff69b4;font-family:Monospace;padding:10px}.piece-selector option:hover{background-color:#ffe6f2;color:#ff1493}.piece-selector option:before{content:"?? "}.piece-selector select::-webkit-scrollbar{width:8px}.piece-selector select::-webkit-scrollbar-track{background:#ffefff}.piece-selector select::-webkit-scrollbar-thumb{background-color:#ffb3c6;border:2px solid #ffefff;border-radius:10px}
/*# sourceMappingURL=main.861d1071.css.map*/