#visualizer{height:100vh;width:100vw}.info-container{position:absolute;right:15px;bottom:15px;width:350px;max-height:100%;max-width:90%;display:flex;flex-direction:column;font-size:.9em;padding:25px;border-radius:5px;background:linear-gradient(0,#390099,#000 240%);color:#fff;box-shadow:2px 10px 30px rgba(0,0,0,.4);opacity:.4;z-index:10000;-webkit-clip-path:circle(30px at calc(100% - 30px) calc(100% - 30px));clip-path:circle(30px at calc(100% - 30px) calc(100% - 30px));transition:all .4s ease-in-out}.info-container:hover{bottom:20px}.info-container.centered,.info-container:hover{-webkit-clip-path:circle(200% at calc(100% - 30px) calc(100% - 30px));clip-path:circle(200% at calc(100% - 30px) calc(100% - 30px));opacity:1}.info-container.centered{max-height:90%;min-height:50%;width:600px;max-width:95%;font-size:1em;text-align:center;right:50%;bottom:50%;transform:translate(50%,50%)}.info-container.alert{-webkit-animation:alert 1s ease-in-out;animation:alert 1s ease-in-out}@-webkit-keyframes alert{0%,to{bottom:15px;opacity:.4}20%,50%{bottom:30px;opacity:1}40%{bottom:25px;opacity:1}}@keyframes alert{0%,to{bottom:15px;opacity:.4}20%,50%{bottom:30px;opacity:1}40%{bottom:25px;opacity:1}}.info-container.error{background:linear-gradient(0,brown,#000 240%);-webkit-animation:error .4s ease-out;animation:error .4s ease-out}@-webkit-keyframes error{0%,to{right:15px;opacity:.4}20%,60%{right:25px;opacity:1}40%,80%{right:5px;opacity:1}}@keyframes error{0%,to{right:15px;opacity:.4}20%,60%{right:25px;opacity:1}40%,80%{right:5px;opacity:1}}.info-container .main-content{opacity:.9;margin-bottom:3em;overflow:auto}.info-container.attributions .main-content{margin-bottom:0}.info-container.attributions #clem{cursor:pointer;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.info-container.attributions .swarm-unlocked{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:5px;font-size:.8em;border-radius:5px;color:#0f0;background:rgba(0,255,0,.3)}.info-container h2{margin:.5em 0}.info-container .btn-close{position:absolute;top:10px;right:10px;height:30px;width:30px;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s ease-out}.info-container .btn-close:hover{background:hsla(0,0%,100%,.1)}.info-container .btn-close:focus{outline:none}.info-container a{color:#ff7c7c}.info-container img{border-radius:5px}.info-container table{border-spacing:0;font-size:.9em}.info-container table.camera-table{margin:0 auto}.info-container table.camera-table td{width:50%;border:1px solid #fff;padding:10px}.info-container table.legends-table td{padding:5px}.info-container table.legends-table td .square{width:30px;height:30px;margin:0 auto}.info-container .info-buttons{display:flex;flex-wrap:wrap;align-items:center;margin-top:auto}.info-container .info-buttons .tutorial-buttons{display:flex;flex-wrap:wrap;align-items:center;width:95%}.info-container .info-buttons .btn-group{display:flex;margin:0 auto}.info-container .info-buttons .btn-tutorial{padding:0 1em}.info-container .info-icon{position:absolute;right:10px;bottom:10px;height:40px}:root{--primary:#390099;--primary-low:rgba(56,0,153,0.45);--secondary:#09f;--secondary-low:rgba(0,153,255,0.45);--danger:#ff0054;--danger-low:rgba(255,0,85,0.45);--warning:#ffbd00;--warning-low:rgba(255,187,0,0.45);--success:#00c542;--success-low:rgba(0,197,66,0.45);--dark:#001d74;--dark-low:rgba(0,29,116,0.25)}.details{position:absolute;bottom:60px;left:5px;width:15%;border-radius:5px;height:10%;background-color:#cfeeeb;color:#000;display:flex;justify-content:space-around;align-items:center}.length,.search{display:block;align-items:center}.pathfinding-visualizer{width:100vw;height:100vh;overflow:hidden}.header{position:absolute;top:90px;right:10px;width:20%;transition:all .5s ease-out;z-index:1;padding-bottom:30px;background:rgba(99,206,194,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.17);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18)}.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clear-btn{width:80%;margin-left:auto;margin-right:auto;margin-top:30px;display:flex;justify-content:space-between;align-items:center}.danger{padding:10px 15px;font-size:14px;border-radius:4px;background:linear-gradient(90deg,#333,#dd1818);color:#fff;border:none;text-decoration:none;box-shadow:0 5px 7px 0 rgba(221,24,24,.2);cursor:pointer}.danger:focus{outline:none}.drop{width:80%;margin-top:20px;margin-left:10%;box-shadow:0 5px 7px 0 rgba(0,0,0,.2)}select{height:40px;background:#fff;color:#000;padding:10px;margin:2px;border-radius:3px;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn{margin:2px;font-size:.7em;font-weight:600;text-transform:uppercase}.lg{display:block}.sm{display:none}.btn-setup{position:absolute;top:30px;left:10px}.btn-setup:focus{outline:none}.open{width:55px;height:50px;border:none;border-radius:5px;text-decoration:none;background-color:var(--secondary-low);overflow:hidden;cursor:pointer;transition:all .3s ease-out}.open:hover{width:170px;background-color:var(--secondary)}.span{position:absolute;opacity:0;color:#fff;transform:translateY(-50%);width:100%;height:100%;transition:all .3s ease-out;z-index:2}.span:hover{text-align:center;padding-top:16px;padding-left:16px;opacity:1}.btn-controls{position:absolute;top:85px;left:10px}.btn-controls:focus{outline:none}.second{background-color:rgba(240,173,78,.75)}.second:hover{background-color:#f0ad4e}.success{background-color:var(--success-low)}.success:hover{background-color:var(--success)}.btn-options{position:absolute;top:30px;right:10px}.btn-options:focus{outline:none}.icons{position:absolute;width:30px;top:10px;left:12px;z-index:1}.btn-camera{top:170px}.fallback-icon{display:none}.maze-dropdown{position:relative;width:80%;margin-top:20px;margin-left:auto;margin-right:auto}.btn-maze{width:100%;padding:10px;border:none;border-radius:4px;text-decoration:none;box-shadow:0 5px 7px 0 rgba(44,83,44,.2);background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;cursor:pointer}.btn-maze:focus{outline:none}.dropdown{position:absolute;top:100%;left:0;width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;z-index:2}.dropdown-item{padding:10px;font-size:.8em;font-weight:600;color:#fff;background:linear-gradient(270deg,#0f2027,#203a43,#2c5364);cursor:pointer}.dropdown-item:hover{filter:brightness(.9)}.accent{width:80%;padding:15px;margin:20px 10% 0;border:none;font-size:17px;border-radius:4px;text-decoration:none;box-shadow:0 5px 7px 0 rgba(44,83,44,.2);background:linear-gradient(90deg,#8e2de2,#4a00e0);color:#fff;cursor:pointer}.accent:focus{outline:none}.btn-tutorial,.info{padding:10px 20px;border:none;font-size:14px;border-radius:4px;text-decoration:none;box-shadow:0 5px 7px 0 rgba(44,83,44,.2);background:linear-gradient(90deg,#8e2de2,#4a00e0);color:#fff;cursor:pointer}body{font-family:Arial,Helvetica,sans-serif;margin:0}*{box-sizing:border-box}#app{min-height:100vh}