.App{display:flex;justify-content:center;align-items:center;width:100vw;flex-direction:column;background:#25383c;text-align:center;color:#dbe4ea}.calculators-container{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;height:42rem;transition:gap .5s ease-in-out}.calculators-container .calculator-ref-container{position:absolute;padding:2rem;background-color:#1d2d30;border-radius:10px;opacity:0;transform:translate(55%);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.calculators-container .calculator-ref-container .calculator-ref-img{display:inline-block;min-width:21rem;min-height:37rem;margin:0;padding:0;border:none;object-fit:contain}.calculators-container.refImageRendered .Calculator{transform:translate(-55%);transition:transform .5s ease-in-out}.calculators-container.refImageRendered .calculator-ref-container{transform:translate(55%);opacity:1;transition:transform 1s ease-in-out,opacity .5s ease-in-out}.render-controller{display:flex;justify-content:center;align-items:center;padding:1.5rem}.render-controller button{display:flex;justify-content:center;align-items:center;font-family:Helvetica,Arial,sans-serif;color:#dbe4ea;width:15rem;height:3rem;text-wrap:wrap;background-color:#486c6d}.Calculator{z-index:9999;min-width:21rem;width:21rem;height:37rem;max-height:37rem;margin:2rem;padding:2.5rem 2.35rem;box-sizing:border-box;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;border-radius:35px;background-color:#546463;position:relative;border-bottom:2px solid rgba(0,0,0,.5);box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transition:transform .5s ease-in-out}.Calculator:after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:2px solid rgba(255,255,255,.35);border-right:2px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.35);border-radius:35px;box-sizing:border-box}@font-face{font-family:Technology-Italic;src:url(/calculator/assets/Technology-Italic-B-TdJBL9.ttf) format("truetype");font-weight:400;font-style:normal}.Display{display:flex;justify-content:center;align-items:center;position:relative;border:.15rem solid #3b383c;color:#000;font-family:Technology-Italic,sans-serif;overflow-y:hidden;border-radius:10px;box-shadow:inset 0 4px 6px #0003,inset 0 -4px 6px #ffffff1a,0 4px 8px #0000001a,#0000001c 0 0 6px inset,#ffffff1a -2px -2px 5px inset,-1px 0 3px #00000080 inset;border-left:3px solid rgba(116,132,142,.5);border-bottom:3px solid rgba(116,132,142,.5);background-color:#6f725c;height:5rem;margin-top:.5rem}.display-underlay{z-index:1;opacity:.03}.display-overlay{z-index:2}.display-overlay span.operator{font-size:44px}.display-underlay,.display-overlay{overflow-y:hidden;font-size:4.5rem;display:flex;align-items:flex-end;justify-content:end;position:absolute;right:0;height:auto;text-align:right;margin:0 5px;font-size:4.25rem;padding-right:5px}.display-underlay span,.display-overlay span{margin:0;min-width:30px;height:55px}.PanelSpacer{height:2rem;display:flex;justify-content:space-between;margin-top:1.5rem;margin-bottom:.5rem}.Brand{color:#fff;font-size:.55rem;font-weight:900;display:flex;justify-content:center;align-items:center;letter-spacing:3px;opacity:.65;margin-left:.2rem}.SolarPanel{border:.1rem solid #242526;border-radius:5px;border-left:2px solid rgba(173,183,179,.5);border-bottom:2px solid rgba(173,183,179,.75);background:radial-gradient(ellipse at top,#b040405b,transparent),radial-gradient(ellipse at bottom,#4e9f0c4a,transparent);background-color:#2d2924;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;height:1.5rem;width:6rem}.ButtonContainer{display:flex;flex-wrap:wrap;justify-content:center;font-size:.85rem;height:21.2rem}.SquareButton{font-family:Arial,Helvetica,sans-serif;color:#dbe4ea;border:1px solid #2a3b47;width:4rem;max-width:3.65rem;height:2.65rem;max-height:2.75rem;margin:.3rem 0;background-color:#546463;border-radius:8px;box-shadow:0 2px 4px #00000080,0 0 1px 2px #00000059;border-top:2px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.35)}.SquareButton:before{content:"";left:25%;height:2px;width:50%}.root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100vw;color-scheme:light dark;color:#ffffffde;background-color:#25383c;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:100vw;min-height:100vh;background:#25383c}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:#dbe4ea}button:focus,button:focus-visible{outline:0 1rem solid #dbe4ea}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}