body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","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}.center_all{position:absolute;top:45%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.wrapper{display:grid;grid-template-columns:20% 80%}.control{margin-top:20%;z-index:100}.upperControl{margin-top:2rem;width:90%}.array-bar{display:inline-block;margin:0 1px}.array-container{margin-top:2%;margin-left:2%;width:100%}.DataStructureVisualizer{text-align:center}.DataStructureVisualizer body,.DataStructureVisualizer html{background-color:#fff}.DataStructureVisualizer p{color:#babecc;margin:0}.heading{background-color:#fff;left:250px;text-align:center;height:55px;display:absolute;padding:0}.DataStructureVisualizer input,button{border:0;outline:0;font-size:14px;border-radius:50px;padding:16px;background-color:#fff;margin:5px}.DataStructureVisualizer .i{position:absolute;padding:0;margin-left:10px}.main-menu-button{display:block;clear:both}@media screen and (min-width:550px){.main-menu-button{position:absolute;right:10px;top:130px}}.menu ul{position:inline-block}@media screen and (max-width:550px){.main-menu-button{width:50%;margin:0 auto}div.menu{margin-top:100px}}div.menu.trie ul{margin-bottom:0}div.menu li{display:inline-block}.DataStructureVisualizer input{box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 5px #fff;width:110px;box-sizing:border-box;transition:all .2s ease-in-out;appearance:none;-webkit-appearance:none}input:focus{box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff}.DataStructureVisualizer button{box-shadow:-2px -2px 2px #fff,2px 2px 2px #babecc;transition:all .2s ease-in-out;cursor:pointer;font-weight:400}.DataStructureVisualizer button:hover{box-shadow:-2px -2px 2px #fff,2px 3px 3px #babecc;color:#3975e4;text-shadow:0 -1px 1px rgba(0,132,255,.2)}button:active{box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff}.dropdown{position:relative;display:inline-block;transition:all 2s ease-in-out}.dropdown-content{display:none;position:absolute;background-color:#fff;border-radius:20px;width:120%;height:200px;padding:0 10px;text-align:center;box-shadow:-5px -5px 5px #fff,5px 5px 5px #babecc;z-index:1}.dropdown-content button{position:relative;right:35%}.dropdown:hover .dropdown-content{display:block;-webkit-animation:fade_in_show .5s;animation:fade_in_show .5s}@-webkit-keyframes fade_in_show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade_in_show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.bstlist,.traversal{margin:10px;box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 5px #fff;padding:16px;border-radius:20px}.bstlist ul,.traversal ul{padding:0;margin:0;list-style:none;color:#61677c;font-weight:700}.traversal li{display:inline;padding:3px}.bstlist li{padding:3px}.error{color:red}@media screen and (min-width:850px){.traversal{top:130px}.traversal,.traversal.ar{position:absolute;left:10px}.traversal.ar{top:300px}.bstlist{position:absolute;right:10px;top:220px}}.tree ul{padding:20px 0 0;position:relative;transition:all .5s}.tree>ul{display:table;margin:0 auto}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:10px 1px 0;transition:all .5s}.tree li:after,.tree li:before{content:"";position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:10px;transition:all .5s}.tree li:after{right:auto;left:50%;border-left:1px solid #ccc}.tree li:last-child:before{border-right:1px solid #ccc;border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:20px;transition:all .5s}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li div{padding:6px 12px;text-decoration:none;color:#666;font-family:arial,verdana,tahoma;font-size:20px;display:inline-block;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;text-shadow:none;border-radius:200px;transition:all .5s}.tree li div.end{color:#c20000}.tree li div.red{background-color:rgba(218,96,96,.5);text-shadow:none}.tree li div.black{background-color:hsla(0,0%,67.5%,.5);text-shadow:none}.tree li div.highlight{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #00ff15,0 0 20px #00ff15,0 0 25px #00ff15,0 0 30px #00ff15,0 0 35px #00ff15}.tree li div.highlight.red{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px red,0 0 20px red,0 0 25px red,0 0 30px red,0 0 35px red}.tree li div.highlight.black{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #000,0 0 20px #000,0 0 25px #000,0 0 30px #000,0 0 35px #000}.tree li div:hover,.tree li div:hover+ul li div.normal{color:#002574;box-shadow:-1px -1px 5px #fff,1px 1px 5px #babecc}.tree li div:hover+ul:before,.tree li div:hover+ul li:after,.tree li div:hover+ul li:before,.tree li div:hover+ul ul:before{border-color:#5f6674}.tree li.null div:hover,.tree li.null div:hover+ul li div{color:rgba(255,0,0,.726)}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5);color:#fff}.popup h1{text-shadow:none;color:#bebecc}.popup .icon{position:absolute;right:20px;top:20px;cursor:pointer;color:#3b3b3b;transition:all .2s ease-in-out}.popup .icon:hover{color:#c01e1e;text-shadow:0 -1px 5px #c01e1e}.popup .inner{position:absolute;left:20%;right:20%;top:10%;bottom:10%;margin:auto;border-radius:20px;background-color:#28282a;border:1px solid hsla(0,0%,100%,.2);box-shadow:-.25rem -.25rem .5rem hsla(0,0%,100%,.07),.25rem .25rem .5rem rgba(0,0,0,.12),-.75rem -.75rem 1.75rem hsla(0,0%,100%,.07),.75rem .75rem 1.75rem rgba(0,0,0,.12),inset 8rem 8rem 8rem rgba(0,0,0,.05),inset -8rem -8rem 8rem hsla(0,0%,100%,.05)}@supports((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){.popup .inner{background-color:#282c34;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}}.popup .inner div{text-shadow:none;color:#fff}.popup .inner>button{background-color:hsla(0,0%,40.8%,.39);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.popup.main .inner{left:25%;right:25%;top:25%;bottom:25%}@media screen and (max-width:800px){.popup .inner,.popup.main .inner{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;border-radius:0}.popup .icon,.popup.main .icon{position:absolute;right:2%;top:2%;cursor:pointer}}.help-list{text-align:left;list-style:none;text-shadow:0 -1px 1px hsla(0,0%,70.6%,.2)}.help-list li{font-weight:700;text-shadow:none}.inner button{margin:5px;font-size:15px;padding:10px;box-shadow:none;cursor:default}.inner button:hover{color:#f36}button.link-button{padding:15px;background-color:transparent;box-shadow:-2px -2px 8px #e9e9e9,5px 5px 8px #363636;color:#fff;text-shadow:none}button.link-button:hover{box-shadow:-2px -2px 5px #e9e9e9,2px 2px 5px #363636;cursor:pointer}button.link-button:active{box-shadow:inset 1px 1px 2px #000,inset -1px -1px 2px silver}.main-menu{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.actions,.main-menu{display:-webkit-flex;display:flex}.actions .learn{text-decoration:none;margin:auto}.row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.array ul{padding:20px 0 0;position:relative;transition:all .5s}.array>ul{display:table;margin:0 auto}.array li{float:left;text-align:center;list-style-type:none;position:relative;padding:10px 1px 0;transition:all .5s}.array li:after,.array li:before{content:"";position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:10px;transition:all .5s}.array li:after{right:auto;left:50%;border-left:1px solid #ccc}.array li:last-child:before{border-right:1px solid #ccc;border-radius:0 5px 0 0}.array li:first-child:after{border-radius:5px 0 0 0}.array ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:20px;transition:all .5s}.array li:only-child:after,.array li:only-child:before{display:none}.array li:only-child{padding-top:0}.array li:first-child:before,.array li:last-child:after{border:0}.array li div{padding:6px 12px;text-decoration:none;color:#666;font-family:arial,verdana,tahoma;font-size:20px;display:inline-block;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;text-shadow:none;border-radius:200px;transition:all .5s}.array li div.end{color:#c20000}.array li div.red{background-color:rgba(218,96,96,.5);text-shadow:none}.array li div.black{background-color:hsla(0,0%,67.5%,.5);text-shadow:none}.array li div.highlight{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #00ff15,0 0 20px #00ff15,0 0 25px #00ff15,0 0 30px #00ff15,0 0 35px #00ff15}.array li div.highlight.red{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px red,0 0 20px red,0 0 25px red,0 0 30px red,0 0 35px red}.array li div.highlight.black{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #000,0 0 20px #000,0 0 25px #000,0 0 30px #000,0 0 35px #000}.array li div:hover,.array li div:hover+ul li div.normal{color:#002574;box-shadow:-1px -1px 5px #fff,1px 1px 5px #babecc}.array li div:hover+ul:before,.array li div:hover+ul li:after,.array li div:hover+ul li:before,.array li div:hover+ul ul:before{border-color:#5f6674}li.null div{color:hsla(0,0%,48.6%,.185)}.array li.null div:hover,.array li.null div:hover+ul li div{color:rgba(255,0,0,.726)}.height{font-size:13px}
/*# sourceMappingURL=main.080a9802.chunk.css.map */