.node{width:25px;height:25px;display:inline-block;outline-offset:-1px;outline:1px solid rgba(41,73,255,.2)}.node-wall{outline:none;background-color:#08222e;animation:wallAnimation .3s ease-in-out forwards;will-change:transform}.node-visited{outline:1px dashed rgba(255,255,255,.1);animation:visitedAnimation 1.5s ease-out forwards running;will-change:transform,background-color}.node-shortest{background:#2949ffbf;outline:1px dashed rgba(255,255,255,.2);animation:shortestAnimation 1.5s ease-out forwards running;will-change:transform,background-color}.node-start{background-image:url(/assets/start-DuP5aMZL.png);background-position:center;background-repeat:no-repeat;background-size:contain}.node-finish{background-image:url(/assets/end-JgG8b-3i.png);background-position:center;background-repeat:no-repeat;background-size:contain}@keyframes wallAnimation{0%{transform:scale(.3);border-radius:50%}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#080e33bf;border-radius:100%}25%{background-color:#0c154abf}50%{background-color:#111e6cbf}75%{transform:scale(1.2);background-color:#192da1bf}to{transform:scale(1);background-color:#2949ffd9}}@keyframes shortestAnimation{0%{background-color:#2b4162}25%{background-color:#154a0cbf}50%{background-color:#116c1ebf}75%{transform:scale(1.2);background-color:#19a1a1bf}to{transform:scale(1);background-color:#21d4d4}}@media only screen and (max-width:1800px){.node{width:20px;height:20px}}.toolbar{width:250px;height:450px;z-index:99999;background:#2b41629a;position:absolute;top:220px;left:120px;border-radius:20px;display:flex;flex-direction:column;padding:20px;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#fff}button{width:80%;height:32px;margin-top:10px;color:#fff;background:none;border-radius:10px;border:white solid 1px}button:hover{background:#001bb399}button:focus{outline:none}.maze-button{position:absolute;margin-top:96px}h2{position:absolute;border-bottom:2px solid white;top:22px}.button-wrap{position:absolute;width:100%;bottom:22px}.algo-selector{margin-top:22px;margin-bottom:50%}.speed-range{background:none;width:80%;height:30px}.speed-range::-webkit-slider-runnable-track{background:#fff}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid green;border-radius:2px;width:25px;height:25px;background:#000}.grid{width:1775px;background:#fff;margin:50px 0 0;font-size:0;outline:2px solid #2c3e50}.row{-webkit-user-select:none;user-select:none}.title{margin:0;padding:0;font-size:3rem;font-weight:700}.credits{margin-top:20px}.howto{color:#2949ff;font-size:1.1rem}.howto span{font-weight:700;color:#721817}@media only screen and (max-width:1800px){.grid{width:1420px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}*{box-sizing:border-box;margin:0;padding:0}body{background:#e0e0e2;display:flex;justify-content:center;align-items:center}