body{background:#0f0f0f;color:#fff;font-family:Arial,sans-serif;margin:0}.panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;box-shadow:0 0 20px rgba(0,30,255,.501);display:flex;gap:20px;justify-content:center;margin-bottom:20px;margin-left:14px;margin-right:14px;padding:15px}.panel button,.panel select{background:#000;border:1px solid cyan;border-radius:8px;box-shadow:inset 0 0 10px #0084ff;color:#f3f3f3;cursor:pointer;font-weight:700;padding:10px 18px;text-shadow:0 0 5px #4293df;transition:.3s}.panel button:hover,.panel select:hover{background:#0084ff;box-shadow:0 0 20px #08f;color:#000}.slider-box{color:#fff;font-size:14px}.slider-box input{accent-color:#ef0}.app{padding:10px;text-align:center}.title{font-size:24px;font-weight:700;margin-bottom:20px}.grid{display:grid;margin:auto;width:-webkit-max-content;width:max-content}.node{aspect-ratio:1;background:#1f1f1f;border:1px solid #002cc9;height:25px;width:25px;z-index:10}.node.start{background:url(/pathfinding-visualizer-react/static/media/source.0fcaa0738ae723a41c70.svg);box-shadow:0 0 10px #00f50c}.node.end{background:url(/pathfinding-visualizer-react/static/media/target.ccc9ec377e3ea139d3b7.svg);box-shadow:0 0 10px red}.node.wall{animation:wallGrow .4s ease-out forwards;background:#ff2727;border-radius:12%;box-shadow:0 0 6px red;z-index:20}@keyframes wallGrow{0%{background:#eeff06;box-shadow:0 0 0 #0000;transform:scale(.2)}60%{background:#ff992b;box-shadow:0 0 12px red;transform:scale(1.15)}to{background:linear-gradient(90deg,red,#ff640a);box-shadow:0 0 6px red;transform:scale(1)}}.node.visited{box-radiuas:10%;animation:ripple .5s ease-out forwards;background:#3498db}@keyframes ripple{0%{background:#7e0062;transform:scale(.2)}50%{background:#7f29b9;transform:scale(.7)}to{background:linear-gradient(90deg,#005187,#3498db);transform:scale(1)}}.node.path{animation:glowPath .6s ease-out forwards;background:linear-gradient(90deg,#eeff06,#f1c40f)}@keyframes glowPath{0%{box-shadow:0 0 2px #f10f0f;transform:scale(.4)}50%{box-shadow:0 0 12px #ff9602;transform:scale(1.25)}to{box-shadow:0 0 4px #f1c40f;transform:scale(1)}}
/*# sourceMappingURL=main.802e537c.css.map*/