body,html{background-color:#fff;font-family:Nunito;margin:0;padding:0;scroll-behavior:smooth}.container{align-content:center;display:flex;justify-content:center}.btn{background-color:#0000;border:.1rem solid #afd8f8;border-radius:.5rem;font-size:1rem;outline:none;transition-duration:.4s}.btn:hover{cursor:pointer}.btn-container{align-items:center;display:flex;flex-grow:1;justify-content:space-around}@media(max-width:720px){.btn-container{display:block}}@media(max-width:1000px){.btn-option{margin-bottom:.25em}}.btn-option{color:#000;padding:.4em}.btn-option:active,.btn-option:focus,.btn-option:hover{background-color:#afd8f8;box-shadow:0 .2rem .3rem 0 #0003,0 .2rem .5rem 0 #00000026;color:#fff}.btn-option:disabled{border-color:#395066;opacity:.4}.btn-option:disabled:active,.btn-option:disabled:focus,.btn-option:disabled:hover{background-color:#0000;box-shadow:none;color:#000;cursor:default}.btn-text{border-color:#0000;color:#afd8f8;flex-shrink:1;margin-left:1em}.btn-text:disabled{color:#000;cursor:default;opacity:.8}.btn-text:active{background-color:#afd8f8;color:#fff}@media(max-width:720px){.btn-text{margin-left:0}}.grid{bottom:1em;margin:0 auto;position:absolute}.node{display:inline-block;outline:1px solid #afd8f8;vertical-align:bottom}.node-icon{transform:scale(1.5) translate(18%,18%)}.wall-node{background-color:#0c3547;outline:none}.start-node,.target-node{cursor:pointer}.visited-node-no-ani{background-color:rgba(0,190,218,.749)}.optimal-path-node-no-ani{background-color:#fffe6a}.visited-node{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.749);border-radius:100%;transform:scale(.3)}50%{background-color:rgba(17,104,217,.749)}75%{background-color:rgba(0,217,159,.749);transform:scale(1.2)}to{background-color:rgba(0,190,218,.749);transform:scale(1)}}.optimal-path-node{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:optimalPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes optimalPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}.sliders-container{display:flex;flex-grow:1;justify-content:space-around}.sliders-container label{margin-right:.2em;text-transform:capitalize}@media(max-width:1000px){.sliders-container{align-content:space-between;flex-direction:column;flex-grow:0}}.range-slider-container{align-items:center;display:flex;justify-content:space-between}@media(max-width:1000px){.range-slider-container{margin:0 .2em .2em}}.range-slider{-webkit-appearance:none;background:#d7dcdf;border-radius:5px;height:10px;margin:0;outline:none;padding:0}.range-slider:disabled{opacity:.5}.range-slider:disabled:active::-webkit-slider-thumb{box-shadow:none}.range-slider:disabled::-webkit-slider-thumb:hover{background:#395066;cursor:default}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#395066;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;width:20px}.range-slider::-webkit-slider-thumb:hover,.range-slider:active::-webkit-slider-thumb{background:#afd8f8}.range-slider::-moz-range-thumb{background:#395066;border:0;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .15s ease-in-out;transition:background .15s ease-in-out;width:20px}.range-slider::-moz-range-thumb:hover,.range-slider:active::-moz-range-thumb{background:#afd8f8}.range-slider:active::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #afd8f8}.range-slider-value{background:#395066;border-radius:3px;color:#fff;display:inline-block;line-height:20px;margin-left:8px;padding:5px 10px;position:relative;text-align:center;width:2em}.range-slider-value:after{border-bottom:7px solid #0000;border-right:7px solid #395066;border-top:7px solid #0000;content:"";height:0;left:-7px;position:absolute;top:8px;width:0}.navbar{background-color:#f7f9f9;border-bottom:.1rem solid #0003;box-shadow:0 .1rem .5rem 0 #0000001a;display:flex;justify-content:space-around;overflow:hidden;padding:1em 0;position:fixed;top:0;width:100vw}
/*# sourceMappingURL=main.7eab8d19.css.map*/