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{--yellow:#f5b433;--light-blue:#90bbe1;--blue:#598ec7;--dark-red:#525252;--dark:#1e1e1e;--extra-dark:#050505;--gray:#363636;--light-gray:#aac8c8;--green:#50c333}.App{text-align:center}#container{display:flex;flex-direction:column}#label{margin-bottom:5px}#dropdown,#label{color:var(--yellow);font-size:17px}#dropdown{background-color:var(--dark);border:2px solid var(--light-blue);border-radius:10px;font-family:Varela Round,sans-serif;height:25px;outline:none;padding:0 7px;transition:.5s}.dropdown-enabled:hover{box-shadow:0 0 5px #fff,0 0 13px var(--light-blue);cursor:pointer;transform:scale(1.05)}#header{background-color:var(--gray);display:flex;gap:15px;justify-content:space-between;padding:10px 30px;position:fixed;text-align:left;width:calc(100% - 60px)}#button,#header{color:var(--yellow);font-weight:700}#button{background-color:var(--dark);border-radius:15px;border-width:0;cursor:pointer;font-size:20px;margin:12px 10px;outline:2px solid var(--light-blue);padding:5px 20px;transition:.5s;width:140px}#button:hover{box-shadow:0 0 7px #fff,0 0 15px var(--light-blue);transform:scale(1.05)}#button:disabled,#button[disabled]{color:var(--gray)}#button:disabled:hover{box-shadow:none;cursor:not-allowed;transform:none}input[type=range]{-webkit-appearance:none;appearance:none;background:#bfdbfe;border-radius:9999px;cursor:pointer;height:.5rem;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#2563eb;border-radius:9999px;cursor:pointer;height:1rem;-webkit-transition:background .3s ease;transition:background .3s ease;width:1rem}input[type=range]::-moz-range-thumb{background:#2563eb;border:none;border-radius:9999px;cursor:pointer;height:1rem;width:1rem}input[type=range]:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.5}.popup-container{max-width:90vw;position:fixed;right:20px;top:20px;transition:transform .3s ease,opacity .3s ease;width:300px;z-index:9999}.slide-in{opacity:1;transform:translateX(0)}.slide-out{opacity:0;transform:translateX(120%)}.popup-content{background-color:#fff;border:1px solid #fca5a5;border-radius:8px;box-shadow:0 8px 24px #0003;padding:16px}.popup-title{color:#a45a3a;font-size:16px;font-weight:700;margin-bottom:8px}.popup-message{color:#333;font-size:14px}.popup-close{background-color:#d05454;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:6px 12px;transition:background-color .2s ease}.popup-close:hover{background-color:#7a2c2c}#sorting-visualizing-panel{align-items:flex-end;background-color:var(--dark);display:flex;position:fixed;text-align:center}.home-container{align-items:center;background:linear-gradient(to bottom right,#659bdd,#9655db);display:flex;justify-content:center;min-height:100vh;padding:1rem}.home-card{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #ffe3ae;max-width:600px;padding:2.5rem;text-align:center;width:100%}.home-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.home-subtitle{color:#4b5563;font-size:1.125rem;margin-bottom:2rem}.home-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.home-button{border-radius:.75rem;color:#fff;font-size:1.125rem;font-weight:700;padding:.75rem;text-decoration:none;transition:background-color .3s ease}.home-button.purple{background-color:#5c468f}.home-button.purple:hover{background-color:#1f0946}.home-button.blue{background-color:#295398}.home-button.blue:hover{background-color:#0a1e49}.home-socials{color:#6b7280;display:flex;font-size:1.75rem;gap:1.5rem;justify-content:center}.home-socials a:hover{color:#000;transition:color .3s ease}:root{background-color:#ccc}.grid-wrapper{background-color:#f9f9f9;border:2px solid #ccc;display:flex;flex-wrap:wrap;margin:20px auto}.grid-cell{-webkit-user-drag:none;border:1px solid #7f7f7f;box-sizing:border-box;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.grid-cell-hoverable:hover{background-color:#e0e0e0;cursor:pointer}.grid-cell-noaction:hover{cursor:not-allowed}
/*# sourceMappingURL=main.c566db29.css.map*/