:root{--background-primary: #232946;--background-secondary: #eebbc3;--color-primary: #fffffe;--color-secondary: #232946;--box-background: #fffffe;--box-color: #232946;--disabled: #515E75;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-primary);background-color:var(--background-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0}#app{max-width:1280px;margin:0 auto;padding:0 2rem;text-align:center}.bar-container{display:flex;justify-content:center;margin-bottom:2rem;height:500px}.bar{background-color:var(--box-background);border-radius:0 0 .5rem .5rem;overflow:hidden;color:var(--box-color)}.input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}.list{display:flex;justify-content:center;flex-direction:row}.list .list-size-input{display:flex;justify-content:center;flex-direction:column;margin-right:2rem}input[type=range]{background-color:var(--color-primary);border:solid 0px;border-radius:8px;height:7px;width:100%;max-width:400px;outline:none;transition:background .45s ease-in;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;-webkit-appearance:none;cursor:ew-resize;background:var(--background-secondary)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:ew-resize;background:var(--background-secondary)}input[type=range]::-ms-thumb{width:20px;height:20px;border-radius:50%;cursor:ew-resize;background:var(--background-secondary)}input[type=range]:disabled::-webkit-slider-thumb{background:var(--disabled)}input[type=range]:disabled::-moz-range-thumb{background:var(--disabled)}input[type=range]:disabled::-ms-thumb{background:var(--disabled)}label{margin-top:1rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:var(--color-primary)}.button-container{display:flex;justify-content:center;margin-top:2rem}.sort-algo{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--background-secondary);color:var(--color-secondary);border:none;cursor:pointer;font-size:1rem;font-weight:600}.sort-algo:disabled{background-color:var(--disabled)}.sort-btn{margin-left:1rem;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--background-secondary);color:var(--color-secondary);border:none;cursor:pointer;font-size:1rem;font-weight:600;width:64px}.generate-btn{margin-left:1rem;border-radius:50%;width:35px;height:35px;background-color:var(--background-secondary);color:var(--color-secondary);border:none;cursor:pointer;font-size:1rem;font-weight:600}.generate-btn:disabled{background-color:var(--disabled)}.generate-btn img{width:80%;height:80%;margin-top:3.5px}@media screen and (max-width: 768px){#app{max-width:768px;padding:0 2rem}}@media screen and (max-width: 480px){#app{max-width:480px;padding:0 1rem}}@media screen and (max-width: 330px){.button-container{flex-direction:column;justify-content:center}.generate-input-container{margin-top:1rem}}@media screen and (max-height: 800px){.bar-container{height:400px}}@media screen and (max-height: 700px){.bar-container{height:300px}}