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}:root{--size:0}body{--clr-main-background:#e6bb9e;--clr-title-text:#29524a;--clr-main-text:#b50353;--clr-functional-buttons-text:#f3f7f0;--clr-text1:#b50353;--clr-tile-text:#f3f7f0;--clr-functional-buttons:#7d7abc;--clr-main-button-hover:#593c8f;--clr-main-button-active:#9b70ff;--clr-tile-unlocked:#84a98c;--clr-zero-tile-unlocked:#3b8ea5;--clr-tile-unlocked-border:#003d1f;--clr-tile-locked:#196076;--clr-tile-locked-border:#f3f7f0;--clr-tile-locked-hover:#2489a8;--clr-tile-locked-active:#f2545b;--clr-zero-tile-locked:#f2545b;--clr-zero-tile-locked-hover:#f3686f;--clr-answer-display:#878787;--clr-answer-boxes:#196076;--clr-answer-value-border:#f3f7f0;--clr-next-move:#f2545b;--clr-input-background:#98fb98;--clr-input-border:#6b8e23;--clr-input-border-invalid:maroon;--clr-input-background-invalid:salmon;--clr-input-border-valid:#6b8e23;--clr-input-background-valid:#98fb98;background-color:var(--clr-main-background);color:var(--clr-main-text);display:grid;place-items:center}body.dark{--clr-main-background:#343232;--clr-title-text:#ffffffd7;--clr-main-text:#ffffffd7;--clr-functional-buttons-text:#ffffffd7;--clr-text1:#ffffffd7;--clr-tile-text:#ffffffd7;--clr-functional-buttons:#1c1b1b;--clr-main-button-hover:#393939;--clr-main-button-active:#393939;--clr-tile-unlocked:#394280;--clr-tile-unlocked-border:#3f0f04;--clr-zero-tile-unlocked:#912929;--clr-tile-locked:#682a2c;--clr-tile-locked-border:#271919;--clr-tile-locked-hover:#742f31;--clr-tile-locked-active:#742f31;--clr-zero-tile-locked:#255d6c;--clr-zero-tile-locked-hover:#286475;--clr-answer-display:#095a5a;--clr-answer-boxes:#682a2c;--clr-answer-value-border:#271919;--clr-next-move:#255d6c;--clr-input-border:#6b8e23;--clr-input-background:#98fb98;--clr-input-border-invalid:#802b2b;--clr-input-background-invalid:#b05e55;--clr-input-border-valid:#267b31;--clr-input-background-valid:#4ca84c}.title{color:var(--clr-title-text);font-size:1.2rem;text-align:center}h1{margin:0 0 10px}label{margin-bottom:8px}input{background-color:var(--clr-input-background);border:2px solid var(--clr-input-border);border-radius:20%;font-size:16px;height:20px;outline:none;text-align:center;width:40px}.size-input-container{color:var(--clr-text1);display:grid;font-weight:550;place-items:center}.board{display:grid;grid-template-columns:repeat(0,70px);grid-template-columns:repeat(var(--size),70px);grid-template-rows:repeat(0,70px);grid-template-rows:repeat(var(--size),70px);justify-content:center;margin:5px}button:hover{background-color:var(--clr-main-button-hover);box-shadow:0 1px 0 0;cursor:pointer;transform:translateY(-3px);-webkit-transform:translateY(-3px)}button:active{background-color:var(--clr-main-button-active);box-shadow:0 1px 0 0;transform:translateY(3px);-webkit-transform:translateY(3px)}.locked-tile,.locked-zero-tile,.tile,.zero-tile{align-items:center;background-color:var(--clr-tile-unlocked);border:2px solid var(--clr-tile-unlocked-border);color:var(--clr-tile-text);display:flex;font-size:1.8rem;justify-content:center;margin:.5px}.zero-tile{background-color:var(--clr-zero-tile-unlocked)}.locked-tile{background-color:var(--clr-tile-locked);border:2.5px solid var(--clr-tile-locked-border);border-radius:10%}.locked-tile:hover{background-color:var(--clr-tile-locked-hover)}.locked-tile:active{background-color:var(--clr-tile-locked-active)}.locked-zero-tile{background-color:var(--clr-zero-tile-locked);border:2.5px solid var(--clr-tile-locked-border);border-radius:10%}.locked-zero-tile:hover{background-color:var(--clr-zero-tile-locked-hover)}.functions-container{display:flex;gap:10px;justify-content:center;margin:10px}.blank-button,.lock-button,.mode-switch-button,.play-solution-button,.scramble-button,.size-button,.solver-button{background-color:var(--clr-functional-buttons);border:2px solid var(--clr-functional-buttons-text);color:var(--clr-functional-buttons-text);font-size:.9rem;font-weight:550}.blank-button,.lock-button,.play-solution-button,.scramble-button,.solver-button{border-radius:20%;min-height:35px;min-width:120px;white-space:nowrap}.size-button{border-radius:20%;height:30px;margin-left:5px;width:75px}.answer-container{display:flex}.display-container{align-items:flex-end;display:flex;flex-direction:row-reverse;font-size:1.25rem;max-height:147px;max-width:294px;overflow:hidden}.answer-value{background-color:var(--clr-answer-boxes);border:2px solid var(--clr-answer-value-border);border-radius:10%;color:var(--clr-tile-text);display:grid;float:left;min-height:45px;min-width:45px;place-items:center}#pos0.answer-value{background-color:var(--clr-next-move);font-size:2rem}.moves-left{color:var(--clr-text1);display:inline;float:right;font-weight:550;margin-left:10px}.status-display{color:var(--clr-text1);display:grid;font-size:1.5rem;font-weight:600;place-items:center}.status-display.time{font-size:1rem}.mode-switch-button{border-radius:20%;margin-top:10px;min-width:50px}.mode-switch-button:hover{cursor:pointer}.mode-switch-button:hover,.mode-switch-s:active{background-color:var(--clr-functional-buttons);box-shadow:none;transform:none;-webkit-transform:none}.speed-buttons-container{display:flex;font-weight:550;gap:10px;justify-content:center}.speed-button{background-color:var(--clr-functional-buttons);border:2px solid var(--clr-functional-buttons-text);border-radius:20%;color:var(--clr-functional-buttons-text);font-size:.9rem;height:25px;width:50px}.speed-display{font-weight:550;margin-bottom:5px;text-align:center}
/*# sourceMappingURL=main.9af50e57.css.map*/