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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;margin-inline:0;text-align:center}#root{margin-top:0;padding-top:0}#top-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.start-button{border:.1em solid #000;border-radius:.12em;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:1em;font-weight:300;height:5em;margin:0 .3em .3em 0;min-width:160px;padding:.35em 1.2em;text-align:center;text-decoration:none;transition:all .2s}.start-button:hover{background-color:#000;color:#fff}.start-button:active{border-color:#bbb;color:#bbb}.title{margin-bottom:.2em}.subtitle,.title{margin-top:0}.extra-info-expanded{background-color:#ccc;bottom:0;font-size:smaller;max-width:12em;padding:0 1em 1em;position:absolute;right:0}.extra-info-expanded-button{border:.1em solid #000;border-radius:.12em;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-weight:300;margin:0 .3em .3em 0;padding:.35em 1.2em;position:absolute;right:-.3em;text-align:center;text-decoration:none;top:0;transition:all .2s}.extra-info-expanded-button:hover{background-color:#000;color:#fff}.extra-info-hiding{bottom:0;font-size:larger;padding:0 1em 1em 0;position:absolute;right:0}.extra-info-hiding-button{border:.1em solid #000;border-radius:.12em;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-weight:300;height:5em;margin:0 .3em .3em 0;padding:.35em 1.2em;text-align:center;text-decoration:none;transition:all .2s}.extra-info-hiding-button:hover{background-color:#000;color:#fff}.extra-info-hiding-button:active{border-color:#bbb;color:#bbb}.meter,.task{width:100%}.meter{background:#555;border-radius:25px;box-shadow:inset 0 -1px 1px #ffffff4d;height:20px;margin-top:10px;padding:10px;position:relative}.meter>span{background-color:#2bc253;background-image:linear-gradient(center bottom,#2bc253 37%,#54f054 69%);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:inset 0 2px 9px #ffffff4d,inset 0 -2px 6px #0006;display:block;height:100%;overflow:hidden;position:relative}.animate>span,.meter>span:after{animation-name:expandWidth;animation-timing-function:linear}.animate.unfill>span,.meter.unfill>span:after{animation-name:shrinkWidth;width:0}@keyframes expandWidth{0%{width:0}to{width:100%}}@keyframes shrinkWidth{0%{width:100%}to{width:0}}.meter.flipped{transform:rotate(180deg)}.task{width:80%}.circle-outer,.task{align-items:center;justify-content:center}.circle-outer{background:radial-gradient(#0000 69%,#000 0,#000 71%,#0000 0);display:flex;height:150px;width:150px}.circle-outer-border{border:1px solid #000}.circle-inner{animation:grow 1s infinite alternate;background:radial-gradient(cyan 69%,#0000 0)}@keyframes grow{0%{height:0;width:0}to{height:100%;width:100%}}.dot-outer{align-items:center;background:radial-gradient(#0000 69%,#000 0,#000 71%,#0000 0);display:flex;height:150px;justify-content:center;width:150px}@media screen and (max-width:768px){.dot-outer{height:80px;width:80px}}@media screen and (min-width:1200px){.dot-outer{height:300px;width:300px}}.dot-inner{height:100%;width:100%}.dot-inner.full{animation:fill-up .2s linear}.dot-inner.empty,.dot-inner.full{background:radial-gradient(cyan 69%,#0000 0)}.dot-inner.empty{animation:empty-out .2s linear;animation-fill-mode:forwards}.dot-inner.empty.static,.dot-inner.full.static{animation-duration:0s}@keyframes fill-up{0%{height:0;width:0}to{height:100%;width:100%}}@keyframes empty-out{0%{height:100%;width:100%}to{height:0;width:0}}.task{flex-direction:column}.dots,.task{display:flex}.dots{flex-direction:row}.dots.flipped{flex-direction:row-reverse}.boxer{align-items:center;animation:psych .7s linear infinite;animation-delay:-.2s;background-image:linear-gradient(45deg,#e66465,#9198e5);background-repeat:repeat;background-size:70px 70px;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.boxer.green{animation-delay:-.4s;animation-duration:1.4s;background-image:linear-gradient(45deg,#73ea94eb,#9198e5)}.wiggler{animation:shake 5s infinite;background-color:#f5f5f5;border-bottom-left-radius:9px;border-bottom-right-radius:9px;border-top-left-radius:45px;border-top-right-radius:9px;box-shadow:5px 5px #000;margin:auto;padding:1em}.wiggler>h1{font-weight:lighter;letter-spacing:.2rem}.tracker{background-color:#faebd7;height:50px;width:80%}.tracker-meter{animation:progress 5s linear infinite;background-color:#deb887;height:100%}@keyframes progress{0%{width:0}to{width:100%}}@keyframes psych{0%{background-position:-35px -35px}to{background-position:35px 35px}}@keyframes shake{0%{transform:translate(1px,-1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-1px) rotate(0deg)}}.merge-sorter{display:flex;flex-direction:row;height:100%;width:100%}.merge-sorter .col{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;height:100%;justify-content:space-between}.merge-sorter .col .cluster{display:flex;flex-direction:column;flex-grow:1;justify-content:center;justify-items:start}.merge-sorter .col{--base-color:#fffaf0;background-color:red;background-color:var(--base-color,red)}.merge-sorter .col:first-child{--base-color:#fabdff;--filled-color:#fabdff}.merge-sorter .col:nth-child(2){--base-color:#fffaf0;--filled-color:#ffb7e5}.merge-sorter .col:nth-child(3){--base-color:#fffaf0;--filled-color:#ffb9bf}.merge-sorter .col:nth-child(4){--filled-color:#ffc797}.merge-sorter .col:nth-child(5){--filled-color:#ffdf78}.merge-sorter .col:nth-child(6){--filled-color:#f9f871}.merge-sorter .wash{--duration:1s;animation:var(--duration) ease-in-out 1 forwards forwards;animation-name:column-wash}@keyframes column-wash{0%{background:linear-gradient(to bottom,var(--filled-color) 50%,var(--base-color) 50%);background-position:100% 100%;background-size:100% 200%}to{background:linear-gradient(to bottom,var(--filled-color) 50%,var(--base-color) 50%);background-position:100% 0;background-size:100% 200%}}.merge-sorter-item{border:1px solid #000;border-radius:3px;margin-inline:auto;margin-bottom:.1em;margin-top:.1em;text-align:center;width:50%}.merge-sorter-item.pop-in{animation:pop-in .4s ease-in-out;animation-delay:.1s}@keyframes pop-in{0%{opacity:.5;transform:scaleX(.4)}80%{opacity:1;transform:scaleX(1.2)}to{transform:scaleX(1)}}.merge-sorter-item p{margin-bottom:.2em;margin-top:.2em}.merge-sorter #end-phase-bar{--delay:0;background-color:#000;bottom:0;height:2em;left:0;position:absolute;width:0}#end-phase-bar.merge-sorter.showtime{animation:end-phase-bar 1s linear;animation:end-phase-bar var(--duration,1s) linear;animation-delay:0s;animation-delay:var(--delay,0s)}@keyframes end-phase-bar{0%{height:1em;width:0}to{height:1em;width:100%}}
/*# sourceMappingURL=main.fc8f05ae.css.map*/