body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:12px 15px;text-align:center}.sort{background-color:#ea984c}.sort:hover{background-color:#e7387b}.sort:active{box-shadow:0 2px #f082ac;-webkit-transform:translateY(2px);transform:translateY(2px)}.newArray{background-color:#1e90ff;box-shadow:0 2px #b0e0e6}.newArray:hover{background-color:#2a75ff}.button:active{box-shadow:0 2px #b0e0e6;-webkit-transform:translateY(2px);transform:translateY(2px)}.dropdown{background-color:#fff;border:2px solid #1e90ff;border-radius:5px;width:10%}.dropdown select:hover{cursor:pointer}.dropdown select{background-color:transparent;border:none;font-size:1rem;font-weight:400;padding:10px 15px 10px 2px}.dropdown select:focus{outline:none}.wrapper{align-items:center;display:flex;flex-direction:column;width:30%}form{max-width:500px;width:90%}.slider-title{font-size:1.2rem;font-weight:400;text-align:center}form .speed-slider{align-content:stretch;display:flex;flex-direction:row;height:50px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}form .speed-slider:before{background:#000;content:" ";height:2px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;width:66.66667%}form .speed-slider input,form .speed-slider label{box-sizing:border-box;cursor:pointer;flex:1 1;-webkit-user-select:none;-ms-user-select:none;user-select:none}form .speed-slider label{display:inline-block;height:100%;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:20%}form .speed-slider label:before{content:attr(current-speed);font-size:14px;font-weight:400;left:50%;letter-spacing:.4px;opacity:.85;padding-top:10px;position:absolute;-webkit-transform:translate(-50%,45px);transform:translate(-50%,45px);transition:all .15s ease-in-out;white-space:nowrap}form .speed-slider label:after{background:#fff;border:2px solid #000;border-radius:50%;content:" ";cursor:pointer;height:30px;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:30px;z-index:1}form .speed-slider label:hover:after{-webkit-transform:translate(-50%,-50%) scale(1.25);transform:translate(-50%,-50%) scale(1.25)}form .speed-slider input{display:none}form .speed-slider input:checked+label:before{font-weight:800;opacity:1}form .speed-slider input:checked+label:after{border-width:4px;-webkit-transform:translate(-50%,-50%) scale(.75);transform:translate(-50%,-50%) scale(.75)}form .speed-slider input:checked~.slider-position{opacity:1}form .speed-slider input:checked:first-child~.slider-position{left:16.7%}form .speed-slider input:checked:nth-child(3)~.slider-position{left:50%}form .speed-slider input:checked:nth-child(5)~.slider-position{left:83.3%}form .speed-slider .slider-position{background:#000;border:2px solid #fff;border-radius:50%;display:block;height:12px;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .15s ease-in-out;width:12px;z-index:2}form:valid .speed-slider input+label:before{-webkit-transform:translate(-50%,45px) scale(.9);transform:translate(-50%,45px) scale(.9);transition:all .15s linear}form:valid .speed-slider input:checked+label:before{-webkit-transform:translate(-50%,45px) scale(1.1);transform:translate(-50%,45px) scale(1.1);transition:all .15s linear}form+button{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #000;border-radius:8px;cursor:pointer;display:block;font-family:inherit;font-size:24px;font-weight:600;margin:56px auto 0;outline:0;padding:10px 20px;position:relative;transition:all .15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}form+button:hover{background:#000;color:#fff}form+button:hover:active{-webkit-transform:scale(.9);transform:scale(.9)}form+button:focus{background:#4caf50;border-color:#4caf50;color:#fff;pointer-events:none}form+button:focus:before{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}form+button:before{content:"\f3f4";display:inline-block;font-family:Font Awesome\ 5 Pro;font-weight:900;margin-right:0;opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:0}form:invalid+button{opacity:.25;pointer-events:none}@-webkit-keyframes spin{0%{margin-right:12px;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:24px}to{margin-right:12px;opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn);width:24px}}@keyframes spin{0%{margin-right:12px;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:24px}to{margin-right:12px;opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn);width:24px}}.header{align-items:center;background-color:#9de7e7;display:flex;flex-direction:row;justify-content:center;justify-content:space-between;padding:0 25px;position:relative}.sortingBars{left:5%;position:absolute;top:25%}.bars{background-color:coral;border-radius:10px;display:inline-block;margin-left:4px;width:10px}.algoInfo{align-items:center;border:3px solid #6495ed;border-radius:5px;bottom:30px;display:flex;height:70px;justify-content:center;left:5%;position:absolute;width:90%}.algoInfo div{color:#ff581c;font-size:25px;font-weight:800;margin-left:30px}body{background-color:#f1f1f1;box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.86e8a14c.css.map*/