body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#f2f2f2;box-sizing:inherit;font-family:Poppins,sans-serif;margin:0;max-height:100vh;overflow:auto;padding:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Bar{background-color:#9e9a9a;height:150px;margin:2px 2px 0;width:2px}header{-webkit-flex:1 1;background-color:#011627;color:#fff;display:-webkit-flex;display:flex;flex:1 1;height:80px;position:relative;width:100%;z-index:10}header svg{cursor:pointer;font-size:40px;margin:auto 2px auto 30px}.logo{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;justify-content:center;margin-left:5px}.header-logo{color:inherit;font-family:Monoton,cursive;font-size:2rem;text-decoration:inherit}.items-container{margin-right:1rem}.items-container,.nav{display:-webkit-flex;display:flex}.nav{-webkit-justify-content:space-between;justify-content:space-between;width:100%}.navbar-item{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;color:inherit;cursor:pointer;display:inline-block;display:-webkit-flex;display:flex;justify-content:center;outline:none;padding:10px 22px;text-decoration:inherit;transition:all .3s ease-in-out}.navbar-item:active,.navbar-item:focus,.navbar-item:hover{border-bottom:2px solid #f15eff;color:#f15eff}.range{background:transparent;border-radius:10px;cursor:-webkit-grab;cursor:grab;height:80px;padding:0 65px 0 45px;width:70px}.sliderValue{position:relative;width:100%}.sliderValue span{-webkit-transform:translateX(-70%) scale(0);-webkit-transform-origin:bottom;color:#fff;font-weight:500;height:45px;line-height:55px;position:absolute;top:-40px;transform:translateX(-70%) scale(0);transform-origin:bottom;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:45px;z-index:2}.sliderValue span.show{-webkit-transform:translateX(-70%) scale(1);transform:translateX(-70%) scale(1)}.sliderValue span:after{-webkit-transform:translateX(-50%) rotate(45deg);background:#f15eff;border:3px solid #fff;border-bottom-left-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.1);content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:100%;z-index:-1}.field{-webkit-align-items:center;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;height:100%;justify-content:center;position:relative;width:4rem}.field .value{color:#f15eff;font-size:18px;font-weight:600;position:absolute}.field .value.left{left:-22px}.field .value.right{right:-43px}.range input{--webkit-appearance:none;background:#f15eff;border:none;border-radius:5px;height:3px;outline:none;width:100%;z-index:2222}.range input::-webkit-slider-thumb{-webkit-appearance:none;background:red;background:#f15eff;border:1px solid #f15eff;border-radius:50%;cursor:pointer;height:20px;width:20px}.range input::-moz-range-thumb{--webkit-appearance:none;background:red;background:#f15eff;border:1px solid #f15eff;border-radius:50%;cursor:pointer;height:20px;width:20px}.range input::-moz-range-progress{background:#f15eff}.sidenav{background-color:#34495e;background-color:#011627;height:calc(100vh - 80px);left:-90%;padding:0 20px;position:absolute;transition:all 1s;width:240px}.sidenav.active{left:0}ul{padding:0}ul li{list-style-type:none;margin:5px 0}ul li a{-webkit-align-items:center;-webkit-justify-content:flex-start;align-items:center;border-radius:6px;color:#fff;display:block;display:-webkit-flex;display:flex;font-family:Poppins;font-size:17px;justify-content:flex-start;padding:10px;text-decoration:none}ul li a:active,ul li a:focus,ul li a:hover{border-bottom:2px solid #f15eff;color:#f15eff}ul li a:hover .searching-icon{fill:#fff}.searching-icon{fill:#f15eff;font-size:25px;margin-left:0;margin-right:10px}.pathfinding-nav .logo{margin-left:-5rem}.select-algorithm__control{-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;display:-webkit-flex;display:flex;justify-content:space-between;margin-left:2rem;margin-right:15px}.select-algorithm__control select.select{background-image:linear-gradient(90deg,#f5ce62,#e43603,#fa7199,#e85a19);border:none;border-radius:100px;box-shadow:0 4px 15px 0 rgba(229,66,10,.75);color:#d6d2d2;cursor:pointer;font:inherit;padding:10px 14px}.select-algorithm__control select.select:hover{background-position:100% 0;transition:all .4s ease-in-out}.select-algorithm__control select.select:focus{outline:none}.container{-webkit-align-items:flex-end;-webkit-backface-visibility:hidden;align-items:flex-end;backface-visibility:hidden;background:#fff;border-radius:5px;box-shadow:0 5px 15px 0 hsla(0,0%,100%,.45);height:calc(100vh - 300px);margin:auto;max-width:95%;min-width:10rem;overflow:hidden}.container,.icons-container{-webkit-justify-content:center;display:-webkit-flex;display:flex;justify-content:center}.icons-container{-webkit-align-items:center;align-items:center;margin:5px;padding:15px}.array-container{-webkit-align-items:flex-end;-webkit-justify-content:center;align-items:flex-end;display:-webkit-flex;display:flex;justify-content:center}.btn{box-shadow:0 5px 15px 0 #ddd;padding:20px}.btn:hover{opacity:rgba(0,0,0,.001)}.Bar{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#6299f1;height:300px;margin:1px 1px 0;width:4px}.node{border:1px solid #afd8f8;display:inline-block;height:1.3rem;width:1.3rem}.start-node{background:#448818}.end-node{background:#d63232}.visited-node{-webkit-animation:visitedAnimation;-webkit-animation-delay:0;-webkit-animation-direction:alternate;-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1;-webkit-animation-play-state:running;-webkit-animation-timing-function:ease-out;animation:visitedAnimation;animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-play-state:running;animation-timing-function:ease-out}.node-wall{-webkit-animation-direction:alternate;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-name:wallAnimation;-webkit-animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-direction:alternate;animation-duration:.5s;animation-fill-mode:forwards;animation-name:wallAnimation;animation-play-state:running;animation-timing-function:ease-out;background-color:#022433;border:1px solid #022433;display:inline-block;height:1.3rem;width:1.3rem}.shortest-path-nodes{-webkit-animation:shortestPath;-webkit-animation-delay:0;-webkit-animation-direction:alternate;-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1;-webkit-animation-play-state:running;-webkit-animation-timing-function:ease-out;animation:shortestPath;animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-play-state:running;animation-timing-function:ease-out}@-webkit-keyframes visitedAnimation{0%{-webkit-transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%;transform:scale(.3)}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);background-color:rgba(0,217,159,.75);transform:scale(1.2)}to{-webkit-transform:scale(1);background-color:rgba(0,190,218,.75);transform:scale(1)}}@keyframes visitedAnimation{0%{-webkit-transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%;transform:scale(.3)}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);background-color:rgba(0,217,159,.75);transform:scale(1.2)}to{-webkit-transform:scale(1);background-color:rgba(0,190,218,.75);transform:scale(1)}}@-webkit-keyframes wallAnimation{0%{-webkit-transform:scale(.4);background-color:#022433;border-radius:30%;transform:scale(.4)}50%{-webkit-transform:scale(1.2);background-color:#022433;border-radius:20%;transform:scale(1.2)}75%{-webkit-transform:scale(.8);background-color:#022433;border-radius:10%;transform:scale(.8)}to{-webkit-transform:scale(1);background-color:#022433;border:1px solid #022433;transform:scale(1)}}@keyframes wallAnimation{0%{-webkit-transform:scale(.4);background-color:#022433;border-radius:30%;transform:scale(.4)}50%{-webkit-transform:scale(1.2);background-color:#022433;border-radius:20%;transform:scale(1.2)}75%{-webkit-transform:scale(.8);background-color:#022433;border-radius:10%;transform:scale(.8)}to{-webkit-transform:scale(1);background-color:#022433;border:1px solid #022433;transform:scale(1)}}@-webkit-keyframes shortestPath{0%{-webkit-transform:scale(.3);background-color:rgba(255,0,255,.75);border-radius:100%;transform:scale(.3)}50%{-webkit-transform:scale(.5);background-color:rgba(255,0,255,.75);border-radius:75%;transform:scale(.5)}75%{background-color:rgba(255,0,255,.75);border-radius:50%;tansform:scale(.7)}to{-webkit-transform:scale(1);background-color:rgba(255,0,255,.75);transform:scale(1)}}@keyframes shortestPath{0%{-webkit-transform:scale(.3);background-color:rgba(255,0,255,.75);border-radius:100%;transform:scale(.3)}50%{-webkit-transform:scale(.5);background-color:rgba(255,0,255,.75);border-radius:75%;transform:scale(.5)}75%{background-color:rgba(255,0,255,.75);border-radius:50%;tansform:scale(.7)}to{-webkit-transform:scale(1);background-color:rgba(255,0,255,.75);transform:scale(1)}}*{box-sizing:border-box}.wrapper{-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-items:center;flex-direction:column;height:calc(100vh - 80px);justify-content:center;margin:auto;margin-bottom:20px!important;max-width:80%}.buttons,.row-wrapper,.wrapper{display:-webkit-flex;display:flex}.buttons{-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;justify-content:space-between;margin-right:15px}.button{-webkit-transform:scale(1);background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 14px;transform:scale(1);transition:.3s ease-out}#clear-grid,.buttons{text-align:center}#clear-grid{background-size:300% 100%;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:40px;margin:10px}#clear-grid,#clear-grid:hover{transition:all .4s ease-in-out}#clear-grid:hover{background-position:100% 0}#clear-grid{background-image:linear-gradient(90deg,#f5ce62,#e43603,#fa7199,#e85a19);box-shadow:0 4px 15px 0 rgba(229,66,10,.75)}#clear-grid:focus{outline:none}.button:focus,.button:hover{-webkit-transform:scale(1.003);border-bottom:2px solid #f15eff;color:#f15eff;outline:none;transform:scale(1.003)}button:not(:first-child){margin-left:10px}h1{color:rgba(255,0,255,.75);font-size:1.2rem;margin-bottom:10px}html{box-sizing:border-box}.App{height:100vh}
/*# sourceMappingURL=main.e7aec1bd.chunk.css.map */