@import url(https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap);@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body,html{background-color:#fff;margin:0}#app-wrapper,#root,body,html{height:100%}#app-wrapper{flex-direction:column;font-family:Lato,sans-serif}#app-wrapper,.sidebar-wrapper{display:flex;height:100%}.main-sidebar{display:flex;flex:1 1}.sidebar{align-items:center;background-color:#1f292e;color:#fff;flex-direction:column;justify-content:center;width:275px}.sidebar-settings{display:flex;flex-direction:column;padding:0 20px;width:100%}.sidebar-setting{display:flex;flex-direction:column;font-size:17px;padding:20px;text-align:center}.sidebar-setting>*{margin:5px 0}.sidebar-button{background-color:#33435d;border:none;border-radius:5px;color:#fff;font-size:15px;font-weight:600;padding:3px}.sidebar-button:hover{color:#98d6e8;cursor:pointer}.current-option{overflow:hidden;text-align:center}.selection-dropdown{background-color:#33435d;cursor:pointer;display:flex;justify-content:space-between;padding:0 5px}.selection-options{-webkit-animation:growDown .25s ease-in-out forwards;animation:growDown .25s ease-in-out forwards;display:none;margin:0;position:relative}.selection-options ul{background-color:#33435d;bottom:-65px;left:0;overflow-y:scroll;position:absolute;right:0;top:-5px}.selection-options ul::-webkit-scrollbar{width:10px}.selection-options ul::-webkit-scrollbar-thumb{background:#fff}.selection-options ul div{cursor:pointer;padding:1px}.selection-options ul div:hover{background-color:#3e5072;transition:all .15s linear}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:500px){.sidebar{width:100px}.section>p{font-size:10px}}*{margin:0;padding:0}#header{background-color:#33435d;color:#fff;word-break:break-all}#header,#logo-wrapper{align-items:center;display:flex}#logo-wrapper{margin-right:50px}#logo-wrapper a{color:#fff;text-decoration:none}#name{color:#fff;font-size:40px;padding:10px}#name:hover{color:#98d6e8;transition:all .15s linear}#nav-bar>ul{margin:0;padding:0}#nav-bar>ul>li{display:inline-block;font-size:30px}.nav-link{color:#fff;cursor:pointer;text-decoration:none;width:100%}.algos-option:hover,.nav-option:hover{color:#98d6e8;transition:all .15s linear}.nav-option{align-items:center;display:flex;padding:15px 30px 16px 0;word-break:break-all}.fa-caret-down{margin-left:3px;margin-top:5px}#dropdown{-webkit-animation:growDown .35s ease-in-out forwards;animation:growDown .35s ease-in-out forwards;background-color:#475c83;border-radius:5px;display:none;position:absolute;top:85px;-webkit-transform-origin:top center;transform-origin:top center;z-index:1}#dropdown ul li{color:#fff;display:flex;font-size:20px}.algos-option{align-items:center;display:flex;justify-content:center;padding:15px}@-webkit-keyframes growDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}80%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes growDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}80%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@media (max-width:500px){#name{font-size:20px;padding:5px}#logo-wrapper{margin-right:0}#nav-bar>ul>li{font-size:12px}#dropdown{top:50px}#dropdown ul li{font-size:10px}.nav-option{margin:0;padding:10px}}#footer{align-items:center;background-color:#33435d;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:auto;padding:8px 0;word-break:break-all}#footer-header{font-size:20px;margin:5px 0}#contact-wrapper{width:100%}#contact-wrapper ul{align-items:center;display:flex;justify-content:center}#contact-wrapper ul li{align-items:center;display:flex;flex-direction:row;font-size:15px;padding:5px}.social-link{color:#fff;text-decoration:none}.social-link:hover{color:#98d6e8;cursor:pointer;transition:all .15s linear}.social-text{padding:0 15px 0 3px}.copied-parent{padding:50px;position:relative}.copied{-webkit-animation:copyToClipboard;animation:copyToClipboard;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;-webkit-animation-iteration-count:initial;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#2c537e;border-radius:5px;left:-30px;padding:5px;position:absolute;top:-30px;width:150px}.copied-text{text-align:center}@-webkit-keyframes copyToClipboard{0%{opacity:1}to{opacity:0}}@keyframes copyToClipboard{0%{opacity:1}to{opacity:0}}@media (max-width:500px){#footer-header{font-size:15px}#contact-wrapper ul li{font-size:10px;padding:0}}#home-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}#home-header-text{font-family:Lato,sans-serif;font-size:50px;font-weight:400;margin-top:20px;text-align:center}#home-text{font-size:20px;padding:10px;text-align:center;width:600px}#buttons-menu{display:flex}#buttons-menu a{text-decoration:none}.home-section{background-color:#33435d;border-radius:5px;color:#fff;cursor:pointer;margin:10px 5px 20px;padding:10px;text-align:center}.home-section:hover{color:#98d6e8;transition:all .15s linear}@media (max-width:500px){#home-header-text{font-size:35px}#home-text{text-align:center;width:auto}#home-text,.home-section{font-size:15px}}.sidebar{display:flex;justify-content:flex-start}.documentation-wrapper{display:flex;margin:0 auto;overflow:auto}.documentation{display:flex;flex-direction:column;margin:20px;min-width:0;width:800px}#documentation-section{text-align:center;width:100%}.section{font-size:20px;padding:20px}.section:hover{background-color:#3e5072!important;color:#98d6e8;transition:all .15s linear}.documentation-link{color:#fff;text-decoration:none}.sections-wrapper-wrapper{display:flex;justify-content:center}.sections-wrapper{background-color:#dce2ef;border-radius:4px;padding:20px}.sections-header{font-size:20px}.section-names ul{margin:0;padding:0}.section-names ul li:hover{background-color:#c2cffd;transition:all .15s linear}.active-section{background-color:#a7b9ff}.active-section:hover,.next-section:hover{background-color:#c2cffd}.next-section:hover{transition:all .15s linear}.markdown{display:flex;flex-direction:column;font-size:18px;justify-content:center}.markdown p{padding:5px 0}.markdown code{font-family:Titillium Web,sans-serif;font-size:.875rem;font-weight:700}.markdown ul{margin-left:20px}.markdown li{padding:3px 0}.markdown a,.markdown li a{color:#58a6ff}.markdown a{text-decoration:none}.markdown h1,.markdown h2,.markdown h3,.markdown img{padding:10px 0}.markdown img{display:flex;margin:0 auto}.scroll-to-top-button{-webkit-animation:fadeIn .8s ease-in-out 1s both;animation:fadeIn .8s ease-in-out 1s both;bottom:20px;cursor:pointer;position:fixed;right:20px}.scroll-up{background-color:#536b98;border-radius:10px;color:#fff;font-size:40px;padding:0 10px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{display:flex;margin:auto;overflow:auto}#sorting-visualizer{align-items:flex-end;display:flex;margin:50px}.array-bar{display:flex;margin:0 1px;width:3px}.node{align-items:center;border:1px solid #8dc3e7;height:20px;justify-content:center;touch-action:none;width:20px}.node-start{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:startAnimation;animation-name:startAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#a6def6}@-webkit-keyframes startAnimation{0%{border-radius:100%;-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes startAnimation{0%{border-radius:100%;-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.node-finish{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:finishAnimation;animation-name:finishAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#9ff8c8}@-webkit-keyframes finishAnimation{0%{border-radius:100%;-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes finishAnimation{0%{border-radius:100%;-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.node-wall{-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:wallAnimation;animation-name:wallAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#33435d;border:1px solid #33435d}@-webkit-keyframes wallAnimation{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes wallAnimation{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.node-weight-image{-webkit-filter:invert(94%) sepia(53%) saturate(7246%) hue-rotate(292deg) brightness(99%) contrast(104%);filter:invert(94%) sepia(53%) saturate(7246%) hue-rotate(292deg) brightness(99%) contrast(104%);height:100%;object-fit:contain}.node-weight{-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:weightAnimation;animation-name:weightAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes weightAnimation{0%{border:1px solid #fff;-webkit-transform:scale(.6);transform:scale(.6)}50%{border:1px solid #fff;-webkit-transform:scale(1);transform:scale(1)}to{border:1px solid #8dc3e7;-webkit-transform:scale(1);transform:scale(1)}}@keyframes weightAnimation{0%{border:1px solid #fff;-webkit-transform:scale(.6);transform:scale(.6)}50%{border:1px solid #fff;-webkit-transform:scale(1);transform:scale(1)}to{border:1px solid #8dc3e7;-webkit-transform:scale(1);transform:scale(1)}}.node-weight-visited{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedWeightAnimation;animation-name:visitedWeightAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes visitedWeightAnimation{0%{background-color:#a6def6;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#8dc3e7}75%{background-color:#8be5cc;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#a6def6;border:1px solid #8dc3e7;-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedWeightAnimation{0%{background-color:#a6def6;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#8dc3e7}75%{background-color:#8be5cc;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#a6def6;border:1px solid #8dc3e7;-webkit-transform:scale(1);transform:scale(1)}}.node-visited{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes visitedAnimation{0%{background-color:#a6def6;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#8dc3e7}75%{background-color:#8be5cc;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#a6def6;border:1px solid #8dc3e7;-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation{0%{background-color:#a6def6;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#8dc3e7}75%{background-color:#8be5cc;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#a6def6;border:1px solid #8dc3e7;-webkit-transform:scale(1);transform:scale(1)}}.node-shortest-path{-webkit-animation-direction:alternate,alternate;animation-direction:alternate,alternate;-webkit-animation-duration:1s,2s;animation-duration:1s,2s;-webkit-animation-fill-mode:forwards,forwards;animation-fill-mode:forwards,forwards;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-name:shortestPathAnimation,idleShortestPathAnimation;animation-name:shortestPathAnimation,idleShortestPathAnimation;-webkit-animation-timing-function:ease-out,linear;animation-timing-function:ease-out,linear;background-color:#efee90;border:1px solid #efee90}@-webkit-keyframes idleShortestPathAnimation{50%{background-color:#fcda9f;border:1px solid #fcda9f}to{background-color:#e2ff7b;border:1px solid #e2ff7b}}@keyframes idleShortestPathAnimation{50%{background-color:#fcda9f;border:1px solid #fcda9f}to{background-color:#e2ff7b;border:1px solid #e2ff7b}}@-webkit-keyframes shortestPathAnimation{0%{background-color:#fffe6a;border:1px solid #fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;border:1px solid #fffe6a;-webkit-transform:scale(1.3);transform:scale(1.3)}to{background-color:#fffe6a;border:1px solid #fffe6a;-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPathAnimation{0%{background-color:#fffe6a;border:1px solid #fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;border:1px solid #fffe6a;-webkit-transform:scale(1.3);transform:scale(1.3)}to{background-color:#fffe6a;border:1px solid #fffe6a;-webkit-transform:scale(1);transform:scale(1)}}#grid{margin:20px;width:100%}.grid-row{display:flex;flex-direction:row}
/*# sourceMappingURL=main.b7dd16e5.css.map*/