.app{width:100%;height:100%;display:flex}.app .branches,.app .branches .spacer{flex-grow:1;display:flex;align-items:center;justify-content:center}.app .branches .react-aria-Button{aspect-ratio:1/1;height:min-content}.app .branches .react-aria-Button svg{height:16px}.electrical-component{position:relative}.electrical-component .remove-button{color:#fff;background-color:#00000080;aspect-ratio:1/1;border:none;border-radius:50px;position:absolute;top:0;right:0;transition:background-color .1s;display:flex;justify-content:center;align-items:center}.electrical-component .remove-button:hover{background-color:#0009}.electrical-component .remove-button svg{height:10px}.electrical-component img{width:4em}.branch-container{display:flex;flex-direction:column;height:100%}.branch-container:has(+.spacer) .branch-decoration #line-4,.branch-container:has(+.spacer) .branch-decoration #line-5,.branch-container:has(+.spacer) .branch-decoration #line-6{display:none}.branch-container:first-of-type{margin-left:.5em}.branch-container .branch{border:2px dashed black;border-radius:.5em;margin:.5em .5em 0;padding:.5em;flex-grow:1;display:flex;flex-direction:column}.branch-container .branch .branch-total{display:flex;margin-top:1em;font-family:var(--font-bebas);align-items:center;justify-content:center}.branch-container .branch .branch-total svg{margin-top:-2px;height:12px}.branch-container .branch .branch-actions{display:flex;justify-content:center;align-items:center;gap:.5em;width:100%}.branch-container .branch .branch-actions .react-aria-Button{aspect-ratio:1/1}.branch-container .branch .branch-actions svg{height:16px}.branch-container .branch .component-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:.5em;flex-grow:1;min-width:9em}.branch-container .branch-decoration{position:relative;height:100px;margin-bottom:1em}.branch-container .branch-decoration .branch-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;align-self:center;z-index:5;pointer-events:none}.branch-container .branch-decoration #line-1,.branch-container .branch-decoration #line-2,.branch-container .branch-decoration #line-3,.branch-container .branch-decoration #line-4,.branch-container .branch-decoration #line-5,.branch-container .branch-decoration #line-6{position:absolute;border:1px solid black}.branch-container .branch-decoration #line-1{width:50%;bottom:0;left:0}.branch-container .branch-decoration #line-2{height:20px;bottom:0;left:50%;z-index:1}.branch-container .branch-decoration #line-3{top:0;left:45%;height:20px}.branch-container .branch-decoration #line-4{top:10px;right:45%;height:10px}.branch-container .branch-decoration #line-5{top:10px;right:0;width:45%}.branch-container .branch-decoration #line-6{top:10px;right:0;height:calc(100% - 12px)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:#fff;border:1px solid gray;outline:none;padding:.5em}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}.component-grid{display:grid;grid-gap:.5em;grid-template-columns:repeat(6,1fr)}.component-grid img{width:64px}.battery-component{display:flex;flex-direction:column}.battery-component img{width:4em}.power-input-panel{background-color:var(--rusty-red);padding:1em;flex-basis:min-content;display:flex;flex-direction:column;justify-content:space-between;max-height:100vh}.power-input-panel .total-power{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-bebas)}.power-input-panel .total-power .heading{font-size:1.2em}.power-input-panel .total-power .number{display:flex;font-size:3em;justify-content:center;align-items:center}.power-input-panel .total-power .number svg{height:32px;margin-top:-2px}.power-input-panel p{text-align:center;font-family:var(--font-bebas);margin:0}.power-input-panel .battery-grid{position:relative;display:grid;min-width:128px;grid-template-columns:repeat(2,1fr);border:2px solid black;padding:.5em;border-radius:.5em}.power-input-panel .battery-grid #battery-line{position:absolute;border:1px solid black;width:50px;bottom:-2px;right:-50px}.brand{display:flex;align-items:center;justify-content:center;color:#000}.brand img{width:48px}.brand h1{font-size:2em;margin:5px 3px 0 2px}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:400;src:url(/assets/bebas-neue-v15-latin-regular-dFjLRunK.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:url(/assets/open-sans-v43-latin-300-BuA4N9V4.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/assets/open-sans-v43-latin-regular-D-erVzNr.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/assets/open-sans-v43-latin-600-B_B0eGjx.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:800;src:url(/assets/open-sans-v43-latin-800-BoiSTvTz.woff2) format("woff2")}:root{--rusty-red: #cd412b;--font-bebas: "Bebas Neue", sans-serif;--font-opensans: "Open Sans", sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:var(--font-opensans)}h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-family:var(--font-bebas)}.react-aria-Button{background-color:var(--rusty-red);border:none;color:#fff;padding:.5em;border-radius:2px;transition:background-color .1s}.react-aria-Button:hover{background-color:hsl(from var(--rusty-red) h s calc(l - 10))}.react-aria-Tooltip{box-shadow:0 8px 20px #0000001a;border-radius:4px;background:#000;color:#fff;forced-color-adjust:none;outline:none;padding:4px 8px;max-width:150px;transform:translateZ(0);transition:transform .2s,opacity .2s;font-size:.8em}.react-aria-Tooltip[data-entering],.react-aria-Tooltip[data-exiting]{transform:var(--origin);opacity:0}.react-aria-Tooltip[data-placement=top]{margin-bottom:8px;--origin: translateY(4px)}.react-aria-Tooltip[data-placement=bottom]{margin-top:8px;--origin: translateY(-4px)}.react-aria-Tooltip[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Tooltip[data-placement=right]{margin-left:8px;--origin: translateX(-4px)}.react-aria-Tooltip[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Tooltip[data-placement=left]{margin-right:8px;--origin: translateX(4px)}.react-aria-Tooltip[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Tooltip .react-aria-OverlayArrow svg{display:block;fill:var(--highlight-background)}