body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Nunito,sans-serif}:root{--background-color:#fff;--text-color:#000;--primary-color:#1e293b;--secondary-color:#22c55e;--accent-color:#f8f9fa;--border-color:#0057a3;--bar-color:#4e8ffa;--bar-color-secondary:#facc15}body.dark{--background-color:#121212;--text-color:#fff;--primary-color:#0d6efd;--secondary-color:#adb5bd;--accent-color:#1f1f1f}body{background:#181823}.sorting-container{margin:auto;max-width:1200px}.sorting-container h1{color:var(--accent-color);font-size:30px;text-align:center}.top-container{border:2px solid var(--border-color);border-radius:8px;display:flex;gap:20px;margin:12px}.left-container{display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:30px 0 30px 30px;width:45%}.left-container label{color:var(--accent-color);font-size:20px;font-weight:500}.buttons{display:flex;font-size:20px;font-weight:700;gap:18px;max-width:300px}.start-btn{background-color:var(--secondary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:50%}.start-btn:disabled{cursor:not-allowed;opacity:.5}.generate-btn{background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;width:50%}.generate-btn:hover,.start-btn:hover{opacity:.5}.slider-wrapper{display:flex;flex-direction:column;gap:8px;width:250px}.slider-label{color:#e2e8f0;font-size:20px}.slider-input{-webkit-appearance:none;background:#334155;border-radius:5px;height:6px;outline:none;transition:background .3s;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#22d3ee;background-color:var(--accent-color);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .3s;transition:background .3s;width:16px}.slider-input::-moz-range-thumb{background:#22d3ee;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.right-container{display:flex;flex-direction:column;width:45%}.slider-wrapper{padding:30px}.slider-label{font-weight:500;margin-bottom:12px;text-align:left}.array-container{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:center;padding:12px;width:100%}.middle-container{display:flex;width:30%}.complex{color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:auto}.complex h1{font-size:20px}.array-bar{display:inline-block;margin:0 3px}.portfolio_img{border:1px solid #fff;border-radius:50%;bottom:0;cursor:pointer;height:50px;margin:20px;position:fixed;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:50px}.portfolio_img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:48em){.top-container{display:flex;flex-direction:column}.left-container,.middle-container,.right-container{width:100%}.complex h1{font-size:14px}.portfolio_img:hover{-webkit-transform:none;-webkit-transform:initial;transform:none}}
/*# sourceMappingURL=main.e5f10a50.css.map*/