.solar-calculator{padding-block:2.5rem}.solar-calculator [hidden]{display:none!important}.solar-calculator__inner{--solar-surface: rgba(var(--color-foreground), .03);--solar-surface-strong: rgba(var(--color-foreground), .06);--solar-border: var(--color-foreground);--solar-border-strong: rgba(var(--color-foreground), .2);--solar-highlight: var(--color-primary);--solar-highlight-subtle: color-mix(in srgb, var(--color-primary) 24%, transparent);--solar-highlight-soft: color-mix(in srgb, var(--color-primary) 14%, transparent);--solar-shadow: 0 20px 60px rgb(var(--color-shadow-rgb, 10 18 32) / .18);display:grid;gap:1.5rem}.solar-calculator__header{display:grid;gap:.5rem;max-width:760px}.solar-calculator__heading{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.solar-calculator__subheading{margin:0;font-size:1rem;line-height:1.6;opacity:.78}.solar-calculator__layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:1.5rem;align-items:start}.solar-calculator__inputs{display:grid;gap:1rem}.solar-panel{padding:1.25rem;background:linear-gradient(180deg,rgba(var(--color-background),.98),rgba(var(--color-background),.94)),var(--solar-surface);color:rgb(var(--color-foreground));border:1px solid var(--solar-border);border-radius:1.5rem;box-shadow:var(--solar-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.solar-calculator__inputs .solar-panel{padding:0;overflow:hidden}.solar-results{margin:0;padding:0;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;color:rgb(var(--color-foreground));display:grid;gap:1.1rem;position:sticky;top:1rem}.solar-results h3,.solar-chart h4{margin:0}.solar-calculator__inputs .solar-panel__head{display:flex;align-items:center;gap:.7rem;margin:0;padding:.95rem 1.25rem;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-background));border-bottom:1px solid rgb(var(--color-border-rgb, 128 128 128) / .35);border-radius:1.5rem 1.5rem 0 0}.solar-panel__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--color-primary);width:2rem;height:2rem}.solar-panel__icon-svg{display:block;fill:currentColor}.solar-calculator__inputs .solar-panel__title{margin:0;flex:1;min-width:0}@media(max-width:749px){.solar-calculator__inputs .solar-panel__title{font-size:1.4rem}}.solar-calculator__inputs .solar-panel__body{padding:1.1rem 1.25rem 1.25rem}.solar-field,.solar-fieldset{display:grid;gap:.45rem}.solar-bill-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.52fr);gap:.8rem}.solar-input-with-suffix{position:relative}.solar-input-with-suffix .solar-input-suffix{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-weight:600;opacity:.78;pointer-events:none}.solar-field--price input[type=number]{padding-right:2rem}.solar-calculator__inputs .solar-panel__body>.solar-field+.solar-field,.solar-calculator__inputs .solar-panel__body>.solar-field+.solar-fieldset,.solar-calculator__inputs .solar-panel__body>.solar-fieldset+.solar-field,.solar-calculator__inputs .solar-panel__body>.solar-fieldset+.solar-fieldset{margin:.9rem 0 0}.solar-field label,.solar-fieldset legend{font-size:.92rem;font-weight:600}.solar-field small{font-size:.8rem;line-height:1.5;opacity:.72}.solar-field input[type=number],.solar-field select{min-height:3.15rem}.solar-field input[type=number],.solar-field select{width:100%;padding:.9rem 1rem;border:1px solid var(--color-input-border, var(--solar-border-strong));border-radius:.95rem;background:var(--color-input-background, rgba(var(--color-background), .95));color:var(--color-input-text, rgb(var(--color-foreground)));-webkit-appearance:none;appearance:none;box-shadow:inset 0 1px #ffffff14;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.solar-input-with-suffix input[type=number]{padding-right:2rem}.solar-field select{background-image:linear-gradient(45deg,transparent 50%,var(--color-input-text, rgb(var(--color-foreground))) 50%),linear-gradient(135deg,var(--color-input-text, rgb(var(--color-foreground))) 50%,transparent 50%);background-position:calc(100% - 1.2rem) calc(50% - .12rem),calc(100% - .85rem) calc(50% - .12rem);background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat;padding-right:2.5rem}.solar-field input[type=number]:focus,.solar-field select:focus{outline:none;border-color:var(--solar-highlight)}.solar-field--checkbox{grid-template-columns:minmax(0,1fr);align-items:center;gap:.75rem}.solar-field--checkbox-card{border:none;background:var(--solar-surface)}.solar-field--checkbox input,.solar-fieldset input[type=radio]{margin:0;width:1.1rem;height:1.1rem;accent-color:var(--solar-highlight)}.solar-field--checkbox label{margin:0;cursor:pointer}.solar-field--checkbox-card .solar-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0}.solar-field--checkbox-card .solar-toggle-label{display:grid;grid-template-columns:auto auto;grid-template-areas:"copy copy" "emoji track";align-items:center;justify-content:start;row-gap:.5rem;column-gap:.65rem;width:100%;min-height:3.1rem;padding:.5rem .35rem}.solar-toggle-copy{grid-area:copy;font-size:.95rem}.solar-toggle-emoji{grid-area:emoji;font-size:1.2rem;line-height:1}.solar-toggle-track{grid-area:track;position:relative;display:inline-flex;align-items:center;width:3.6rem;height:2rem;padding:.2rem;border-radius:999px;background:rgba(var(--color-foreground),.18);border:1px solid var(--color-primary-button-border);transition:background-color .2s ease,box-shadow .2s ease}.solar-toggle-thumb{width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;box-shadow:0 3px 8px #0000004d;border:1px solid;transition:transform .2s ease}.solar-toggle-input:checked+.solar-toggle-label .solar-toggle-track{background:#339b00}.solar-toggle-input:checked+.solar-toggle-label .solar-toggle-thumb{transform:translate(1.6rem)}.solar-toggle-input:focus-visible+.solar-toggle-label .solar-toggle-track{box-shadow:0 0 0 3px rgba(var(--color-button),.28)}.solar-toggle-input:disabled+.solar-toggle-label{cursor:not-allowed;opacity:.65}.solar-fieldset{border:none;padding:0;margin:0}.solar-fieldset legend{padding-bottom:.5rem}.solar-fieldset label{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;border-radius:.8rem;transition:background-color .2s ease}.solar-choice-options,.solar-fieldset--orientation .solar-orientation-options{display:flex;flex-wrap:wrap;gap:.6rem}.solar-choice-options [data-radio-option],.solar-fieldset--orientation [data-orientation-option]{margin:0;cursor:pointer}.solar-choice-options [data-radio-option] input[type=radio],.solar-fieldset--orientation [data-orientation-option] input[type=radio]{position:absolute;opacity:0;pointer-events:none}.solar-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.solar-range input[type=range]{width:100%;accent-color:var(--solar-highlight)}.solar-range output{min-width:4.25rem;padding:.4rem .9rem;text-align:center;font-weight:700}.solar-warning{margin:.5rem 0 0;padding:.9rem 1rem;border-radius:.95rem;background:color-mix(in srgb,var(--color-error) 14%,transparent);color:var(--color-error);font-size:.92rem}.solar-accordion{display:block}.solar-accordion__summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-radius .2s ease}.solar-accordion__summary::-webkit-details-marker,.solar-accordion__summary::marker{display:none;content:""}.solar-calculator__inputs .solar-accordion:not([open])>.solar-accordion__summary{border-radius:1.5rem;border-bottom:none}.solar-accordion__summary:hover,.solar-accordion__summary:focus-visible{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-background))}.solar-accordion__summary:focus-visible{outline:2px solid var(--solar-highlight);outline-offset:-2px}.solar-accordion__chevron{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;color:rgb(var(--color-foreground));opacity:.8}.solar-accordion__chevron svg{width:100%;height:100%}@media(max-width:749px){.solar-calculator__inputs .solar-accordion:not([open])>.solar-accordion__summary{border-radius:1.2rem}}.solar-results__hero{padding:1.25rem;border-radius:1.25rem;border:1px solid var(--solar-highlight-subtle);background:radial-gradient(circle at top right,var(--solar-highlight-soft),transparent 38%),linear-gradient(180deg,rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.02))}.solar-results__eyebrow{margin:0 0 .35rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;opacity:.66}.solar-results__hero-title{font-size:1rem}.solar-results__hero-value{margin-top:.65rem;font-size:clamp(2.6rem,5vw,4rem);line-height:.95;font-weight:700;color:var(--solar-highlight)}.solar-results__hero-value span:last-child{font-size:1.15rem;opacity:.9}.solar-results__hero-meta{margin:.6rem 0 0;font-size:.95rem;opacity:.82}.solar-results__grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.solar-results__item{padding:1rem;border:1px solid var(--solar-border);border-radius:1rem;background:var(--solar-surface)}.solar-results dt{margin:0 0 .35rem;font-size:1rem;line-height:1.5;opacity:.68}.solar-results dd{margin:0;font-size:1.15rem;font-weight:650}.solar-chart{padding:1rem;border:1px solid var(--solar-border);border-radius:1rem;background:linear-gradient(180deg,rgba(var(--color-foreground),.03),rgba(var(--color-foreground),.01))}.solar-chart__header{display:flex;justify-content:flex-start;gap:1rem;align-items:baseline;margin-bottom:.9rem}.solar-chart__canvas-wrap{min-height:22rem}.solar-chart__canvas{display:block;width:100%;height:22rem}.solar-suggestions{--solar-suggestions-columns: 2;display:grid;gap:1.5rem}.solar-suggestions__panel{display:grid;gap:1.25rem}.solar-suggestions__grid{display:grid;grid-template-columns:repeat(var(--solar-suggestions-columns),minmax(0,1fr));gap:1rem;transition:opacity .2s ease}.solar-suggestions__grid[data-updating=true]{opacity:.55;pointer-events:none}.solar-suggestions__message{margin:0;padding:1.25rem;text-align:center;border-radius:.75rem;background:var(--solar-surface);font-size:.95rem}.solar-suggestions__message--error{color:rgb(var(--color-foreground));background:color-mix(in srgb,#e11d48 12%,transparent)}.solar-suggestion-card{position:relative;display:block;border-radius:1rem;background:var(--solar-surface);border:1px solid var(--solar-border-strong);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.solar-suggestion-card:hover{transform:translateY(-2px);box-shadow:var(--solar-shadow);border-color:var(--solar-highlight-subtle)}.solar-suggestion-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.solar-suggestion-card__content{display:grid;gap:.85rem;padding:.85rem}.solar-suggestion-card__media{aspect-ratio:1 / 1;border-radius:.65rem;background:var(--solar-surface-strong);overflow:hidden;display:flex;align-items:center;justify-content:center}.solar-suggestion-card__image{width:100%;height:100%;object-fit:contain}.solar-suggestion-card__image--placeholder{opacity:.4;width:70%;height:70%}.solar-suggestion-card__info{display:grid;gap:.35rem}.solar-suggestion-card__title{margin:0;font-size:1rem;line-height:1.3;font-weight:600}.solar-suggestion-card__price{font-size:1rem;font-weight:700;color:var(--solar-highlight)}.solar-suggestion-card__actions{position:relative;z-index:2;display:flex;margin-top:.25rem}.solar-suggestion-card__form,.solar-suggestion-card__form .shopify-product-form{width:100%}.solar-suggestion-card__form .add-to-cart-button.solar-suggestion-card__add-to-cart{width:100%;padding-block:.55rem;font-size:.9rem;letter-spacing:.01em}.solar-suggestion-card__sold-out{width:100%;padding-block:.55rem;text-align:center;font-size:.85rem;opacity:.6;text-transform:uppercase;letter-spacing:.04em}.solar-suggestion-empty{margin:0;padding:1.25rem;text-align:center;font-size:.9rem;opacity:.7}.solar-suggestions__message--loading{opacity:.7}@media(max-width:1080px){.solar-calculator__layout{grid-template-columns:1fr}.solar-results{position:static}}@media(max-width:749px){.solar-calculator{padding-block:1.75rem}.solar-calculator__inputs .solar-panel{border-radius:1.2rem}.solar-calculator__inputs .solar-panel__head{padding:.85rem 1rem;border-radius:1.2rem 1.2rem 0 0}.solar-calculator__inputs .solar-panel__body{padding:1rem}.solar-chart__canvas-wrap{min-height:18rem}.solar-chart__canvas{height:18rem}.solar-bill-row{grid-template-columns:1fr}.solar-suggestions{--solar-suggestions-columns: 2}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/solar-calculator.css.map */