.top{border-top:8px solid white}.right{border-right:8px solid white}.bottom{border-bottom:8px solid white}.left{border-left:8px solid white}.table-row>:not(.active,.on-search){transition:background-color .8s ease-in-out}tr{overflow:hidden}.unvisited{border:8px solid #F0ECE5;background-color:#f0ece5;transition:background-color .3s ease-in-out;transition:border-top border-right border-left border-bottom .3s ease-in-out}.active{background-color:#f00c!important;box-shadow:inset 0 0 8px #00000080}.destination-cell{background-color:#1e90ff!important;box-shadow:inset 0 0 8px #00000080}.on-search{background-color:#000c}.on-path{background-color:#90ee90;box-shadow:inset 0 0 15px #000c;transition:background-color .1s ease-in-out;border-color:#fff}.table{width:100%;height:75vh;border-collapse:collapse;background-color:#2d3250;box-shadow:#0000008f 0 22px 70px 4px;border-radius:.5rem;overflow:hidden;table-layout:fixed}.controls{display:flex;justify-content:center;margin-block:1rem}button{display:inline-block;outline:0;border:0;cursor:pointer;background-color:#161a30;border-radius:4px;padding:8px 16px;margin-inline:1rem;font-size:16px;border-bottom:4px solid #F0ECE5;font-weight:700;color:#fff;line-height:26px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}button:hover{background-color:#31304d;transition:background-color .25s ease;cursor:pointer}button:active:not(:disabled){scale:.97}button:disabled{background-color:#d3d3d3;color:#2b6cb0;cursor:default}@media (min-width: 50rem){.table{height:85vh;transform:rotate(0)}button{padding:.5rem 2rem;font-size:1.2rem}}main{width:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}*:after,* :before{margin:0;padding:0}body{width:100%;min-height:100vh;display:grid;font-size:.5rem;background-color:#7077a1;padding-inline:2rem;padding-block-end:2rem}