body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Open Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.condensed-font{font-family:Roboto Condensed,Open Sans,sans-serif}:root,html{--header-height:5rem;--font-size:18px;--page-width:min(var(--font-size) * 60);--t:0.5s ease;--transitions-btn:transform var(--t),opacity var(--t),color var(--t),background-color var(--t);background-color:#242728;background-color:hsl(var(--header-bg,195deg 5% 15%));font-size:18px;font-size:calc(var(--font-size))}@media (max-width:1600px) AND (min-height:800px){:root,html{--font-size:min(10px + min(0.5vw,1vh));--page-width:min(var(--font-size) * 50)}}@media (max-height:700px),(max-width:1200px){:root,html{--font-size:min(7px + min(.75vw,1.28vh));--page-width:min(var(--font-size) * 40)}}@media (max-height:600px),(max-width:600px){:root,html{--font-size:min(2.5px + min(1.5vw,1.5vh));--page-width:min(var(--font-size) * 30,100vw - 2em)}}@media (max-width:360px){:root,html{--font-size:min(2.2vw,4.4vh)}}@media print{:root,html{font-size:16.2px;font-size:calc(var(--font-size)*.9)}}.light-dark-toggle{background-color:#242728;background-color:hsl(var(--header-bg,195deg 5% 15%));display:inline-block;width:3rem}.page-width-content{width:min(18px * 60);width:var(--page-width)}.App{text-align:center}header{grid-gap:1rem;align-content:center;align-items:center;background-color:rgba(48,52,54,.6);background-color:hsl(var(--header-bg,195deg 5% 20%)/.6);box-shadow:0 0 .2rem #000;color:#f9fbfb;color:hsl(var(--header-fg,195deg 25% 98%));display:grid;gap:1rem;height:5rem;left:0;padding:.5rem min(50% - .5 * min(18px * 60));padding:.5rem min(50% - .5 * var(--page-width,80vw));position:-webkit-sticky;position:sticky;right:0;top:0;z-index:5}@media screen{header{position:fixed}}@supports (display:grid){header{grid-template:"a b c" 5rem/auto auto auto;grid-template:"a b c" var(--header-height) /auto auto auto}}@supports NOT (display:grid){header{grid-template:"a b c" 5rem/repeat(3,min(min(18px * 60) * .333333));grid-template:"a b c" var(--header-height) /repeat(3,min(var(--page-width) * .333333))}}header .logo{height:2em;pointer-events:none}.header-logo{align-items:flex-end;display:flex;flex-direction:row;font-size:3rem}.header-logo h1{font-size:inherit;line-height:1;margin:0 0 0 .1em;text-align:left}.logo svg{fill:currentColor;height:100%;width:100%}.header-text{font-size:1.75rem;gap:.1em;height:auto;justify-content:center}.header-btns,.header-text{display:flex;flex-direction:row}.header-btns{align-items:center;gap:.5rem;justify-content:flex-end}.print-btn{--col:195deg 15% 50%;background-color:hsl(var(--col)/.3);border:.1rem solid hsl(var(--col)/.6);border-radius:.75em;color:rgb(var(--fg)/.7);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem 1.5rem;text-transform:uppercase;transition:opacity .5s ease,color .5s ease,background-color .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s ease,color .5s ease,background-color .5s ease;transition:transform .5s ease,opacity .5s ease,color .5s ease,background-color .5s ease,-webkit-transform .5s ease;transition:var(--transitions-btn);width:auto}.print-btn:focus,.print-btn:hover{background-color:rgb(0 0 0/.4);background-color:hsl(var(--col)/.5);color:#000}.light-dark-toggle{--col:195deg 15% 50%;background-color:hsl(var(--col)/.4);border:.1em solid hsl(var(--col)/.6);border-radius:.6em;cursor:pointer;font-size:1rem;height:1em;position:relative;transition:left .5s ease,background-color .5s ease;transition:left var(--t),background-color var(--t);width:2em}.light-dark-toggle:focus,.light-dark-toggle:hover{background-color:hsl(var(--col)/.6)}.light-dark-toggle>*{background-color:hsl(var(--col)/.6);border-radius:inherit;height:1em;position:absolute;transition:left .5s ease,background-color .5s ease;transition:left var(--t),background-color var(--t);width:1em;z-index:2}.light-dark-toggle:after{border-left:.4em solid rgba(236,245,249,.6);border-radius:inherit;border-right:.4em solid rgba(6,16,19,.6);bottom:0;content:"";display:inline-block;left:0;position:absolute;right:0;top:0;z-index:1}.light-dark-toggle--auto>*{left:.5em}.light-dark-toggle--dark>*{background-color:rgba(6,16,19,.6);left:1em}.light-dark-toggle--light>*{background-color:rgba(236,245,249,.6);left:0}main{background-color:#181a1b;background-color:hsl(var(--main-bg,195deg 5% 10%));position:relative;z-index:1}aside,main{color:#fff;color:hsl(var(--fg,0 0% 100%));padding:4rem 0 0}aside{background-color:#181a1b;background-color:hsl(var(--aside-bg,195deg 5% 10%))}aside>section,main>section{padding:3rem min(50% - .5 * min(18px * 60));padding:3rem min(50% - .5 * var(--page-width,80vw))}footer{align-items:center;background-color:#242728;background-color:hsl(var(--footer-bg,195deg 5% 15%));color:#f9fbfb;color:hsl(var(--footer-fg,195deg 25% 98%));display:flex;flex-direction:row;justify-content:space-between;padding:.5rem min(50% - .5 * min(18px * 60));padding:.5rem min(50% - .5 * var(--page-width,80vw))}#page_wrap{display:flex;flex-direction:column;gap:0}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.3rem}h5{font-size:1.1rem}h6{font-size:1rem}.small-text{font-size:.8rem}footer a,header a{color:inherit;text-decoration:none}header{background-color:#f9fbfb;background-color:hsl(var(--header-fg,195deg 25% 98%));color:#303436;color:hsl(var(--header-bg,195deg 5% 20%)/1)}main{background-color:#fff;background-color:hsl(var(--main-bg,0 0% 100%));color:#181a1b;color:hsl(var(--fg,195deg 5% 10%))}@media screen and (prefers-color-scheme:dark){html:has(.App:not(.color-scheme-light)){--header-bg:195deg 5% 15%;--header-fg:195deg 25% 98%;--bg:195deg 5% 10%;--main-bg:var(--bg);--fg:0 0% 100%;--footer-bg:195deg 5% 15%;--footer-fg:195deg 25% 98%}.App:not(.color-scheme-light) header{background-color:rgba(48,52,54,.6);background-color:hsl(var(--header-bg,195deg 5% 20%)/.6);color:#f9fbfb;color:hsl(var(--header-fg,195deg 25% 98%))}.App:not(.color-scheme-light) main{background-color:#181a1b;background-color:hsl(var(--main-bg,195deg 5% 10%));color:#fff;color:hsl(var(--fg,0 0% 100%))}.App:not(.color-scheme-light) .print-btn{background-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7)}.App:not(.color-scheme-light) .print-btn:focus,.App:not(.color-scheme-light) .print-btn:hover{background-color:hsla(0,0%,100%,.4);color:#fff}}@media screen{.App.color-scheme-dark,:root:has(.color-scheme-dark),html:has(.color-scheme-dark){--header-bg:195deg 5% 15%;--header-fg:195deg 25% 98%;--bg:195deg 5% 10%;--main-bg:var(--bg);--fg:0 0% 100%;--footer-bg:195deg 5% 15%;--footer-fg:195deg 25% 98%}.App.color-scheme-dark	header{background-color:rgba(48,52,54,.6);background-color:hsl(var(--header-bg,195deg 5% 20%)/.6);color:#f9fbfb;color:hsl(var(--header-fg,195deg 25% 98%))}.App.color-scheme-dark	main{background-color:#181a1b;background-color:hsl(var(--main-bg,195deg 5% 10%));color:#fff;color:hsl(var(--fg,0 0% 100%))}.App.color-scheme-dark	.print-btn{background-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7)}.App.color-scheme-dark	.print-btn:focus,.App.color-scheme-dark	.print-btn:hover{background-color:hsla(0,0%,100%,.4);color:#fff}}@media print{header{box-shadow:0 0 0 transparent}#page_wrap,#page_wrap>.page-calc,#root,#root>.App,body,html,main{align-items:center;height:auto;justify-content:center}.header-btns,footer{display:none}}main.page-calc{align-items:flex-start;flex-direction:row;justify-content:space-around}main.page-calc,main.page-calc section{align-content:flex-start;display:flex;flex-wrap:wrap}main.page-calc section{align-items:center;flex-direction:column;gap:1em;justify-content:space-between;min-width:min(var(--page-width) * .5 - 1em);padding:0;width:auto}main.page-calc{--main-bg:195deg 15% 99%;--main-bg-op:.3;--field-bg:195deg 25% 30%;--field-bd:195deg 5% 95%;--field-fg:195deg 5% 95%;--fg:195deg 25% 1%;--highlight-col:#5cb8d6;--chart-col-1:#7aa8b8;--chart-col-2:#b8807a}.inputs_wrap{grid-gap:1em;display:grid;flex-direction:row;grid-template:"heading heading"auto "panelProps usage"auto "panelQty usage"auto "price usage"auto/1fr 1fr;justify-content:space-evenly}.inputs_wrap,.inputs_wrap__inner{display:flex;flex-wrap:wrap;gap:1em}.inputs_wrap__inner{flex-direction:column;height:auto}.input__field__input{all:unset;display:inline-block;padding:0 .2em!important;text-align:right;width:auto}.page-calc :is(h1,h2,h3,h4,h5,h6){margin:0}.inputs__heading{grid-area:heading}.inputs__panel_props{grid-area:panelProps}.inputs__panel_props,.inputs__panel_qty{align-content:center;align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;justify-items:center}.inputs__panel_qty{grid-area:panelQty}.inputs__panel_qty .input__field__inner{min-width:0;width:2em}.inputs__panel_qty input{width:100%}.inputs__panel_qty .input__field__unit_after{display:none}.inputs__panels h4{grid-area:heading}.inputs__price,.inputs__usage{grid-gap:.5rem;align-content:center;align-items:center;display:grid;gap:.5rem;justify-content:center;justify-items:center}.inputs__usage{grid-area:usage}.highlight{color:hsl(var(--fg));font-size:3rem;font-weight:300;line-height:1;margin:.5rem;position:relative}.highlight .report__unit{bottom:0;font-size:1.2rem;font-weight:500;left:100%;margin-left:.25rem;position:absolute}.highlight .report__unit--pre{bottom:auto;left:auto;right:100%;top:0}.outputs--result{border:.2rem solid var(--highlight-col);border-radius:1rem;margin:1rem auto 0;padding:.5rem 1rem;text-transform:uppercase;width:auto}.avg_red_result{font-size:1.5rem}.inputs__direction{grid-gap:.5rem;display:grid;gap:.5rem}.inputs__direction--north{grid-area:north}.inputs__direction--east{grid-area:east}.inputs__direction--west{grid-area:west}.inputs__direction--south{grid-area:south}.inputs__usage .input__field__label{min-width:5em}.input__field__label{letter-spacing:-.05em;min-width:5em;padding:0 .25rem 0 0;text-align:right;-webkit-transform-origin:right;transform-origin:right}.input__field__label--facing{min-width:6em}.input__field__inc-dec,.input__field__inner{align-items:center;background-color:initial;border:0;border-left:inherit;color:inherit;display:flex;font:inherit;height:100%;justify-content:center;overflow:hidden;padding:0;width:1.5em}.input__field__inc-dec :is(.input__field__increment,.input__field__decrement){border:0;cursor:pointer;height:50%;padding:0 .25rem 0 0;width:100%}.input__field__inc-dec :is(.input__field__increment,.input__field__decrement):is(:hover,:focus){background-color:rgba(57,86,96,.2);background-color:hsl(var(--field-fg,195deg 25% 30%)/.2);color:hsla(195,5%,95%,.8);color:hsl(var(--field-fg,195deg 5% 95%)/.8)}.input__field__inc-dec{flex-direction:column;gap:0}.input__field__inner{justify-content:flex-end;min-width:4.25em;padding:0 .25em}.input__field{align-content:center;align-items:center;display:flex;gap:0;justify-content:space-between;justify-items:center;overflow:hidden}.input__field.input__field--btn{font-size:1rem;padding:.25em .75em}.input__field--unit_before{grid-template:"label unit input"auto/1fr 6rem 1rem}.input__field--unit_after{grid-template:"label input unit"auto/1fr 6rem 1rem}.input__field:after{text-align:left;width:1em}.input__field__unit_before{text-align:right}.input__field__unit_after{font-size:70%;min-width:.6rem;position:relative;top:0;width:auto}.input__field__unit_before:before{content:var(--unit_before)}.input__field__unit_after:empty:before{content:var(--unit_after)}.input__field__unit_after,.input__field__unit_before{display:inline-block}.input__field--power{--unit_after:"W"}.input__field--angle{--unit_after:"°"}.input__field--shade{--unit_after:"%"}.input__field--usage{--unit_after:"kWh"}.input__field--price{--unit_after:"¢/kWh"}.input__field__unit_after{align-items:flex-start;text-align:left}#field-kwhPrice
.input__field__unit_after{min-width:1.7rem}.inputs__usage
.input__field__unit_after{min-width:1.3rem}.inputs__usage
.input__field__input{width:3rem}.inputs__usage
.input__field__inner{width:4rem}.input__field__input{width:4.5em}#input-price{width:auto}.input__field__input::-webkit-inner-spin-button,.input__field__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input__field__input[type=number]{-webkit-appearance:textfield;appearance:textfield}.input__field{background:rgba(57,86,96,.7);background:hsl(var(--field-bg,195deg 25% 30%)/.7);border:.1em solid hsla(195,5%,95%,.8);border:.1em solid hsl(var(--field-bd,195deg 5% 95%)/.8);border-radius:1em;color:hsla(195,5%,95%,.8);color:hsl(var(--field-fg,195deg 5% 95%)/.8);height:1.5em;line-height:1;padding:0}::-webkit-input-placeholder{color:hsla(195,5%,95%,.6);color:hsl(var(--field-fg,195deg 5% 95%)/.6)}::placeholder{color:hsla(195,5%,95%,.6);color:hsl(var(--field-fg,195deg 5% 95%)/.6)}::-ms-input-placeholder{color:hsla(195,5%,95%,.6);color:hsl(var(--field-fg,195deg 5% 95%)/.6)}@media (max-width:1280px){.inputs__panels{align-content:center;align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;justify-items:center}}.fields__wrap{display:flex;flex-direction:column;gap:.5rem}.bar-graph__bar{stroke:none;stroke-width:0}.bar-graph__bar.usage-month{fill:var(--chart-col-1)}.bar-graph__label.usage-month--usage{stroke:var();paint-order:stroke fill}.bar-graph__label{fill:currentColor}.line-graph{stroke:var(--chart-col-2);stroke-width:.5;fill:transparent}.graph-grid{stroke:hsl(0 0% 100%/.6);stroke-width:.125;fill:transparent}.graph-grid__label{fill:hsl(0 0% 100%/.6)}:has(>[tooltip]){align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center;position:relative;width:100%}[tooltip]:before{background-color:rgba(0,0,0,.6);border-radius:.25em;color:hsl(0 0% 100%/.6);content:attr(tooltip);max-width:none;opacity:0;padding:.25em .5em;pointer-events:none;position:absolute;top:3em;transition:opacity .2s ease-in-out,top .2s ease-in-out;width:auto;z-index:2}[tooltip]:hover:before{opacity:1;top:2em;transition:opacity .5s ease-in-out .2s,top .5s ease-in-out .2s}.table_wrap{align-items:stretch;flex-direction:column;justify-content:center}.table_row,.table_wrap{align-content:center;display:flex}.table_row{align-items:center;flex-direction:row;justify-content:space-between;width:auto}.table_row--total{font-weight:bolder;padding-top:.5rem}.table_cell{display:flex;flex-direction:column}span.table_cell{display:inline-block}.calculation_report__outputs{display:flex;flex-direction:column;gap:1rem}.calculation_report .outputs{align-items:center;display:flex;flex-direction:column;gap:.2em}.calculation_report .table_wrap{width:18rem}main.page-calc section.calculation_report{display:grid;grid-template:"outputs notes" auto/1fr 1fr}.calculation_report__bill_reduction,.calculation_report__generation{align-items:center;display:flex;flex-direction:row;gap:inherit}.calculation_report__bill_reduction .outputs,.calculation_report__generation .outputs{align-items:center;display:flex;flex-direction:column;width:20rem}.calculation_report__bill_reduction .note,.calculation_report__generation .note{display:block;text-align:left;width:20rem}.calculation_report__bill_reduction .table_wrap,.calculation_report__generation .table_wrap{width:18rem}.calculation_report{align-content:center;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;min-width:min(var(--page-width) * .5 - 1em)}.report__unit{font-size:60%;margin-left:.5em;opacity:1}.report__unit--pre{position:relative;top:-.5em}.outputs_wrap svg{width:min(max(35vw,80vh),var(--page-width))}.inputs_wrap__inner--panels_and_price{align-items:start;display:grid;grid-template:"panels qty" auto "price qty" auto "none none" 1fr/1fr 1fr;height:auto}.inputs__panel_props{grid-area:panels}.inputs__panel_qty{grid-area:qty}.inputs__price{grid-area:price}.calculation_report__outputs h4,.inputs__panel_props h4,.inputs__panel_qty h4,.inputs__usage h4{-webkit-text-decoration:underline .1em solid hsl(var(--fg));text-decoration:underline .1em solid hsl(var(--fg))}@media (min-aspect-ratio:16/9){main.page-calc{grid-gap:2rem;display:grid;gap:2rem;grid-template:"inputs_wrap outputs_graph" auto "calculation_report outputs_graph" auto "calculation_report info" auto/11fr 9fr;justify-items:center;padding:min(var(--header-height) + 2rem) 4rem 3rem}.inputs__usage .fields__wrap{flex-wrap:wrap;height:13rem}.inputs_wrap{grid-area:inputs_wrap}main.page-calc .info-instruct{align-content:center;grid-area:info;min-width:0;width:100%}.info-instruct>div{margin:auto;max-width:min(100% - 1rem,35vw)}.calculation_report{grid-area:calculation_report}.outputs_graph{grid-area:outputs_graph}.outputs_graph svg{width:min(35vw,var(--page-width))}}@media (max-aspect-ratio:3/4){main.page-calc{padding:min(var(--header-height) + 2rem) 4rem 3rem}.inputs__usage .fields__wrap{flex-wrap:nowrap;height:auto}.inputs_wrap{align-items:start;display:grid;grid-template:"a b" auto/1fr 1fr;justify-items:center;width:auto}.inputs_wrap .inputs_wrap__inner--usage{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:auto}.calculation_report__outputs{flex-direction:column}.inputs_wrap__inner--panels_and_price{align-items:start;display:grid;display:flex;flex-direction:column;grid-template:"panels qty" auto "price qty" auto "none none" 1fr/1fr 1fr;height:auto}}.input__field{background-color:hsla(195,5%,95%,.8);background-color:hsl(var(--field-fg,195deg 5% 95%)/.8);border-color:.1em solid hsla(195,5%,95%,.8);border-color:.1em solid hsl(var(--field-bd,195deg 5% 95%)/.8);color:#395660;color:hsl(var(--field-bg,195deg 25% 30%))}::-webkit-input-placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-fg,195deg 25% 30%)/.6);opacity:1}::placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-fg,195deg 25% 30%)/.6);opacity:1}::-ms-input-placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-fg,195deg 25% 30%)/.6)}.graph-grid__label{fill:rgba(0,0,0,.6)}.graph-grid{stroke:rgba(0,0,0,.6)}@media screen and (prefers-color-scheme:dark){.App:not(.color-scheme-light) main.page-calc{--main-bg:195deg 15% 20%;--main-bg-op:.3;--field-bg:195deg 25% 30%;--field-bd:195deg 5% 95%;--field-fg:195deg 5% 95%;--fg:195deg 25% 99%;--highlight-col:#4b879b;--chart-col-1:#477585;--chart-col-2:#854d47}.App:not(.color-scheme-light) .input__field{background-color:rgba(57,86,96,.7);background-color:hsl(var(--field-bg,195deg 25% 30%)/.7);border-color:.1em solid hsla(195,5%,95%,.8);border-color:.1em solid hsl(var(--field-bd,195deg 5% 95%)/.8);color:hsla(195,5%,95%,.8);color:hsl(var(--field-fg,195deg 5% 95%)/.8)}.App:not(.color-scheme-light) ::-webkit-input-placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-fg,195deg 25% 30%)/.6);opacity:1}.App:not(.color-scheme-light) ::placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-fg,195deg 25% 30%)/.6);opacity:1}.App:not(.color-scheme-light) ::-ms-input-placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-fg,195deg 25% 30%)/.6)}.App:not(.color-scheme-light) .graph-grid__label{fill:hsl(0 0% 100%/.6)}.App:not(.color-scheme-light) .graph-grid{stroke:hsl(0 0% 100%/.6)}}@media screen{.App.color-scheme-dark main.page-calc{--main-bg:195deg 15% 20%;--main-bg-op:.3;--field-bg:195deg 25% 30%;--field-bd:195deg 5% 95%;--field-fg:195deg 5% 95%;--fg:195deg 25% 99%;--highlight-col:#4b879b;--chart-col-1:#477585;--chart-col-2:#854d47}.App.color-scheme-dark .input__field{background-color:rgba(57,86,96,.7);background-color:hsl(var(--field-bg,195deg 25% 30%)/.7);border-color:.1em solid hsla(195,5%,95%,.8);border-color:.1em solid hsl(var(--field-bd,195deg 5% 95%)/.8);color:hsla(195,5%,95%,.8);color:hsl(var(--field-fg,195deg 5% 95%)/.8)}.App.color-scheme-dark ::-webkit-input-placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-bg,195deg 25% 30%)/.6);opacity:1}.App.color-scheme-dark ::placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-bg,195deg 25% 30%)/.6);opacity:1}.App.color-scheme-dark ::-ms-input-placeholder{color:rgba(57,86,96,.6);color:hsl(var(--field-bg,195deg 25% 30%)/.6)}.App.color-scheme-dark .graph-grid__label{fill:hsl(0 0% 100%/.6)}.App.color-scheme-dark .graph-grid{stroke:hsl(0 0% 100%/.6)}}@media print{.input__field{background:transparent;border-width:0;color:#000;height:auto;padding:0}.inputs_wrap__inner--panels_and_price{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-evenly}.input__field__decrement,.input__field__increment{display:none}:root,html{background-color:#fff}#page_wrap{align-items:center;display:flex;justify-content:center;width:100vw}main.page-calc{grid-gap:2rem;display:grid;gap:2rem;grid-template:"inputs report" auto "graph graph" auto "info info" auto;justify-content:center;padding:2rem}.input__field__label:after{content:":"}.inputs_wrap{grid-area:inputs}.calculation_report{grid-area:report}.calculation_report *{max-width:100%}main.page-calc .info-instruct{align-content:center;grid-area:info;justify-content:center}.info-instruct *{max-width:100%!important;width:100%}.outputs_graph{grid-area:graph}.outputs_graph>*{width:min(100% - 2rem)}.outputs_graph svg{margin:auto;width:60vw}.page-calc .outputs__heading{font-size:1.5rem}.fields__wrap{gap:.25rem}.inputs__heading{display:none}main.page-calc{max-width:calc(100vw - 1in)}.report__unit{opacity:1}#page_wrap ::-webkit-input-placeholder{color:#181a1b!important;opacity:1}#page_wrap ::placeholder{color:#181a1b!important;opacity:1}button{display:none}}@media print AND (max-aspect-ratio:1/1){main.page-calc{display:grid;grid-template:"inputs" auto "report" auto "graph" auto "info" auto;justify-items:center;padding:0}.inputs_wrap .inputs_wrap__inner--panels_and_price{align-content:flex-start;align-items:flex-start;align-items:start;display:flex;display:grid;flex-direction:row;flex-wrap:wrap;grid-template:"panels qty" auto "price qty" auto "none none" 1fr/1fr 1fr;height:auto;justify-content:space-evenly;width:auto}.inputs__usage .fields__wrap{flex-wrap:wrap;height:9rem}main.page-calc section{align-content:center;min-width:min(var(--page-width) * .5 + 50vw)}}@media print AND (min-aspect-ratio:1/1){main.page-calc{display:grid;grid-template:"inputs report" auto "inputs graph" auto "info graph" auto/1fr 1fr;padding:1rem}main.page-calc .outputs_graph{max-width:none;min-width:0;min-width:auto;width:min(50vw - 8rem)}main.page-calc .outputs_graph>*{margin:0 0 0 1rem;max-width:none;min-width:0;min-width:auto;width:100%}.inputs_wrap{flex-wrap:nowrap}}#page_wrap.og_image footer,#page_wrap.og_image header{display:none}#page_wrap.og_image main.page-calc{display:grid;grid-template:"outputs_graph" 1fr/1fr;padding:2.5rem}#page_wrap.og_image .outputs__heading{display:none}#page_wrap.og_image main.page-calc section.outputs_graph{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}#page_wrap.og_imagesection.outputs_graph>svg{margin:0 0 0 -30%;overflow:visible;position:relative;-webkit-transform:perspective(100vw) rotateY(15deg);transform:perspective(100vw) rotateY(15deg);width:64%;z-index:-2;z-index:3}#page_wrap.og_imagesection.outputs_graph>svg:nth-last-of-type(2) path,#page_wrap.og_imagesection.outputs_graph>svg:nth-last-of-type(2) text{fill:hsl(0 0% 100%/.8)!important;position:relative;z-index:3}#page_wrap.og_imagesection.outputs_graph>svg:last-of-type{left:-20%;margin-left:-86%;position:relative;-webkit-transform:perspective(100vw) rotateY(-25deg);transform:perspective(100vw) rotateY(-25deg);width:72%;z-index:-1}#page_wrap.og_image main.page-calc section:not(.outputs_graph){display:none}@media screen{:has(>.background-img){position:relative;z-index:2}main>.background-img:after{background-color:rgba(43,55,59,.3);background-color:hsl(var(--main-bg,195deg 15% 20%)/var(--main-bg-op,.3));bottom:0;content:" ";display:inline-block;left:0;position:absolute;right:0;top:0;z-index:1}.background-img img{bottom:min(50% - 50vw,0px);position:absolute;top:min(50% - 50vh,0px)}@supports (object-fit:cover) AND (object-position:center){.background-img img{bottom:auto;min-height:100%;min-width:100%;object-fit:cover;object-position:center;position:static;top:auto}}.background-img{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}:has(>.background-img)>.background-img{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}:has(>.background-img)>*{position:relative;z-index:2}}@media print{.background-img{display:none}}
/*# sourceMappingURL=main.8e160e0a.css.map*/