.canvas{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:relative;top:50%;left:50%;transform:translate(-50%);border:5px pink}#main{--node-size:30px;--pressed-button-colour:#8f8f9d;--not-pressed-button-colour:#d3d3d3}.right-sidebar{position:absolute;justify-content:center;align-items:center;padding:5px;right:0;background-color:#f0f0f0;width:19vw;height:90vh}.left-sidebar{position:absolute;left:5px}.bottom-bar{position:absolute;width:100vw;bottom:0;height:25vh;display:flex;fill:#000}.animation-bar{display:flex;position:relative;width:auto;margin-left:auto;margin-right:auto}.currently-selected-nodes,button,input{margin-bottom:6px;margin-right:6px;padding:6px;font-size:small;border:1px solid #8f8f9d;border-radius:4px}label,p{font-size:medium;font-family:Arial,Helvetica,sans-serif}#adj-list{overflow:auto;height:400px;border:solid #789;border-width:1px 0;padding-top:10px;padding-bottom:10px}#info{font-weight:bolder;font-size:x-large;color:#d3d3d3}.icon{width:27px;height:27px}.adjacency-list-input{width:18vw}.code-block{display:inline-block;white-space:pre-wrap;font-family:monospace;tab-size:2}.algorithm-button{width:inherit}.pressed{background-color:var(--pressed-button-colour)}.not-pressed{background-color:var(--not-pressed-button-colour)}.currently-selected-nodes{padding-bottom:32px}.graph-node{display:flex;justify-content:center;align-items:center;background-color:#d3d3d3;border:2px solid #d3d3d3;border-radius:50%;box-shadow:1px 1px 3px gray;font-family:Arial,Helvetica,sans-serif;font-size:15px;width:var(--node-size);height:var(--node-size);position:absolute}.selected{border:2px solid #6495ed}.not-observed{background-color:#d3d3d3}.current{background-color:#007800;border:2px solid #007800;color:#d3d3d3}.on-frontier{border:5px dashed #000}.observed{background-color:#787878;border:2px solid #787878;color:#d3d3d3}:root{--just-explored-edge-colour:#d79c00;--explored-edge-colour:#009c00;--non-explored-edge-colour:#000}.animated-edge{animation:search 1s linear}@keyframes search{0%{stroke:var(--non-explored-edge-colour)}to{stroke:var(--explored-edge-colour)}}.edge{stroke:#000}.heuristics-edge{stroke:#6495ed}.adj-element-button{display:grid;grid-column:3;grid-row:0;margin-left:0;height:30px;width:30px;border:2px gray;box-shadow:1px 1px 2px gray;background-color:#fff;border-radius:5px}.adj-element-input{display:grid;grid-column:2;grid-row:0;height:10px;width:50px;margin:5px}.adj-element-label{display:grid;grid-column:1;grid-row:0;width:60px;padding:5px 5px 5px 7px;margin:5px;height:18px;border-radius:5px;background-color:#d3d3d3;box-shadow:1px 1px 3px gray}.adj-element{display:grid}.direction{grid-column:4;grid-row:0}.delete{grid-column:5;grid-row:0;width:30px;height:30px}.icon{width:20px;height:20px;object-fit:contain}.info-window{border:solid gray;border-width:1px 0;padding:10px 0 0;margin:0;width:inherit;height:30vh;overflow:auto}.table{display:flexbox;position:fixed;bottom:5%;left:45%;transform:translate(-50%);overflow:scroll;width:600px;background-color:#fff}.row-table{display:flex;position:relative;width:fit-content}.h-label-table{width:150px}.h-label-table,.label-table{border:1px solid #d3d3d3;padding:5px}.label-table{width:40px}.header{background-color:#282c34}.header,.header-info{display:flex;position:absolute;top:0;left:0;justify-content:flex-start;align-items:center;padding:.5rem 1.5rem;margin:0;color:#fff;height:3vh;width:97vw}.header-info{background-color:#daa520}.nav{display:flex;align-items:center;gap:1.5rem}.header-title{font-size:1.3rem;margin-right:2rem}.nav-list{list-style:none;display:flex;gap:1rem}.nav-item,.nav-list{position:relative}.nav-link{background:none;border:none;color:#fff;font-size:.9rem;cursor:pointer}.nav-link:hover{text-decoration:underline}.dropdown{position:absolute;top:100%;left:0;background-color:#333;border-radius:4px;padding:.5rem;list-style:none;min-width:120px;display:flex;flex-direction:column;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dropdown li{padding:0}.dropdown button{color:#fff;background-color:transparent;text-decoration:none;font-size:.9rem;padding:5px 0,0,0;display:block;border:none}.dropdown button:hover{text-decoration:underline}.import-export{display:flex;flex-direction:column;max-width:fit-content}.hidden-file-input{display:none}.info-tooltip{background-color:#faebd7;box-shadow:1px 1px 3px gray;border-radius:5px;padding:10px;word-wrap:normal;max-width:20vw}.random-weight{width:70px;height:10px;margin:2px}.welcome-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .3s ease,transform .3s ease}.welcome-content{text-align:left;word-wrap:normal;max-width:50vw;padding:2rem;background:#ccc;border-radius:12px;box-shadow:0 0 20px hsla(0,0%,100%,.2);transform:scale(1);transition:transform .3s ease;font-family:Arial,Helvetica,sans-serif}.welcome-screen.fade-out{opacity:0;transform:scale(.98);pointer-events:none}.welcome-content button{margin-top:1rem;padding:.5rem 1rem;font-size:1rem;border:none;background:#4caf50;color:#fff;cursor:pointer;border-radius:8px}