.node{border:1px solid #add8e6;height:2em;width:2em;margin:0 auto;cursor:pointer;display:flex;background-color:var(--colour-gray-light-2)}.wallNode{-webkit-animation-name:wallAnimation;animation-name:wallAnimation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}.startNode{background-image:url(../img/start.ee8438ad.svg)}.endNode{background-image:url(../img/finish.1de84e1b.svg)}.visitedNode{-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}.shortNode,.visitedNode{-webkit-animation-duration:1.5s;animation-duration:1.5s}.shortNode{-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes visitedAnimation{0%{transform:scale(.3);background-color:var(--colour-gray-dark-1);border-radius:100%}50%{background-color:var(--colour-primary-dark)}75%{transform:scale(1.2);background-color:var(--colour-primary)}to{transform:scale(1);background-color:var(--colour-primary-light)}}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:var(--colour-gray-dark-1);border-radius:100%}50%{background-color:var(--colour-primary-dark)}75%{transform:scale(1.2);background-color:var(--colour-primary)}to{transform:scale(1);background-color:var(--colour-primary-light)}}@-webkit-keyframes shortestPath{0%{transform:scale(.6);background-color:#00008b;border-radius:80%}50%{transform:scale(.8);background-color:#00008b}to{transform:scale(1);background-color:#00008b}}@keyframes shortestPath{0%{transform:scale(.6);background-color:#00008b;border-radius:80%}50%{transform:scale(.8);background-color:#00008b}to{transform:scale(1);background-color:#00008b}}@-webkit-keyframes wallAnimation{0%{transform:scale(.3);background-color:var(--colour-gray-dark-3)}50%{transform:scale(1.2);background-color:var(--colour-gray-dark-2)}to{transform:scale(1);background-color:var(--colour-gray-dark-1)}}@keyframes wallAnimation{0%{transform:scale(.3);background-color:var(--colour-gray-dark-3)}50%{transform:scale(1.2);background-color:var(--colour-gray-dark-2)}to{transform:scale(1);background-color:var(--colour-gray-dark-1)}}.container{flex-direction:column;align-items:center}.container,.header{display:flex;justify-content:center}.header{flex-direction:row;width:100%;padding-top:1em;padding-bottom:1em;background-color:var(--colour-gray-dark-1)}.header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%}.title{color:var(--colour-primary);font-size:2.2em}.button-container{width:30%}.buttons{display:flex;flex-direction:row;justify-content:space-between}.button{border:none;background-color:var(--colour-gray-dark-1);cursor:pointer;font-size:1.7em;color:var(--colour-gray-light-1)}.button:hover{color:var(--colour-primary)}.information{font-size:1.5em;color:var(--colour-gray-dark-1);margin-top:1em;margin-bottom:-1em}.grid tbody{display:flex;flex-direction:row;flex-wrap:nowrap;background-color:#fff;border:1px solid #add8e6;margin-top:3em}ul{list-style-type:none;margin:0;padding:0}.dropdown-content{position:absolute;z-index:1;background-color:var(--colour-gray-dark-1);margin-top:1em}.alg-option{color:var(--colour-gray-light-1);height:2em}.alg-option:hover{background-color:var(--colour-gray-dark-2)}.tutorial-modal[data-v-4c880e90]{display:flex;justify-content:center;align-items:center}.modal[data-v-4c880e90]{justify-content:flex-start;height:75%;width:75%;background-color:var(--colour-gray-light-1);border:1px solid #000;box-shadow:2px 2px 17px -3px #000}.modal[data-v-4c880e90],.page[data-v-4c880e90]{display:flex;flex-direction:column;align-items:center;margin:2em}.page[data-v-4c880e90]{justify-content:space-around;font-size:2em;color:var(--colour-primary-dark);height:100%}.modal-content-container[data-v-4c880e90]{display:flex;flex-direction:row;justify-content:space-around;width:100%;height:30%}.description[data-v-4c880e90]{width:45%}.description a[data-v-4c880e90]{text-decoration:none;color:var(--colour-primary-dark)}.description-one-block[data-v-4c880e90]{width:80%}.description a[data-v-4c880e90]:visited{color:var(--colour-gray-dark-1)}.footer[data-v-4c880e90]{display:flex;flex-direction:row;justify-content:space-between;width:90%}.modal-button[data-v-4c880e90]{border:1px solid var(--colour-primary-dark);border-radius:6px;width:6em;height:2em;color:var(--colour-gray-dark-1);font-weight:700;cursor:pointer;margin-left:2em}.modal-button[data-v-4c880e90]:hover{border:1px solid #000;background-color:var(--colour-primary-dark);color:var(--colour-gray-light-1)}:root{--colour-primary:#eb2f46;--colour-primary-light:#f36;--colour-primary-dark:#ba265d;--colour-gray-light-1:#faf9f9;--colour-gray-light-2:#f4f2f2;--colour-gray-light-3:#f0eeee;--colour-gray-light-4:#ccc;--colour-gray-dark-1:#333;--colour-gray-dark-2:#777;--colour-gray-dark-3:#999}*,:after,:before{margin:0;padding:0;box-sizing:inherit;font-family:Space Mono,sans-serif}html{font-size:62.5%;height:100%}.page-container{display:flex;flex-direction:column;background-color:var(--colour-gray-light-1);min-height:100vh}.modal-mask{position:fixed;z-index:200;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .3 ease}