*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{position:relative;min-height:100vh;min-width:100vw;text-align:center}.App__Body{padding-top:70px;width:100%}.Button{font-size:12px;font-weight:500;text-decoration:none;padding:7px;display:inline-flex;position:relative;align-items:center;justify-content:center;min-width:50px;height:36px;border:none;background:none}.Button,.Button:active{outline:none}.Button:hover{cursor:pointer}.Button:disabled{cursor:default;color:rgba(0,0,0,.37)}.Button__Icon{width:20px;height:20px;display:inline-block;margin-right:10px}.Button_uppercase{text-transform:uppercase}.Button_dense{height:32px;font-size:10px}.Button_raised{position:relative;color:#fff;background-color:#32c537}.Button_raised:focus,.Button_raised:hover{background-color:#1f8823;box-shadow:0 2px 4px rgba(0,0,0,.37)}.Button_raised:active{box-shadow:0 1px 2px rgba(0,0,0,.37)}.Button_raised:disabled{box-shadow:none}.Button_outlined{border:1px solid}.Button_outlined:disabled{border-color:rgba(0,0,0,.37)}.Button_unelevated,.Button_unelevated:active,.Button_unelevated:focus,.Button_unelevated:hover{box-shadow:none}.TopBar{background-color:#fff;padding-bottom:15px;position:fixed;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.37);z-index:105}.TopBar,.TopBar__Row{width:100%;display:flex}.TopBar__Row{height:60px;position:relative}.TopBar__Section{display:inline-flex;flex:1 1 auto;align-items:center;padding:20px}.TopBar__Section_align_end{justify-content:flex-end}.TopBar__Title{font-size:24px;padding-left:20px}.TopBar__MenuButton{display:none}.TopBar__Icon{height:20px;width:20px}@media (max-width:750px){.TopBar__Title{font-size:18px;padding-left:15px}.TopBar__Section_align_end{display:none}.TopBar__MenuButton{display:inline-flex}}.MobileNav{position:absolute;top:60px;z-index:105;width:225px;min-height:calc(100vh - 60px);overflow:scroll;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.39);transition:all .5s ease-in-out}.MobileNav__closed{left:-300px;opacity:0}.MobileNav__open{opacity:1;left:0}.Menu{position:relative;display:inline-block}.Menu__List{position:absolute;top:100%;left:0;right:0;z-index:110;max-height:80vh;border-top:2px solid #32c537;list-style:none;text-align:justify;background-color:#f9fce7;overflow:scroll}.Menu__Header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:5px}.Menu__SelectedItem{min-width:32px;text-align:center}.Menu__Placeholder{color:grey}.Menu__Item{padding:7px;font-weight:500}.Menu__Item:focus,.Menu__Item:hover{cursor:pointer;background-color:#8ed190}.Menu__DropDownButton:hover{color:#1f8823}.AppControls__Size{display:inline-flex;flex-flow:row nowrap;align-items:center;margin:0 25px}.AppControls__RandomizeBtn:hover{color:#1f8823}.SortVisualizer{padding:5px;margin:10px;width:auto;transition:.5s ease-in-out}.SortVisualizer__ProgressBar{margin:5px 10px}@media only screen and (max-width:600px){.SortVisualizer{width:100%;margin:5px;padding:0}}.SortChart{background-color:#c4c4c4;height:40vh;min-height:215px;padding:10px;display:flex;flex-direction:row;align-items:flex-end;transition:all .5s ease-in-out}@media only screen and (max-width:600px){.SortChart{padding:5px;width:90%;margin:auto}}.Bar{background-color:#fff;color:#3b3b3b;display:flex;align-items:flex-end;transition:all .5s ease-in-out}.Bar__Text{margin:0 auto 3px}.Bar_sorted{background-color:#32c537}.Bar_stateD{background-color:#ff71a0}.Bar_stateC{background-color:#3131f5}.Bar_stateB{background-color:#db1d1d}.Bar_stateA{background-color:#dedb1f}.ProgressBar{width:100%;height:5px;border-radius:4px;overflow:hidden;background-color:#999}.ProgressBar__Active{height:100%;border-radius:4px;overflow:hidden;background-color:#af0101;-webkit-animation-name:timing-translate;animation-name:timing-translate;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes timing-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(20%);transform:translateX(20%)}50%{-webkit-animation-timing-function:cubic-bezier(.3,.38,.55,.96);animation-timing-function:cubic-bezier(.3,.38,.55,.96);-webkit-transform:translateX(75%);transform:translateX(75%)}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@keyframes timing-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(20%);transform:translateX(20%)}50%{-webkit-animation-timing-function:cubic-bezier(.3,.38,.55,.96);animation-timing-function:cubic-bezier(.3,.38,.55,.96);-webkit-transform:translateX(75%);transform:translateX(75%)}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@media only screen and (max-width:600px){.ProgressBar{width:80%;margin:0 auto}}.VisualizerControls{display:inline-flex;align-items:center;padding:20px 0}.VisualizerControls__CenterButton{height:50px;width:50px;padding:0;border-radius:50%;background-color:#5eb5f0}.VisualizerControls__CenterButton:hover{cursor:pointer}.VisualizerControls__CenterButton:focus,.VisualizerControls__CenterButton:hover{background-color:#1e84c9}.VisualizerControls__CenterButton:disabled{background-color:#cacaca}.VisualizerControls__Button,.VisualizerControls__SpeedButton{padding:0 10px}.VisualizerControls__Icon{height:20px;width:20px;margin:0}@media only screen and (max-width:600px){.VisualizerControls{padding:10px 0}}.ColorKey{width:80%;padding:10px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:center}.ColorKey__Item{display:inline-flex;align-items:center;margin-right:40px;padding:5px}.ColorKey__Box{width:20px;height:20px;margin-right:5px}.ColorKey__Unsorted{background-color:#fff;border:1px solid #3b3b3b}.ColorKey__Sorted{background-color:#32c537}.ColorKey__GroupA{background-color:#dedb1f}.ColorKey__GroupB{background-color:#db1d1d}.ColorKey__GroupC{background-color:#3131f5}.ColorKey__GroupD{background-color:#ff71a0}.SortInfo{width:80%;padding:10px;margin:5px auto}.SortInfo h1{margin:10px 0}.SoftInfo__Content{display:flex;flex-flow:row wrap;text-align:left}.SortInfo__Case,.SortInfo__Description{padding:7px;font-size:16px}.SortInfo__Description{flex:2 1;margin-right:15px}.SortInfo__Case{flex:1 1;padding-left:10px;border-left:1px solid #a3a3a3}.SortInfo__Case h3{margin-bottom:10px}.SortInfo__Case td{padding-bottom:7px}.SortInfo__Case code{padding-left:5px;font-weight:500}@media only screen and (max-width:600px){.SortInfo{width:90%}.SoftInfo__Content{flex-flow:column nowrap;text-align:left}.SortInfo__Case{padding:10px;border-left:none;border-top:1px solid #a3a3a3}}
/*# sourceMappingURL=main.29c50f87.chunk.css.map */