#root{margin:0;padding:0;text-align:center;display:flex;flex-direction:column;height:100vh;width:100vw;color-scheme:light}@media (prefers-color-scheme: dark){body,a,button{background-color:#fff!important;color:#000}}.container{display:flex;justify-content:space-between;height:100%;width:100%;padding:0;box-sizing:border-box;overflow:hidden}.column{flex-grow:1;flex-shrink:0;padding:5px;box-sizing:border-box;overflow:visible}.column.rightView{flex:0 0 25vw;max-width:25vw;max-height:100vh;background-color:#a1baa6;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;overflow-y:auto;box-sizing:border-box}.column.canvas{flex:1;min-width:50vw;height:100vh;position:relative;box-shadow:inset 0 0 8px #ccc}.column.leftView{flex:0 0 20vw;height:100vh;max-width:20vw;background-color:#1b3e6d;color:#fff;position:relative;overflow:visible}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:hidden}.tankSelect{border-bottom:1px solid #ccc;max-height:30%;display:flex;flex-direction:column}.sessionSettings{text-align:center}.product-config{transition:opacity .3s ease!important;opacity:.66!important}.product-config:hover{opacity:1!important}.ProductViewContainer{margin-top:-5px}.BoM{width:100%}.react-joyride__tooltip{background-color:#f5f5f5;color:#333;padding:20px;border-radius:8px}.react-joyride__button--next{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:4px}.react-joyride__button--back{color:#666;font-size:14px}.react-joyride__button--skip{background-color:#ff5733;color:#fff;padding:8px 15px}.react-joyride__spotlight{border-radius:10px;box-shadow:0 0 15px #0000004d;position:relative!important}@media (prefers-color-scheme: dark){.react-joyride__tooltip{background-color:#333;color:#f5f5f5}.react-joyride__button--next{background-color:#1e90ff;color:#fff}.react-joyride__button--back{color:#ccc}.react-joyride__button--skip{background-color:#ff7043;color:#fff}.react-joyride__spotlight{border-radius:10px;box-shadow:0 0 15px #ffffff80}}:root{--text-color: #333;--background-color: white;--primary-color: #8ec9f0;--button-text-color: black}@media (prefers-color-scheme: dark){:root{--text-color: white;--background-color: #333;--primary-color: #aaa;--button-text-color: rgb(37, 37, 37)}}.no-scroll{overflow:hidden}.product-list{display:flex;flex-direction:column;width:100%;background-color:#61859e;color:#fff}.category-list{display:flex;flex-direction:column;background-color:#61859e}.product-button{width:100%;padding:5px;margin-bottom:5px;box-sizing:border-box;text-align:left;background-color:#61859e;box-shadow:#00000059 0 5px 15px}.productVariant{margin-top:5px;margin-bottom:5px;box-shadow:#00000059 0 5px 15px;background-color:#61859e}.variantTitle{font-weight:700;width:100%}.product-list,.category-list{display:flex;flex-direction:column;max-height:50vh;overflow-y:auto;box-shadow:#00000059 0 5px 15px}.context-actions{display:flex;justify-content:space-around;align-items:center;top:90%;padding:10px;position:absolute;width:100%;z-index:100;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selected-info-group{display:flex;flex-direction:row}.selected-label{font-weight:600;margin-right:5px}.alert{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-container{height:100vh;width:100%;position:relative}.canvas-container canvas{display:block;height:100%;width:100%}.product-config{position:fixed;z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;transition:all .3s ease-in-out;opacity:0;width:auto;height:auto;background-color:#f0f0f0;padding:10px}.product-config.show{visibility:visible;opacity:1}.gear-icon-container{display:flex;justify-content:center;align-items:center;width:50px;height:50px;cursor:pointer}.content{display:none}.product-config:hover .content{display:block}.product-config:hover .gear-icon-container{display:none}.back-button.MuiButton-contained{background-color:#6391d6c4!important;color:#fff!important}.back-button.MuiButton-contained:hover{background-color:#ddd!important;color:#333!important}@media (prefers-color-scheme: dark){.back-button.MuiButton-contained{background-color:#6391d6c4!important;color:#fff!important}.back-button.MuiButton-contained:hover{background-color:#ddd!important;color:#333!important}}.remove-button.MuiButton-outlined{background-color:#6391d6c4!important;color:#fff!important;width:45%}.remove-button.MuiButton-outlined:hover{background-color:#ddd!important;color:#333!important}@media (prefers-color-scheme: dark){.remove-button.MuiButton-outlined{background-color:#6c8f7c!important;color:#fff!important}.remove-button.MuiButton-outlined:hover{background-color:#ddd!important;color:#333!important}}.bomListView{flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;max-height:44vh;padding:5px;box-sizing:border-box;position:relative;width:100%}.bomListItemCard{margin-bottom:16px;background-color:#fffc;transition:all .3s ease-in-out;border-radius:8px;padding:8px;color:#fff;width:97%;display:block;overflow:visible;box-shadow:0 4px 8px #0000001a;position:relative;z-index:0}.bomListItemCard:hover{transform:scale(1.01);box-shadow:0 8px 12px #0003}.MuiAccordionDetails-root{overflow:visible!important;max-height:none!important;padding:8px;display:block;position:relative;z-index:1}.MuiAccordion-root{position:relative;z-index:2}.MuiAccordionSummary-root{margin:0;padding:0 8px;z-index:3}.bomListView .card{margin-bottom:10px;overflow:visible;padding:10px}.checkList{flex-direction:row;justify-content:space-between;margin-top:auto;text-align:center;padding:10px;background-color:#f3f3f3;border-radius:8px;overflow-y:auto;max-height:38vh}.checklist-item{display:flex;align-items:center;margin-bottom:0}.checklist-item label{margin-left:10px;cursor:pointer;z-index:-999}.warning{color:red;font-size:12px;margin-top:5px;font-weight:700}#anchorQuestion{color:#000;cursor:default}.progress-bar{width:100%;background-color:#e0e0df;border-radius:8px;overflow:hidden;height:20px;margin-bottom:20px}.progress-bar-fill{height:100%;background-color:#1f4586;transition:width .5s ease-in-out}.anchor-button{background-color:#6c8f7c!important;color:#fff!important;width:20%;overflow:hidden}.anchor-button:hover{background-color:#ddd!important;color:#333!important}.anchors-container{display:flex;justify-content:space-between;align-items:center;margin:15px}.tankSelector{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;color:#111;overflow-y:auto}.tankButton,.toggleButton{width:100%;background-color:#1b3e6d}.toggleButton.active{background-color:#007bff;color:#fff;width:100%}.tankSeriesContainer{display:flex;flex-direction:column;align-items:stretch;width:100%;height:40%;margin:0 auto;overflow-y:auto;background-color:#1b3e6d}::-webkit-scrollbar{width:10px;margin:3px}::-webkit-scrollbar-track{background:#f1f1f100;border-radius:5px}::-webkit-scrollbar-thumb{background:#ffffffa2;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.totalCostContainer{display:flex;justify-content:center;align-items:center;position:absolute;bottom:5px;right:5px;background-color:#f8f9fa;padding:1rem;border:#000000;border-radius:10px}.session-settings button.MuiButton-contained{background-color:#6c8f7c!important;color:#fff!important}.session-settings button.MuiButton-contained:hover{background-color:#fff!important;color:#000!important}@media (prefers-color-scheme: dark){.session-settings button.MuiButton-contained{background-color:#6c8f7c!important;color:#fff!important}.session-settings button.MuiButton-contained:hover{background-color:#fff!important;color:#000!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html,body{overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}