@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Ubuntu,sans-serif}:root{--theme-color: #4e9aba;--start-node-color: rgb(51, 255, 0);--end-node-color: rgb(255, 117, 117);--wall-node-color: rgb(29, 29, 29)}html{font-size:62.5%;overflow-x:hidden}body{font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}button{border:none;outline:none}h1{font-size:3.5rem}p{font-size:1.3rem;margin-bottom:10px}.actionsTab{width:100%;display:flex;align-items:center}.actionsTab .node-status-wraper{justify-self:flex-start}.actionsTab .reset-btn{background-color:#fd9191}.table{padding:20px;margin-bottom:40px;display:flex;justify-content:center;align-items:center}.table-container{width:100%;height:100%;display:flex;flex-wrap:wrap}.table-node{width:30px;height:30px}.node-typ{width:100%;height:100%;transition:all .2s ease-in;cursor:pointer;border:1px solid rgba(131,131,131,.418)}.start-node{background-color:var(--start-node-color);transform-origin:center;transform:scale(0);animation:NodeAnim .2s ease-in 0s 1 forwards}.end-node{background-color:var(--end-node-color);transform-origin:center;transform:scale(0);animation:NodeAnim .2s ease-in 0s 1 forwards}.visited-node{background-color:#7bbfff;animation:visitedNodesAni .5s ease-in 0s 1 forwards}.wall-node{background-color:var(--wall-node-color)}.path-node{background-color:#e2f061;border:none;transform-origin:center}@keyframes NodeAnim{to{transform:scale(1)}}@keyframes visitedNodesAni{0%{transform-origin:center;transform:scale(.1);border-radius:50%;background-color:#6f0}to{border-radius:0;transform:scale(1)}}@keyframes PathNodesAni{0%{transform:scale(1.3)}to{transform:scale(1)}}header{background-color:var(--theme-color);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:60px}header .logo{font-size:2.5rem}header .info{width:250px;font-size:2.3rem;display:flex;justify-content:space-between;align-items:center}header .info a{color:inherit}header .info--what-is{font-size:1.5rem;cursor:pointer}header .info--github{cursor:pointer}.node-status{width:fit-content;padding:15px 20px;font-size:1.5rem}.node-status--text{display:flex;align-items:center}.user-node-type{margin:0 5px;background-color:#e4e4e4;padding:3px 5px;width:80px;display:flex;justify-content:space-evenly;align-items:center}.user-node-type--main{width:20px;height:20px}.user-node-type--finish{background-color:var(--end-node-color)}.user-node-type--start{background-color:var(--start-node-color)}.user-node-type--wall{background-color:var(--wall-node-color)}.dijkstra-info{position:absolute;z-index:100;right:0;transform:translate(100%);transition:all 1s ease-in-out;background-color:#fff;width:400px;height:100%;border-left:1px solid #525252;padding:0 20px;overflow-y:auto}.dijkstra-info--heading{width:100%;height:60px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--theme-color);position:relative;margin-bottom:20px}.dijkstra-info--close{position:absolute;right:20px;font-size:2.2rem;color:#000;cursor:pointer}.show-info{transform:translate(0)}.table-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}button{padding:2px 25px;height:40px;cursor:pointer;background-color:#42b990;border-radius:5px;font-size:1.3rem}button:disabled{background-color:#81daba;color:#fff;cursor:not-allowed}