.vis-title{background:#333333;color:#fff;height:3em;font-weight:900;position:relative;z-index:1;display:flex;align-items:center}.vis-title>p{font-size:1.7em;position:relative;margin:0;top:50%;transform:translateY(-50%)}.route-links{display:flex;gap:1em;background-color:#333}.route-links>*{color:#fff}.route-links>*:hover{color:#5f9ea0}:root{--primary:#287DEB;--target:#AD87DE;--from:#e61c27;--to:#2ea3d4;--follow:#f5b511;--test:#03997E}.pathfinder{height:100vh}.pathfinder-nav{background-color:#333;box-shadow:#0000003d 0 5px 10px;width:100vw;overflow:none;height:8vh;color:#fff;font-weight:700;display:flex;justify-content:center;gap:2em}.pathfind-dropdown{width:fit-content}.pathfind-btn{text-align:center;background:none;border:none;color:#fff;text-decoration:none;width:9em;height:fit-content;position:relative;top:50%;transform:translateY(-50%);height:4vh;transition:.2s ease-in-out}.pathfind-btn:hover{color:#ffffffdb;cursor:pointer}.pathfind-content{position:absolute}.pathfind-content>div{float:none;display:block;text-align:left;padding:.75em;width:6.5em;background:#333333;border-bottom:.5px solid white;position:relative;z-index:1}.pathfind-content>div:hover{cursor:pointer;filter:brightness(.95)}.pathfind-board{position:relative;display:grid;justify-content:center;top:22.5%;transform:translateY(-25%)}.nodeRow{display:inline-flex;padding:0}.node{width:2vw;height:2vw;border:.5px solid var(--primary);user-select:none}.node:hover{outline:2px solid var(--primary);border-radius:.25em;cursor:url(https://cur.cursors-4u.net/others/oth-7/oth697.cur),auto!important}.node:active{cursor:grabbing}.start{background-color:var(--follow)}.target{background-image:linear-gradient(to bottom right,#AD87DE,white 160%)}.visited{animation-name:colour_switch;animation-duration:.75s;animation-timing-function:ease-in-out;background-color:var(--to);border:.5px solid var(--to)}@keyframes colour_switch{0% {background-color: var(--follow); border-radius:50%; transform:rotate(30deg)} 20% {background-color: var(--from); border-radius:50%; transform:rotate(30deg)} 100% {background-color:var(--to); border-radius:1%; transform:rotate(0);};}.short-path{animation-name:short_colour_switch;animation-duration:.1s;animation-timing-function:ease-in-out;background-color:var(--follow);border:.5px solid var(--follow)}@keyframes short_colour_switch{0%{background-color:var(--follow)}to{background-color:var(--follow)}}.wall{animation-name:wall;animation-duration:.35s;animation-timing-function:ease-in-out;background-color:var(--test);border:.5px solid var(--test)}@keyframes wall{5%{background-color:var(--follow);border-radius:50%}20%{background-color:var(--from)}to{background-color:var(--test)}}.algo-stats{height:1.5em;width:70vw;font-weight:500;font-size:1.45vw;gap:.25em;word-spacing:.07em}.step-stat,.algo-stats>p{margin:0}.step-stat{font-weight:700}.algo-gen:hover{color:var(--to)}.wall-gen:hover{color:var(--test)}.clear-all:hover{color:var(--from)}.clear-solution:hover{color:var(--follow)}.algo-type{margin:0 0 0 .25em;font-size:2.5vw}:root{--from:#e61c27;--to:#2ea3d4;--follow:#f5b511}.sort-nav{background-color:#333;box-shadow:#0000003d 0 5px 10px;width:100vw;overflow:none;height:8vh;color:#fff;font-weight:700;display:flex;justify-content:center;gap:2em}.sort-board{height:50vh;width:80vw;position:relative;left:50%;margin-top:8vh;transform:translate(-50%);background-color:#000}.sort-item{display:inline-flex;margin-left:.2%;outline:.5px solid white;background:rgb(50,50,50)}.sort-visited{animation-name:colour_switch;animation-duration:.75s;animation-timing-function:ease-in-out;background-color:var(--follow)}@keyframes colour_switch{0% {background-color: var(--follow); border-radius:50%;} 20% {background-color: var(--from); border-radius:50%;} 100% {background-color:var(--to); border-radius:1%;};}.sort-setting-utils{display:flex;align-items:center;justify-content:center;gap:1rem}.slider>form>label,form{display:block;justify-content:center}label{position:relative;left:50%;width:fit-content;transform:translate(-50%)}input[type=range]{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#03997E;height:5px}input[type=range]::-moz-range-track{background:#03997E;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1rem;width:1rem;background:#04d6b0;margin-top:-.33rem;border-radius:50%}input[type=range]::-moz-range-thumb{height:15px;width:15px;background:#04d6b0;margin-top:-5px;border-radius:50%}.sort-btn{text-align:center;background:none;border:none;color:#fff;text-decoration:none;width:9em;height:fit-content;position:relative;top:50%;transform:translateY(-50%);height:4vh;transition:.2s ease-in-out}.sort-btn:hover{color:#04d6b0;cursor:pointer}.stop-sort{width:4em}body{margin:0;height:auto}*{font-family:Kumbh Sans,sans-serif}