div#navbar-wrapper{width:1400px;height:65px;background:#c1e3ff;margin-bottom:1em;padding:0 calc((100vw - 1400px)/2);text-align:center}div#navbar-wrapper *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div#navbar-wrapper div.navbar-logo{height:100%;float:left;margin-left:10em;width:160px;position:relative}div#navbar-wrapper div.navbar-logo>a{text-decoration:none}div#navbar-wrapper div.navbar-logo .logo-text{font-size:18px;position:absolute;top:30%;left:50%;color:#fff;z-index:100;text-shadow:#000 2px 2px 0;font-weight:700;white-space:pre;font-family:monospace;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:font-size .3s ease;transition:font-size .3s ease}div#navbar-wrapper div.navbar-logo .ascii-logo{position:absolute;left:50%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scale(.18) translateX(-50%);transform:scale(.18) translateX(-50%)}div#navbar-wrapper div.navbar-logo .ascii-logo>span{display:block;line-height:8px;font-size:8px;font-weight:700;white-space:pre;font-family:monospace;color:#000;-webkit-transition:color .3s ease;transition:color .3s ease}div#navbar-wrapper div.navbar-logo:hover .ascii-logo>span{color:green}div#navbar-wrapper div.navbar-logo:hover .logo-text{font-size:20px}div#navbar-wrapper #operations-dropdown{-webkit-animation:slideIn1 .5s ease-out;animation:slideIn1 .5s ease-out}div#navbar-wrapper #generate-tree{-webkit-animation:slideIn2 .75s ease-out;animation:slideIn2 .75s ease-out}div#navbar-wrapper #reset-tree{-webkit-animation:slideIn3 1s ease-out;animation:slideIn3 1s ease-out}div#navbar-wrapper #tooltips-toggle{-webkit-animation:slideIn4 1.25s ease-out;animation:slideIn4 1.25s ease-out}div#navbar-wrapper div.dropdown{height:100%;float:left;margin:0 15px;display:inline-flex;align-items:center;position:relative}div#navbar-wrapper div.dropdown *{font-family:monospace;font-size:14px}div#navbar-wrapper div.dropdown:hover>a.dropdown-toggle{text-decoration:underline}div#navbar-wrapper div.dropdown:hover>a.dropdown-toggle>i{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}div#navbar-wrapper div.dropdown:hover>ul.dropdown-menu{display:block;opacity:1;-webkit-animation:fadeDropDown .5s ease-out;animation:fadeDropDown .5s ease-out}div#navbar-wrapper a.dropdown-toggle{cursor:pointer;color:inherit;text-decoration:none;margin:0 15px;padding:15px 0;-webkit-transition:all .2s ease;transition:all .2s ease}div#navbar-wrapper a.dropdown-toggle>i,div#navbar-wrapper a.submenu-toggle>i{margin-left:10px;opacity:.3;-webkit-transition:all .3s ease;transition:all .3s ease}div#navbar-wrapper .fa-caret-down{font-family:FontAwesome!important}div#navbar-wrapper .fa-caret-down:before{font-size:26px;vertical-align:sub}div#navbar-wrapper ul.dropdown-menu{position:absolute;list-style:none;background-color:#eee;padding:5px;border-radius:8px;top:40px;left:5px;min-width:200px;opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:10;display:none}div#navbar-wrapper ul.dropdown-menu.submenu-dropdown{top:0;left:110%}div#navbar-wrapper a.submenu-toggle>i{float:right;line-height:100%;-webkit-transform:rotate(270deg);transform:rotate(270deg)}div#navbar-wrapper li.submenu:hover>a.submenu-toggle>i{opacity:1;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div#navbar-wrapper li.submenu:hover:after{content:"";display:table;position:absolute;right:-10%;height:100%;width:10%;top:0}div#navbar-wrapper li.submenu:hover>ul.dropdown-menu{display:block;opacity:1;-webkit-animation:fadeDropDown .5s ease-out;animation:fadeDropDown .5s ease-out}div#navbar-wrapper .dropdown-menu-option{border-radius:5px;padding:7px;text-align:left;position:relative;-webkit-transition:all .1s ease;transition:all .1s ease}div#navbar-wrapper .dropdown-menu-option>a{text-decoration:none;color:inherit;width:100%;display:block}div#navbar-wrapper .dropdown-menu-option:hover{background:#fff}div#navbar-wrapper #about-information,div#navbar-wrapper #tooltips-toggle,div#navbar-wrapper div.navbar-button{float:left;height:100%;margin:0 15px;display:flex;align-items:center;font-family:monospace}div#navbar-wrapper #about-information{width:50px;position:relative;margin:0 40px}div#navbar-wrapper #about-information .info-icon-wrapper{width:25px;height:25px;text-align:center;margin:auto;border-radius:100%;border:3px solid #000;position:relative;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}div#navbar-wrapper #about-information .info-icon-wrapper .fa-info{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}div#navbar-wrapper #about-information .about-dialogue{display:none;position:absolute;width:200px;height:100px;background-color:#eee;border:1px solid #000;border-radius:10px;top:105%;left:50%;z-index:1000000;-webkit-transform:translateX(-50%);transform:translateX(-50%)}div#navbar-wrapper #about-information .about-dialogue:before{content:"";background-color:#eee;position:absolute;border-color:#000;border-style:solid;border-width:1px 0 0 1px;border-radius:1px;top:-11px;height:20px;width:20px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}div#navbar-wrapper #about-information .about-dialogue p{padding:0 15px}div#navbar-wrapper #about-information:hover .info-icon-wrapper{-webkit-transform:scale(.9);transform:scale(.9)}div#navbar-wrapper #about-information:hover .about-dialogue{display:block;-webkit-animation:fadeDropDown .5s ease-out;animation:fadeDropDown .5s ease-out}div#navbar-wrapper div.navbar-button>button{padding:10px 15px;border:none;border-radius:20px;font-family:monospace;cursor:pointer;width:100px;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}div#navbar-wrapper div.navbar-button>button:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div#navbar-wrapper div.navbar-button>button:focus{outline:none}div#navbar-wrapper .tooltips-text{margin:10px;cursor:default}div#navbar-wrapper .switch{position:relative;display:inline-block;width:60px;height:34px}div#navbar-wrapper .switch .input{opacity:0;width:0;height:0}div#navbar-wrapper .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}div#navbar-wrapper .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}div#navbar-wrapper .slider.round{border-radius:34px}div#navbar-wrapper .slider.round:before{border-radius:50%}div#navbar-wrapper input:checked+.slider{background-color:#12d006}div#navbar-wrapper input:focus+.slider{box-shadow:0 0 1px #12d006}div#navbar-wrapper input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}@-webkit-keyframes fadeDropDown{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes fadeDropDown{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes slideIn1{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}1%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@keyframes slideIn1{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}1%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@-webkit-keyframes slideIn2{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}33%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@keyframes slideIn2{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}33%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@-webkit-keyframes slideIn3{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}50%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@keyframes slideIn3{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}50%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@-webkit-keyframes slideIn4{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}60%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}@keyframes slideIn4{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:none;opacity:0}60%{-webkit-transform:translateX(-50px);transform:translateX(-50px);display:block;opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);display:block;opacity:1}}#tooltips{position:absolute;left:0;bottom:0;height:350px;width:100%;overflow:hidden;background:#d3d3d3;max-height:0;-webkit-transition:max-height .5s ease-out;transition:max-height .5s ease-out}#tooltips.visible{max-height:350px}#tooltips .curr-tooltips,#tooltips .prev-tooltips{height:100%;width:90%;position:absolute}#tooltips .prev-tooltips{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#tooltips .prev-tooltips.hiding{opacity:0}#tooltips .prev-tooltips.hidden{opacity:0;visibility:hidden}#tooltips .curr-tooltips{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 2s ease;transition:all 2s ease}#tooltips .curr-tooltips.visible{-webkit-transform:translateX(0);transform:translateX(0)}#tooltips .tooltip{height:100%;width:100%;display:flex;align-items:center;justify-content:center}#tooltips .tooltip p{margin:0 30%;font-size:20px;font-family:monospace}#tooltips .tooltips-next{opacity:0;visibility:hidden;position:absolute;right:calc((10% - 96px)/2);top:48%;font-family:monospace;font-size:15px;text-decoration:none;color:#6464c8;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#tooltips .tooltips-next.visible{opacity:1;visibility:visible}#tooltips .tooltips-next:hover .fa-arrow-right{-webkit-animation:nextArrow 1s linear infinite;animation:nextArrow 1s linear infinite}#tooltips .tooltips-next:hover .next-underline{max-width:74.5px}#tooltips .tooltips-next .next-underline{height:2px;width:100%;background:#6464c8;max-width:0;-webkit-transition:max-width .3s ease;transition:max-width .3s ease}#tooltips .tooltips-next .fa-arrow-right{display:inline-block;padding-left:9px}@-webkit-keyframes nextArrow{25%{-webkit-transform:translateX(3px);transform:translateX(3px)}75%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}}@keyframes nextArrow{25%{-webkit-transform:translateX(3px);transform:translateX(3px)}75%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}}#prompt-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10000}#prompt-background{position:relative;background:grey;opacity:.4;top:0;left:0;height:100%;width:100%}#input-container{position:absolute;width:500px;height:200px;background:#f5f5f5;z-index:10000;top:25%;left:50%;border-radius:10px;box-shadow:0 0 3px #000;-webkit-animation:inputPromptEnter 1s ease;animation:inputPromptEnter 1s ease;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#input-container>button{padding:10px 15px;border:none;border-radius:20px;font-family:monospace;cursor:pointer;width:100px;position:absolute;bottom:20%;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}#input-container>button:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#input-container>button:focus{outline:none}#input-container>button#input-confirm{left:25%;background:#90ee90}#input-container>button#input-cancel{right:25%;background:#ff8181}#input-message{font-family:monospace;font-size:14px;padding-top:20px}#input-number{display:block;text-align:center;margin:auto;height:30px;width:75px;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes inputPromptEnter{1%{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes inputPromptEnter{1%{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}#error-message{position:absolute;top:20px;height:30px;background:#f2dede;width:350px;border-radius:5px;left:50%;font-family:monospace;color:#a94442;border:1px solid #dec2c7;opacity:0;z-index:100000;visibility:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:errorMessage 4s ease;animation:errorMessage 4s ease}#error-message>p{position:absolute;margin:unset;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes errorMessage{0%{opacity:0;visibility:visible;-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px)}15%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%);transform:translateX(-50%)}84%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%);transform:translateX(-50%)}99%{opacity:0;-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px)}to{opacity:0;visibility:hidden}}@keyframes errorMessage{0%{opacity:0;visibility:visible;-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px)}15%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%);transform:translateX(-50%)}84%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%);transform:translateX(-50%)}99%{opacity:0;-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px)}to{opacity:0;visibility:hidden}}#BinarySearchTree.tree{padding:10px;display:flex;justify-content:center;-webkit-transform-origin:top;transform-origin:top;overflow:visible;-webkit-transition:all 1s ease;transition:all 1s ease}#BinarySearchTree .root{-webkit-transform-origin:top left;transform-origin:top left;white-space:nowrap;flex-shrink:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:width 2s ease;transition:width 2s ease}#BinarySearchTree .node-value{line-height:50px;width:50px;height:50px;border-radius:100%;text-align:center;font-family:monospace;margin:0 calc(50% - 25px);font-size:16px;position:relative;z-index:100;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}#BinarySearchTree .node-value:last-child{margin:0 10px}#BinarySearchTree .node-value-circle{width:50px;height:50px}#BinarySearchTree .node-value-circle>text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#BinarySearchTree .node-circle-background{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 1s ease;transition:all 1s ease;-webkit-transform:scale(0);transform:scale(0)}#BinarySearchTree .node-circle-background.visited{fill:#ffebc6}#BinarySearchTree .node-circle-background.success{fill:#90ee90}#BinarySearchTree .node-circle-background.removed{fill:#ffc6c6}#BinarySearchTree .node-circle{stroke-dasharray:160;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dashoffset:160;-webkit-transition:stroke-dashoffset 1s ease;transition:stroke-dashoffset 1s ease}#BinarySearchTree .node-circle.initial{stroke:#000;fill:#fff}#BinarySearchTree .node-circle.visited{stroke:orange;stroke-width:2}#BinarySearchTree .node-circle.visited.visible{stroke-dashoffset:0}#BinarySearchTree .node-circle.success{stroke:green;stroke-width:2}#BinarySearchTree .node-circle.success.visible{stroke-dashoffset:0}#BinarySearchTree .node-circle.removed{stroke:red;stroke-width:2}#BinarySearchTree .node-circle.removed.visible{stroke-dashoffset:0}#BinarySearchTree .node-value-text{font-size:0;-webkit-transition:font-size 1s ease;transition:font-size 1s ease}#BinarySearchTree .node-circle-traversal{width:50px;height:50px}#BinarySearchTree .node-circle-traversal.visible>.node-circle-background{-webkit-transform:scale(1);transform:scale(1)}#BinarySearchTree .node-circle-traversal.visible>.node-circle{stroke-dashoffset:0}#BinarySearchTree .node-line{top:-25px;stroke:#000;position:absolute;width:50%}#BinarySearchTree .node-line>.line{-webkit-transform:scaleX(0) scaleY(0);transform:scaleX(0) scaleY(0);-webkit-transition:all 1s ease;transition:all 1s ease}#BinarySearchTree .node-line>.line.visited{stroke:orange;stroke-width:2}#BinarySearchTree .node-line>.line.visited.visible{-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}#BinarySearchTree .node-line>.line.success{stroke:green;stroke-width:2}#BinarySearchTree .node-line>.line.success.visible{-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}#BinarySearchTree .node-line>.line.removed{stroke:red;stroke-width:2}#BinarySearchTree .node-line.visible>.line.initial,#BinarySearchTree .node-line>.line.removed.visible{-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}#BinarySearchTree .node-wrapper{text-align:center;display:inline-block;position:relative;-webkit-transition:all 2s ease;transition:all 2s ease}#BinarySearchTree .node-wrapper>.node-value.visible .node-value-text{font-size:16px}#BinarySearchTree .node-wrapper>.node-value.visible .node-circle.initial{stroke-dashoffset:0}#BinarySearchTree .node-wrapper>.node-value.visible>span.node-hover{display:block;visibility:hidden}#BinarySearchTree .node-wrapper>.node-value.visible>span.node-hover.visible{visibility:visible}#BinarySearchTree .node-wrapper>.node-value.visible>span.node-hover.visible:hover{opacity:1}#BinarySearchTree .node-wrapper.left>.node-line{left:50%}#BinarySearchTree .node-wrapper.left>.node-line>line{-webkit-transform-origin:100% 0;transform-origin:100% 0}#BinarySearchTree .node-wrapper.right>.node-line{right:50%}#BinarySearchTree .node-wrapper.right>.node-line>line{-webkit-transform-origin:0 0;transform-origin:0 0}#BinarySearchTree .node-wrapper:not(.root){width:50%}#BinarySearchTree .node-wrapper[node-value=null]{opacity:0}#BinarySearchTree .node-wrapper.moved *{-webkit-transition:none!important;transition:none!important}#BinarySearchTree .node-wrapper.moved .line.success{-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}#BinarySearchTree .node-wrapper.moved .node-circle.success{stroke-dashoffset:0}#BinarySearchTree .node-wrapper.moved .node-circle-background.success{-webkit-transform:scale(1);transform:scale(1)}#BinarySearchTree span.node-hover{display:none;opacity:0;width:100%;height:100%;position:absolute;background:#fff;border-radius:100%;cursor:default;overflow:hidden;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#BinarySearchTree span.node-hover svg.circle{height:50px;width:50px;position:absolute}#BinarySearchTree span.node-hover svg.circle>.node-hover-circle{stroke-width:1;stroke-dasharray:160;-webkit-transition:stroke-dashoffset 1s ease;transition:stroke-dashoffset 1s ease}#BinarySearchTree span.node-hover>i{position:absolute;z-index:12;opacity:.3;z-index:10;height:100%;width:50%;cursor:pointer;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:all .5s ease;transition:all .5s ease}#BinarySearchTree span.node-hover>i.fa-search{left:1px}#BinarySearchTree span.node-hover>i.fa-search:hover{z-index:5;opacity:1;-webkit-transform:scale(1.2) translateX(2px);transform:scale(1.2) translateX(2px)}#BinarySearchTree span.node-hover>i.fa-search:hover~span.search{width:100%;max-width:100%;z-index:3}#BinarySearchTree span.node-hover>i.fa-search:hover~span.search .node-hover-circle{stroke-dashoffset:0}#BinarySearchTree span.node-hover>i.fa-trash{right:1px}#BinarySearchTree span.node-hover>i.fa-trash:hover{z-index:5;opacity:1;-webkit-transform:scale(1.2) translateX(-2px);transform:scale(1.2) translateX(-2px)}#BinarySearchTree span.node-hover>i.fa-trash:hover~span.trash{width:100%;max-width:100%;z-index:3}#BinarySearchTree span.node-hover>i.fa-trash:hover~span.trash .node-hover-circle{stroke-dashoffset:0}#BinarySearchTree span.node-hover>span{height:100%;width:50%;display:inline-block;position:absolute;z-index:1;-webkit-transition:max-width .5s ease;transition:max-width .5s ease}#BinarySearchTree span.node-hover>span.search{left:0;max-width:0;background:#c2c8ff}#BinarySearchTree span.node-hover>span.search>svg.circle{left:0}#BinarySearchTree span.node-hover>span.search>svg.circle>.node-hover-circle{stroke-dashoffset:-160;stroke:#0300c4}#BinarySearchTree span.node-hover>span.trash{right:0;max-width:0;background:#ffc2c2}#BinarySearchTree span.node-hover>span.trash>svg.circle{right:0}#BinarySearchTree span.node-hover>span.trash>svg.circle>.node-hover-circle{stroke-dashoffset:160;stroke:#c40000}body{margin:0}.TreeVisualizer{text-align:center}.fas{font-family:FontAwesome;font-style:normal}
/*# sourceMappingURL=main.0d2c49f6.chunk.css.map */