@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%;font-family:Arial,sans-serif}#container{display:flex;width:100%;height:100%}#info{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box;background-color:#f9f9ff;overflow-y:auto;width:21%}#scene-container{flex-grow:1;height:100%;position:relative;width:75%}#scene-container canvas{width:100%!important;height:100%!important}#battery-performance{margin-top:5px;margin-bottom:15px}#battery-performance h4{margin:0 0 10px;color:#333}#battery-performance p{margin:5px 0;font-size:14px}#battery-performance span{font-weight:700}#prismatic-info,#cylindrical-info,#pouch-info{margin-bottom:10px;padding:10px;background-color:#fff;border-radius:5px}#prismatic-info:hover,#cylindrical-info:hover,#pouch-info:hover{background-color:#d0d0d0;box-shadow:0 0 5px #0003}#prismatic-info.current-type,#cylindrical-info.current-type,#pouch-info.current-type{box-shadow:0 0 10px 3px #0066cc80;border:2px solid #0066cc;background-color:#e6f2ff}#battery-performance>div{padding-top:10px}#bounding-box-info{margin-top:0;margin-bottom:0}#battery-dimensions-info{margin-top:0;margin-bottom:15px}.slider{flex-grow:1}#capacity-prism-value,#capacity-pouch-value,#capacity-cylinder-value{min-width:30px;text-align:right}.slider{width:100%}.logo{display:block;margin:0 auto 10px;max-width:80%;height:auto}.description{text-align:left;margin-bottom:20px}.description p{margin-bottom:10px}.description strong{font-weight:700;color:#06c}.description em{font-style:italic;color:#093}.section-divider{border:none;border-top:1px solid #ccc;margin:3px 0}.slider-section{margin-bottom:20px}.slider{width:100%;margin-top:5px}#prismatic-info.current-type,#cylindrical-info.current-type,#pouch-info.current-type{box-shadow:0 0 3px 1px #246ab080;border:2px solid #2571bd;background-color:#eff7ff}#prismatic-info.current-type h4,#cylindrical-info.current-type h4,#pouch-info.current-type h4{color:#06c}.voltage-segments{position:relative;width:100%;height:20px;margin-top:5px}.segment{position:absolute;transform:translate(-50%);font-size:12px;color:#666}.range.nimh{left:0;width:10%}.range.liion{right:0;width:40%;justify-content:flex-end}.slider-container{width:100%;margin-bottom:10px}.slider-with-value input[type=range]{flex-grow:1;margin-right:10px}.range{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 10px;font-size:12px;color:#666}.watermark{position:absolute;bottom:10px;left:10px;background-color:#64646480;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;font-family:Arial,sans-serif;z-index:1000}.voltage-range-indicator{position:relative;width:100%;margin-top:20px;font-family:Arial,sans-serif;font-size:12px}.voltage-row{display:flex;flex-direction:column;margin-bottom:20px}.cell-type-label{text-align:left;margin-bottom:5px;font-weight:700}.voltage-bar{width:100%;height:8px;background-color:#e0e0e0;position:relative;border-radius:10px;overflow:hidden}.voltage-range{position:absolute;height:100%;transition:.3s ease}.discharged{background-color:#ffa07a}.nominal{background-color:#98fb98}.charged{background-color:#87cefa}.voltage-label{position:absolute;top:20px;transform:translate(-50%);font-size:9px;color:#666}#voltage-indicator{position:absolute;top:0;width:2px;height:100%;background-color:#ff4500;transition:left .1s ease-out;z-index:10}.legend{display:flex;justify-content:center;margin-bottom:20px}.legend-item{display:flex;align-items:center;margin-right:20px}.legend-color{width:20px;height:20px;margin-right:5px;border-radius:5px}#chart-icon{position:absolute;top:10px;left:10px;cursor:pointer;z-index:12}#chart-icon1{position:absolute;top:45px;left:10px;cursor:pointer;z-index:12}#chart-icon2{position:absolute;top:85px;left:10px;cursor:pointer;z-index:12}#expand-chart-icon,#expand-chart-icon-bat,#expand-chart-icon-sys{width:32px;height:30px;z-index:12}#chart-container{position:absolute;top:6px;left:6px;width:950px;height:900px;background-color:#ffffffe6;border:1px solid #ccc;border-radius:10px;padding:10px;display:none;z-index:11}#chart-container-bat{display:none;position:absolute;top:6px;left:6px;width:600px;height:500px;background-color:#ffffffe6;border:1px solid #ccc;border-radius:10px;padding:10px;z-index:11}#chart-container-sys{display:none;position:absolute;overflow:hidden;top:6px;left:6px;width:950px;height:900px;background-color:#ffffffe6;border:1px solid #ccc;border-radius:10px;padding:10px;z-index:11}#svg-container{position:absolute;overflow:auto;width:max;height:900px}#energyCapacityGraph,#sysModelChart{display:none}#sys-svg{width:150%}.controls{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:10}.controls button{padding:5px 10px;font-size:16px;cursor:pointer}.info-section{position:relative}.info-icon{cursor:pointer;font-size:.8em;color:#002954;vertical-align:super}.info-text{display:none;position:absolute;left:0;top:100%;background-color:#fff;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:1000;width:300px;font-weight:400}.info-icon:hover .info-text,.info-icon:focus .info-text{display:block}.logo-container{text-align:center;position:relative}.logo{font-size:40px;font-weight:700;color:transparent;-webkit-text-stroke:1px #000000;position:relative;letter-spacing:-1px;transition:color .5s ease;padding-bottom:5px;display:inline-block}.logo:hover{color:#fff}.logo span{display:inline-block;position:relative;transition:color .5s ease}.logo:hover span:nth-child(2){color:#4a90e2}.logo:hover span:nth-child(5){color:#50e3c2}.logo .ai{font-size:23px;-webkit-text-stroke:.5px #000000;margin-left:2px}.logo:hover .ai{color:#ff6b6b}.logo:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#4a90e2,#50e3c2,#ff6b6b);transform:scaleX(0);transition:transform .5s ease;transform-origin:left}.logo:hover:after{transform:scaleX(1)}.subtext{font-size:12px;color:#000;margin-top:-8px;max-width:450px;margin-left:auto;margin-right:auto}.highlight{position:relative;display:inline-block}.highlight:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#4a90e24d;z-index:-1}.slider-container{width:100%;margin-bottom:20px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:5px;outline:none;opacity:.9;transition:opacity .15s ease-in-out;cursor:pointer;--slider-value: 50%;background:linear-gradient(to right,rgb(255,255,255) 0%,rgb(116,130,210,.35) var(--slider-value),rgba(116,130,210,.35) var(--slider-value),rgb(255,255,255) 100%)}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:#fff;border:2px solid #000000;border-radius:50%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #1934cc80}.slider::-moz-range-thumb{width:15px;height:15px;background:#fff;border:2px solid #000000;border-radius:50%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #1934cc4d}.slider::-webkit-slider-thumb:hover,.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #1934ccb3}.slider::-webkit-slider-runnable-track{background:transparent}.slider::-moz-range-track{background:transparent}.slider{--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--slider-value: calc(var(--ratio) * 100%)}.labels{position:relative;height:20px;margin-top:10px;font-size:.85rem;color:#7f8c8d}.label{position:absolute;transform:translate(-50%)}.labels .label:nth-child(1){left:5%}.labels .label:nth-child(2){left:19%}.labels .label:nth-child(3){left:35%}.labels .label:nth-child(4){left:50.5%}.labels .label:nth-child(5){left:80%}.labels .label:nth-child(6){left:95%}#carOutput{margin:10px 0;font-size:.94rem;color:#2c3e50;padding:10px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.slider-row{display:flex;align-items:center;margin-bottom:10px}.slider-row span:first-child{width:100px}.slider-row .slider{flex-grow:1;margin:0 10px}.slider-row span:last-child{width:30px;text-align:right}.slider-with-value{display:flex;align-items:center;width:100%}.slider-with-value .slider{flex-grow:1;margin-right:10px}.slider-with-value span{min-width:30px;text-align:right}.feature{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.feature-label{font-weight:700;flex:1}.feature-value{margin-left:10px}.feature-controls{display:flex;gap:5px}.feature-controls button{width:14px;height:14px;font-size:10px;border:none;border-radius:4px;background-color:#eef6ff;color:#343434;cursor:pointer;transition:background-color .3s}.feature-controls button:hover{background-color:#aad3ff}@media (max-width: 500px){.feature{flex-direction:column;align-items:flex-start}.feature-controls{margin-top:5px}}#loading-container{position:absolute;top:5%;left:50%;transform:translate(-50%,-50%);width:300px;height:20px;border:.5px solid #ffffff;box-shadow:0 0 8px #00000040;border-radius:4px;overflow:hidden}#loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2}#loading-bar{width:0%;height:100%;border-radius:4px;max-width:100%;background:linear-gradient(90deg,#0344007d,#11ab0062,#0344007a);background-size:200% 100%;animation:gradientMove 2s linear infinite;transition:width .25s}@keyframes gradientMove{0%{background-position:0% 0%}to{background-position:200% 0%}}