@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-color:#0b0f19;--panel-bg:#171f2ea6;--border-color:#f0f6fc1a;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--button-secondary:#1dc7b9;--bar-default:#8b5cf6;--bar-computing:#f43f5e;--bar-sorted:#10b981}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0f19;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,#3b82f614,#0000 30%),radial-gradient(circle at 85% 30%,#8b5cf614,#0000 30%),radial-gradient(circle at 50% 100%,#f43f5e0d,#0000 40%);color:#e2e8f0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.visualizer-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:50px 20px;width:100%}h1.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:35px;text-shadow:0 4px 20px #60a5fa4d}.controls{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 40px #00000040,inset 0 1px 0 #ffffff0d;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px;padding:24px 32px;z-index:10}.vertical-divider{background:#ffffff1a;height:40px;margin:0 10px;width:1px}button{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--text-primary);cursor:pointer;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;box-shadow:0 6px 15px #0003;transform:translateY(-2px)}button.primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-top:1px solid #fff3;box-shadow:0 4px 15px #3b82f64d;color:#fff;font-size:16px;font-weight:700;padding:12px 30px}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 8px 25px #3b82f680}button.secondary-btn{background:#ffffff14}button:active:not(:disabled){transform:translateY(1px)}button.reset-btn{background:linear-gradient(135deg,var(--button-secondary),var(--bar-sorted));border:none;border-top:1px solid #fff3;box-shadow:0 4px 15px #3b82f64d;color:#fff;font-size:16px;font-weight:700;padding:12px 30px}button.reset-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#10b981);box-shadow:0 8px 25px #3bf64880}.select-wrapper{align-items:center;display:flex;gap:10px}.select-wrapper label{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}select{appearance:none;background-color:#0f172acc;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 14px top 50%;background-repeat:no-repeat;background-size:10px auto;border:1px solid var(--border-color);border-radius:10px;box-shadow:inset 0 2px 4px #0003;color:var(--text-primary);cursor:pointer;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:500;outline:none;padding:10px 36px 10px 14px;transition:all .3s ease}select:hover:not(:disabled){background-color:#0f172af2;border-color:#fff3}select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f640}.array-container{align-items:flex-end;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:inset 0 4px 20px #0006,0 10px 40px #0003;display:flex;gap:3px;height:520px;justify-content:center;margin-top:15px;max-width:1200px;padding:30px;position:relative;width:95%}.array-bar{background-color:var(--bar-default);border-radius:6px 6px 0 0;box-shadow:0 0 10px #8b5cf666;flex-grow:1;transition:height .15s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease,box-shadow .2s ease}
/*# sourceMappingURL=main.34fd34ed.css.map*/