*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Quicksand,sans-serif}#root{margin:0}a:visited{text-decoration:none;color:inherit}.wrapper{height:100vh;display:flex;flex-direction:row-reverse;justify-content:flex-end;width:100%}main{flex-grow:1;padding:0 16px}.sorter-container{display:grid;gap:1px;align-items:end;border:1px solid rgba(0,0,0,.171);margin-bottom:1rem;height:600px}.input-container *{display:block}.input-container,.input-container label{margin-bottom:1rem}.slider{cursor:pointer}input[type=range]{appearance:none;border:1px solid rgba(0,0,0,.308);border-radius:16px;height:16px}.speed-input{direction:rtl}.sidenav{flex-basis:300px;padding:1rem;position:relative}.sidenav-fixed{z-index:1;position:fixed;top:0;left:0;height:100%;overflow-x:hidden;transition-duration:.3s}button{transition-duration:.3s}.btns-algo-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.btn-algo{font-family:inherit;font-size:inherit;background:transparent;border:none;text-align:left}.btn-algo:hover{cursor:pointer;text-shadow:rgba(160,160,160,.418) 1px 1px}.btn-reset{font-family:inherit;background:transparent;border:1px solid rgba(0,0,0,.219);padding:6px 16px;border-radius:12px}.btn-reset:hover{cursor:pointer;background:rgba(214,214,214,.623)}.btn-link{opacity:.7;display:flex;align-items:center;gap:6px;position:absolute;bottom:0;margin-bottom:1rem;transition-duration:.25s;text-decoration:none}.btn-link:hover{cursor:pointer;opacity:1}.btn-link span{font-size:1.5rem}