*,:after,:before{box-sizing:border-box;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;min-height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.nav{position:fixed;top:0;left:0;right:0;border-bottom:1px solid grey;margin-left:20px;margin-right:20px;min-height:60px;background-color:#fff;z-index:11000000000}.nav,.nav .container{transition:all .3s ease-in-out}.nav .container{display:flex;justify-content:space-between;padding:20px 0}.nav ul{display:flex;align-items:center;list-style:none;justify-content:center}.nav a{text-decoration:none;color:#000;padding:7px 15px;transition:all .3s ease-in-out}.nav.active{background-color:#4d4dff;color:#f0f8ff;box-shadow:0 2px 10px rgba(0,0,0,.3);margin-left:0;margin-right:0}.nav.active a,.nav.active li{color:#fff}.nav.active .container{padding:10px 0}.nav a.current,.nav a:hover{color:gray;font-weight:700}.nav .dropdown{position:relative;z-index:1000000}.nav .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1000000}.nav .dropdown-content a{color:#000;padding:12px 16px;text-decoration:none}.nav .dropdown-content a,.nav .dropdown:hover .dropdown-content{display:block;z-index:1000000}.nav .dropdown-content a:hover{background-color:#ddd;z-index:1000000}.nav-toggle{display:none;z-index:1000000}@media screen and (max-width:768px){.container{min-width:auto}.nav{margin-left:0;margin-right:0}.nav-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit}.nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:inherit;border-top:1px solid gray}.nav ul.mobile-open{display:flex}.nav .dropdown-content{position:static;box-shadow:none}.nav .dropdown-content a{padding-left:30px}.nav .dropdown:hover .dropdown-content{display:none}.nav .dropdown.open .dropdown-content{display:block}.nav.active ul.mobile-open{background-color:#4d4dff}.nav:not(.active) ul.mobile-open{background-color:#fff;z-index:100000;padding:20px}.nav-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;margin-left:1rem;z-index:10000}}.main{margin-bottom:-20px;max-height:200px}.container{justify-content:flex-start}.box{flex-grow:1;flex-basis:0;margin:3px;border:1px solid gray;background-color:#4f1dd8;color:#fff;font-weight:400;display:table-cell;border-radius:5px;max-width:150px;min-width:25px;padding:10px;min-height:20px;flex-basis:calc(50% - 20px)}.python-list{display:flex;align-items:center;justify-content:center}.python-list .output-container,.python-list .slice-inputs{display:flex;flex-direction:column;align-items:center}.python-list .input-wrapper{display:flex;align-items:center}.python-list .my-aggregation-input{margin-right:10px}.python-list .add-button,.python-list .delete-button,.python-list .done-button,.python-list .reset-button{margin:5px}.bracket{margin-bottom:30px}.list-split-visualizer{display:flex;flex-direction:column;align-items:center;margin-top:20px}.expression{display:flex;align-items:center;font-size:20px;margin:20px 0}.index-input{width:50px;text-align:center;margin:59px 5px 0}.index-input-item{flex-direction:column}.index-input-item label{margin-bottom:20px}.bracket-index{font-size:xxx-large}.bracket-title{font-size:xx-large}.index-input-item{position:relative;display:flex;align-items:center}.question-mark{margin-left:5px;cursor:help;margin-top:-20px}.tooltip-text{visibility:hidden;width:200px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:15px;position:absolute;z-index:1;top:100%;left:50%;transform:translateX(-50%);transition:visibility .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.question-mark:hover+.tooltip-text{visibility:visible;opacity:1}.order{font-size:30px;margin-left:30px;margin-bottom:10px;margin-top:-20px;font-size:x-large}.outer-container{max-width:900px;align-items:flex-start;padding-top:-100px;justify-content:flex-start;padding-left:300px}.explanation{font-style:normal;font-size:medium;min-width:900px;max-width:900px;margin-top:10px;line-height:1.5;background-color:#d3d3d3;padding:40px;border-radius:10px}.expression{margin-left:150px}.python-list{margin-left:100px}.list-container{display:flex;flex-direction:row}.result{margin-top:10px;margin-left:30px;font-size:xx-large}.select{display:block;width:50%;min-width:250px;padding:.5rem;font-size:.875rem;color:#333;border:1px solid #2196f3;border-radius:.25rem;background-color:#f7f7f7;outline:none;margin:5px;min-height:20px}.select:focus{border-color:#2196f3}button{padding:10px;min-width:150px;margin:5px;border-radius:5px;border:none;background-color:#d3d3d3}.row-class{max-height:30px;margin-bottom:0}.python-list td{padding-right:5px!important}.td-div{padding-right:0!important}.outer-frame{display:flex;flex-direction:row;justify-content:left}.python-list{margin-left:0;padding-left:-100px}.main-bracket{color:#d3d3d3;font-weight:1}.btn-group button{max-width:50px}.title{display:flex;flex-direction:column;justify-content:center;align-items:center}.array-visualization-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:left;margin-left:100px;min-width:1300px}.slicing-inputs-container{display:flex;justify-content:left;margin-left:50px;margin-top:-50px}.reset-btn{font-size:small;max-width:50px}.row-block{display:flex;flex-direction:row}.order-vertical{display:flex;flex-direction:column;font-size:small;margin-top:100px;max-width:30px;margin-left:-50px}.order-vertical .arrow{font-size:50px}.outer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:50px}.Breadcrumb_breadcrumb__Dewk8{display:flex;list-style:none;padding:10px 20px;background-color:#f8f9fa;border-radius:5px;margin-bottom:-10px}.Breadcrumb_breadcrumb-item__gD4mQ{margin-right:10px}.Breadcrumb_breadcrumb-item__gD4mQ a{text-decoration:none;color:#007bff;font-weight:700}.Breadcrumb_breadcrumb-item__gD4mQ a:hover{text-decoration:underline}.Breadcrumb_breadcrumb-item__gD4mQ:after{content:"/";margin-left:10px;color:#6c757d}.Breadcrumb_breadcrumb-item__gD4mQ:last-child:after{content:""}.Breadcrumb_breadcrumb-item__gD4mQ.Breadcrumb_active__ioOOH{color:#6c757d;font-weight:400}