:root{--visited:#ef6c00;--transition:#ffcc80;--shortest:#fff;box-sizing:border-box}.grid-container{border-radius:1vw;box-shadow:.1px .1px 5px #000;margin-right:1vw;padding:1vw;width:100%}.grid{border-collapse:collapse;height:100%;width:100%}.grid td{border:.1px solid #07070721;height:1fr;width:1fr}.grid td,.node{padding:0}.visited-anim{animation:onvisit .5s}.shortest-path-anim,.visited,.visited-anim{background-color:#ef6c00;background-color:var(--visited)}.shortest-path-anim{background-image:linear-gradient(#fff,#fff);background-image:linear-gradient(var(--shortest),var(--shortest));background-position:50% 50%}.wall{background-image:linear-gradient(#000,#000)!important;border:.1px solid #000}.shortest-path{background-color:#ef6c00;background-color:var(--visited);background-image:linear-gradient(#fff,#fff);background-image:linear-gradient(var(--shortest),var(--shortest))}.end-node{background-image:linear-gradient(red,red)!important;border:.1px solid red!important}.start-node{background-image:linear-gradient(green,green)!important;border:.1px solid green!important}@keyframes onvisit{0%{background-color:#ffcc80;background-color:var(--transition)}to{background-color:#ef6c00;background-color:var(--visited)}}.app,.content{display:flex}.content{--margin-top:7vh;padding:1vw;width:100%}.data{height:auto;width:40%}.dataContent{display:flex;flex-direction:column;width:100%}.shortestPathCard{background-image:linear-gradient(to bottom right,#ef6c00,#ffcc80);background-image:linear-gradient(to bottom right,var(--visited),var(--transition))}@media only screen and (max-width:1400px){.content{flex-direction:column}.data{height:200px;margin-top:2vh;width:100%}.dataContent{flex-direction:row}}::-webkit-scrollbar-track{background-color:#192038}::-webkit-scrollbar{background-color:#101426;width:.3125rem}::-webkit-scrollbar-thumb{background-color:#101426;border-radius:10px;box-shadow:inset 0 0 6px #0000004d}div::-webkit-scrollbar-track{background-color:#192038}div::-webkit-scrollbar{background-color:#101426;width:.3125rem}