#root{margin:0 auto;text-align:center;box-sizing:border-box;width:100%}body{margin:0;padding:0;display:flex;flex-direction:column;height:100vh}.btree-page-container{border-bottom:6px solid #1d4874;margin-bottom:0;width:100%;padding:0;position:relative;display:flex;flex-direction:column}.display-toggle-container{width:100%}.btree-canvas-container{width:100%;padding:0;display:flex;flex-direction:column;height:calc(100vh - 76px)}.btree-plot-container{margin-top:0;width:100%;flex:1;background-color:#fff}.btree-input-form-container{position:absolute;top:30px;left:30px;width:100%;max-width:270px;box-sizing:border-box;z-index:3}.btree-sequence-control-container{position:absolute;top:30px;right:50px;width:100%;max-width:250px;box-sizing:border-box;z-index:2}.btree-tree-properties-container{position:absolute;bottom:30px;right:50px;width:100%;max-width:200px;box-sizing:border-box;z-index:1}.btree-info-container{position:absolute;margin:0;margin-top:calc(100vh - 76px);width:100%;padding:0;background-color:#fef6eb}.btree-show-info-button-container{position:absolute;bottom:30px;left:0;right:0;margin:auto;width:100%;max-width:230px;box-sizing:border-box;z-index:1}.btree-hide-info-button-container{position:absolute;top:30px;left:0;right:0;margin:auto;width:100%;max-width:230px;box-sizing:border-box;z-index:1}.btree-info-button{width:240px!important;font-weight:700!important}body{margin:60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:60px}.border{font-size:1.6rem;display:grid;place-items:center;min-height:200px;border:8px solid;padding:1rem}.sides{border-image:linear-gradient(to right,#1d4874,lightgrey,#f49404) 1 0;border-width:6px;padding:0;margin:0}.link-normal{stroke-width:1}.link-blue-highlighted{stroke:#00f!important;stroke-width:1}.link-orange-highlighted{stroke:#f49404;stroke-width:3;animation:link-pulse 2s ease infinite}.key-text-normal{fill:#000!important;stroke:#000;stroke-width:1}.key-separator-normal{stroke:#000;stroke-width:1}.node-normal{fill:#fff;stroke-width:2}@keyframes link-pulse{0%{stroke:#f49404}20%{stroke:#f49404}50%{stroke:gold}80%{stroke:#f49404}to{stroke:#f49404}}.key-text-highlighted{fill:#00f!important;stroke:#00f;stroke-width:1}.key-separator-highlighted{stroke:#00f!important;stroke-width:2}.node-highlighted{fill:#fff;stroke-width:4;stroke:#f49404;animation:link-pulse 2s ease infinite}.message-bubble{fill:#043464;fill-opacity:.8;stroke-width:.01}.message-bubble-text{fill:#fff;stroke:#fff;stroke-width:.3;fill-opacity:1!important}.input-form-segment{width:100%;border-top:#70757a solid 1px;display:flex;flex-direction:column;align-items:center;padding:5px 0}.bottom-input-form-segment{width:100%;border-top:#70757a solid 1px;display:flex;flex-direction:column;align-items:center;padding:5px 0 0}input{width:40px;padding:3px 6px;border:1px solid #70757a;border-radius:4px}.input-form-button{background-color:#fff!important;border:1px solid #70757a!important;margin:5px!important;padding:0 10px!important;cursor:pointer}.icon-button{background-color:#fff!important;padding:0!important;border:1px solid #70757a!important;border-radius:5px!important;height:23px;width:23px}.input-form-button-fixed-medium{background-color:#fff!important;border:1px solid #70757a!important;width:70px!important;margin:5px!important;padding:0 10px!important}.line{padding:3px 0;display:flex;align-items:center;flex-direction:row}.line>:not(:last-child){margin-right:10px}.input-form-checkbox{margin:0;padding:0;cursor:pointer}.plus-minus-buttons>:not(:last-child){margin-right:5px}.pointer-cursor{cursor:pointer}.import-export-container{display:flex;flex-direction:column;align-items:stretch;width:92%}.import-input-form-button{width:75px;border:2px solid #70757a!important;margin:5px!important;padding:0 10px!important}.reset-input-form-button{width:75px;background-color:#fff!important;border:2px solid #70757a!important;margin:5px!important;padding:0 10px!important}.import-export-close-button{padding:0;margin:0 0 0 auto;background-color:transparent;color:red;border:none;font-size:24px;cursor:pointer}.button-row{padding:0;margin:0;width:100%;display:flex;justify-content:space-between;align-items:center}.multiline-textbox{margin:0 auto;resize:none;overflow:auto;padding:10px;resize:vertical;font-size:16px;border:1px solid #70757a;border-radius:0}.multiline-container{margin:0 auto;padding:0}.multiline-bar{height:35px;border:1px solid #70757a;margin:5px auto 0;background-color:#fff;display:flex;flex-direction:row;justify-content:start;align-items:center;padding:0 10px}.multiline-bar-title{font-size:16px;font-weight:500;margin-right:5px}.ui-component{background-color:#e6ebf0b3;border:#70757a solid 1px;border-radius:5px;width:100%;padding:10px;cursor:grab;z-index:10}.ui-close-button{padding:0;background-color:transparent;color:#000;border:none;font-size:18px;cursor:pointer}.draggable-icon-container{display:flex;justify-content:space-between;align-items:center;top:0;right:0;width:100%;height:20px;margin-bottom:10px}.ui-title{flex-grow:1;text-align:center;margin:0}.draggable-icon{width:18px!important}.sequence-control-container{width:100%}.speed-container{height:30px;padding-top:10px;width:90%;margin-left:auto;margin-right:auto;margin-bottom:0;display:flex;align-items:center;justify-content:space-between}.step-container{height:30px;padding-top:10px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:0;display:flex;align-items:center;justify-content:space-between}.sequence-control-segment{display:flex;align-items:center;justify-content:space-around;margin:0 auto;width:100%;border-top:1px solid #70757a;padding-top:10px}.sequence-display-segment{margin:0px,auto,0px,auto;width:100%;border-top:1px solid #70757a;padding-top:5px;margin-top:10px}.direction-button{padding:0!important;width:120px!important;height:30px!important;background-color:#fff!important;border:1px solid #70757a!important;border-radius:10px!important}.custom-toggle-button{height:35px!important;width:85px!important;font-size:16px!important;background-color:#fff!important;border-radius:0!important;border:#70757a 1px solid!important}.custom-toggle-button:hover{border:0px;border-color:#365d83!important;background-color:#b4c2d1!important}.sequence-control-segment .MuiToggleButton-root.Mui-selected{background-color:#365d83!important;color:#fff!important}.speed-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background-color:#e6ebf000;outline:none;border:none}.speed-label{margin-right:10px}.speed-input{width:100%}.next-key-text{color:#f49404;font-weight:700}input[type=range]{height:23px;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:1px 1px 2px #a6a6a6;background:#365d83;border-radius:50px;border:0px solid #f27b7f}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 2px #a6a6a6;border:1px solid #000000;height:15px;width:15px;border-radius:4px;background:#f49404;cursor:pointer;-webkit-appearance:none;margin-top:-6px}input[type=range]:focus::-webkit-slider-runnable-track{background:#365d83}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:1px 1px 2px #a6a6a6;background:#365d83;border-radius:50px;border:0px solid #f27b7f}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 2px #a6a6a6;border:1px solid #000000;height:15px;width:15px;border-radius:4px;background:#f49404;cursor:pointer}input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#365d83;border:0px solid #f27b7f;border-radius:100px;box-shadow:1px 1px 2px #a6a6a6}input[type=range]::-ms-fill-upper{background:#365d83;border:0px solid #f27b7f;border-radius:100px;box-shadow:1px 1px 2px #a6a6a6}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:1px 1px 2px #a6a6a6;border:1px solid #000000;height:15px;width:15px;border-radius:4px;background:#f49404;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#365d83}input[type=range]:focus::-ms-fill-upper{background:#365d83}.btree-properties-segment{border-top:1px solid grey;padding-top:5px}.btree-balancing-segment{margin-top:5px;border-top:1px solid grey;padding-top:5px}.custom-display-toggle-button{height:20px!important;width:220px!important;font-size:16px!important;background-color:#cdd6e0!important;border:0px solid #ccc!important;border-right:1px solid #70757a!important;border-left:1px solid #70757a!important;border-radius:0!important}.custom-display-toggle-button:hover{background-color:#fcdfb4!important}.MuiToggleButton-root.Mui-selected{background-color:#f7b44f!important;border-right:1px solid #7a4a02!important;border-left:1px solid #7a4a02!important;color:#492c01!important}.toggle-navbar{background-color:transparent;border-top:1px solid #70757a;border-bottom:1px solid #70757a;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px gray;z-index:100;position:absolute;top:1.3%;left:50%;transform:translate(-50%,-50%)}.info-container{margin:0;display:flex;flex-direction:column;align-items:center;padding:0 100px;position:relative}.info-section{margin:20px;padding:0 40px 10px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:1100px;background-color:#fff}.info-section-segment-top-border{display:flex;border-top:1px solid #ccc;padding:0 20px;text-align:left}.info-section-segment-bottom-border{display:flex;border-bottom:1px solid #ccc;padding:0 20px;text-align:left}.info-section-segment-double-border{display:flex;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:0 20px;text-align:left}.info-section-segment-title{flex:0 0 auto;color:#1d4874;width:120px;text-align:left;font-weight:600}.info-section-segment-title p{font-size:16}.info-section-segment-text{padding:0 40px}.greyed-out-text{color:gray}.highlighted-text{font-weight:500;color:#f49404}.b-tree-prooperty-list{width:420px;margin:0 auto}.small-top-margin{margin-top:20px}.btree-show-example-button-container-margin{width:100%;display:flex;align-items:center;flex-direction:column;margin-bottom:15px}.btree-show-example-button-container{width:100%;display:flex;align-items:center;flex-direction:column}li{font-size:16px;margin:10px;text-align:left;padding-left:10px}ol.bracketed-list{list-style-type:none;counter-reset:item;padding-left:0}ol.bracketed-list li{margin-bottom:10px;display:flex;align-items:center}ol.bracketed-list li:before{content:"[" counter(item) "] ";counter-increment:item;margin-right:20px}ol.bracketed-list li div{font-size:13px}h1{margin-top:80px;font-size:60px!important;margin-bottom:20px}h2{font-size:24px;margin-bottom:0}p{font-size:16px}h4{margin-bottom:5px}.Navbar{position:relative;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:start;padding:10px 40px;background-color:#e6ebf0;z-index:99999;box-shadow:0 2px 6px gray;box-sizing:border-box}.navbar-logo{margin-left:auto;margin-right:00px}.title{font-weight:700;font-size:20px;margin-right:20px}.segments{display:flex}.segment{padding:10px 20px;cursor:pointer}.segment:hover{background-color:#b4c2d1}.segment.selected{background-color:#365d83;color:#fff}.segment-text{font-size:16px;font-weight:600}.about-page-container{max-width:800px;margin-top:100px;margin-left:auto;margin-right:auto;padding:20px;font-family:Arial,sans-serif}.development-section{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;max-width:500px;width:100%;margin:0 auto;align-items:center;justify-items:center}.upcoming-section{text-align:start;max-width:600px;width:100%;margin:0 auto}.upcoming-section ul{list-style-type:disc;margin:0;padding:0}.upcoming-section li{margin-bottom:10px;padding-left:20px}.info-page-container h1{font-size:28px;margin-bottom:20px}.info-page-container h2{font-size:22px;margin-top:30px;margin-bottom:10px}.info-page-container p{line-height:1.6;margin-bottom:15px}.info-page-container a{color:#007bff;text-decoration:none}.info-page-container a:hover{text-decoration:underline}:root{font-family:Arial Narrow,Arial,Helvetica Narrow,Helvetica,Segoe UI,Tahoma,Geneva,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}