html{color-scheme:dark}body{position:absolute;display:grid;min-width:100%;gap:10px;margin:0px;font-family:system-ui;accent-color:#00ff7f}#settings{position:-webkit-sticky;position:sticky;--_width: 450px;left:calc(50% - var(--_width)/2);top:0px;width:var(--_width);background:#000;z-index:1}#settings p{margin:0px}#settings p span{font-weight:700;color:#00ff7f}#settings input[type=text]{width:100px}#mapContainer{position:relative;border:2px solid #fff;width:500px;height:500px;margin-inline:auto}#mapContainer .borders{inset:0px;position:absolute;--_size: 2px;--_hitbox: 15px;pointer-events:none}#mapContainer .borders .border{position:absolute;border-color:#fff;height:100%;width:100%;pointer-events:all}#mapContainer .borders #right{width:var(--_hitbox);border-left:solid var(--_size);left:100%;cursor:e-resize}#mapContainer .borders #left{width:var(--_hitbox);right:100%;border-right:solid var(--_size);cursor:e-resize}#mapContainer .borders #top{height:var(--_hitbox);bottom:100%;border-bottom:solid var(--_size);cursor:s-resize}#mapContainer .borders #bottom{height:var(--_hitbox);top:100%;border-top:solid var(--_size);cursor:s-resize}#mapContainer #tiles .tile{position:absolute;width:50px;height:50px;box-sizing:border-box}#mapContainer #tiles .wall{border:1px solid #ff0}#mapContainer #tiles .bigTile{background-color:#adff2f;opacity:.5;border:1px solid green}#mapContainer #tiles .search{background-color:red;opacity:.5}.column{display:flex;flex-direction:column}.algorithms{display:flex;gap:10px;flex-wrap:wrap}/*# sourceMappingURL=style.css.map */